*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f8f8f8;color:#171717;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}main{max-width:480px;margin:auto;padding:max(36px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom))}header{text-align:center;padding:20px 0 28px}.logo{width:80px;height:80px}h1{font-size:32px;letter-spacing:-1px;margin:18px 0 0}nav{display:grid;gap:12px}.account{display:flex;align-items:center;gap:16px;min-height:88px;padding:20px;background:#fff;border:1px solid #e9e9e9;border-radius:22px;color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}.account:hover{border-color:#fe4901;transform:translateY(-2px)}.account:active{transform:scale(.98)}.account svg{width:28px;height:28px;color:#fe4901;flex-shrink:0}.account strong{font-size:18px;display:block}.account small{display:block;color:#686868;font-size:14px;margin-top:4px}.arrow{margin-inline-start:auto;color:#777;font-size:24px}footer{text-align:center;margin-top:30px}select{font:inherit;font-size:14px;border:1px solid #dedede;border-radius:12px;background:#fff;color:inherit;padding:10px;max-width:100%}a:focus-visible,select:focus-visible{outline:3px solid #fe4901;outline-offset:4px}@media(prefers-color-scheme:dark){body{background:#171717;color:#fafafa}.account,select{background:#242424;border-color:#383838}.account small{color:#bdbdbd}}@media(prefers-reduced-motion:reduce){.account{transition:none}}