:root,[data-theme=light]{--primary:#0d4d47;--primary-dark:#0a3630;--accent:#e8b84b;--bg:#fff;--ink:#0f2019;--muted:#5c6b67;--muted-soft:#8a9c99;--border:#e5edeb;--card:#f5f8f7;--mint:#e2f1ec;--mint-soft:#eef5f3;--cream:#fbf0d9;--peach:#f3e0d2;--blue-gray:#dde8ec;--gold-ink:#a9761f;--gold-ink-dark:#6b4a12;--success:#178f4c;--success-bg:#e3f5ea;--danger:#d92d2d;--shadow-card:0 24px 60px #0f20191f;--shadow-pill:0 16px 40px #0d4d4729}[data-theme=dark]{--primary:#6ee7c9;--primary-dark:#4fd3b0;--accent:#f0cd7b;--bg:#071612;--ink:#f4faf7;--muted:#a9c2ba;--muted-soft:#7fa79c;--border:#ffffff1f;--card:#ffffff0f;--mint:#6ee7c924;--mint-soft:#ffffff12;--cream:#f0cd7b29;--peach:#f0a07b24;--blue-gray:#8caabe24;--gold-ink:#f0cd7b;--gold-ink-dark:#f0cd7b;--success:#6ee7c9;--success-bg:#6ee7c924;--danger:#ff6b6b;--shadow-card:0 24px 60px #00000073;--shadow-pill:0 16px 40px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Poppins,-apple-system,sans-serif;transition:background-color .2s,color .2s}a{color:var(--primary)}#root{min-height:100vh}.screen{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.screen-content{flex-direction:column;flex:1;gap:18px;padding:28px 20px 110px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.icon-btn{background:var(--mint-soft);cursor:pointer;width:38px;height:38px;color:var(--ink);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.title{font-size:15px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:20px}.btn{cursor:pointer;color:#fff;background:var(--primary);border:none;border-radius:999px;width:100%;padding:15px;font-family:inherit;font-size:14px;font-weight:700}[data-theme=dark] .btn{color:#04211c}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border:1px solid var(--border);cursor:pointer;width:100%;color:var(--ink);background:var(--bg);border-radius:999px;padding:14px;font-family:inherit;font-size:13.5px;font-weight:700}.btn-google{letter-spacing:-.01em;justify-content:center;align-items:center;gap:12px;padding:13px;font-size:15px;font-weight:700;display:flex}.input-row{background:var(--mint-soft);border-radius:14px;align-items:center;gap:10px;padding:13px 15px;display:flex}.input-row input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13.5px}.input-row input::placeholder{color:var(--muted-soft)}.bottomnav{width:calc(100% - 32px);max-width:448px;box-shadow:var(--shadow-pill);background:var(--bg);border:1px solid var(--border);z-index:20;border-radius:999px;justify-content:space-around;align-items:center;padding:12px 6px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted-soft);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-family:inherit;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item span{white-space:nowrap;font-size:8.5px;font-weight:700}.section-label{font-size:13px;font-weight:800}.muted{color:var(--muted)}.center{justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-msg{text-align:center;color:var(--muted);padding:24px 0;font-size:12.5px}