.menu-button{min-width:44px;position:relative;z-index:20}.topbar{position:relative;z-index:20}
.brand-copy{min-width:0}.header-datetime{margin-left:auto;max-width:112px;color:#a8dfff;font-size:11px;font-weight:750;line-height:1.25;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:390px){.topbar{gap:8px}.topbar .mark{width:34px;height:34px}.header-datetime{max-width:94px;font-size:10px}}
.drawer-overlay{backdrop-filter:blur(5px)}
.settings-drawer{display:flex;flex-direction:column;width:min(370px,94vw);padding:0 18px max(20px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #2b749c;background:radial-gradient(circle at 0 0,#123452 0,transparent 32%),#071321;box-shadow:20px 0 70px #000c,1px 0 22px #29b8ff26}
.settings-drawer[hidden]{display:none}.settings-drawer>header{position:sticky;top:0;z-index:2;min-height:76px;padding:max(14px,env(safe-area-inset-top)) 0 12px;background:linear-gradient(#071321 75%,transparent);border-bottom:1px solid #1d405a}.settings-drawer>header h2{font-size:21px;letter-spacing:.08em}.settings-drawer>header button{min-width:48px;height:48px;border-color:#315b77;background:#0c2032}
.drawer-nav{display:grid;gap:8px;padding:16px 0 10px}.drawer-nav button,.drawer-compact button{min-height:58px;width:100%;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;align-items:center;padding:9px 12px;border:1px solid #1b405c;border-radius:13px;background:linear-gradient(135deg,#0d2236,#091827)}.drawer-nav button>span,.drawer-compact button>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid #287aa8;border-radius:10px;color:#65d3ff;background:#0b2a40}.drawer-nav b,.drawer-compact b{align-self:end;font-size:14px}.drawer-nav small,.drawer-compact small{align-self:start;color:#8faabe;font-size:11px}.drawer-nav em{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#28aee8;color:#03121e;font-style:normal;font-weight:800}
.drawer-panel{margin:6px 0 12px;padding:16px;border:1px solid #245271;border-radius:15px;background:#0a1b2c;box-shadow:inset 0 1px #ffffff09}.drawer-panel[hidden]{display:none}.drawer-panel h3{margin:0 0 7px;font-size:16px}.drawer-panel p{margin:0 0 12px;color:#98afc2;line-height:1.45}.drawer-panel button,.drawer-panel a{min-height:48px;margin-top:8px;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #3483aa;border-radius:12px;background:#0e2a40;color:#effaff;text-decoration:none}.drawer-panel button+button,.google-row+ .google-row{margin-top:10px}.drawer-panel button:disabled{opacity:.58}.connection-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:#173248;color:#9db5c8}.connection-badge.connected{background:#123e35;color:#63e2b0}.connection-badge.error{background:#481f29;color:#ff8795}.google-row{padding:12px;border:1px solid #1c3c55;border-radius:12px}.google-row header{display:flex;justify-content:space-between;align-items:center}.google-row h4{margin:0}.google-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.google-actions button{min-width:0}
.drawer-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 0 14px}.drawer-compact button{grid-template-columns:30px 1fr;min-height:54px;padding:8px}.drawer-compact button>span{width:28px;height:28px}.settings-drawer>footer{margin-top:auto;padding-top:18px;border-top:1px solid #1d405a}.settings-drawer .danger{border-color:#713344;background:#24141d;color:#ff9eaa}.settings-drawer>footer .danger{width:100%;min-height:48px;border-radius:12px}
.drawer-memory{margin-top:10px;padding:12px;border:1px solid #244963;border-radius:12px;background:#091725}.drawer-memory b,.drawer-memory small,.drawer-memory span{display:block}.drawer-memory small{margin:3px 0 7px;color:#86a4ba}.drawer-memory div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-memory button{min-height:44px}
dialog{padding:0;max-height:calc(100dvh - 28px);overflow:auto}dialog[open]{animation:panel-in .18s ease-out}.step{padding:28px 22px}.step>button,.finish{min-height:52px}.choices{gap:12px}.choices span{padding:16px}.onboard-top{position:sticky;top:0;z-index:2;background:#081522}.onboard-back{min-height:44px}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}