.topbar{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:14px}.topbar__right{margin-left:auto}.account-avatar{order:-1;flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #a78bfa88;color:#eee6ff;background:#a78bfa26;font-size:14px;font-weight:800;cursor:pointer}.account-avatar:hover{background:#a78bfa44}.account-avatar:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}.bottom-nav{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr)) 16px repeat(3,minmax(0,1fr));grid-auto-columns:auto}.nav-divider{place-self:center;width:5px;height:5px;background:var(--muted,#98a3b3);opacity:.7;border-radius:50%}.account-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:26px 24px;width:min(350px,calc(100vw - 28px));max-width:none;max-height:none;height:100dvh;box-sizing:border-box;background:var(--panel,#141c29);color:var(--text,#f3f4f6);border:0;border-right:1px solid #ffffff20;box-shadow:20px 0 70px #0006;overflow-y:auto}.account-drawer[open]{animation:drawer-in .2s ease-out}.account-drawer::backdrop{background:#03071299;backdrop-filter:blur(3px)}.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-kicker{text-transform:lowercase;letter-spacing:2px;font-weight:850;color:#bda7fc}.drawer-close{width:36px;height:36px;background:transparent;border:1px solid #8893a644;border-radius:50%;font-size:25px;line-height:1;color:inherit;cursor:pointer}.drawer-identity{display:flex;align-items:center;gap:14px;padding:32px 0 26px;border-bottom:1px solid #8793a633}.drawer-avatar{display:grid;place-items:center;width:54px;height:54px;background:#a78bfa28;border:1px solid #a78bfa77;border-radius:50%;font-weight:bold;color:#bda7fc;flex:none}.drawer-identity h2{font-size:19px;margin:0;overflow-wrap:anywhere}.drawer-identity p{margin:4px 0 0;color:var(--muted,#a2aabb);font-size:13px}.drawer-links{display:grid;gap:5px;padding:22px 0}.drawer-links a{display:flex;justify-content:space-between;padding:12px;border-radius:10px;color:inherit;text-decoration:none}.drawer-links a:hover{background:#a78bfa18}.drawer-links a span{opacity:.5}.drawer-actions{display:grid;gap:8px;padding-top:20px;border-top:1px solid #8793a633}.drawer-actions button,.drawer-actions a{font:inherit;color:inherit;background:none;border:0;padding:10px 12px;text-align:left;cursor:pointer;text-decoration:none;border-radius:8px}.drawer-actions button:hover{background:#a78bfa18}.drawer-actions .danger-link{color:#ff8f9c}.drawer-status{font-size:12px;color:var(--muted,#9ca3af);margin-top:22px}.auth-shell.auth-login{display:block;max-width:392px;margin:55px auto 80px;padding:20px}.form-container{box-sizing:border-box;width:100%;border-radius:12px;background:#111827;padding:32px;color:#f3f4f6;border:1px solid #374151;box-shadow:0 22px 65px #0003}.form-container .title{text-align:center;font-size:24px;line-height:32px;font-weight:750;margin:0}.auth-brand{text-align:center;color:#a78bfa;font-size:12px;font-weight:800;letter-spacing:3px;margin:0 0 12px}.form{margin-top:24px}.input-group{margin-top:18px;font-size:14px;line-height:20px}.input-group label{display:block;color:#9ca3af;margin-bottom:6px}.input-group input{box-sizing:border-box;width:100%;border-radius:6px;border:1px solid #374151;background:#111827;padding:12px 16px;color:#f3f4f6;font:inherit;outline:none}.input-group input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa18}.password-row{position:relative}.password-row input{padding-right:50px}.password-visibility{position:absolute;right:5px;top:6px;width:34px;height:32px;background:none;border:0;color:#c7c0db;cursor:pointer}.password-visibility svg{width:19px;height:19px}.form-container .sign{display:block;width:100%;background:#a78bfa;padding:13px;text-align:center;color:#111827;border:0;border-radius:6px;font:inherit;font-weight:750;cursor:pointer;margin-top:18px}.form-container .sign:disabled{opacity:.55}.form-error{color:#fda4af;font-size:13px;line-height:1.5;min-height:0;margin:10px 0}.form-error:empty{display:none}.social-message{display:flex;align-items:center;gap:12px;padding:24px 0 14px}.social-message .line{height:1px;flex:1;background:#374151}.social-message p{margin:0;font-size:12px;color:#9ca3af}.google-placeholder{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #374151;border-radius:6px;padding:11px;background:transparent;color:#b1b6c3;font:inherit}.google-placeholder b{font-size:20px;color:#d1d5db}.google-note{font-size:11px;line-height:1.6;color:#8993a5;text-align:center;margin:8px 0}.signup{text-align:center;font-size:12px;color:#9ca3af;line-height:1.7;margin:24px 0 0}.signup button{color:#f3f4f6;border:0;background:none;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login-fineprint{text-align:center;font-size:11px;color:var(--muted,#9ca3af);line-height:1.6;margin:20px 0}.settings-section{grid-column:1/-1;scroll-margin-top:90px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.settings-grid form{border:1px solid #6c738544;border-radius:16px;padding:22px}.settings-grid label{display:block;margin:12px 0 5px;font-size:14px}.settings-grid input{box-sizing:border-box;width:100%;padding:11px;border:1px solid #657083;border-radius:8px;background:var(--bg,#101821);color:inherit;font:inherit}.settings-grid button{margin-top:16px;padding:11px 16px;border:0;border-radius:8px;background:#a78bfa;color:#111827;font:inherit;font-weight:700;cursor:pointer}.settings-grid .danger-button{background:#b53149;color:white}.settings-grid .danger-form{border-color:#e6566b77}.settings-message{font-size:13px;line-height:1.5;min-height:20px}.auth-note a{color:inherit}.auth-shell.account-profile{margin-top:30px}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:600px){.account-drawer{padding:20px}.auth-shell.auth-login{margin-top:20px;padding:16px}.form-container{padding:27px}.settings-grid{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr)) 10px repeat(3,minmax(0,1fr))}.nav-divider{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){.account-drawer[open]{animation:none}}

/* Keep the same navigation reachable on every page and above the drawer backdrop. */
body.has-bottom-nav{padding-bottom:110px}
.account-drawer{height:calc(100dvh - 88px - env(safe-area-inset-bottom));padding-bottom:24px}
.account-drawer .bottom-nav{color:var(--ink,#eaeef4);text-align:center;z-index:100}
@media(min-width:720px){.account-drawer{height:calc(100dvh - 108px - env(safe-area-inset-bottom))}}
@media(max-width:719px){body.has-bottom-nav{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
.account-drawer[open]{animation:drawer-fade .16s ease-out}@keyframes drawer-fade{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.account-drawer[open]{animation:none}}