@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #0066ff;--color-primary-dark: #0052cc;--color-sky: #3b9dff;--color-aqua: #00e5c8;--color-navy: #0b2a6b;--color-dark: #0f172a;--color-primary-soft: #e6f0ff;--gradient-brand: linear-gradient(135deg, #0066ff 0%, #00e5c8 100%);--color-bg: #f0f6ff;--color-card: #ffffff;--color-text: #0b2a6b;--color-text-muted: #5b6b8c;--color-border: #dbe6f6;--color-locked: #a3b0c7;--color-link: #0066ff;--color-wordmark: #0b2a6b;--color-success: #10b981;--color-success-bg: #e6faf3;--color-success-border: #a7f0c2;--color-success-chip: #d3f8e1;--color-streak: #ff8a3d;--color-streak-bg: #fff4ea;--color-streak-border: var(--color-streak-border);--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warning: #d97706;--color-tint-from: #e6f0ff;--color-tint-to: #dffbf6;--color-tint-border: #cfe3ff;--color-locked-bg: #e4ecf8;--color-switch-knob: #ffffff;--color-input-bg: #ffffff;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-card: 0 1px 3px rgba(11, 42, 107, .06), 0 4px 14px rgba(11, 42, 107, .04);--shadow-brand: 0 8px 20px rgba(0, 102, 255, .28);--font-sans: "Inter Variable", "Inter", Arial, Helvetica, sans-serif;color-scheme:light}:root[data-theme=dark]{--color-primary-soft: #14305e;--color-bg: #0f172a;--color-card: #172240;--color-text: #eaf1ff;--color-text-muted: #9aabc9;--color-border: #28385c;--color-locked: #5f7094;--color-link: #5aaeff;--color-wordmark: #ffffff;--color-success: #34d399;--color-success-bg: #0f3a30;--color-success-border: #1c5c4a;--color-success-chip: #14503f;--color-streak: #ff9d57;--color-streak-bg: #3a2616;--color-streak-border: #6b4524;--color-danger: #f87171;--color-danger-bg: #3a1a1f;--color-warning: #fbbf24;--color-tint-from: #14305e;--color-tint-to: #0f3a3a;--color-tint-border: #24508f;--color-locked-bg: #1f2d4d;--color-input-bg: #0f172a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .25);--shadow-brand: 0 8px 20px rgba(0, 102, 255, .35);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}.brand-logo{display:inline-flex;align-items:center}.brand-wordmark{font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--color-wordmark)}.brand-wordmark.on-dark{color:#fff}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;background:var(--color-bg);padding-bottom:24px}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-sky) 100%);color:#fff;border:none;border-radius:999px;padding:14px 24px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;width:100%;box-shadow:var(--shadow-brand);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--color-locked);box-shadow:none;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-link);border:1.5px solid var(--color-link);border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;width:100%;transition:background .15s ease}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft)}input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;margin-bottom:12px}input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);resize:vertical}.textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{background:var(--color-card);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:100%;box-shadow:0 20px 50px #00000040}.modal-icon{font-size:32px;margin-bottom:12px}.modal-title{font-size:16px;font-weight:800;margin-bottom:8px}.modal-message{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;gap:10px}.btn-danger{background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;flex:1}.btn-danger:disabled{background:#9ca3af;cursor:not-allowed}.level-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:10px}.level-option-row.current{background:var(--color-success-bg);border-color:var(--color-success-border)}.level-option-left{display:flex;align-items:center;gap:12px}.level-option-icon{width:40px;height:40px;border-radius:50%;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.level-option-name{font-size:15px;font-weight:800}.level-option-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--color-success);background:var(--color-success-chip);padding:2px 10px;border-radius:999px;margin-top:3px}.level-switch-btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.level-switch-btn:disabled{background:var(--color-locked);cursor:not-allowed}.mini-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.mini-badge.primary{background:var(--color-primary-soft);color:var(--color-link)}.mini-badge.muted{background:var(--color-bg);color:var(--color-text-muted)}.progress-track{background:var(--color-border);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-aqua));height:100%;border-radius:999px;transition:width .3s ease}.progress-fill.success{background:var(--color-success)}.bg-screen-outer{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--color-bg)}.bg-screen{position:relative;width:100%;max-width:430px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background-image:url(/background.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:0 0 40px #0b2a6b14}.bg-screen-inner{width:100%;max-width:380px;text-align:center}.bg-screen-title{color:var(--color-text);font-size:30px;font-weight:800;margin-bottom:6px}.bg-screen-subtitle{color:var(--color-text);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:28px}.level-btn{display:block;width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-sky) 100%);color:#fff;border:none;border-radius:var(--radius-lg);padding:18px 24px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;margin-bottom:14px;box-shadow:var(--shadow-brand);transition:transform .15s ease,box-shadow .15s ease}.level-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0066ff5c}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted);margin-top:10px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:2px 0}.settings-toggle-row .toggle-label{color:var(--color-text);font-size:14px;font-weight:600}.settings-toggle-row .toggle-switch-highlight{display:inline-flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-primary);border-radius:999px;padding:3px 4px}.settings-toggle-row .toggle-switch{transform:scale(1.1)}.settings-toggle-row .toggle-slider{background:var(--color-text-muted)}.settings-toggle-row .toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.player-screen{position:fixed;inset:0;background:radial-gradient(circle at 85% 92%,rgba(0,229,200,.14) 0%,transparent 45%),radial-gradient(circle at 25% 10%,#123f94 0%,var(--color-navy) 38%,var(--color-dark) 85%);color:#fff;overflow-y:auto}.player-inner{width:100%;max-width:430px;margin:0 auto;min-height:100vh;padding:20px 20px 32px;display:flex;flex-direction:column;box-sizing:border-box}.player-back{background:none;border:none;color:#ffffffa6;font-size:14px;cursor:pointer;align-self:flex-start;padding:8px 0;margin-bottom:12px}.player-topic-label{text-align:center;color:#ffffff8c;font-size:13px;margin-bottom:28px}.player-ring-wrap{position:relative;width:220px;height:220px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.player-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-timer{font-size:42px;font-weight:800;letter-spacing:.5px}.player-target{font-size:12px;color:#ffffff8c;margin-top:6px}.player-play-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:10px;padding:16px 34px;border-radius:999px;border:none;background:var(--gradient-brand);color:#fff;font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;margin:0 auto 28px;box-shadow:0 14px 30px #06f6,0 0 0 1px #ffffff14 inset}.player-play-btn .icon{font-size:16px}.player-options{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:4px 16px;margin-bottom:24px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;cursor:pointer}.toggle-row+.toggle-row{border-top:1px solid rgba(255,255,255,.08)}.toggle-label{color:#ffffffd9;font-size:13px}.toggle-switch{position:relative;width:44px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#fff3;border-radius:999px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--color-switch-knob);border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.player-screen .toggle-switch input:checked+.toggle-slider{background:var(--color-aqua)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.player-complete-btn{margin-top:auto}.player-playlist-trigger{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 20px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffd9;font-size:12px;font-weight:700;cursor:pointer}.player-content-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px}.player-content-label{font-size:11px;font-weight:700;color:#ffffff80;letter-spacing:.4px;margin-bottom:6px}.player-content-text{font-size:13px;line-height:1.6;color:#ffffffe6;margin:0}.player-playlist-modal{background:var(--color-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:18px;max-width:340px;width:100%;max-height:70vh;overflow-y:auto;color:#fff}.player-playlist-modal-title{font-size:13px;font-weight:800;text-align:center;color:#fff9;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.player-playlist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px}.player-playlist-row+.player-playlist-row{border-top:1px solid rgba(255,255,255,.06)}.player-playlist-row-topic{font-size:13px;font-weight:600;color:#ffffffd9}.player-playlist-row.active .player-playlist-row-topic{color:var(--color-aqua);font-weight:800}.player-playlist-row-status{font-size:11px;color:#ffffff80;flex-shrink:0}.player-playlist-row.active .player-playlist-row-status{color:var(--color-aqua);font-weight:700}.player-playlist-modal-close{width:100%;margin-top:12px;padding:10px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffffbf;font-size:13px;font-weight:700;cursor:pointer}.app-shell.has-bottom-nav{padding-bottom:100px}.home-header{display:flex;justify-content:space-between;align-items:center;padding:16px}.home-logo{font-size:22px;font-weight:800;color:var(--color-link)}.home-bell{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-muted)}.stats-row{display:flex;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 16px 12px;overflow:hidden}.stats-col{flex:1;text-align:center;padding:14px 8px}.stats-col+.stats-col{border-left:1px solid var(--color-border)}.stats-label{font-size:10px;color:var(--color-text-muted);font-weight:700;letter-spacing:.3px;margin-bottom:6px}.stats-value{font-size:17px;font-weight:800}.progress-card{background:linear-gradient(135deg,var(--color-tint-from) 0%,var(--color-tint-to) 100%);border:1px solid var(--color-tint-border);border-radius:var(--radius-lg);margin:0 16px 12px;padding:16px}.progress-card-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.progress-card-label{font-size:10px;color:var(--color-text-muted);font-weight:700;letter-spacing:.3px;margin-bottom:4px}.progress-card-value{font-size:14px;font-weight:800}.progress-card-bars{display:flex;gap:12px}.streak-card{display:flex;align-items:center;gap:10px;background:var(--color-streak-bg);border:1px solid var(--color-streak-border);border-radius:var(--radius-lg);margin:0 16px 12px;padding:10px 12px}.streak-card--full{margin-left:0;margin-right:0}.streak-card-icon{width:34px;height:34px;border-radius:50%;background:var(--color-card);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.streak-card-body{flex:1}.streak-card-top-row{display:flex;align-items:baseline;gap:6px}.streak-card-value{font-size:16px;font-weight:800;color:var(--color-streak)}.streak-card-label{font-size:11px;font-weight:700}.streak-card-status{font-size:10px;font-weight:600;margin-top:1px}.streak-card-status.checked-in{color:var(--color-success)}.streak-card-status.not-checked-in{color:var(--color-text-muted)}.streak-card-longest{font-size:10px;color:var(--color-text-muted);margin-top:3px}.leaderboard-my-rank-label{font-size:11px;font-weight:700;color:var(--color-text-muted);margin:6px 0}.ranking-podium-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:16px}.ranking-podium-card{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 6px}.ranking-podium-card.elevated{border:2px solid #ffd166;padding:18px 6px;margin-bottom:8px}.ranking-podium-card.highlight{background:var(--color-streak-bg)}.ranking-podium-name{font-size:12px;font-weight:700;margin-bottom:2px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ranking-podium-stat{font-size:10px;font-weight:700;color:var(--color-text-muted)}.ranking-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;margin-bottom:6px;flex-shrink:0}.ranking-avatar.sm{width:32px;height:32px;font-size:13px;margin-bottom:0}.ranking-row{display:flex;align-items:center;gap:10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;margin-bottom:8px}.ranking-row.highlight{background:var(--color-streak-bg);border-color:var(--color-streak-border)}.ranking-rank{font-size:13px;font-weight:800;width:18px;text-align:center;flex-shrink:0}.ranking-row-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row-meta{font-size:11px;color:var(--color-text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row-streak{font-size:12px;font-weight:800;flex-shrink:0}.social-mode-row{display:flex;gap:10px;margin-bottom:12px}.social-mode-card{flex:1;text-align:center;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);font-size:13px;font-weight:700;cursor:pointer}.social-mode-card.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.social-entry-row{display:flex;gap:10px;margin-bottom:12px}.social-entry-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;font-size:12px;font-weight:700;color:var(--color-text);cursor:pointer}.social-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;border-radius:9px;padding:0 4px;background:var(--color-danger);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.achievement-card{display:flex;align-items:center;gap:10px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:10px}.achievement-card-name{font-size:12px;font-weight:700;margin-bottom:3px}.achievement-card-date{font-size:11px;font-weight:500;color:var(--color-text-muted)}.achievement-card-text{font-size:13px;font-weight:600}.clap-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;cursor:pointer;flex-shrink:0}.clap-btn.active{background:var(--color-streak-bg);border-color:var(--color-streak-border);cursor:default}.clap-btn-emoji{font-size:14px}.clap-btn-count{font-size:11px;font-weight:800;margin-top:1px}.moment-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 16px 12px;padding:16px}.moment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.moment-eyebrow{font-size:10px;color:var(--color-text-muted);font-weight:700;letter-spacing:.3px;margin-bottom:4px}.moment-title{font-size:17px;font-weight:800;line-height:1.3}.moment-info-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.moment-image{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);object-fit:cover;background:linear-gradient(135deg,var(--color-tint-from),var(--color-tint-to));display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:14px}.moment-time-row{display:flex;justify-content:space-between;margin-bottom:6px}.moment-time-value{font-size:24px;font-weight:800}.moment-time-target{font-size:24px;font-weight:800;color:var(--color-text-muted);text-align:right}.speed-select{appearance:none;-webkit-appearance:none;background:var(--color-bg, #f1f2f6);border:1px solid var(--color-border, #e2e4ea);border-radius:8px;color:var(--color-link);font-size:13px;font-weight:700;padding:4px 26px 4px 10px;margin-top:2px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230066ff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.speed-select:focus{outline:none;border-color:var(--color-primary)}.moment-play-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;padding:14px 30px;border-radius:999px;border:none;background:var(--gradient-brand);color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;margin:16px auto 20px;box-shadow:0 10px 22px #0066ff4d,0 0 0 1px #ffffff14 inset}.moment-play-btn:disabled{background:var(--color-locked);cursor:not-allowed;box-shadow:none}.toast-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);max-width:380px;width:calc(100% - 32px);background:var(--color-success);color:#fff;padding:12px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;text-align:center;box-shadow:0 10px 24px #0000002e;z-index:50;animation:toast-in .25s ease}.toast-banner.warning{background:#f59e0b}.converting-banner{display:flex;align-items:center;gap:10px;background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:10px 12px;margin-top:8px}.converting-dots{display:flex;gap:5px;flex-shrink:0}.converting-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:converting-pulse 1.2s ease-in-out infinite}.converting-dot:nth-child(2){animation-delay:.15s}.converting-dot:nth-child(3){animation-delay:.3s}@keyframes converting-pulse{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1);opacity:1}}.converting-text{font-size:12px;color:var(--color-primary-dark);font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.moment-complete-btn{width:100%;border:none;border-radius:var(--radius-md);padding:14px;font-size:14px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.moment-complete-btn.locked{background:var(--color-locked-bg);color:var(--color-text-muted);cursor:not-allowed}.moment-complete-btn.unlocked{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-sky) 100%);color:#fff}.moment-complete-sub{font-size:11px;font-weight:500;opacity:.75}.list-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 16px 12px;padding:16px}.list-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.list-card-title{font-size:13px;font-weight:800}.list-card-sub{font-size:12px;color:var(--color-link);font-weight:700}.moment-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--color-border)}.moment-row:first-of-type{border-top:none}.moment-row-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.moment-row-badge.done{background:var(--color-success-bg);color:var(--color-success)}.moment-row-badge.current{background:var(--color-primary-soft);color:var(--color-link)}.moment-row-badge.locked{background:var(--color-bg);color:var(--color-locked)}.moment-row-name{flex:1;font-size:13px;line-height:1.35}.moment-row-status{font-size:13px;font-weight:700;flex-shrink:0}.moment-row-status.done{color:var(--color-success)}.moment-row-status.current{color:var(--color-link)}.moment-row-status.locked{color:var(--color-locked)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--color-card);border-top:1px solid var(--color-border);display:flex;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:20}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--color-text-muted);font-size:11px;cursor:pointer;padding:4px 0;text-decoration:none}.bottom-nav-item{position:relative;font-weight:500}.bottom-nav-item.active{color:var(--color-link);font-weight:700}.bottom-nav-item.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--gradient-brand)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}:root[data-theme=dark] .speed-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235aaeff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.bg-screen-dark-brand{display:none}:root[data-theme=dark] .bg-screen{background-image:radial-gradient(circle at 12% 0%,rgba(0,102,255,.4) 0%,transparent 46%),radial-gradient(circle at 100% 100%,rgba(0,229,200,.2) 0%,transparent 52%);background-color:var(--color-dark)}:root[data-theme=dark] .bg-screen-dark-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.bg-screen-tagline{display:flex;align-items:center;gap:10px;color:var(--color-text);font-size:14px;font-weight:600}.bg-screen-tagline:before,.bg-screen-tagline:after{content:"";width:18px;height:2px;background:var(--color-link)}input,textarea,select{background-color:var(--color-input-bg);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.75}