:root{--bg-app: #0f0f0f;--bg-card: #1e1e1e;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-elevated: #353535;--border: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--text-muted: #8a8a8a;--text-faint: #6e6e6e;--accent: #6366f1;--green: #4ade80;--red: #ef4444;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--touch: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--fs-md);line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit}ul{list-style:none}[data-lucide]{width:20px;height:20px;stroke-width:2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:var(--fs-md);font-weight:600}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn,.chip,.habit-btn,.scale-btn,.row-time-chip,.color-swatch{transition:transform .1s ease,background .15s ease,opacity .15s ease}.btn:active,.chip:active,.habit-btn:active,.scale-btn:active,.row-time-chip:active{transform:scale(.95)}.btn-ghost{background:none;color:var(--text-secondary);min-height:var(--touch);min-width:var(--touch);display:inline-flex;align-items:center;justify-content:center}.row{display:flex;align-items:center;gap:var(--sp-4);min-height:56px;padding:var(--sp-3) var(--sp-4);width:100%;text-align:left;border-radius:var(--radius-md);transition:background .15s ease}.row:active{background:var(--bg-secondary)}.row-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.row-label{flex:1;font-size:var(--fs-md);color:var(--text-primary)}.row-count{font-size:var(--fs-sm);color:var(--text-muted);min-width:20px;text-align:right}.pick-row{gap:var(--sp-2)}.pick-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-4);background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.row-time-chip{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:var(--sp-1) var(--sp-2);border-radius:999px;background:var(--bg-tertiary);color:var(--accent);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.row-time-chip [data-lucide]{width:12px;height:12px}.divider{height:1px;background:var(--border);margin:var(--sp-3) var(--sp-4)}.chips{display:flex;flex-wrap:nowrap;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding:var(--sp-2) var(--sp-4)}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:var(--sp-2) var(--sp-3);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--fs-sm);white-space:nowrap}.chip.active{background:var(--accent);color:#fff}.list-sort{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding:var(--sp-3) var(--sp-4) 0}.list-sort::-webkit-scrollbar{display:none}.sort-chip{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.sort-chip [data-lucide]{width:13px;height:13px}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-md)}.skeleton-row{height:56px;margin:var(--sp-2) var(--sp-4)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dragging{opacity:.9;cursor:grabbing;transform:scale(1.02);background:var(--bg-tertiary);border-radius:var(--radius-md);position:relative;z-index:2;touch-action:none}.empty{text-align:center;color:var(--text-muted);padding:var(--sp-8) var(--sp-4);font-size:var(--fs-sm)}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-5)}.empty-icon{width:56px;height:56px;margin:0 auto var(--sp-3);border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.empty-icon [data-lucide]{width:26px;height:26px}.empty-title{font-size:var(--fs-md);font-weight:600;color:var(--text-secondary)}.empty-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-1)}.profile-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4) var(--sp-4);padding-top:calc(var(--sp-6) + env(safe-area-inset-top,0px))}.avatar{width:44px;height:44px;border-radius:50%;background:var(--text-primary);color:var(--bg-app);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-lg);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--fs-lg);font-weight:700}.profile-email{font-size:var(--fs-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;overflow-y:auto;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.list-section{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-4) var(--sp-4) var(--sp-1)}.list-section:first-child{padding-top:var(--sp-2)}li[data-sort-id]{display:flex;align-items:center}li[data-sort-id] .row{flex:1;width:auto}.list-dot{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:1px solid var(--border)}.bottom-bar .add-list{flex:1;display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);color:var(--text-secondary);font-size:var(--fs-md)}.list-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);padding-top:calc(var(--sp-4) + env(safe-area-inset-top,0px))}.list-header h1{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em}.list-header-spacer{flex:1}.header-dot{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-dot [data-lucide]{width:18px;height:18px}.list-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;vertical-align:middle}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-2)}.day-nav-label{flex:1;text-align:center;font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.task{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-2) var(--sp-4);background:var(--bg-card);border-radius:var(--radius-md);margin:var(--sp-2) var(--sp-4)}.task-check{width:var(--touch);height:var(--touch);margin:calc(var(--touch) / -2 + 12px) calc(var(--sp-2) * -1);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.task.done .task-check{color:var(--green)}@keyframes check-pop{0%{transform:scale(1)}35%{transform:scale(1.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.task-check.pop{animation:check-pop .8s ease;color:var(--green)}@keyframes row-flash{0%{background:color-mix(in srgb,var(--green) 30%,transparent)}70%{background:color-mix(in srgb,var(--green) 18%,transparent)}to{background:var(--bg-card)}}.task.flash-done{animation:row-flash .9s ease}.task-type-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);width:28px}.task-body{flex:1;min-width:0}button.task-body{background:none;border:none;text-align:left;color:inherit;font:inherit;cursor:pointer;padding:0}.task-check.running{color:var(--accent)}.task-title.link{background:none;border:none;text-align:left;color:inherit;font:inherit;cursor:pointer;padding:0;display:block}.task-session{background:none;border:none;text-align:left;cursor:pointer;padding:2px 0 0;font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px}.task-session.running{color:var(--accent);font-weight:600}.task-session.edit{color:var(--text-faint)}.task-session [data-lucide]{width:11px;height:11px;vertical-align:middle}.task-title{font-size:var(--fs-md)}.task.done .task-title{color:var(--text-muted);text-decoration:line-through}.task-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.task-meta [data-lucide]{width:11px;height:11px;vertical-align:middle}.task-time{color:var(--accent);font-weight:600}.task-times{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.task-time-edit{background:var(--bg-tertiary);border:none;border-radius:999px;padding:2px 8px;font-size:var(--fs-xs);color:var(--accent);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.task-time-edit.empty{background:none;padding:2px 0;color:var(--text-faint);font-weight:500}.task-time-edit [data-lucide]{width:11px;height:11px}.task.urgent{border-left:3px solid var(--red)}.task-meta.urgent{color:var(--red);font-weight:600}.task-meta.urgent [data-lucide],.task-time [data-lucide]{width:11px;height:11px;vertical-align:middle}.task-delete,.task-add-day,.task-reset{color:var(--text-faint);min-width:var(--touch);min-height:var(--touch);display:flex;align-items:center;justify-content:center}.task-reset{color:var(--accent)}.task-add-day{color:var(--text-secondary)}.progress-bar{height:4px;border-radius:999px;background:var(--bg-tertiary);margin-top:6px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.type-chip{display:inline-flex;align-items:center;gap:var(--sp-1)}.type-chip [data-lucide]{width:14px;height:14px}.sheet-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade-in .15s ease}.sheet{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--sp-5) var(--sp-4) var(--sp-6);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px));animation:slide-up .2s ease}.sheet-title{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-4)}.sheet-grip{width:36px;height:4px;border-radius:999px;background:var(--border);margin:0 auto var(--sp-4)}.field{margin-bottom:var(--sp-4)}.field-label{display:block;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-2)}.input{width:100%;min-height:var(--touch);padding:0 var(--sp-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-md)}.input:focus{outline:none;border-color:var(--accent)}.color-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.color-swatch{width:var(--touch);height:var(--touch);border-radius:50%;border:2px solid transparent}.color-swatch.active{border-color:var(--text-primary)}.sheet-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.sheet-actions .btn{flex:1}.quick-add{display:flex;gap:var(--sp-2);align-items:center}.quick-add .input{flex:1}.quick-add .btn{min-width:var(--touch);padding:0}.suggest-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.suggest-chip{background:var(--bg-tertiary);color:var(--text-secondary)}.pick-hint{color:var(--text-faint);font-size:var(--fs-xs);font-weight:400}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.cal-month{font-size:var(--fs-md);font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}.cal-weekday{text-align:center;font-size:var(--fs-xs);color:var(--text-muted);padding-bottom:var(--sp-1)}.cal-empty{aspect-ratio:1}.cal-day{aspect-ratio:1;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--fs-sm)}.cal-day.today{border:1px solid var(--accent)}.cal-day.selected{background:var(--accent);color:#fff;font-weight:600}.cal-day.disabled{background:transparent;color:var(--text-faint)}.rep-chips,.day-chips{padding:0;flex-wrap:wrap}.rep-block{margin-top:var(--sp-3)}.rep-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.rep-row .input{flex:1}.rep-every{flex:0 0 auto;max-width:72px;text-align:center}.rep-day-label{flex-shrink:0;min-width:36px;font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.rep-del{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--fs-lg)}.rep-add{display:inline-block;margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--fs-sm)}.rep-hint{font-size:var(--fs-xs);color:var(--text-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.habit{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border-radius:var(--radius-md);margin:var(--sp-2) var(--sp-4);border-left:3px solid var(--border)}.habit.good{border-left-color:var(--green)}.habit.bad{border-left-color:var(--red)}.habit-info{flex:1;min-width:0;background:none;border:none;text-align:left;color:inherit;font:inherit;cursor:pointer;padding:0}.habit-kind-banner{margin:var(--sp-3) var(--sp-4) 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;text-align:center}.habit-kind-banner.good{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}.habit-kind-banner.bad{background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red)}.habit-name{font-size:var(--fs-md)}.habit-kind{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.habit-streak{color:var(--accent);font-weight:600}.habit-streak [data-lucide]{width:11px;height:11px;vertical-align:middle}.habit-goal{display:flex;align-items:center;gap:var(--sp-2);margin-top:6px}.habit-goal .progress-bar{flex:1;margin-top:0}.habit-goal-text{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.habit-counter{display:flex;align-items:center;gap:var(--sp-2)}.habit-btn{width:var(--touch);height:var(--touch);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary)}.habit.good .habit-btn{color:var(--green)}.habit.bad .habit-btn{color:var(--red)}.habit-count{min-width:28px;text-align:center;font-size:var(--fs-lg);font-weight:700}.habit-delete{width:var(--touch);height:var(--touch);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.chain{--chain-color: var(--green);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-3);margin:0 var(--sp-4) var(--sp-4)}.chain.bad{--chain-color: var(--red)}.chain .day-nav{margin:0 0 var(--sp-2);padding:0}.chain-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.chain-wd{text-align:center;font-size:var(--fs-xs);color:var(--text-muted);padding-bottom:var(--sp-1)}.chain-day{position:relative;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-tertiary)}.chain-day.future{opacity:.35;background:transparent}.chain-day.marked{background:var(--chain-color);color:#101010;font-weight:600}.chain.bad .chain-day.marked{color:#fff}.chain-day.frozen{border:1.5px dashed #38bdf8;color:#38bdf8;background:transparent}.chain-day.today{box-shadow:0 0 0 2px var(--accent)}.chain-day.link:before,.chain-day.link-ice:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:7px;height:5px;border-radius:2px;background:var(--chain-color)}.chain-day.link-ice:before{background:#38bdf8;opacity:.55}.chain-hint{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.chain-day.off{background:transparent;color:var(--text-faint);font-size:var(--fs-xs)}.chain-day.off.marked{background:var(--chain-color);color:#101010;font-size:var(--fs-sm)}.chain-day.link-dim:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:7px;height:5px;border-radius:2px;background:var(--chain-color);opacity:.3}.hb-headrow{padding:var(--sp-3) calc(var(--sp-4) + var(--sp-3)) 0}.hb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hb-wd{text-align:center;font-size:var(--fs-xs);color:var(--text-muted)}.hb-section{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4)}.hb-item{--chain-color: var(--green);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-2) var(--sp-3) var(--sp-3)}.hb-name{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:var(--sp-1) 0 var(--sp-2)}.hb-title{font-weight:600;font-size:var(--fs-md)}.hb-streak{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);color:var(--text-secondary)}.hb-streak svg{width:12px;height:12px;color:#f59e0b}.hb-goal{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted)}.hb-item .chain-day{font-size:var(--fs-xs)}.hb-item.bad .chain-day.marked{color:#fff}.chain-day.marked.partial{opacity:.55}.tab-bar{display:flex;gap:var(--sp-1);padding:var(--sp-2) var(--sp-4) 0;border-bottom:1px solid var(--border)}.tab-bar .tab{flex:1;padding:var(--sp-3) var(--sp-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-muted);font:inherit;font-weight:600;font-size:var(--fs-sm);cursor:pointer}.tab-bar .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--sp-3);text-align:center}.stat-value{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.section-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.month-chart{display:flex;align-items:flex-end;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-6);height:160px}.month-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);height:100%}.month-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.month-bar-fill{width:100%;background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:2px}.month-bar-fill.good{background:var(--green)}.month-bar-fill.bad{background:var(--red)}.dash-list{padding:0 var(--sp-4)}.dash-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.dash-row-label{flex:1;font-size:var(--fs-sm)}.dash-row-value{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary)}.rev-head{text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--sp-3) 0 0}.rev-hero{text-align:center;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.rev-pct{font-size:44px;font-weight:800;color:var(--accent);line-height:1}.rev-pct-label{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-1)}.rev-xp{font-size:var(--fs-sm);font-weight:600;color:var(--green);margin-top:var(--sp-2)}.rev-compare{padding:var(--sp-2) var(--sp-4)}.rev-compare-top{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.rev-now{font-weight:600}.rev-diff{font-size:var(--fs-xs);font-weight:700}.rev-diff.up{color:var(--green)}.rev-diff.down{color:var(--red)}.rev-bar{height:8px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;margin:var(--sp-1) 0}.rev-bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.rev-prev{font-size:var(--fs-xs);color:var(--text-muted)}.rev-insight-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);padding:var(--sp-2) var(--sp-4) 0}.rev-takeaway{margin:var(--sp-1) var(--sp-4) var(--sp-2);padding:var(--sp-2) var(--sp-3);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-primary)}.month-bar-value{font-size:9px;color:var(--text-muted)}.month-bar-label{font-size:var(--fs-xs);color:var(--text-secondary)}.week-day{margin:var(--sp-3) var(--sp-3) 0;background:var(--bg-secondary);border-radius:var(--radius-lg);padding-bottom:var(--sp-2)}.week-day.today{background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));outline:1px solid color-mix(in srgb,var(--accent) 38%,transparent)}.week-day-head{display:flex;align-items:center;padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3)}.week-day-toggle{flex:1;display:flex;align-items:center;gap:var(--sp-2);min-height:40px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.week-day-toggle [data-lucide]{width:16px;height:16px;color:var(--text-muted)}.week-day-name{font-weight:600;font-size:var(--fs-sm);color:var(--text-secondary)}.day-badges{display:inline-flex;gap:var(--sp-1)}.day-badge{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary);background:var(--bg-elevated);border-radius:999px;padding:1px 8px}.day-badge [data-lucide]{width:11px;height:11px}.day-badge.done{color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent)}.day-badge.overdue{color:var(--red);background:color-mix(in srgb,var(--red) 16%,transparent)}.week-day.today .week-day-name{color:var(--accent)}.week-day-add{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.week-empty{font-size:var(--fs-xs);color:var(--text-faint);padding:0 var(--sp-3) var(--sp-2)}.week-day .task{margin:var(--sp-2) var(--sp-3)}.ritual-trigger{display:flex;align-items:center;gap:var(--sp-2);width:calc(100% - var(--sp-3) * 2);margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-3);background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-lg);color:var(--text-primary);font:inherit;font-weight:600;cursor:pointer}.ritual-trigger>[data-lucide]:first-child{color:var(--accent)}.ritual-trigger-label{flex:1;text-align:left}.ritual-trigger-count{background:var(--accent);color:#fff;font-size:var(--fs-xs);font-weight:700;border-radius:999px;padding:1px 8px}.ritual-trigger-arrow{color:var(--text-faint)}.ritual-card{margin:var(--sp-3) var(--sp-3) 0;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-3) var(--sp-2)}.ritual-head{display:flex;align-items:center;justify-content:space-between;font-weight:700}.ritual-x{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer}.ritual-sub{font-size:var(--fs-sm);color:var(--text-secondary);margin:var(--sp-1) 0 var(--sp-1)}.ritual-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--border)}.ritual-title{flex:1;font-size:var(--fs-sm)}.ritual-tag{font-size:var(--fs-xs);color:var(--text-muted)}.ritual-add{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.ritual-roll{background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:999px;padding:6px 12px;font-size:var(--fs-xs);font-weight:600;cursor:pointer}.ritual-all{width:100%;margin-top:var(--sp-2);background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--radius-md);padding:var(--sp-2);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.ritual-empty{font-size:var(--fs-sm);color:var(--text-muted);padding-top:var(--sp-1)}.ritual-group{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) 0;margin-top:var(--sp-1);border-top:1px solid var(--border);background:none;border-left:none;border-right:none;border-bottom:none;color:var(--text-secondary);font:inherit;font-weight:600;font-size:var(--fs-sm);cursor:pointer}.ritual-group [data-lucide]{width:16px;height:16px;color:var(--text-muted)}.attr-list{padding:var(--sp-2) var(--sp-4) var(--sp-6)}.attr{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.attr-title{font-size:var(--fs-xs);color:var(--text-muted);font-weight:400}.attr-chevron{color:var(--text-faint);flex-shrink:0}.attr-hero{text-align:center;padding:var(--sp-5) var(--sp-4) var(--sp-3)}.attr-hero-icon [data-lucide]{width:40px;height:40px}.attr-hero-level{font-size:var(--fs-xl);font-weight:800;margin-top:var(--sp-2)}.attr-hero-title{font-size:var(--fs-md);color:var(--text-secondary)}.attr-hero-xp{font-size:var(--fs-xs);color:var(--text-muted)}.title-ladder{padding:0 var(--sp-4) var(--sp-6)}.title-row{display:flex;align-items:center;margin-bottom:var(--sp-2);background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.title-row.locked{opacity:.55}.title-main{flex:1;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.title-del{min-width:var(--touch);min-height:var(--touch);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-faint);cursor:pointer}.title-lvl{font-weight:700;color:var(--accent);min-width:44px}.title-row.locked .title-lvl{color:var(--text-muted)}.title-name{flex:1}.title-edit{color:var(--text-faint)}.title-edit [data-lucide]{width:16px;height:16px}.attr-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attr-body{flex:1;min-width:0}.attr-top{display:flex;align-items:baseline;justify-content:space-between}.attr-name{font-size:var(--fs-md);font-weight:600}.attr-level{font-size:var(--fs-md);font-weight:700;color:var(--accent)}.attr-bar{height:6px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;margin:var(--sp-1) 0}.attr-bar span{display:block;height:100%;border-radius:999px}.attr-bottom{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-muted)}.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-6)}.ach-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-3);text-align:center;opacity:.6}.ach-card.done{opacity:1;outline:1px solid var(--accent)}.ach-medal{width:48px;height:48px;margin:0 auto var(--sp-2);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted)}.ach-card.done .ach-medal{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.ach-medal [data-lucide]{width:26px;height:26px}.ach-title{font-size:var(--fs-sm);font-weight:600}.ach-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.ach-bar{height:5px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;margin:var(--sp-2) 0 var(--sp-1)}.ach-bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.ach-pct{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.ach-card.done .ach-pct{color:var(--green)}.jrn-card{margin:var(--sp-3) var(--sp-4)}.jrn-title{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-3)}.jrn-readings{display:flex;gap:var(--sp-3)}.jrn-reading{flex:1;text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--sp-3)}.jrn-emoji{font-size:28px;line-height:1}.jrn-rlabel{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-1)}.jrn-note{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-primary);white-space:pre-wrap}.jrn-chart{padding:0 var(--sp-4) var(--sp-6)}.jrn-chart-row{margin-bottom:var(--sp-4)}.jrn-chart-label{font-size:var(--fs-xs);color:var(--text-muted)}.jbars{display:flex;align-items:flex-end;gap:3px;height:60px;margin-top:var(--sp-2)}.jbar{flex:1;height:100%;display:flex;align-items:flex-end}.jbar-fill{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px}.scale-row{display:flex;gap:var(--sp-2)}.scale-btn{flex:1;min-height:var(--touch);font-size:24px;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;opacity:.55}.scale-btn.active{opacity:1;border-color:var(--accent);background:var(--bg-tertiary)}textarea.input{resize:vertical;padding:var(--sp-3);line-height:1.4}.heatmap{padding:0 var(--sp-4) var(--sp-2)}.hm-body{display:flex;align-items:flex-start}.hm-days{display:flex;flex-direction:column;gap:2px;padding-top:16px;margin-right:4px;flex-shrink:0}.hm-day{height:9px;line-height:9px;width:22px;text-align:right;font-size:8px;color:var(--text-muted)}.hm-scroll{overflow-x:auto;scrollbar-width:none}.hm-scroll::-webkit-scrollbar{display:none}.hm-months{display:flex;gap:2px;height:16px}.hm-mslot{width:9px;flex:0 0 9px;position:relative}.hm-mlabel{position:absolute;left:0;top:0;font-size:9px;color:var(--text-muted);white-space:nowrap}.hm-grid{display:flex;gap:2px;width:max-content}.hm-col{display:flex;flex-direction:column;gap:2px}.hm-cell{width:9px;height:9px;border-radius:2px;flex:0 0 auto}.hm-cell.hm-empty{background:var(--bg-tertiary);opacity:1}.hm-legend{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-2) var(--sp-4) var(--sp-4)}.hm-legend .hm-cell{display:inline-block}.celebrate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.celebrate-confetti{position:absolute;inset:0;overflow:hidden}.cf{position:absolute;top:-20px;width:9px;height:9px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.celebrate-card{pointer-events:auto;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);text-align:center;box-shadow:0 12px 40px #0000008c;animation:celebrate-pop .35s ease}@keyframes celebrate-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.celebrate-icon [data-lucide]{width:40px;height:40px}.celebrate-title{font-size:var(--fs-lg);font-weight:800;margin-top:var(--sp-2)}.celebrate-sub{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-6) var(--sp-5);padding-top:max(var(--sp-6),env(safe-area-inset-top));padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom))}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center}.login__logo{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.login__logo [data-lucide]{width:36px;height:36px;color:#fff;stroke-width:3}.login__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-2)}.login__subtitle{font-size:var(--fs-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--sp-6)}.login__form{width:100%;display:flex;flex-direction:column;gap:var(--sp-4)}.login__field{display:flex;flex-direction:column;gap:var(--sp-2)}.login__field span{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.login__field input{height:var(--touch);padding:0 var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-md);outline:none;transition:border-color .15s}.login__field input:focus{border-color:var(--accent)}.login__error{font-size:var(--fs-sm);color:var(--red);text-align:center}.login__submit{height:var(--touch);background:var(--accent);color:#fff;font-size:var(--fs-md);font-weight:600;border-radius:var(--radius-md);transition:opacity .15s}.login__submit:disabled{opacity:.6}.login__toggle{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary)}.login__toggle strong{color:var(--accent);font-weight:600}