@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.landing{flex-direction:column;gap:48px;max-width:480px;min-height:100vh;margin:0 auto;padding:48px 24px;display:flex}.landing-hero{flex-direction:column;gap:20px;display:flex}.landing-badge{color:var(--accent);background:#ff6b3526;border:1px solid #ff6b354d;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.landing-hero h1{font-size:clamp(32px,8vw,48px);font-weight:800;line-height:1.15}.landing-hero h1 .accent{color:var(--accent)}.landing-hero p{color:var(--text-secondary);font-size:16px;line-height:1.7}.landing-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.btn-primary-link{background:var(--accent);color:#fff;border-radius:var(--radius);text-align:center;justify-content:center;align-items:center;padding:15px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-primary-link:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary-link.btn-large{padding:18px 32px;font-size:17px}.btn-ghost-link{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-ghost-link:hover{border-color:var(--accent);color:var(--accent)}.landing-features{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=400px){.landing-features{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:20px 16px;display:flex}.feature-icon{font-size:28px}.feature-card h3{font-size:14px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:12px;line-height:1.5}.landing-cta{padding-bottom:24px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--error);color:#fff}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-secondary);font-size:14px;font-weight:500}.input-wrap{position:relative}.input-field{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.input-field.input-has-icon{padding-right:46px}.input-field:focus{border-color:var(--accent)}.input-field.input-error{border-color:var(--error)}.input-error-msg{color:var(--error);font-size:12px}.input-eye{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-eye:hover{opacity:1}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{margin-bottom:6px;font-size:26px;font-weight:800}.auth-header p{color:var(--text-secondary);font-size:15px}.logo{color:var(--accent);margin-bottom:20px;font-size:22px;font-weight:800;display:inline-block}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:6px;font-size:14px;line-height:1.5;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.link{color:var(--accent);font-weight:500}.link:hover{text-decoration:underline}.field-error{color:var(--error);margin-bottom:12px;font-size:12px}.server-error{color:var(--error);border-radius:var(--radius);background:#ff44441a;border:1px solid #ff44444d;margin-top:12px;padding:10px 14px;font-size:13px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.code-inputs{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.code-input{text-align:center;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);width:48px;height:56px;color:var(--text);outline:none;font-size:22px;font-weight:700;transition:border-color .2s}.code-input:focus{border-color:var(--accent)}.progress-wrap{align-items:center;gap:12px;margin-bottom:28px;display:flex}.progress-track{background:var(--bg-elevated);border-radius:99px;flex:1;height:6px;overflow:hidden}.progress-label{color:var(--text-secondary);white-space:nowrap;font-size:12px}.onboarding-page{flex-direction:column;gap:24px;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px 40px;display:flex}.onboarding-header{flex-direction:column;gap:16px;display:flex}.logo-small{color:var(--accent);font-size:18px;font-weight:800}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:28px 24px}.question-text{margin-bottom:24px;font-size:20px;font-weight:700;line-height:1.4}.options-list{flex-direction:column;gap:10px;display:flex}.option-btn{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;cursor:pointer;padding:14px 18px;font-size:15px;font-weight:500;transition:all .2s}.option-btn:hover{border-color:var(--accent)}.option-btn.selected{border-color:var(--accent);color:var(--accent);background:#ff6b351f;font-weight:600}.multi-hint{color:var(--text-secondary);margin-top:8px;font-size:12px}.spinner-wrap{justify-content:center;align-items:center;gap:28px;padding:24px 0;display:flex}.spinner-btn{background:var(--bg-elevated);border:1.5px solid var(--border);width:56px;height:56px;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:all .2s;display:flex}.spinner-btn:hover{border-color:var(--accent);color:var(--accent)}.spinner-btn:active{transform:scale(.95)}.spinner-value{text-align:center}.spinner-num{font-size:56px;font-weight:800;line-height:1;display:block}.spinner-unit{color:var(--text-secondary);font-size:16px}.onboarding-error{color:var(--error);border-radius:var(--radius);text-align:center;background:#ff44441a;border:1px solid #ff44444d;margin-top:16px;padding:10px 14px;font-size:13px}.onboarding-nav{flex-direction:column;gap:10px;display:flex}.nav-prev{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;padding:10px;font-size:15px;font-weight:500;transition:color .2s}.nav-prev:hover{color:var(--text)}.dashboard{flex-direction:column;gap:16px;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px 48px;display:flex}.dash-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dash-logo{color:var(--accent);font-size:20px;font-weight:800;display:block}.dash-greeting{color:var(--text-secondary);margin-top:2px;font-size:13px}.dash-avatar{background:#ff6b3526;border:1px solid #ff6b354d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dash-loading{text-align:center;color:var(--text-secondary);padding:48px}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:16px;font-size:11px;font-weight:700}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-cell{background:var(--bg-elevated);border-radius:var(--radius);text-align:center;padding:14px}.stat-value{color:var(--accent);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-secondary);font-size:11px}.goal-header{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.goal-pct{color:var(--accent);font-weight:700}.progress-track{background:var(--bg-elevated);border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:99px;height:100%;transition:width .4s}.progress-hint{color:var(--text-secondary);margin-top:8px;font-size:11px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:center;padding:14px 10px;font-size:13px;font-weight:600;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.accent:hover{background:var(--accent-hover)}.program-preview{background:var(--bg-elevated);border-radius:var(--radius);color:var(--text-secondary);padding:16px;font-size:14px}.logout-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:8px;padding:12px;font-size:14px;transition:all .2s}.logout-btn:hover{border-color:var(--error);color:var(--error)}.install-banner{background:var(--bg-card);border-radius:var(--radius-lg);z-index:999;border:1px solid #ff6b3566;flex-direction:column;gap:14px;width:calc(100% - 32px);max-width:440px;padding:16px 18px;animation:.3s slideUp;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.install-content{align-items:center;gap:14px;display:flex}.install-icon{font-size:32px}.install-title{margin-bottom:2px;font-size:15px;font-weight:700}.install-sub{color:var(--text-secondary);font-size:12px}.install-actions{justify-content:flex-end;gap:10px;display:flex}.install-btn-dismiss{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.install-btn-accept{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;padding:8px 20px;font-size:13px;font-weight:700;transition:background .2s}.install-btn-accept:hover{background:var(--accent-hover)}.offline-banner{color:var(--accent);z-index:1000;background:#2a1a00;border-bottom:1px solid #ff6b3566;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}:root{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-elevated:#242424;--accent:#ff6b35;--accent-hover:#e55a25;--success:#06d6a0;--error:#f44;--text:#fff;--text-secondary:#9ca3af;--border:#2a2a2a;--radius:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.page{flex-direction:column;justify-content:center;align-items:center;max-width:440px;min-height:100vh;margin:0 auto;padding:24px 20px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;padding:32px 28px}