:root,:root[data-theme=light]{--bg:#f9fafb;--bg-elevated:#fff;--card:#fff;--card-2:#fff;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--text-dim:#9ca3af;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#2563eb1a;--secondary:#60a5fa;--secondary-soft:#60a5fa1a;--highlight:#6366f1;--success:#22c55e;--success-soft:#22c55e1f;--warn:#f59e0b;--warn-soft:#f59e0b1f;--danger:#ef4444;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-sm:0 1px 3px #0000000d}:root[data-theme=dark]{--bg:#0a0f1e;--bg-elevated:#111a30;--card:#141d38;--card-2:#16213f;--border:#22304f;--text:#f8fafc;--text-muted:#9aa8c2;--text-dim:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#2563eb29;--secondary:#60a5fa;--secondary-soft:#60a5fa29;--success:#22c55e;--success-soft:#22c55e29;--warn:#f59e0b;--warn-soft:#f59e0b29;--danger:#ef4444;--shadow:0 12px 34px #0006;--shadow-sm:0 4px 16px #00000040}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-pjs), "Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased;min-height:100%;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1140px;margin:0 auto;padding:0 24px}.app-container{max-width:560px;margin:0 auto;padding:0 24px}.screen{min-height:100dvh;padding-bottom:92px}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.reward-hero{color:#fff;border-radius:28px;padding:32px 24px 24px;position:relative;overflow:hidden;box-shadow:0 16px 32px #3b6df640}.reward-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);width:70%;height:70%;position:absolute;top:-20%;right:-20%}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff6}:root[data-theme=dark] .glass{background:#141d3899;border:1px solid #22304f66}.card.glass{box-shadow:var(--shadow-sm);background:#ffffffb3}:root[data-theme=dark] .card.glass{background:#141d3899}.card-tap{transition:transform .15s,box-shadow .15s}.card-tap:active{transform:scale(.99)}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500}.stat-value{letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:800}.stat-unit{color:var(--text-muted);margin-left:4px;font-size:14px;font-weight:600}.btn{border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:0 24px;font-size:16px;font-weight:700;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);color:#04140a}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.nav-item{width:100%;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--bg);color:var(--text);border:1px solid var(--border);font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-tertiary{color:var(--text-muted);background:0 0;min-height:auto;padding:8px}.btn-tertiary:hover{color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-lg{border-radius:20px;min-height:64px;font-size:18px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-muted);font-size:14px;font-weight:500}.input{background:var(--bg-elevated);border:1px solid var(--border);min-height:56px;color:var(--text);border-radius:18px;outline:none;width:100%;padding:0 20px;font-size:16px;transition:border .15s}.input:focus{border-color:var(--primary)}.badge{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.progress{background:var(--bg-elevated);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--primary), var(--highlight));border-radius:999px;height:100%;display:block}.h1{letter-spacing:-.02em;color:#111827;font-size:28px;font-weight:700}.h2{color:#111827;font-size:20px;font-weight:600}.h3{color:#111827;font-size:16px;font-weight:600}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:18px;font-weight:800}.brand span{color:var(--primary)}.brand-dot{background:linear-gradient(135deg, var(--primary), var(--highlight));color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.icon-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);background:0 0;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg-elevated)}.dot-badge{background:var(--danger);border-radius:999px;width:8px;height:8px;position:absolute;top:8px;right:8px}.bottomnav{z-index:30;background:color-mix(in srgb, var(--card) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:12px 6px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.navtab{color:var(--text-dim);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.navtab.active{color:var(--primary)}.navtab svg{stroke-width:2px}.center-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{width:100%;max-width:420px}.streak-track{gap:8px;display:flex}.streak-day{text-align:center;flex:1}.streak-pill{border:1px solid var(--border);background:var(--bg-elevated);height:48px;color:var(--text-muted);border-radius:14px;place-items:center;font-size:14px;font-weight:800;display:grid}.streak-pill.done{background:var(--success-soft);color:var(--success);border-color:#0000}.streak-pill.today{background:var(--primary);color:#fff;border-color:#0000}.chart{align-items:flex-end;gap:8px;height:100px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--secondary), var(--primary));border-radius:8px 8px 4px 4px;flex:1;min-height:8px}.landing-hero{text-align:center;padding:80px 0 60px}.hero-title{letter-spacing:-.04em;font-size:clamp(38px,8vw,72px);font-weight:800;line-height:1.05}.hero-grad{background:linear-gradient(90deg, var(--primary), var(--highlight));color:#0000;-webkit-background-clip:text;background-clip:text}.pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.mock{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:32px;overflow:hidden}.faq-item{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:24px}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding:40px 0}@keyframes zc-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes zc-pop{0%{transform:scale(.95)}60%{transform:scale(1.02)}to{transform:scale(1)}}.fade-up{animation:.4s both zc-fade-up}.pop{animation:.3s both zc-pop}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.table-container{border:1px solid var(--border);background:#fff;border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:16px 24px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:#111827;padding:16px 24px;font-size:14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg)}.avatar-placeholder{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.app-layout{background:var(--bg);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-navbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}