:root{--ink-strong:#1d2a35;--ink:#37485a;--ink-muted:#6b7a89;--ink-faint:#9aa7b3;--surface:#fff;--surface-2:#f4f1ea;--surface-3:#ebe6d8;--border:#e2ddd0;--border-strong:#cfc7b3;--accent:#1d3557;--accent-strong:#14263f;--accent-soft:#e8edf3;--success:#2a7f62;--success-soft:#e7f3ee;--warning:#b8863a;--warning-soft:#f6ecdc;--danger:#b8433a;--danger-soft:#fbeae7;--font-sans:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:.78rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.1rem;--leading-tight:1.2;--leading-normal:1.55;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius:0px;--radius-pill:999px;--shadow-sm:0 1px 2px #1d2a350f;--shadow-md:0 2px 8px #1d2a351a;--shadow-lg:0 12px 32px #1d2a3529;--shadow:var(--shadow-sm);--transition-fast:.12s ease;--transition:.2s ease;--header-height:64px;--container-narrow:480px;--container-app:1080px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-2);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-sans);color:var(--ink-strong);font-weight:700;line-height:var(--leading-tight);margin:0 0 .5em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0 0 .75em}@media (width>=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}}button,input,select,textarea{font-family:inherit;font-size:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline-offset:3px}a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{cursor:pointer;border-radius:var(--radius);background:var(--accent);color:var(--surface);transition:background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;padding:.75rem 1.25rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface-2)}button.ghost{color:var(--ink);background:0 0;padding:.5rem .75rem}button.ghost:hover:not(:disabled){background:var(--surface-3)}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:#973229}button.btn-sm{font-size:var(--text-sm);padding:.45rem .85rem}button.btn-block{width:100%}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink-strong);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.7rem .9rem}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}input::placeholder{color:var(--ink-faint)}.field{margin-bottom:1.1rem}.field label{color:var(--ink-strong);font-weight:600;font-size:var(--text-sm);margin-bottom:.4rem;display:block}.field-hint{color:var(--ink-muted);font-size:var(--text-xs);margin:.35rem 0 0}.option-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:flex-start;gap:.6rem;margin-bottom:.5rem;padding:.65rem .8rem;display:flex}.option-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.option-row.selected{border-color:var(--accent);background:var(--accent-soft)}.option-row input[type=radio]{width:auto;margin:.2rem 0 0}.option-row span{flex:1}.question-body{white-space:pre-line}.muted{color:var(--ink-muted);font-size:var(--text-sm)}.error-text{color:var(--danger);font-size:var(--text-sm);margin:.5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);color:var(--ink-muted);margin:0 0 .4rem;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.alert{border:1px solid var(--border);border-left:3px solid var(--ink-muted);background:var(--surface);font-size:var(--text-sm);border-radius:var(--radius);align-items:flex-start;gap:.6rem;margin:.75rem 0;padding:.75rem 1rem;display:flex}.alert-error{border-left-color:var(--danger);background:var(--danger-soft);color:#7a2e26}.alert-info{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.alert-success{border-left-color:var(--success);background:var(--success-soft);color:#1f5c46}.alert-warning{border-left-color:var(--warning);background:var(--warning-soft);color:#85601f}.alert p{margin:0}.alert a{font-weight:600}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;background:var(--surface-3);color:var(--ink);align-items:center;gap:.3rem;padding:.2rem .6rem;font-weight:700;display:inline-flex}.badge-accent{background:var(--accent);color:var(--surface)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-outline{border:1px solid var(--border-strong);color:var(--ink-muted);background:0 0}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--border) 37%, var(--surface-3) 63%);border-radius:var(--radius);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-line{height:.9rem;margin:.4rem 0}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-card{height:96px;margin-bottom:1rem}.spinner{vertical-align:-.15em;border:2px solid #fff6;border-top-color:currentColor;border-radius:50%;width:1em;height:1em;margin-right:.5em;animation:.7s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page{width:100%;max-width:var(--container-narrow);flex:1;margin:0 auto;padding:1.25rem}@media (width>=768px){.page{max-width:640px;padding:2rem}}.app-container{width:100%;max-width:var(--container-app);flex:1;margin:0 auto;padding:1.25rem}@media (width>=768px){.app-container{padding:2rem 2.5rem}}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-span-2{grid-column:1/-1}.app-header{z-index:10;height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}@media (width>=768px){.app-header{padding:0 2.5rem}}.brand{align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand img{width:30px;height:30px;display:block}.brand span{font-weight:700;font-size:var(--text-lg);color:var(--ink-strong);font-family:var(--font-sans)}.app-nav{align-items:center;gap:.25rem;display:none}@media (width>=768px){.app-nav{display:flex}}.nav-link{border-radius:var(--radius);color:var(--ink-muted);font-weight:600;font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);padding:.5rem .9rem;text-decoration:none}.nav-link:hover{background:var(--surface-2);color:var(--ink-strong);text-decoration:none}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sign-out-btn{align-items:center;gap:.35rem;display:flex}.sign-out-icon{font-size:1.05rem;line-height:1}@media (width<=480px){.sign-out-label,.brand span{display:none}}.mobile-tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--border);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.mobile-tabbar{display:none}}.mobile-tabbar a{color:var(--ink-muted);font-size:var(--text-xs);flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.35rem 0;font-weight:600;text-decoration:none;display:flex}.mobile-tabbar a.active{color:var(--accent)}.mobile-tabbar-spacer{height:68px;display:block}@media (width>=768px){.mobile-tabbar-spacer{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem}.card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.card-header h2{margin:0}.auth-shell{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:1.5rem 1.25rem;display:flex}.auth-card{width:100%;max-width:420px}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.auth-brand img{width:52px;height:52px}.auth-brand h1{margin:0}.auth-topbar{position:absolute;top:1rem;right:1rem}@media (width>=768px){.auth-topbar{top:1.5rem;right:1.5rem}}.step-progress{align-items:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.step-dot{background:var(--border-strong);width:8px;height:8px;transition:background var(--transition-fast), width var(--transition-fast);border-radius:50%}.step-dot.done{background:var(--success)}.step-dot.current{background:var(--accent);border-radius:var(--radius-pill);width:22px}.step-label{color:var(--ink-muted);font-size:var(--text-xs);margin-left:.4rem;font-weight:600}.pricing-card{flex-direction:column;display:flex;position:relative}.pricing-card.highlighted{border-color:var(--accent);box-shadow:var(--shadow-md)}.pricing-card .plan-name{margin-bottom:.15rem}.pricing-card .plan-price{font-size:var(--text-2xl);color:var(--ink-strong);margin:.25rem 0 .75rem;font-weight:700}.pricing-card .plan-price small{font-size:var(--text-sm);color:var(--ink-muted);font-weight:600}.pricing-features{flex:1;margin:0 0 1.25rem;padding:0;list-style:none}.pricing-features li{font-size:var(--text-sm);color:var(--ink);gap:.5rem;padding:.4rem 0;display:flex}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.pricing-card-badge{position:absolute;top:-.7rem;right:1rem}.progress-track{background:var(--border);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width .3s}.day-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;margin:.2rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.day-chip:hover{border-color:var(--border-strong)}.day-chip.selected{background:var(--accent);color:var(--surface);border-color:var(--accent)}.qb-question{border-bottom:1px solid var(--border);padding:.9rem 0}.qb-question:last-child{border-bottom:none}.qb-option-list{margin:.5rem 0;padding:0;list-style:none}.qb-option-list li{border-radius:var(--radius);font-size:var(--text-sm);padding:.35rem .6rem}.qb-option-list li.correct{background:var(--success-soft);color:var(--success);font-weight:700}.qb-answer-block{background:var(--surface-2);border-radius:var(--radius);margin-top:.6rem;padding:.75rem}.list-divider-item{border-bottom:1px solid var(--border);padding:.4rem 0}.list-divider-item:last-child{border-bottom:none}.empty-state{text-align:center;color:var(--ink-muted);padding:2rem 1rem}