:root{--ink:#10110f;--paper:#f0efe9;--white:#faf9f5;--muted:#60635d;--line:#b8b6ae;--accent:#d9ff43;--orange:#c8381a;--display:"Oswald",sans-serif;--body:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}:where(a,button,input):focus-visible{outline:3px solid var(--orange);outline-offset:3px}.account-header :where(a,button):focus-visible,.signed-in-card :where(a,button):focus-visible{outline-color:var(--accent)}.account-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:var(--white);background:var(--ink);border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:700 22px/1 var(--display);letter-spacing:.055em}.brand-mark{display:inline-flex;align-items:end;gap:2px;width:22px;height:24px;transform:skew(-8deg)}.brand-mark i{display:block;width:6px;background:var(--accent)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:24px}.back-link{display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.76);text-decoration:none;text-transform:uppercase;font:500 10px var(--mono)}.back-link:hover{color:var(--accent)}
.account-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:88px 0 110px}.account-intro{position:relative;padding:0 0 55px;border-bottom:1px solid var(--ink)}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--muted);text-transform:uppercase;font:500 11px var(--mono);letter-spacing:.08em}.kicker span{width:25px;height:2px;background:var(--orange)}.account-intro h1{margin:0;text-transform:uppercase;font:600 clamp(62px,9vw,118px)/.88 var(--display);letter-spacing:-.045em}.account-intro h1 em{color:var(--orange);font-style:normal}.account-intro>p:not(.kicker){max-width:600px;margin:27px 0;color:var(--muted);font-size:15px;line-height:1.7}.storage-state{display:inline-flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);background:var(--white);text-transform:uppercase;font:500 10px/1.5 var(--mono)}.storage-state i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#9a6800}.storage-state.good i{background:#327a31}.storage-state.warn{border-color:#9a6800;color:#654600;background:#fff8dc}.storage-state.warn i{background:#9a6800}.storage-state.bad{border-color:#c54835;color:#812516;background:#fff0eb}.storage-state.bad i{background:#c54835}
.account-access{padding-top:48px}.account-message{margin-bottom:20px;padding:15px 17px;border-left:4px solid var(--orange);color:#812516;background:#fff0eb;font-size:12px;line-height:1.55}.panel-message{margin:0 0 2px;scroll-margin-top:18px}.panel-message:focus{outline:3px solid var(--orange);outline-offset:2px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--line)}.auth-panel{min-width:0;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.auth-panel.active{box-shadow:inset 0 5px 0 var(--accent)}.panel-index{margin:0 0 40px;color:var(--orange);text-transform:uppercase;font:500 10px var(--mono)}.auth-panel h2,.signed-in-card h2,.account-loading h2{margin:0;text-transform:uppercase;font:600 48px/1 var(--display)}.auth-panel>p:not(.panel-index){min-height:42px;margin:12px 0 25px;color:var(--muted);font-size:13px;line-height:1.6}.auth-panel form{display:grid;gap:14px}.auth-panel label{color:var(--muted);text-transform:uppercase;font:500 10px var(--mono)}.auth-panel input{height:49px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;padding:0 13px;font:500 14px var(--body)}.auth-panel input[aria-invalid="true"]{border-color:var(--orange)}.auth-panel input:focus-visible{outline:3px solid var(--orange);outline-offset:-3px;border-color:var(--ink)}.auth-panel small{min-height:32px;color:var(--muted);font-size:10px;line-height:1.5}.auth-panel button,.signed-actions a,.signed-actions button,.account-loading button{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;color:var(--white);background:var(--ink);padding:0 16px;text-decoration:none;text-transform:uppercase;font:600 10px var(--mono);cursor:pointer}.auth-panel button:hover:not(:disabled),.signed-actions a:hover,.signed-actions button:hover:not(:disabled),.account-loading button:hover{color:var(--ink);background:var(--accent)}
.signed-in-card,.account-loading{margin-top:48px;padding:34px;color:var(--white);background:var(--ink)}.signed-in-card[hidden],.account-access[hidden],.account-loading[hidden]{display:none}.signed-in-card .kicker,.account-loading .kicker{color:var(--accent)}.signed-in-card p:not(.kicker),.account-loading>p:not(.kicker){color:rgba(255,255,255,.72);font-size:13px;line-height:1.6}.signed-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:24px}.signed-actions a,.signed-actions button,.account-loading button{border:1px solid rgba(255,255,255,.32)}.signed-in-message{margin-top:20px;margin-bottom:0;color:#2c0904;background:#ffd9cf}.account-loading button{width:fit-content;margin-top:22px}
.build-footer{padding:22px 34px;color:var(--accent);background:var(--ink);border-top:1px solid rgba(255,255,255,.14);text-align:center;text-transform:uppercase;font:500 8px var(--mono);letter-spacing:.1em}
@media(max-width:720px){.account-header{height:64px;padding:0 15px}.account-page{width:calc(100% - 28px);padding:60px 0 75px}.account-intro h1{font-size:clamp(48px,16vw,76px);overflow-wrap:anywhere}.auth-grid{grid-template-columns:1fr}.auth-panel{padding:25px;scroll-margin-top:16px}.auth-panel h2,.account-loading h2{font-size:42px}.auth-panel input{font-size:16px}.auth-panel small{font-size:11px}.signed-actions{grid-template-columns:1fr}.storage-state{align-items:flex-start;line-height:1.5}.signed-in-card,.account-loading{padding:25px}.back-link{font-size:9px}}

/* Mobile/PWA polish */
:where(a,button,input){touch-action:manipulation}.account-header{height:auto;min-height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(34px,env(safe-area-inset-left));padding-right:max(34px,env(safe-area-inset-right))}.account-nav{display:flex;align-items:center;gap:6px}.account-nav .back-link{padding-inline:8px}.account-page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.signed-in-card p{overflow-wrap:anywhere}.build-footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.build-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:720px){.account-header{height:auto;min-height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.account-nav{gap:0}.account-nav .back-link{padding-inline:6px}.account-page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.auth-panel button,.signed-actions a,.signed-actions button,.account-loading button{min-height:52px}}
@media(max-width:360px){.brand>span:last-child{display:none}.account-nav .back-link{font-size:8px}}