@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=switch]:focus-visible{outline:2px solid var(--green);outline-offset:2px}:root{--ink:#1c2925;--ink-soft:#3d4c47;--muted:#71807a;--paper:#f4f7f2;--surface:#fff;--surface-2:#f7faf7;--line:#dce5de;--line-strong:#c9d7cd;--green:#1d6b51;--green-deep:#16543f;--mint:#d6eadb;--mint-soft:#eaf3ec;--yellow:#f5c76a;--gold:#b18425;--clay:#e18c5b;--danger:#b4543c;--sidebar:#e8f0e8;--ring-track:#e3ece5;--shadow-sm:0 1px 2px #1c29250d;--shadow-md:0 6px 20px #1c292512;--shadow-lg:0 24px 80px #0003;--radius:12px;--radius-lg:15px;--mono:"DM Mono", ui-monospace, monospace}:root[data-theme=dark]{--ink:#e8efe9;--ink-soft:#c3d1c7;--muted:#93a49a;--paper:#101713;--surface:#18221d;--surface-2:#1d2823;--line:#2a3730;--line-strong:#38483f;--green:#5cbb90;--green-deep:#4aa87e;--mint:#22352b;--mint-soft:#1b2a22;--yellow:#e8bf6a;--gold:#e0b45f;--clay:#e0a077;--danger:#e08a72;--sidebar:#16211b;--ring-track:#26332c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 24px 80px #0000008c}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;transition:background .25s,color .25s}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}ul{margin:0;padding:0;list-style:none}.product-shell{background:var(--paper);min-height:100vh;display:flex}.product-shell>.app-shell{flex:1;min-width:0;max-width:none;padding:0 60px}.app-shell{max-width:1180px;min-height:100vh;margin:auto;padding:0 52px}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:232px;padding:30px 18px 24px;display:flex}.brand{align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.sidebar .brand{margin:0 10px 38px}.brand-mark{background:var(--green);color:#fff;border-radius:11px 11px 11px 3px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.mobile-nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;font-size:12px;transition:background .18s,color .18s;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:var(--green);background:var(--mint);font-weight:700}.sidebar-quick{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:14px 12px}.sidebar-quick span{font:500 10px var(--mono);color:var(--muted);align-items:center;gap:6px;display:flex}.sidebar-quick span:first-child{color:var(--ink);margin-bottom:3px;font-size:11px}.sidebar-quick strong{font-size:15px}.sidebar-quick .mini-track{margin-top:10px}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{color:var(--muted);font:9px var(--mono);margin-top:3px}.avatar{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.avatar-lg{width:52px;height:52px;font-size:18px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.topbar-actions{align-items:center;gap:14px;display:flex}.mobile-brand{font-weight:800;display:none}.date-chip{color:var(--muted);font-size:12px;font-family:var(--mono);align-items:center;gap:8px;display:flex}.live-dot{background:var(--clay);border-radius:50%;width:7px;height:7px}main{padding:56px 0 80px}footer{border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono);justify-content:space-between;padding:24px 0 30px;display:flex}footer span:last-child{color:var(--green);align-items:center;gap:7px;display:flex}.page-view{display:none}.home-view{max-width:960px;margin:auto;display:block}.product-shell[data-tab=analytics] .home-view,.product-shell[data-tab=manage] .home-view,.product-shell[data-tab=settings] .home-view{display:none}.product-shell[data-tab=analytics] .analytics-view,.product-shell[data-tab=manage] .manage-view,.product-shell[data-tab=settings] .settings-view{max-width:960px;margin:auto;display:block}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1.2px;font:500 11px var(--mono);align-items:center;gap:7px;margin:0 0 14px;display:flex}h1{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.08}h1 em{color:var(--green);font-style:normal}h2{letter-spacing:-1.2px;margin:0;font-size:30px}h2 span{color:var(--muted);font:13px var(--mono);margin-left:8px}h3{margin:0;font-size:14px}.muted{color:var(--muted);font-weight:400}.field-hint{margin:10px 0 0;font-size:11px;line-height:1.6}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.achievements-heading{margin-top:62px}.hero-head{justify-content:space-between;align-items:center;gap:32px;display:flex}.hero-sub{color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}.hero-copy{max-width:430px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.today-ring{background:conic-gradient(var(--green) var(--progress,0deg), var(--ring-track) 0);border-radius:50%;flex-shrink:0;place-items:center;width:118px;height:118px;transition:background .4s;display:grid}.today-ring.is-complete{background:conic-gradient(var(--gold) var(--progress,0deg), var(--ring-track) 0)}.today-ring-inner{background:var(--paper);text-align:center;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.today-ring-inner strong{letter-spacing:-.5px;font-size:22px;display:block}.today-ring-inner small{color:var(--muted);font:9px var(--mono);margin-top:2px;display:block}.quick-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 22px;display:grid}.quick-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:15px 16px;transition:transform .18s,border-color .18s;display:flex}.quick-stat:hover{border-color:var(--line-strong);transform:translateY(-2px)}.quick-stat svg{color:var(--green);margin-bottom:6px}.quick-stat strong{letter-spacing:-1px;font-size:24px;line-height:1}.quick-stat span{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-top:4px}.quick-stat.is-streak{background:var(--mint-soft);border-color:var(--mint)}.quick-stat.is-streak svg{color:var(--clay)}.hero-grid{grid-template-columns:1fr 230px;gap:14px;margin:0 0 40px;display:grid}.challenge-panel{background:var(--green);color:#f5fbf5;box-shadow:10px 10px 0 var(--mint);border-radius:4px 20px 20px;padding:24px 26px 20px}.challenge-panel .eyebrow{color:#a9c9b2}.challenge-top,.challenge-bottom{justify-content:space-between;align-items:center;display:flex}.challenge-top{margin-bottom:22px;font-size:13px}.challenge-top strong{font-size:22px}.challenge-bottom{color:#b6d1ba;font-size:10px;font-family:var(--mono);margin-top:12px}.progress-track{background:#fff3;border-radius:10px;height:8px;overflow:hidden}.progress-track span{background:var(--yellow);border-radius:inherit;height:100%;transition:width .4s;display:block}.challenge-panel .mini-track{background:#fff3}.challenge-panel .mini-track span{background:var(--yellow)}.next-reward-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px 20px 20px 4px;flex-direction:column;padding:20px;display:flex}.next-reward-panel strong{font-size:15px;line-height:1.3}.next-reward-panel small{color:var(--muted);font:10px var(--mono);margin:9px 0 0;line-height:1.5;display:block}.next-reward-panel .mini-track{margin-top:12px}.next-reward-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.mini-track{background:var(--ring-track);border-radius:10px;width:100%;height:6px;display:block;overflow:hidden}.mini-track span{background:var(--green);border-radius:inherit;height:100%;transition:width .4s;display:block}.all-done-banner{background:var(--mint-soft);border:1px solid var(--mint);border-left:3px solid var(--gold);border-radius:var(--radius);align-items:center;gap:13px;margin-bottom:32px;padding:15px 18px;animation:.4s both rise;display:flex}.all-done-banner svg{color:var(--gold);flex-shrink:0}.all-done-banner strong{font-size:13px;display:block}.all-done-banner small{color:var(--muted);font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.today-percent{color:var(--muted);font:11px var(--mono)}.today-list,.library-column{gap:10px;display:grid}.badge-strip{flex-wrap:wrap;gap:10px;display:flex}.badge{border:1px solid var(--line);background:var(--surface);width:62px;height:62px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .18s;display:grid;position:relative}.badge strong{font-size:17px;line-height:1}.badge small{font:8px var(--mono);text-transform:uppercase;letter-spacing:.5px}.badge.earned{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 14px #1d6b5140}.badge.earned small{color:#fffc}.badge:hover{transform:translateY(-3px)}.badge-reward{background:var(--yellow);color:#5c4310;border:2px solid var(--paper);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.unlocked-callout{border-radius:var(--radius);background:#fff2cf;border:1px solid #ead9a9;align-items:center;gap:13px;margin-top:18px;padding:14px 18px;display:flex}:root[data-theme=dark] .unlocked-callout{background:#33290f;border-color:#5c4a1c}.unlocked-callout svg{color:var(--gold);flex-shrink:0}.unlocked-callout strong{font-size:13px;display:block}.unlocked-callout small{color:var(--muted);font-size:11px}.unlocked-callout .claim-button{margin-left:auto}.habit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:84px;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 18px;transition:border-color .2s,transform .2s,background .2s;display:flex}.habit-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.habit-card.completed{background:var(--mint-soft);border-color:var(--mint)}.habit-card.not-scheduled{opacity:.68}.habit-icon{color:var(--green);background:var(--mint);border-radius:13px 13px 13px 4px;flex-shrink:0;place-items:center;min-width:44px;height:44px;display:grid}.habit-main{flex:1;min-width:0}.habit-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.habit-title h3{margin:0 0 4px;font-size:15px}.habit-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:12px;overflow:hidden}.frequency{font:10px var(--mono);color:var(--green)}.done-label{color:var(--green);font:9px var(--mono);align-items:center;gap:3px;display:flex}.archived-label-chip{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:2px 7px}.stats{color:var(--muted);font:9px var(--mono);white-space:nowrap;gap:20px;display:flex}.stats strong{color:var(--ink);font-family:Manrope,sans-serif;font-size:17px;display:block}.card-actions{align-items:center;gap:6px;display:flex}.complete-button,.icon-button{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;transition:background .18s,color .18s,border-color .18s,transform .18s;display:grid}.complete-button{border:1px solid var(--line-strong);color:#0000;width:34px;height:34px}.complete-button:hover{border-color:var(--green);color:var(--green)}.complete-button.is-complete{color:#fff;background:var(--green);border-color:var(--green);animation:.35s cubic-bezier(.2,.9,.3,1.4) pop}.icon-button:hover{background:var(--mint-soft);color:var(--green)}.icon-button.danger:hover{color:var(--danger);background:#fbeae5}:root[data-theme=dark] .icon-button.danger:hover{background:#3a2019}@keyframes pop{0%{transform:scale(.75)}60%{transform:scale(1.16)}to{transform:scale(1)}}.day-chips{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.day-chips li{font:9px var(--mono);border:1px solid var(--line);border-radius:6px;align-items:center;gap:3px;padding:3px 7px;display:flex}.day-chips li.is-due{color:var(--green);background:var(--mint-soft);border-color:var(--mint)}.day-chips li.is-off{color:var(--muted);opacity:.7}.day-chip-name{text-transform:uppercase;letter-spacing:.4px}.empty-state,.compact-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:var(--radius);padding:28px;font-size:13px}.empty-state{justify-items:center;gap:6px;margin-top:5px;display:grid}.empty-state svg,.compact-empty svg{color:var(--green)}.empty-state h3{color:var(--ink);margin:6px 0 0;font-size:16px}.empty-state p{max-width:380px;margin:0;line-height:1.6}.empty-state .primary-button,.compact-empty .primary-button{margin-top:10px}.compact-empty{justify-items:center;gap:8px;display:grid}.compact-empty h3{color:var(--ink);font-size:14px}.compact-empty p{margin:0;font-size:12px}.primary-button{background:var(--green);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.primary-button:hover{background:var(--green-deep);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.full{justify-content:center;width:100%;margin-top:6px}.secondary-button{border:1px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:7px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;transition:border-color .18s,color .18s;display:inline-flex}.secondary-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button.compact{padding:8px 11px;font-size:11px}.text-button{color:var(--muted);background:0 0;border:0;padding:4px;font-size:11px}.text-button:hover{color:var(--green)}.danger-text{color:var(--danger)}.danger-text:hover{color:var(--danger);text-decoration:underline}.claim-button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:700}.claim-button:hover{background:var(--green-deep)}.claim-button:disabled{background:var(--line-strong);cursor:not-allowed}.rewards-panel{gap:12px;display:grid}.reward-list{gap:9px;display:grid}.reward{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;padding:13px;transition:border-color .2s,opacity .2s;display:flex}.reward.is-locked{opacity:.7}.reward.is-unlocked{background:var(--mint-soft);border-color:var(--mint)}.reward.is-claimed{opacity:.85}.reward-icon{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.reward.is-unlocked .reward-icon{color:var(--gold);background:#fff2cf}:root[data-theme=dark] .reward.is-unlocked .reward-icon{background:#33290f}.reward.is-claimed .reward-icon{background:var(--mint);color:var(--green)}.reward-body{flex:1;min-width:0}.reward-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reward-title strong{font-size:12px}.reward-state{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:2px 7px}.reward-state.state-unlocked{color:var(--gold);background:#fff2cf;border-color:#ead9a9}:root[data-theme=dark] .reward-state.state-unlocked{background:#33290f;border-color:#5c4a1c}.reward-state.state-claimed{color:var(--green);border-color:var(--mint);background:var(--mint-soft)}.reward-note{color:var(--muted);margin:4px 0 0;font-size:11px}.reward-meta{align-items:center;gap:9px;margin-top:8px;display:flex}.reward-meta .mini-track{flex-shrink:0;width:90px}.reward-meta small{color:var(--muted);font:9px var(--mono)}.reward-actions{align-items:center;gap:4px;display:flex}.rewards-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.rewards-footer small{color:var(--muted);font:10px var(--mono);align-items:center;gap:5px;display:flex}.filter-chips{background:var(--surface);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.filter-chips button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:11px;transition:background .18s,color .18s}.filter-chips button:hover{color:var(--green)}.filter-chips button.active{background:var(--green);color:#fff;font-weight:700}.filter-chips.small button{padding:5px 9px;font-size:10px}.range-caption{color:var(--muted);font:10px var(--mono);margin:-8px 0 18px}.analytics-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px}.metric span,.metric small{color:var(--muted);font:10px var(--mono);display:block}.metric strong{letter-spacing:-1px;margin:7px 0 5px;font-size:25px;display:block}.metric small{font-size:9px;line-height:1.4}.chart-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:14px;padding:24px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-head h3{align-items:center;gap:7px;font-size:14px;display:flex}.panel-hint{color:var(--muted);font:10px var(--mono)}.chart-readout{font:11px var(--mono);color:var(--muted);margin:14px 0 0}.chart-readout strong{color:var(--ink)}.bar-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:6px;height:150px;display:flex}.bar-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-chart>div.is-selected small{color:var(--green);font-weight:700}.bar-chart div span{background:var(--green);border-radius:5px 5px 0 0;width:74%;min-height:3px;transition:opacity .18s}.bar-chart div span.complete{background:var(--green)}.bar-chart div span.partial{background:var(--yellow)}.bar-chart div span.missed{background:var(--clay);opacity:.55}.bar-chart div span.none{background:var(--ring-track)}.bar-chart small{color:var(--muted);font:9px var(--mono)}.trend-chip{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:20px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.trend-chip.up{color:var(--green);border-color:var(--mint);background:var(--mint-soft)}.trend-chip.down{color:var(--danger);background:#fbeae5;border-color:#f0d5cc}:root[data-theme=dark] .trend-chip.down{background:#3a2019;border-color:#5a2f22}.comparison-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comparison-col{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:15px}.comparison-col.is-current{background:var(--mint-soft);border-color:var(--mint)}.comparison-col small{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.5px;display:block}.comparison-col strong{letter-spacing:-1px;margin:6px 0 2px;font-size:26px;display:block}.comparison-col span{color:var(--muted);font:10px var(--mono);margin-bottom:10px;display:block}.date-strip{scrollbar-width:thin;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.date-cell{border:1px solid var(--line);background:var(--surface);width:46px;color:var(--muted);border-radius:10px;flex:none;justify-items:center;gap:3px;padding:9px 0;transition:border-color .18s,transform .18s;display:grid}.date-cell:hover{border-color:var(--line-strong);transform:translateY(-2px)}.date-cell small{font:9px var(--mono);text-transform:uppercase}.date-cell strong{color:var(--ink);font-size:15px}.date-dot{background:var(--ring-track);border-radius:50%;width:8px;height:8px}.date-cell.complete{background:var(--mint-soft);border-color:var(--mint)}.date-cell.complete .date-dot{background:var(--green)}.date-cell.partial .date-dot{background:var(--yellow)}.date-cell.missed .date-dot{background:var(--clay)}.date-cell.is-selected{border-color:var(--green);box-shadow:0 0 0 2px var(--mint)}.strip-legend{flex-wrap:wrap;gap:14px;margin:14px 0 20px;display:flex}.strip-legend li{color:var(--muted);font:9px var(--mono);align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:3px;width:9px;height:9px}.legend-swatch.complete{background:var(--green)}.legend-swatch.partial{background:var(--yellow)}.legend-swatch.missed{background:var(--clay)}.legend-swatch.none{background:var(--ring-track)}.selected-day{border-top:1px solid var(--line);padding-top:18px}.selected-day-head{align-items:center;gap:9px;margin-bottom:13px;display:flex}.selected-day-head svg{color:var(--green)}.selected-day-head small{color:var(--muted);font:10px var(--mono);margin-left:auto}.selected-day-list{gap:7px;display:grid}.selected-day-list li{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.selected-day-list li.is-done{background:var(--mint-soft);border-color:var(--mint)}.selected-day-list li.is-missed{background:var(--surface-2)}.day-state-mark{font-weight:700}.is-done .day-state-mark{color:var(--green)}.is-missed .day-state-mark{color:var(--clay)}.day-state-name{flex:1}.selected-day-list small{color:var(--muted);font:9px var(--mono)}.weekday-chart{grid-template-columns:repeat(7,1fr);gap:10px;height:150px;display:grid}.weekday-chart>div{flex-direction:column;align-items:center;gap:7px;display:flex}.weekday-bar-track{background:var(--surface-2);border-radius:7px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.weekday-bar-track span{background:var(--green);border-radius:7px;width:100%;transition:height .4s}.weekday-chart strong{font-size:11px}.weekday-chart small{color:var(--muted);font:9px var(--mono)}.performance-table{display:grid}.performance-head,.performance{grid-template-columns:minmax(0,1.6fr) 1.1fr .9fr .5fr .5fr;align-items:center;gap:10px;font-size:12px;display:grid}.performance-head{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);padding-bottom:9px}.performance{border-bottom:1px solid var(--line);padding:11px 0}.performance:last-child{border-bottom:0}.performance-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.performance-rate{align-items:center;gap:8px;display:flex}.performance-rate b{font:10px var(--mono);color:var(--green);min-width:34px}.performance-rate .mini-track{flex:1}.performance-streak{color:var(--muted);font:10px var(--mono);align-items:center;gap:5px;display:flex}.performance-streak svg{color:var(--clay)}.performance span.is-missed{color:var(--danger)}.heatmap{grid-template-columns:repeat(auto-fill,minmax(16px,1fr));gap:5px;display:grid}.heatmap span{aspect-ratio:1;background:var(--ring-track);border-radius:4px}.heatmap .heat-1{background:#c1ddc7}.heatmap .heat-2{background:#80b891}.heatmap .heat-3{background:#418b62}.heatmap .heat-4{background:var(--green)}:root[data-theme=dark] .heatmap .heat-1{background:#2c4a39}:root[data-theme=dark] .heatmap .heat-2{background:#37704f}:root[data-theme=dark] .heatmap .heat-3{background:#459a6a}.insight-list{gap:10px;display:grid}.insight{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);align-items:flex-start;gap:11px;padding:13px 15px;display:flex}.insight svg{color:var(--muted);flex-shrink:0;margin-top:2px}.insight strong{margin-bottom:3px;font-size:12.5px;display:block}.insight small{color:var(--muted);font-size:11px;line-height:1.5}.insight.is-positive{border-color:var(--mint);background:var(--mint-soft)}.insight.is-positive svg{color:var(--green)}.insight.is-warning{background:#fdf3ef;border-color:#f0d5cc}.insight.is-warning svg{color:var(--danger)}:root[data-theme=dark] .insight.is-warning{background:#2b1d18;border-color:#4a2a20}.manage-toolbar{gap:12px;margin-bottom:18px;display:grid}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sort-control{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:inline-flex}.sort-control select{background:0 0;border:0;outline:none;font-size:11px}.search-wrap{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-wrap:focus-within{border-color:var(--green)}.search-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-size:13px}.clear-search{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid}.clear-search:hover{color:var(--green);background:var(--mint-soft)}.day-picker{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 22px;display:flex}.day-picker label{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.7px}.day-picker input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;margin-top:6px;padding:8px 10px;font-size:12px;display:block}.history-flag{font:10px var(--mono);color:var(--gold)}.history-flag.muted{color:var(--muted)}.list-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font:500 10px var(--mono);align-items:center;gap:7px;margin:0 0 10px;display:flex}.list-label span{background:var(--mint);color:var(--green);border-radius:10px;padding:3px 7px}.archived-label{margin-top:34px}.archived-note{margin:-6px 0 12px;font-size:11px}.manage-row{gap:0;display:grid}.manage-meta{color:var(--muted);font:10px var(--mono);flex-wrap:wrap;align-items:center;gap:18px;padding:9px 18px 0;display:flex}.manage-meta strong{color:var(--ink);font-size:12px}.manage-meta small{color:var(--green);margin-left:auto}.manage-footnote{border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono);margin-top:22px;padding-top:16px}.settings-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:14px;padding:24px}.settings-card h3{align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.settings-card h3 svg{color:var(--green)}.settings-card label{color:var(--muted);font:11px var(--mono);margin-bottom:14px;display:block}.settings-card input,.modal select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);outline-color:var(--green);border-radius:7px;margin-top:7px;padding:10px 12px;font-size:13px;display:block}.settings-card p{align-items:center;gap:7px;margin:0 0 8px;font-size:12px;line-height:1.6;display:flex}.profile-large{align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.profile-fields{flex:1;min-width:0}.profile-fields label:last-child{margin-bottom:0}.challenge-summary{color:var(--muted);font:10px var(--mono);flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.saved-flash{color:var(--green);font:10px var(--mono);align-items:center;gap:6px;animation:.25s both rise;display:inline-flex}.pref-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.settings-card h3+.pref-row{border-top:0;padding-top:0}.pref-row strong{align-items:center;gap:7px;font-size:12.5px;display:flex}.pref-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.switch{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:20px;flex-shrink:0;width:44px;height:25px;padding:2px;transition:background .2s,border-color .2s}.switch span{background:var(--muted);border-radius:50%;width:19px;height:19px;transition:transform .22s cubic-bezier(.3,.9,.4,1.2),background .2s;display:block}.switch.is-on{background:var(--green);border-color:var(--green)}.switch.is-on span{background:#fff;transform:translate(19px)}.integration{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.integration strong{font-size:13px}.integration p{color:var(--muted);margin:4px 0 0;font-size:12px}.status-pill{font:10px var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.status-pill.is-on{color:var(--green);border-color:var(--mint);background:var(--mint-soft)}.milestone-row{flex-wrap:wrap;gap:8px;display:flex}.milestone-row span{border:1px solid var(--line);color:var(--muted);width:34px;height:34px;font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.milestone-row span.earned{color:#fff;background:var(--green);border-color:var(--green)}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c29256b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:var(--radius-lg);width:min(100%,480px);box-shadow:var(--shadow-lg);max-height:90vh;padding:28px;overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.modal h2{font-size:26px}.modal label,.modal legend{margin-bottom:16px;font-size:12px;font-weight:700;display:block}.modal input:not([type=radio]),.modal textarea{border:1px solid var(--line);outline-color:var(--green);width:100%;color:var(--ink);background:var(--surface);border-radius:7px;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.modal textarea{resize:vertical}.modal fieldset{border:0;margin:0 0 16px;padding:0}.modal select{margin-top:7px}.choice-row{gap:8px;display:flex}.choice{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;flex:1;gap:3px;padding:11px 12px;transition:border-color .18s,background .18s;display:grid}.choice strong{font-size:12px}.choice small{color:var(--muted);font-size:10px}.choice.selected{border-color:var(--green);background:var(--mint-soft)}.choice.selected strong{color:var(--green)}.icon-grid{flex-wrap:wrap;gap:8px;display:flex}.icon-choice{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;place-items:center;width:38px;height:38px;transition:border-color .18s,color .18s;display:grid}.icon-choice:hover{color:var(--green)}.icon-choice.selected{border-color:var(--green);background:var(--mint-soft);color:var(--green)}.field-label{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-bottom:9px;display:block}.field-error{color:var(--danger);margin:8px 0 0;font-size:11px}.custom-days{margin-bottom:17px}.day-options{flex-wrap:wrap;gap:5px;display:flex}.day-options button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:10px var(--mono);border-radius:6px;padding:7px 10px;transition:background .18s,color .18s}.day-options button:hover{border-color:var(--green);color:var(--green)}.day-options button.selected{color:#fff;background:var(--green);border-color:var(--green)}.celebration-backdrop{background:#1c29258c}.celebration{background:var(--paper);text-align:center;width:min(100%,400px);box-shadow:var(--shadow-lg);opacity:0;border-radius:18px;padding:34px;transition:opacity .28s,transform .38s cubic-bezier(.2,.9,.3,1.25);position:relative;transform:translateY(14px)scale(.95)}.celebration.is-visible{opacity:1;transform:none}.celebration-badge{border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 18px;animation:1.1s ease-in-out 2 badge-pulse;display:grid}.celebration-badge.is-gold{color:var(--gold);background:#fff2cf}.celebration-badge.is-green{background:var(--mint);color:var(--green)}:root[data-theme=dark] .celebration-badge.is-gold{background:#33290f}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.celebration .eyebrow{justify-content:center}.celebration h2{margin:0 0 10px;font-size:28px}.celebration-copy{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.celebration-stats{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.celebration-stats span{font:11px var(--mono);background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:6px;padding:8px 13px;display:flex}.celebration-stats svg{color:var(--clay)}.celebration-reward{text-align:left;border-radius:var(--radius);background:#fff2cf;border:1px solid #ead9a9;align-items:center;gap:11px;margin-bottom:18px;padding:13px 15px;display:flex}:root[data-theme=dark] .celebration-reward{background:#33290f;border-color:#5c4a1c}.celebration-reward svg{color:var(--gold);flex-shrink:0}.celebration-reward strong{font-size:12px;display:block}.celebration-reward small{color:var(--muted);font-size:11px}.celebration-habit{color:var(--muted);font:10px var(--mono);margin-bottom:16px}.confetti-layer{pointer-events:none;z-index:7;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-16px}.confetti-piece.is-round{border-radius:50%}@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,0px), 106vh, 0) rotate(var(--spin,360deg))}}.toast{background:var(--ink);color:var(--paper);z-index:8;box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;animation:.25s both rise;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.reminder-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 0 18px;padding:18px 20px;animation:.35s both rise}.reminder-card.is-complete{border-left-color:var(--gold);background:var(--mint-soft)}.reminder-card.is-rest{border-left-color:var(--line-strong);background:var(--surface-2)}.reminder-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reminder-head h3{margin:0 0 2px;font-size:14px}.reminder-head p{color:var(--muted);font:10px var(--mono);margin:0}.reminder-icon{background:var(--mint);width:34px;height:34px;color:var(--green);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.reminder-card.is-complete .reminder-icon{color:var(--gold);background:#fff2cf}:root[data-theme=dark] .reminder-card.is-complete .reminder-icon{background:#33290f}.reminder-count{font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--green);background:var(--mint-soft);border:1px solid var(--mint);border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;display:inline-flex}.reminder-count.is-done{color:var(--gold);background:#fff2cf;border-color:#ead9a9}:root[data-theme=dark] .reminder-count.is-done{background:#33290f;border-color:#5c4a1c}.reminder-message{margin:0 0 14px;font-size:13px}.reminder-list{gap:7px;margin-bottom:14px;display:grid}.reminder-item{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex}.reminder-bullet{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:50%;flex-shrink:0;width:15px;height:15px}.reminder-item-main{flex:1;gap:2px;min-width:0;display:grid}.reminder-item-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.reminder-item-main small{color:var(--muted);font:9px var(--mono)}.reminder-item-streak{font:10px var(--mono);color:var(--clay);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.reminder-item-streak.is-new{color:var(--muted)}.reminder-progress{align-items:center;gap:10px;margin-bottom:12px;display:flex}.reminder-progress .mini-track{flex:1}.reminder-progress small{color:var(--muted);font:9px var(--mono);white-space:nowrap}.reminder-nudge{color:var(--green);background:var(--mint-soft);border-radius:9px;margin:0 0 14px;padding:10px 13px;font-size:12px}.reminder-card.is-complete .reminder-nudge{color:var(--muted);background:0 0;margin-bottom:0;padding:0}.reminder-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.morning-reminder{background:var(--paper);text-align:center;width:min(100%,430px);box-shadow:var(--shadow-lg);opacity:0;border-radius:18px;max-height:90vh;padding:30px;transition:opacity .28s,transform .38s cubic-bezier(.2,.9,.3,1.25);position:relative;overflow-y:auto;transform:translateY(14px)scale(.95)}.morning-reminder.is-visible{opacity:1;transform:none}.morning-close{position:absolute;top:14px;right:14px}.morning-badge{background:var(--mint);width:58px;height:58px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.morning-reminder.is-complete .morning-badge{color:var(--gold);background:#fff2cf}:root[data-theme=dark] .morning-reminder.is-complete .morning-badge{background:#33290f}.morning-reminder .eyebrow{justify-content:center;margin-bottom:10px}.morning-reminder h2{margin:0 0 6px;font-size:25px;line-height:1.2}.morning-day{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.morning-copy{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.morning-list{text-align:left;gap:7px;margin-bottom:16px;display:grid}.morning-list li{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:10px;padding:10px 13px;font-size:12.5px;display:flex}.morning-circle{border:1.5px solid var(--line-strong);background:var(--paper);border-radius:50%;flex-shrink:0;width:15px;height:15px}.morning-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.morning-streak{font:10px var(--mono);color:var(--clay);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.morning-nudge{color:var(--green);background:var(--mint-soft);border-radius:9px;margin:0 0 18px;padding:11px 14px;font-size:12px;line-height:1.5}.morning-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.morning-footnote{color:var(--muted);font:9px var(--mono);justify-content:center;align-items:center;gap:5px;margin:14px 0 0;display:flex}.reminder-backdrop{background:#1c292580}.time-input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:7px 10px;font-size:12px}.time-input:disabled{opacity:.5}.pref-row.is-stacked{flex-wrap:wrap;gap:12px}.pref-row.is-stacked strong{align-items:center;gap:7px;display:flex}@media (width<=560px){.reminder-head{flex-wrap:wrap}.reminder-count{margin-left:0}.morning-reminder{padding:24px 20px}.reminder-item{flex-wrap:wrap}.reminder-item-streak{margin-left:25px}}.email-field{margin-top:4px}.email-service{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);align-items:flex-start;gap:11px;margin:16px 0 4px;padding:13px 15px;display:flex}.email-service svg{flex-shrink:0;margin-top:2px}.email-service strong{margin-bottom:3px;font-size:12.5px;display:block}.email-service small{color:var(--muted);font-size:11px;line-height:1.5}.email-service.is-ready{border-color:var(--mint);background:var(--mint-soft)}.email-service.is-ready svg{color:var(--green)}.email-service.is-unconfigured{background:#fdf3ef;border-color:#f0d5cc}.email-service.is-unconfigured svg{color:var(--danger)}:root[data-theme=dark] .email-service.is-unconfigured{background:#2b1d18;border-color:#4a2a20}.email-preview{background:var(--paper);border-radius:var(--radius-lg);width:min(100%,720px);max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;overflow-y:auto}.email-preview-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.email-preview-head strong{font-size:14px}.email-preview-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.email-preview-meta li{border:1px solid var(--line);background:var(--surface);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.email-preview-meta li span{color:var(--clay);font-family:var(--mono);font-size:10px}.email-preview-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:460px}@media (width<=560px){.email-preview{padding:16px}.email-preview-frame{height:380px}}.login-screen{background:radial-gradient(900px 500px at 15% -10%, var(--mint-soft), transparent 60%), radial-gradient(700px 420px at 105% 10%, #fff4d9, transparent 55%), var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:32px 20px;display:flex}:root[data-theme=dark] .login-screen{background:radial-gradient(900px 500px at 15% -10%, #1b2a22, transparent 60%), radial-gradient(700px 420px at 105% 10%, #2c240f, transparent 55%), var(--paper)}.login-card{background:var(--surface);border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow-md);text-align:center;border-radius:20px;padding:34px 32px 28px;animation:.4s both rise}.login-brand{letter-spacing:1px;text-transform:uppercase;color:var(--green);align-items:center;gap:9px;margin-bottom:24px;font-size:17px;font-weight:800;display:inline-flex}.login-brand .brand-mark{width:30px;height:30px}.login-title{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(25px,4.4vw,31px);line-height:1.2}.login-title em{color:var(--green);font-style:normal}.login-sub{color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.65}.login-primary{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:13px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .18s,transform .18s,background .18s;display:flex}.login-primary:hover{border-color:var(--green);transform:translateY(-1px)}.login-primary.is-secondary{background:var(--mint-soft);border-color:var(--mint);color:var(--green)}.login-note{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.login-note code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:10px}.login-unavailable{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--clay);border-radius:var(--radius);margin-bottom:6px;padding:14px 16px}.login-unavailable-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.login-unavailable-head svg{color:var(--clay)}.login-unavailable-head strong{font-size:13px}.login-unavailable p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.login-missing{font-family:var(--mono);font-size:10px;color:var(--danger)!important;margin-top:6px!important}.login-error{text-align:left;color:var(--danger);border-radius:var(--radius);background:#fdf3ef;border:1px solid #f0d5cc;align-items:center;gap:8px;margin:0 0 16px;padding:11px 14px;font-size:12px;display:flex}:root[data-theme=dark] .login-error{background:#2b1d18;border-color:#4a2a20}.login-busy{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:18px 0;font-size:13px;display:flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-local{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;margin-top:14px;padding:6px;font-size:12px;display:inline-flex}.login-local:hover{color:var(--green)}.login-points{border-top:1px solid var(--line);text-align:left;gap:9px;margin:22px 0 0;padding-top:20px;display:grid}.login-points li{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.login-points svg{color:var(--green);flex-shrink:0}.login-foot{color:var(--muted);font-size:12px;font-family:var(--mono);margin:0}.avatar-img{object-fit:cover;background:var(--surface-2)}.account-name{font-size:14px}.account-email{color:var(--muted);font:10px var(--mono);margin-top:3px}.account-sync{color:var(--muted);font:9px var(--mono);margin-top:5px;display:block}.account-sync.is-on{color:var(--green)}.account-banner{border-radius:var(--radius);border:1px solid var(--mint);background:var(--mint-soft);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:15px 18px;animation:.35s both rise;display:flex}.account-banner svg{color:var(--green);flex-shrink:0}.account-banner strong{margin-bottom:3px;font-size:13px;display:block}.account-banner small{color:var(--muted);font-size:11.5px;line-height:1.55}.account-banner-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.account-banner.is-error{background:#fdf3ef;border-color:#f0d5cc}.account-banner.is-error svg{color:var(--danger)}:root[data-theme=dark] .account-banner.is-error{background:#2b1d18;border-color:#4a2a20}@media (width<=560px){.login-card{padding:26px 22px 22px}.account-banner{flex-direction:column;align-items:flex-start}.account-banner-actions{margin-left:0}}.mobile-nav{display:none}@media (width<=980px){.quick-stats{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.analytics-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{display:none}.product-shell>.app-shell{padding:0 20px 84px}.mobile-brand{display:block}.topbar{height:68px}.mobile-nav{z-index:4;background:var(--surface);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{flex-direction:column;gap:3px;padding:7px 12px;font-size:10px}.mobile-nav button.active{color:var(--green)}main{padding:34px 0 60px}.hero-head{flex-direction:column;align-items:flex-start;gap:22px}.today-ring{align-self:flex-start}.performance-head,.performance{grid-template-columns:minmax(0,1.4fr) 1fr .8fr}.performance-head span:nth-child(4),.performance-head span:nth-child(5),.performance span:nth-child(4),.performance span:nth-child(5){display:none}.weekday-chart{gap:6px;height:120px}.selected-day-list li{flex-wrap:wrap}.modal{padding:22px}}@media (width<=560px){.quick-stats{grid-template-columns:1fr 1fr;gap:8px}.analytics-cards,.comparison-row{grid-template-columns:1fr}.choice-row{flex-direction:column}.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.toolbar-row{flex-direction:column;align-items:stretch}.sort-control{justify-content:space-between}.habit-card{flex-wrap:wrap;align-items:flex-start}.habit-main{flex:100%}.stats{order:3}.card-actions{margin-left:auto}footer{flex-direction:column;gap:10px}.date-strip{gap:5px}.date-cell{width:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.confetti-layer{display:none}}