:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0418;--card: #14082a;--card-accent: #1e0a3c;--border: rgba(168, 85, 247, .15);--border-accent: rgba(0, 240, 255, .3);--field: #0f0524;--field-placeholder: #6b5b8a;--accent: #00f0ff;--accent-light: #33f3ff;--accent2: #ff3d9a;--orange: #ff8c00;--purple: #a855f7;--on-accent: #0a0418;--text: #e0d0ff;--heading: #ffffff;--muted: #9d8ec4;--dim: #6b5b8a;--success: #00f0ff;--danger: #ff3d9a;--warn: #ff8c00;--mono: #00f0ff;--nav-bg: rgba(10, 4, 24, .85);--glow: 0 0 18px rgba(0, 240, 255, .35);--glow-soft: 0 0 12px rgba(0, 240, 255, .18);--grid: rgba(0, 240, 255, .04);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=light]{color-scheme:light;--bg: #eef2f6;--card: #ffffff;--card-accent: #eefafa;--border: rgba(10, 24, 36, .1);--border-accent: rgba(10, 143, 143, .28);--field: #f2f6f9;--field-placeholder: #8494a0;--accent: #0a8f8f;--accent-light: #13c2c2;--accent2: #c026a8;--on-accent: #ffffff;--text: #0d1b24;--heading: #05141c;--muted: #52616b;--dim: #8494a0;--success: #0a9d75;--danger: #d83a52;--warn: #a9701a;--mono: #0a6c7a;--nav-bg: rgba(255, 255, 255, .8);--glow: 0 2px 10px rgba(10, 143, 143, .14);--glow-soft: 0 1px 6px rgba(10, 143, 143, .1);--grid: rgba(10, 143, 143, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 100% 44px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 44px 100%,var(--bg);background-attachment:fixed;color:var(--text);min-height:100dvh;min-height:100vh;overflow-x:hidden;padding-bottom:calc(54px + var(--safe-bottom));transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}.page{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:calc(16px + var(--safe-top)) 16px 16px}.page-header{display:flex;align-items:center;gap:10px;padding:12px 0 20px}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;color:var(--heading);text-shadow:var(--glow-soft)}.page-header .logo{color:var(--accent);font-weight:700;text-shadow:var(--glow)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-accent);display:flex;justify-content:space-around;padding:5px 0 calc(5px + var(--safe-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.65rem;color:var(--dim);padding:3px 10px;border-radius:12px;transition:color .2s}.nav-item.active{color:var(--accent);text-shadow:var(--glow-soft)}.nav-item.active svg{filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}.nav-item.active span{text-shadow:var(--glow-soft)}.nav-item svg{width:20px;height:20px}.nav-item span{font-weight:600}.card{background:var(--card);border:1px solid var(--border-accent);border-radius:14px;padding:20px;margin-bottom:12px;text-align:justify;box-shadow:0 0 0 1px transparent;transition:border-color .2s,box-shadow .2s}.card:active{border-color:var(--accent);box-shadow:var(--glow-soft)}.card.card-accent{border-color:var(--accent);background:var(--card-accent);box-shadow:var(--glow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:.95rem;width:100%;transition:transform .12s,background .12s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--glow);border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 24px #00f0ff80}.btn-secondary{background:transparent;border:1px solid var(--border-accent);color:var(--accent)}.btn-secondary:hover{background:#00f0ff0f}.btn-danger{background:#ff3d9a14;color:var(--danger);border:1px solid rgba(255,61,154,.3)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;border-radius:20px;padding:6px 14px}.badge-success{background:#00f0ff14;color:var(--success);border:1px solid rgba(0,240,255,.3)}.badge-danger{background:#ff3d9a14;color:var(--danger);border:1px solid rgba(255,61,154,.3)}.badge-warn{background:#ff8c0014;color:var(--warn);border:1px solid rgba(255,140,0,.3)}.mono{font-family:ui-monospace,Courier New,monospace;font-size:.82rem;color:var(--mono);word-break:break-all}input,textarea,select{background:var(--field);color:var(--text);border:1px solid var(--border);transition:background-color .25s,color .25s,border-color .2s}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1}input::placeholder,textarea::placeholder{color:var(--field-placeholder);opacity:1}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-soft),0 0 0 2px #00f0ff14}.card{transition:background-color .25s,border-color .25s}.theme-switch{flex:0 0 auto;margin-left:8px;padding:0;width:48px;height:24px;border-radius:999px;background:var(--field);border:1px solid var(--border-accent);position:relative;box-shadow:var(--glow-soft);transition:background .25s,border-color .25s}.theme-switch:before{content:"🌙";position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;opacity:.85}.theme-switch:after{content:"☀️";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;opacity:.55}.theme-switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:var(--glow);z-index:1;transition:transform .22s cubic-bezier(.4,1.3,.6,1),background .25s,width .12s}:root[data-theme=light] .theme-switch .knob{transform:translate(24px)}:root[data-theme=light] .theme-switch:before{opacity:.5}:root[data-theme=light] .theme-switch:after{opacity:.95}.theme-switch:active .knob{width:22px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}[data-reveal]:not([data-stagger]),.reveal{opacity:0;transform:translateY(24px)}[data-stagger]>*{opacity:0;transform:translateY(20px)}@media(prefers-reduced-motion:reduce){[data-reveal],.reveal,[data-stagger]>*{opacity:1;transform:none}}@view-transition{navigation:auto}.bottom-nav{view-transition-name:bottom-nav}::view-transition-group(bottom-nav){animation:none}::view-transition-old(root){animation:vt-fade-out .18s ease both}::view-transition-new(root){animation:vt-fade-in .22s ease both}html:active-view-transition-type(push)::view-transition-old(root){animation:vt-push-old .3s cubic-bezier(.32,.72,0,1) both}html:active-view-transition-type(push)::view-transition-new(root){animation:vt-push-new .3s cubic-bezier(.32,.72,0,1) both}html:active-view-transition-type(pop)::view-transition-old(root){animation:vt-pop-old .3s cubic-bezier(.32,.72,0,1) both;z-index:1}html:active-view-transition-type(pop)::view-transition-new(root){animation:vt-pop-new .3s cubic-bezier(.32,.72,0,1) both}html:active-view-transition-type(push)::view-transition-new(root),html:active-view-transition-type(pop)::view-transition-old(root){box-shadow:-16px 0 36px #00000059}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-push-old{to{transform:translate(-24%);filter:brightness(.75)}}@keyframes vt-push-new{0%{transform:translate(100%)}}@keyframes vt-pop-old{to{transform:translate(100%)}}@keyframes vt-pop-new{0%{transform:translate(-24%);filter:brightness(.75)}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html.authed .bottom-nav .auth-only{display:flex!important}html.authed .guest-only{display:none!important}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 8px #00f0ff4d}@keyframes spin{to{transform:rotate(360deg)}}