:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#4f46e5;--primary-soft:#eef2ff;--done:#10b981;--done-soft:#ecfdf5;--skip:#94a3b8;--danger:#dc2626;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--card:#131c2e;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--primary:#818cf8;--primary-soft:#1e1b4b;--done-soft:#052e25}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent}h1{margin:0;font-size:1.6rem}h2{margin:0;font-size:1.1rem}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--danger);margin:0}.row{align-items:center;display:flex}.form .row{align-items:end}.gap{gap:12px}.grow{flex:1;min-width:0}.stack>*+*,section.card+section.card{margin-top:12px}.splash{text-align:center;place-content:center;gap:12px;min-height:100dvh;display:grid}.shell{flex-direction:column;min-height:100dvh;display:flex}.content{width:100%;max-width:640px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(90px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.tabbar{background:var(--card);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tab{color:var(--muted);flex-direction:column;align-items:center;padding:4px 8px;font-size:.75rem;display:flex}.tab span{filter:grayscale();opacity:.7;font-size:1.3rem}.tab.active{color:var(--primary);font-weight:600}.tab.active span{filter:none;opacity:1}.page-header{margin-bottom:16px}.page-header.row{justify-content:space-between;gap:8px}.page-header.row.start{justify-content:flex-start}.day-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.small-h1{text-align:center;font-size:1.1rem}.icon-btn{color:var(--muted);background:0 0;border:none;padding:4px 10px;font-size:1.8rem;line-height:1}.progress{align-items:center;gap:10px;margin-top:12px;display:flex}.progress-track{background:var(--primary-soft);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}.progress span{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.section{color:var(--muted);margin:24px 0 10px}.banner{border-radius:var(--radius);background:var(--primary-soft);color:var(--primary);margin-bottom:14px;padding:12px 14px;font-size:.9rem;display:block}.habit{border-left:5px solid var(--primary);align-items:center;gap:14px;transition:background .2s;display:flex}.habit.done{background:var(--done-soft)}.habit.done .habit-title{color:var(--muted);text-decoration:line-through}.habit.skipped{opacity:.55}.habit.archived{opacity:.6;border-left-color:var(--border)}.habit-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.2em;font-weight:600}.habit-body{flex:1;min-width:0}.habit-title{overflow-wrap:anywhere;font-weight:600}.habit-actions{gap:8px;display:flex}.check,.skip{border:2px solid var(--border);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;font-size:1.1rem}.check.on{background:var(--done);border-color:var(--done);color:#fff}.skip.on{background:var(--skip);border-color:var(--skip);color:#fff}.empty{text-align:center;justify-items:center;gap:12px;display:grid}.btn{border:1px solid var(--border);background:var(--card);border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.6}.link{color:var(--primary);background:0 0;border:none;margin-top:16px}.form{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.form label{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-width:0;font-size:.9rem;font-weight:500;display:grid}.form input:not([type=checkbox]){border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:16px}.form fieldset{border:none;margin:0;padding:0}.form legend{margin-bottom:6px;font-size:.9rem;font-weight:500}.emoji-field{width:72px}.emoji-field input{text-align:center}.toggle{grid-template-columns:none;align-items:center;gap:10px;display:flex!important}.toggle input{width:20px;height:20px;accent-color:var(--primary)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:0 0;border-radius:999px;padding:8px 12px}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.swatch{border:3px solid #0000;border-radius:50%;width:32px;height:32px}.swatch.on{border-color:var(--text)}.danger-zone{justify-content:flex-end;margin-top:16px}.week{padding:10px;overflow-x:auto}.week-row{grid-template-columns:minmax(84px,2fr) repeat(7,minmax(26px,1fr));align-items:center;gap:3px;display:grid}.week-row+.week-row{margin-top:6px}.week-head span{text-align:center;color:var(--muted);font-size:.75rem}.week-head .today{color:var(--primary);font-weight:700}.week-habit{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.cell{aspect-ratio:1;border:1px solid var(--border);background:0 0;border-radius:8px;padding:0;font-weight:700}.cell.off{border:none}.cell.done{background:var(--done);border-color:var(--done);color:#fff}.cell.skipped{background:var(--border)}.cell.missed{border-style:dashed}.cell:disabled{opacity:.4}.auth{text-align:center;flex-direction:column;align-items:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:48px 16px;display:flex}.auth h1{margin-top:12px}.auth .form{text-align:left;width:100%;margin-top:24px}.auth-logo{border-radius:18px}.steps{gap:6px;margin:0;padding-left:20px;display:grid}.textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:10px;min-height:4.5em;padding:10px 12px;font-size:16px}.summary{margin:0;line-height:1.5}.step{border-left:5px solid var(--primary);cursor:pointer;align-items:flex-start;gap:12px;display:flex}.step.off{opacity:.5}.step input{width:20px;height:20px;accent-color:var(--primary);flex:none;margin-top:2px}.step-why{margin:4px 0 0}.goal{border-left:5px solid var(--primary);display:block}.goal-title{overflow-wrap:anywhere;font-weight:600}.thinking{text-align:center;justify-items:center;gap:8px;padding:24px 16px;display:grid}