:root{--bg:#111214;--surface:#1a1b1f;--surface-2:#222328;--line:#2e2f35;--text:#e8e6e1;--muted:#9a988f;--accent:#c9a25c;--ok:#6fbf8a;--warn:#d9b45a;--bad:#e07a6a;--radius:12px;--tabbar:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{text-align:center;width:100%;max-width:360px}.auth-card h1{letter-spacing:.02em;font-weight:600}.input{border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;border-radius:10px;padding:12px 14px;font-size:16px}.btn{background:var(--text);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:16px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0}.hint{color:var(--muted);font-size:14px}.link{cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.shell{min-height:100vh}.main{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.topbar{z-index:2;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:20px;font-weight:600}.content{max-width:760px;padding:20px 16px}.empty,.error-state,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.empty h2{margin:0 0 6px;font-size:18px;font-weight:600}.empty p{color:var(--muted);margin:0}.error-state p{margin:0 0 4px}.error-state .btn{width:auto}.panel+.panel,.empty+.panel{margin-top:16px}.panel h2{margin:0 0 8px;font-size:16px;font-weight:600}.panel p{margin:0 0 8px}.panel .btn{width:auto}.capture-note{color:var(--muted);margin-top:16px;font-size:14px}.sync{font-size:14px;position:relative}.sync-summary{background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.sync-detail{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);width:min(340px,100vw - 32px);padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0006}.sync-detail p{margin:0}.sync-detail ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sync-detail li{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.sync-email{overflow-wrap:anywhere}.sync-state{color:var(--muted);grid-column:2;font-size:13px}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-bad{background:var(--bad)}.sidebar{display:none}.bottombar{z-index:3;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;min-height:44px;font-size:13px;text-decoration:none;display:grid}.tab.active{color:var(--text);box-shadow:inset 0 2px 0 var(--accent);font-weight:600}.more-sheet{z-index:4;left:8px;right:8px;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 8px);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:grid;position:fixed;overflow:hidden}.backdrop{z-index:3;background:#0006;position:fixed;inset:0}.panel>.btn:first-child{margin-top:0}.more-link{border-bottom:1px solid var(--line);padding:14px 16px;text-decoration:none}.more-link:last-child{border-bottom:none}.more-link.active{color:var(--accent);font-weight:600}@media (width>=900px){.shell{grid-template-columns:220px 1fr;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:2px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;padding:4px 12px 16px;font-weight:600}.side-link{color:var(--muted);border-radius:8px;padding:9px 12px;text-decoration:none}.side-link:hover{background:var(--surface-2);color:var(--text)}.side-link.active{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.bottombar,.more-sheet{display:none}.main{padding-bottom:0}.topbar{padding:16px 28px}.content{padding:28px}}