:root{--bg:#f7f8fc;--surface:#fff;--surface-2:#f1f5f9;--text:#101828;--muted:#667085;--border:#e4e7ec;--accent:#6d5dfc;--accent-2:#06b6d4;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:0 18px 45px #1018281a;--radius:8px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg:#111318;--surface:#181b22;--surface-2:#20242d;--text:#f8fafc;--muted:#a8b1c1;--border:#303644;--shadow:0 18px 45px #00000057}[data-theme=neon]{--bg:#0d1020;--surface:#151a2f;--surface-2:#1f2742;--text:#f4f7ff;--muted:#b7c0d8;--border:#313a62;--accent:#00e5ff;--accent-2:#ff4ecd}[data-theme=forest]{--bg:#f3f8f1;--surface:#fff;--surface-2:#e8f3e7;--text:#142118;--muted:#52615a;--accent:#23865f;--accent-2:#84cc16}[data-theme=ocean]{--bg:#f0f9ff;--surface:#fff;--surface-2:#e0f2fe;--text:#0f2437;--muted:#486275;--accent:#0284c7;--accent-2:#14b8a6}[data-theme=sunset]{--bg:#fff7ed;--surface:#fff;--surface-2:#ffedd5;--text:#28150d;--muted:#765a49;--accent:#ea580c;--accent-2:#db2777}[data-theme=minimal]{--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--accent:#27272a;--accent-2:#52525b}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.88}h2{letter-spacing:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.05}h3{letter-spacing:0;font-size:1rem;line-height:1.2}small,.micro{color:var(--muted);font-size:.78rem;font-weight:700}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.88rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.btn.ghost{background:var(--surface-2)}.btn.danger{color:#fff;background:var(--danger);border-color:#0000}.btn.small{min-height:32px;padding:.45rem .65rem;font-size:.78rem}.panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;box-shadow:0 8px 30px #1018280d}.brand-block{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.brand-block strong{font-size:1.08rem;display:block}.brand-block small{max-width:160px;line-height:1.25;display:block}.brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#6d5dfc,#06b6d4 55%,#22c55e);border-radius:8px;place-items:center;width:44px;height:44px;font-weight:950;display:grid;box-shadow:0 12px 26px #6d5dfc47}.brand-mark.large{width:72px;height:72px;margin:0 auto;font-size:1.3rem}.landing{min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.1rem 0;display:flex}.landing-nav nav{color:var(--muted);align-items:center;gap:1rem;font-size:.9rem;font-weight:800;display:flex}.hero-section{grid-template-columns:.92fr 1.08fr;align-items:center;gap:2.5rem;width:min(1180px,100% - 2rem);min-height:calc(100vh - 120px);margin:2rem auto 0;padding-bottom:4rem;display:grid}.hero-section>*{min-width:0}.hero-copy{gap:1.3rem;display:grid}.hero-copy h1{color:var(--text)}.tagline{color:var(--accent);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900;line-height:1}.hero-copy>p:not(.tagline){color:var(--muted);max-width:620px;font-size:1.08rem;line-height:1.65}.hero-actions,.hero-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-links{color:var(--muted);font-size:.9rem;font-weight:800}.hero-links a{align-items:center;gap:.35rem;display:inline-flex}.hero-dashboard{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:radial-gradient(circle at 85% 10%, #22c55e33, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 84%, var(--accent) 8%), var(--surface));box-shadow:var(--shadow);border-radius:8px;padding:1rem}.hero-dash-header{align-items:center;gap:.8rem;display:flex}.hero-dash-header .avatar{font-size:2rem}.coin{color:#92400e;background:#fef3c7;border-radius:8px;margin-left:auto;padding:.45rem .65rem;font-size:.8rem;font-weight:900}.hero-xp,.xp-track{background:var(--surface-2);border-radius:99px;height:11px;overflow:hidden}.hero-xp{margin:1rem 0}.hero-xp span,.xp-fill{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22c55e,#06b6d4,#6d5dfc);height:100%;display:block}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.hero-grid div{border:1px solid var(--border);background:#ffffffa8;border-radius:8px;gap:.45rem;padding:1rem;display:grid}.hero-grid svg{color:var(--accent)}.hero-grid span{color:var(--muted);font-size:.82rem}.mini-chart{align-items:end;gap:.55rem;height:120px;padding:1rem 0 0;display:flex}.mini-chart span{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:8px 8px 0 0;flex:1;min-height:24px}.section-band,.privacy-section{width:min(1180px,100% - 2rem);margin:0 auto 4rem}.section-heading{gap:.6rem;max-width:720px;margin-bottom:1.5rem;display:grid}.section-heading svg{color:var(--accent)}.section-heading p,.privacy-section p{color:var(--muted);line-height:1.65}.feature-grid,.feedback-grid,.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card,.feedback-card,.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;min-height:150px;padding:1.15rem;display:grid}.feature-card svg,.feedback-card svg{color:var(--accent)}.feature-card p,.feedback-card p,.achievement-card p{color:var(--muted);line-height:1.55}.privacy-section{border:1px solid var(--border);background:linear-gradient(135deg,#6d5dfc21,#06b6d424);border-radius:8px;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.app-shell{grid-template-columns:278px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-direction:column;gap:1.1rem;height:100vh;padding:1.1rem;display:flex;position:sticky;top:0}.desktop-nav{gap:.22rem;padding-right:.2rem;display:grid;overflow:auto}.desktop-nav a,.mobile-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:.65rem;padding:.7rem .75rem;font-size:.9rem;font-weight:850;display:flex}.desktop-nav a.active,.desktop-nav a:hover,.mobile-nav a.active{color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, transparent), color-mix(in srgb, var(--accent-2) 10%, transparent))}.sidebar-footer{gap:.8rem;margin-top:auto;display:grid}.privacy-chip{color:var(--success);align-items:center;gap:.4rem;font-size:.82rem;font-weight:850;display:inline-flex}.app-main{min-width:0;padding:1rem 1rem 5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;margin-bottom:1rem;display:flex}.topbar h1{font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.05}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.profile-pill{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.65rem;min-width:150px;padding:.55rem .75rem;display:flex}.profile-pill>span{font-size:1.6rem}.profile-pill small{display:block}.mobile-nav{display:none}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.page-stack{gap:1rem;display:grid}.span-2{grid-column:span 2}.dashboard-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 85%, var(--accent) 8%), var(--surface));grid-column:span 3;grid-template-columns:1fr minmax(300px,420px);align-items:center;gap:1rem;display:grid}.dashboard-hero p{color:var(--muted);max-width:720px;line-height:1.55}.xp-card{gap:.55rem;display:grid}.xp-meta{justify-content:space-between;align-items:center;font-size:.82rem;font-weight:850;display:flex}.muted{color:var(--muted)}.stat-grid{grid-column:span 3;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.85rem;padding:1rem;display:flex;position:relative;overflow:hidden}.stat-card p,.stat-card span{color:var(--muted);font-size:.78rem;font-weight:750}.stat-card strong{font-size:1.55rem;line-height:1.05;display:block}.stat-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:42px;height:42px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.tone-emerald .stat-icon{color:#16a34a;background:#22c55e21}.tone-cyan .stat-icon{color:#0891b2;background:#06b6d421}.tone-coral .stat-icon{color:#ea580c;background:#f9731621}.tone-gold .stat-icon{color:#d97706;background:#f59e0b2e}.panel-title{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel-title p{color:var(--muted);margin-top:.25rem;font-size:.88rem;line-height:1.45}.habit-list,.timeline-list,.metric-list,.settings-stack,.toggle-list{gap:.7rem;display:grid}.habit-list.compact{max-height:410px;padding-right:.25rem;overflow:auto}.habit-row,.metric-row,.card-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.78rem;display:grid}button.habit-row,button.metric-row{cursor:pointer;color:var(--text)}.habit-row.complete{background:color-mix(in srgb, var(--success) 8%, var(--surface));border-color:#22c55e73}.habit-icon{color:#fff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.habit-row small,.metric-row small,.card-row small{color:var(--muted);margin-top:.2rem;line-height:1.3;display:block}.mini-stats{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin-top:.45rem;font-size:.76rem;font-weight:800;display:flex}.mini-stats span{align-items:center;gap:.25rem;display:inline-flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.42rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;place-items:center;min-width:34px;min-height:34px;padding:.35rem .55rem;font-size:.75rem;font-weight:850;display:inline-grid}.icon-btn.danger{color:var(--danger)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.quick-action{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);min-height:58px;color:var(--text);cursor:pointer;align-items:center;gap:.65rem;padding:.85rem;font-weight:850;display:flex}.quick-action svg{color:var(--accent)}.quest-card{background:var(--surface-2);border-radius:var(--radius);gap:.75rem;margin-top:.7rem;padding:.9rem;display:flex}.quest-card svg{color:var(--accent)}.quest-card span{color:var(--muted);margin-top:.2rem;font-size:.84rem;display:block}.quest-card.success{background:color-mix(in srgb, var(--success) 12%, var(--surface))}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.insight-grid article{background:var(--surface-2);border-radius:var(--radius);padding:.9rem}.insight-grid p{color:var(--muted);margin-top:.4rem;font-size:.86rem;line-height:1.5}.metric-pills{flex-wrap:wrap;gap:.55rem;display:flex}.metric-pills span{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.5rem .65rem;font-size:.83rem}.empty-mini,.empty-state{color:var(--muted);background:var(--surface-2);border-radius:var(--radius);padding:1rem;line-height:1.55}.form-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}label{color:var(--muted);gap:.35rem;font-size:.78rem;font-weight:850;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.7rem .75rem}textarea{resize:vertical;min-height:92px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.search{min-width:min(100%,320px);position:relative}.search svg{color:var(--muted);position:absolute;bottom:.82rem;left:.75rem}.search input{padding-left:2.2rem}.color-dot{border-radius:99px;width:12px;height:12px;display:inline-block}.timer-panel{justify-items:start;gap:1rem;display:grid}.timer-display{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(3rem,9vw,7rem);font-weight:950;line-height:.9}.timer-actions,.setup-actions{flex-wrap:wrap;gap:.7rem;display:flex}.summary-bars{gap:.8rem;display:grid}.summary-bars>div{grid-template-columns:110px 1fr 55px;align-items:center;gap:.7rem;font-size:.83rem;font-weight:850;display:grid}.summary-bars div div{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.summary-bars div div span{border-radius:inherit;height:100%;display:block}.focus-page{place-items:center;min-height:calc(100vh - 120px);display:grid}.focus-card{text-align:center;justify-items:center;gap:1.15rem;width:min(680px,100%);display:grid}.focus-ring{aspect-ratio:1;border-radius:50%;place-items:center;width:min(58vw,310px);padding:14px;display:grid}.focus-ring>div{background:var(--surface);border-radius:50%;align-content:center;place-items:center;width:100%;height:100%;display:grid}.focus-ring strong{font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,7vw,4.8rem);line-height:1}.settings-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.log-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.calendar-grid>strong{color:var(--muted);text-align:center;font-size:.75rem}.calendar-day{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);min-height:92px;color:var(--text);cursor:pointer;text-align:left;align-content:start;gap:.35rem;padding:.55rem;display:grid}.calendar-day.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.calendar-day.today span:first-child{color:var(--accent);font-weight:950}.day-dots{gap:.22rem;margin-top:auto;display:flex}.day-dots i{background:var(--border);border-radius:50%;width:8px;height:8px}.day-dots .hot{background:#f97316}.day-dots .cool{background:#06b6d4}.day-dots .green{background:#22c55e}.day-dots .purple{background:var(--accent)}.day-dots .gold{background:#f59e0b}.day-details{color:var(--muted);gap:.45rem;display:grid}.day-details strong{color:var(--text);margin-top:.6rem}.heatmap{grid-template-columns:repeat(15,1fr);gap:.35rem;display:grid}.heatmap span{aspect-ratio:1;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:4px}.planner-hero{background:radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--surface) 82%, var(--accent) 10%), var(--surface))}.planner-hero p{color:var(--muted);max-width:720px;line-height:1.55}.planner-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.5rem;min-width:240px;padding:1rem;display:grid}.planner-progress strong{font-size:2rem;line-height:1}.planner-progress span,.planner-stat span{color:var(--muted);font-size:.82rem;font-weight:850}.xp-track span{border-radius:inherit;background:linear-gradient(90deg, #f59e0b, #22c55e, #06b6d4, var(--accent));height:100%;display:block}.planner-stat{align-content:center;gap:.35rem;min-height:132px;display:grid}.planner-stat svg{color:var(--accent)}.planner-stat strong{font-size:2rem;line-height:1}.planner-form label:nth-child(5),.planner-form label:nth-child(6){grid-column:span 3}.planner-form button{grid-column:span 6}.planner-block-form{gap:.75rem;display:grid}.planner-mini-list,.todo-list,.timetable-list{gap:.7rem;display:grid}.planner-mini-score{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));gap:.15rem;padding:.9rem;display:grid}.planner-mini-score strong{font-size:1.75rem;line-height:1}.planner-mini-score span{color:var(--muted);font-size:.78rem;font-weight:850}.mini-plan-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:64px 1fr;align-items:center;gap:.6rem;padding:.7rem;display:grid}.mini-plan-item span{color:var(--muted);font-size:.76rem;font-weight:900}.mini-plan-item.completed,.mini-plan-item.complete{background:color-mix(in srgb, var(--success) 8%, var(--surface));border-color:#22c55e66}.todo-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;padding:.85rem;display:grid}.todo-card.complete{opacity:.72;background:color-mix(in srgb, var(--success) 7%, var(--surface))}.todo-card p,.time-block p{color:var(--muted);margin-top:.45rem;font-size:.88rem;line-height:1.5}.todo-check{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.15rem}.todo-check svg{width:24px;height:24px}.todo-heading{align-items:center;gap:.65rem;display:flex}.todo-heading small,.time-block small{color:var(--muted);margin-top:.18rem;line-height:1.35;display:block}.checklist{gap:.45rem;margin-top:.7rem;display:grid}.checklist button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:.45rem;padding:.55rem .65rem;display:flex}.checklist button.checked{color:var(--success);text-decoration:line-through}.time-block{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);grid-template-columns:74px 1fr auto;align-items:start;gap:.75rem;padding:.8rem;display:grid}.time-block.completed{background:color-mix(in srgb, var(--success) 8%, var(--surface));border-color:#22c55e6b}.time-block.skipped{opacity:.62}.time-window{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));font-variant-numeric:tabular-nums;place-items:center;gap:.1rem;padding:.55rem .35rem;display:grid}.time-window span{color:var(--muted);font-size:.76rem;font-weight:850}.linked-task{color:var(--accent);align-items:center;gap:.35rem;margin-top:.55rem;font-size:.78rem;font-weight:850;display:inline-flex}.achievement-hero{align-items:center;gap:1rem;display:flex}.achievement-hero svg{color:var(--warning)}.achievement-card span:first-child{background:var(--surface-2);width:48px;height:48px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.achievement-card.unlocked{background:linear-gradient(135deg, #f59e0b1f, var(--surface));border-color:#f59e0b73}.achievement-card.unlocked span:first-child{color:#d97706;background:#f59e0b29}.reports-page{max-width:1080px;margin:0 auto}.report-sheet{color:#111827;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;padding:2rem}.report-sheet h1{margin-bottom:.5rem;font-size:2.2rem}.report-sheet h2{margin-top:1.4rem;margin-bottom:.4rem;font-size:1.1rem}.report-sheet .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.report-sheet .stat-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.report-sheet span{color:#64748b;font-size:.78rem;font-weight:800;display:block}.report-sheet strong{font-size:1.4rem}.backup-hero{background:var(--surface-2);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.backup-hero div{gap:.25rem;display:grid}.file-drop{border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:var(--radius);cursor:pointer;align-content:center;place-items:center;min-height:160px;display:grid}.file-drop input{display:none}.import-preview{gap:.75rem;margin-top:1rem;display:grid}pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border-radius:var(--radius);max-height:240px;padding:1rem;overflow:auto}.danger-zone{border-color:color-mix(in srgb, var(--danger) 36%, var(--border))}.category-manager{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.category-manager article{background:var(--surface-2);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:center;gap:.25rem .6rem;padding:.75rem;display:grid}.category-manager small{grid-column:2;line-height:1.35}.toggle{background:var(--surface-2);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.toggle input{width:20px;height:20px}.privacy-note{border-radius:var(--radius);background:linear-gradient(135deg,#22c55e1a,#06b6d41a);padding:1rem}.privacy-note p{color:var(--muted);margin-top:.45rem;line-height:1.6}.article-page,.feedback-page{min-height:100vh}.article-page article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(860px,100% - 2rem);margin:2rem auto 5rem;padding:clamp(1.2rem,4vw,3rem)}.article-page h1{margin-bottom:1rem;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1}.article-page .lede,.article-page p{color:var(--muted);font-size:1.02rem;line-height:1.75}.article-page .micro{color:var(--accent);text-transform:uppercase;margin-bottom:.7rem}.article-page .lede+.lede,.article-page section p+p{margin-top:.85rem}.article-page section{margin-top:1.6rem}.article-page h2{margin-bottom:.45rem;font-size:1.35rem}.closing{margin-top:2rem;font-weight:900;color:var(--text)!important}.feedback-page>.panel,.feedback-grid{width:min(1040px,100% - 2rem);margin:1rem auto}.feedback-hero h1{font-size:clamp(2.2rem,6vw,4.6rem)}.feedback-hero p{color:var(--muted);margin-top:.5rem;line-height:1.6}.setup-screen,.error-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.setup-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);gap:1rem;padding:2rem;display:grid}.setup-card h1{font-size:2.4rem}.setup-card p{color:var(--muted);line-height:1.65}.setup-actions{justify-content:center}.loader{color:var(--muted);font-weight:900}.toast-stack{z-index:40;gap:.6rem;max-width:min(420px,100vw - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:.6rem;padding:.78rem .9rem;font-size:.88rem;font-weight:850;display:flex}.toast-success svg{color:var(--success)}.toast-warning svg{color:var(--warning)}.toast-info svg{color:var(--accent)}@media (width<=1120px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero,.stat-grid{grid-column:span 2}.stat-grid,.insight-grid,.feature-grid,.feedback-grid,.achievement-grid,.category-manager{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-form label:nth-child(5),.planner-form label:nth-child(6),.planner-form button{grid-column:span 3}}@media (width<=820px){.landing-nav nav{display:none}.hero-section{grid-template-columns:1fr;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);min-height:auto;padding-top:1rem}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(3.4rem,18vw,4.8rem)}.hero-copy p{overflow-wrap:anywhere}.hero-dashboard{overflow:hidden}.hero-links{grid-template-columns:1fr;align-items:start;display:grid}.hero-copy>p:not(.tagline){width:min(330px,100vw - 2rem);max-width:min(330px,100vw - 2rem)}.privacy-section{flex-direction:column;align-items:flex-start}.app-shell{display:block}.sidebar{display:none}.app-main{padding:.8rem .8rem 5.6rem}.topbar{align-items:flex-start}.topbar-actions{justify-content:flex-start}.profile-pill{min-width:auto}.mobile-nav{background:color-mix(in srgb, var(--surface) 95%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);z-index:30;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:.15rem;padding:.35rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.mobile-nav a{flex-direction:column;justify-content:center;gap:.15rem;padding:.5rem .2rem;font-size:.64rem}.page-grid,.dashboard-hero,.stat-grid,.span-2{grid-column:auto;grid-template-columns:1fr;display:grid}.stat-grid,.dashboard-hero{grid-column:auto}.hero-grid,.feature-grid,.feedback-grid,.achievement-grid,.insight-grid,.category-manager,.form-grid,.log-form,.settings-row{grid-template-columns:1fr}.habit-row,.metric-row,.card-row,.todo-card,.time-block{grid-template-columns:auto 1fr}.time-block .row-actions,.todo-card .icon-btn{grid-column:1/-1}.planner-form label:nth-child(5),.planner-form label:nth-child(6),.planner-form button{grid-column:auto}.row-actions{grid-column:1/-1;justify-content:flex-start}.calendar-day{min-height:74px;padding:.4rem}.calendar-day small{display:none}.action-grid{grid-template-columns:1fr}.summary-bars>div{grid-template-columns:80px 1fr 45px}.report-sheet{padding:1rem}.report-sheet .stat-grid{grid-template-columns:repeat(2,1fr)}}@media print{body{background:#fff}.sidebar,.topbar,.mobile-nav,.reports-page>.panel,.toast-stack{display:none!important}.app-shell{display:block}.app-main{padding:0}.report-sheet{box-shadow:none;border:0;border-radius:0}}
