:root{--bg:#000;--surface-1:#0d0d0e;--surface-2:#161618;--surface-3:#1f1f22;--border:#242427;--border-strong:#34343a;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent:#2fbf8f;--accent-soft:#2fbf8f24;--on-accent:#05130d;--danger:#ff453a;--warning:#ffd60a;--success:var(--accent);--radius:14px;--radius-sm:10px;--radius-pill:999px;--gap:12px;--pad:16px;--nav-h:62px;--maxw:640px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface-1);border-radius:var(--radius);padding:var(--pad)}.muted{color:var(--text-secondary)}.dim{color:var(--text-muted)}.accent{color:var(--accent)}.h-title{margin:0;font-size:20px;font-weight:600}.proj-bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.proj-bar>span{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1),background .4s;display:block}@keyframes projPulse{0%,to{box-shadow:0 0 0 0 var(--pulse,#ffffff59)}60%{box-shadow:0 0 0 6px #0000}}.proj-dot-cur{animation:1.9s ease-out infinite projPulse}@keyframes lockShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.lock-shake{animation:.45s lockShake}.home-check,.home-chip,.home-quick-action{transition:transform .12s}.home-check:active,.home-chip:active,.home-quick-action:active{transform:scale(.88)}.home-quick-action:active{transform:scale(.94)}@keyframes flameFlicker{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(-4deg)}}.flame-flicker{transform-origin:50%;animation:1.6s ease-in-out infinite flameFlicker}@keyframes greetPop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.home-greet-icon{animation:.5s cubic-bezier(.34,1.56,.64,1) greetPop}.h-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:500}.settings-section{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:2px}.settings-section>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:4px 0 12px;list-style:none;display:flex}.settings-section>summary::-webkit-details-marker{display:none}.settings-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.settings-section-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.settings-section[open]>summary .settings-section-chevron{transform:rotate(180deg)}.btn{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:0 0}.field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--text-muted)}.select-inline{background:0 0;border:none;border-radius:0;width:auto;padding:0}.seg{background:var(--surface-2);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--text-secondary);border-radius:var(--radius-pill);background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:500}.seg button[data-active=true]{background:var(--accent);color:var(--on-accent)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:.22s both rise}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes noesis-view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes noesis-view-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root){animation:.12s both noesis-view-out}::view-transition-new(root){animation:.16s both noesis-view-in}.shell{height:100%;display:flex}.sidebar{display:none}.content{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.content-inner{max-width:var(--maxw);padding:calc(58px + env(safe-area-inset-top,0px)) 16px 8px;margin:0 auto}.topbar{z-index:22;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 8px 0;border-bottom:1px solid var(--border);background:#060608f7;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0;right:0}.topbar .burger{color:var(--text-primary);background:0 0;border:none;border-radius:10px;padding:9px;display:flex}.topbar .burger:active{background:var(--surface-1)}.topbar .tb-brand{font-size:17px;font-weight:600}.drawer-backdrop{z-index:44;background:#00000080;position:fixed;inset:0}.drawer{z-index:45;background:var(--surface-1);border-right:1px solid var(--border);width:272px;max-width:82vw;padding:calc(18px + env(safe-area-inset-top,0px)) 12px calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:3px;animation:.18s drawerIn;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer .d-brand{color:var(--text-primary);padding:6px 12px 16px;font-size:20px;font-weight:600}.drawer a{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:13px;padding:12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.drawer a.on{background:var(--accent-soft);color:var(--accent)}.drawer a:active{background:var(--surface-2)}.tabbar{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:#060608f7;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-width:0;color:var(--text-muted);white-space:nowrap;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.tabbar a.on{color:var(--accent)}.undo-toast{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 14px);z-index:30;width:calc(100% - 32px);max-width:460px;color:var(--text-primary);border:1px solid var(--border);background:#17171a;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 26px #0000008c}@media (width>=900px){.undo-toast{bottom:20px;left:auto;right:24px;transform:none}}.fab{z-index:25;right:18px;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px);background:var(--accent);width:56px;height:56px;color:var(--on-accent);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex;position:fixed;box-shadow:0 6px 20px #00000080}.fab:active{transform:scale(.92)}@media (width>=900px){.tabbar,.topbar,.drawer,.drawer-backdrop{display:none}.shell{height:auto;min-height:100%}.content{padding-bottom:0;overflow:visible}.content-inner{padding:32px 24px}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:232px;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:8px 12px 20px;font-size:20px;font-weight:600}.sidebar a{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:11px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.sidebar a:hover{background:var(--surface-1);color:var(--text-primary)}.sidebar a.on{background:var(--accent-soft);color:var(--accent)}.fab{border-radius:var(--radius-sm);width:auto;height:auto;box-shadow:none;justify-content:flex-start;gap:10px;margin-top:12px;padding:12px;font-size:15px;font-weight:500;position:static}.content>.fab{display:none}}.qc-backdrop{z-index:40;height:100dvh;padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 32px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.qc-sheet{width:100%;max-width:520px;max-height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom,0px) - 64px);overscroll-behavior:contain;background:var(--surface-1);border:1px solid var(--border);border-radius:18px;padding:16px 18px;overflow-y:auto}@media (width>=900px){.qc-backdrop{padding:16px}.qc-sheet{max-height:86dvh}}.qc-grip{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;height:24px;margin:-8px 0 4px;display:none}.qc-grip:before{content:"";background:var(--surface-3);border-radius:2px;width:36px;height:4px}@media (width<=899px){.qc-grip{display:flex}}.qc-foot{background:var(--surface-1);box-shadow:0 -12px 12px -6px var(--surface-1);margin-top:4px;padding-top:12px;position:sticky;bottom:0}