:root{--bg:oklch(96.5% .018 82);--bg-deep:oklch(94% .02 78);--surface:oklch(99.2% .008 82);--surface-2:oklch(97.8% .012 82);--surface-muted:oklch(95.5% .015 80);--hairline:oklch(88% .015 78);--hairline-soft:oklch(92% .012 78);--ink:oklch(26% .02 60);--ink-2:oklch(40% .02 60);--muted:oklch(55% .018 62);--muted-2:oklch(70% .015 70);--accent:oklch(68% .13 40);--accent-ink:oklch(45% .14 40);--tag-terracotta:oklch(80% .09 40);--tag-peach:oklch(82% .08 65);--tag-butter:oklch(88% .08 95);--tag-sage:oklch(82% .06 150);--tag-sky:oklch(82% .06 230);--tag-lavender:oklch(80% .07 300);--tag-rose:oklch(82% .08 10);--tag-clay:oklch(72% .06 50);--f-display:"Source Serif 4", "Source Serif Pro", Georgia, serif;--f-ui:"DM Sans", -apple-system, system-ui, sans-serif;--phone-shadow:0 60px 120px -40px #3c281440, 0 20px 40px -20px #3c281426, 0 0 0 1px #3c28140f;--modal-shadow:0 30px 80px -20px #28190a59, 0 10px 30px #28190a26}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}html,body{background:var(--bg-deep);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.4}body{justify-content:center;align-items:center;padding:24px;display:flex}#root{display:contents}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.phone{background:var(--bg);width:400px;height:860px;box-shadow:var(--phone-shadow);isolation:isolate;border-radius:44px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=480px){body{background:var(--bg);padding:0}.phone{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}.phone-content{scrollbar-width:none;flex:1;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-in;position:relative;overflow:hidden auto}.phone-content::-webkit-scrollbar{display:none}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dash-header{padding:20px 24px 16px}.dash-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500}.dash-date{font-family:var(--f-display);letter-spacing:-.02em;margin-bottom:18px;font-size:34px;font-weight:400;line-height:1.05}.dash-date em{color:var(--accent-ink);font-style:italic}.progress-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress-row-label{color:var(--muted);font-size:13px}.progress-row-value{font-family:var(--f-display);letter-spacing:-.02em;font-size:18px;font-weight:500}.progress-row-value .pct{color:var(--muted);font-size:13px;font-family:var(--f-ui);margin-left:4px;font-weight:400}.progress-bar{background:var(--hairline-soft);border-radius:99px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .38s cubic-bezier(.2,.8,.2,1)}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;padding:20px 24px 10px;font-size:11px;font-weight:600;display:flex}.section-title .count{color:var(--muted-2);letter-spacing:.06em;font-weight:500}.habit-list{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:22px;margin:0 16px;padding:0;list-style:none;overflow:hidden}.habit-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--hairline-soft);align-items:center;gap:14px;padding:14px 16px;transition:background .15s;animation:.3s ease-out backwards row-in;display:flex;position:relative}.habit-row:last-child{border-bottom:none}.habit-row:hover{background:var(--surface-2)}.habit-row.dragging{opacity:.5;background:var(--surface-muted)}.habit-row.drag-over-top{box-shadow:inset 0 2px 0 var(--accent)}.habit-row.drag-over-bottom{box-shadow:inset 0 -2px 0 var(--accent)}.habit-row.off{opacity:.55;cursor:default}.habit-row.off:hover{background:0 0}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.check{border:1.5px solid var(--hairline);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.check:after{content:"";border-left:2px solid var(--surface);border-bottom:2px solid var(--surface);width:10px;height:6px;margin-top:-2px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;transform:rotate(-45deg)scale(0)}.check.done{background:var(--check-color,var(--accent));border-color:var(--check-color,var(--accent))}.check.done:after{transform:rotate(-45deg)scale(1)}.habit-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.habit-name{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:1.3;overflow:hidden}.habit-row.done .habit-name{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted-2);text-decoration-color:var(--muted-2)}.habit-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.habit-meta .sep{background:var(--muted-2);border-radius:99px;width:2px;height:2px;display:inline-block}.habit-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.streak{font-variant-numeric:tabular-nums;color:var(--ink-2);background:var(--surface-muted);border-radius:99px;justify-content:center;align-items:center;gap:3px;min-width:32px;padding:2px 6px;font-size:13px;font-weight:500;display:flex}.streak.zero{color:var(--muted-2);background:0 0}.ring{flex-shrink:0;width:30px;height:30px;position:relative}.ring svg{display:block;transform:rotate(-90deg)}.ring-track{stroke:var(--hairline-soft)}.ring-fill{stroke:var(--ring-color,var(--accent));transition:stroke-dashoffset .4s}.ring-label{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;inset:0}.drag-handle{width:16px;height:30px;color:var(--muted-2);cursor:grab;opacity:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;transition:opacity .14s;display:flex}.habit-row:hover .drag-handle{opacity:.55}.drag-handle:active{cursor:grabbing;opacity:.8}.fab{background:var(--ink);width:56px;height:56px;color:var(--bg);z-index:40;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 8px 20px -4px #28190a59,0 2px 6px #28190a26}.fab:hover{transform:scale(1.04)}.fab:active{transform:scale(.95)}.empty{text-align:center;color:var(--muted);padding:40px 24px;font-size:14px}.empty-mark{font-family:var(--f-display);color:var(--muted-2);margin-bottom:6px;font-size:22px;font-style:italic;display:block}.tabbar{background:var(--bg);border-top:1px solid var(--hairline-soft);z-index:30;flex-shrink:0;justify-content:space-around;align-items:center;padding:8px 20px 26px;display:flex;position:relative}.tab{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;font-size:10px;font-weight:500;transition:color .14s;display:flex}.tab.active{color:var(--ink)}.tab svg{opacity:.85}.tab.active svg{opacity:1}.tab:focus-visible{outline-offset:-2px}.phone[data-modal] .tabbar{pointer-events:none}.scrim{-webkit-backdrop-filter:blur(4px);z-index:200;opacity:0;background:#28190a52;justify-content:center;align-items:flex-end;animation:.22s cubic-bezier(.2,.8,.2,1) forwards scrim-in;display:flex;position:absolute;inset:0}@keyframes scrim-in{to{opacity:1}}.modal{background:var(--bg);width:calc(100% - 24px);max-height:92%;box-shadow:var(--modal-shadow);scrollbar-width:none;border-radius:28px 28px 22px 22px;margin-bottom:12px;animation:.26s cubic-bezier(.2,.8,.2,1) forwards modal-in;overflow-y:auto;transform:translateY(20px)}.modal::-webkit-scrollbar{display:none}@keyframes modal-in{to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:18px 22px 8px;display:flex}.modal-title{font-family:var(--f-display);letter-spacing:-.015em;white-space:nowrap;font-size:22px;font-weight:400}.modal-close{width:32px;height:32px;color:var(--muted);border-radius:99px;justify-content:center;align-items:center;transition:background .14s;display:flex}.modal-close:hover{background:var(--hairline-soft)}.form-field{padding:12px 22px}.form-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.input{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .14s,background .14s}.input:focus{border-color:var(--accent)}.input.error{border-color:oklch(62% .15 30)}.input-error{color:oklch(52% .16 30);margin-top:6px;font-size:12px}.segmented{background:var(--surface-muted);border:1px solid var(--hairline-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);letter-spacing:-.005em;border-radius:9px;flex:1;padding:8px 10px;font-size:13px;font-weight:500;transition:all .16s}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #3c28140d, 0 0 0 1px var(--hairline-soft)}.daypick{justify-content:space-between;gap:5px;display:flex}.daypick button{background:var(--surface);border:1px solid var(--hairline-soft);height:36px;color:var(--muted);border-radius:10px;flex:1;font-size:12px;font-weight:500;transition:all .14s}.daypick button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:1px solid var(--hairline-soft);border-radius:10px;width:36px;height:36px;transition:transform .14s;position:relative}.swatch:hover{transform:scale(1.05)}.swatch.on:after{content:"";border:1.5px solid var(--ink);border-radius:14px;position:absolute;inset:-4px}.modal-actions{gap:10px;margin-top:8px;padding:16px 22px 20px;display:flex}.btn{letter-spacing:-.005em;border-radius:12px;flex:1;padding:13px;font-size:15px;font-weight:500;transition:all .16s}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--ink-2)}.btn-ghost{background:var(--surface-muted);color:var(--ink)}.btn-ghost:hover{background:var(--hairline-soft)}.btn-danger{color:oklch(55% .16 30);background:0 0;flex:none;padding:13px 0;font-size:14px}.btn-danger:hover{color:oklch(48% .18 30)}.btn-destructive{color:#fff;background:oklch(62% .15 30)}.btn-destructive:hover{background:oklch(55% .16 30)}.modal-delete-row{border-top:1px solid var(--hairline-soft);justify-content:center;margin-top:8px;padding:14px 22px 8px;display:flex}.hist-header{justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.hist-month{font-family:var(--f-display);letter-spacing:-.02em;font-size:26px;font-weight:400}.hist-month em{color:var(--accent-ink);font-style:italic}.hist-nav{gap:4px;display:flex}.hist-nav button{background:var(--surface);border:1px solid var(--hairline-soft);width:34px;height:34px;color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;transition:background .14s;display:flex}.hist-nav button:hover{background:var(--surface-muted)}.hist-summary{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 24px 12px;display:grid}.hist-summary-cell{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:14px;padding:10px 12px}.hist-summary-value{font-family:var(--f-display);letter-spacing:-.015em;font-size:22px;line-height:1}.hist-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px;font-weight:500}.cal{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:22px;margin:16px;padding:14px}.cal-dow{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.cal-dow div{text-align:center;letter-spacing:.1em;color:var(--muted-2);font-size:10px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-cell{aspect-ratio:1/1.15;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 4px;font-size:13px;transition:background .14s;display:flex;position:relative}.cal-cell:hover{background:var(--surface-muted)}.cal-cell.other{color:var(--muted-2);opacity:.5;cursor:default;pointer-events:none}.cal-cell.future{color:var(--muted-2)}.cal-cell.today{background:var(--ink);color:var(--bg)}.cal-cell.today:hover{background:var(--ink-2)}.cal-cell.sel{border-color:var(--accent)}.cal-day-num{padding-top:2px;font-size:13px;font-weight:500}.cal-dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;min-height:7px;display:flex}.cal-dot{background:var(--dotc);border-radius:99px;width:4px;height:4px}.cal-dot.miss{opacity:.3}.legend{color:var(--muted);letter-spacing:.02em;justify-content:center;align-items:center;gap:16px;padding:0 24px 16px;font-size:11px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{background:var(--ink-2);border-radius:99px;width:6px;height:6px}.legend-dot.miss{opacity:.3}.sheet-scrim{z-index:150;opacity:0;background:#28190a4d;align-items:flex-end;animation:.2s forwards scrim-in;display:flex;position:absolute;inset:0}.sheet{background:var(--bg);width:100%;box-shadow:var(--modal-shadow);scrollbar-width:none;border-radius:24px 24px 0 0;max-height:70%;padding:10px 0 24px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards sheet-in;overflow-y:auto;transform:translateY(100%)}.sheet::-webkit-scrollbar{display:none}@keyframes sheet-in{to{transform:translateY(0)}}.sheet-grab{background:var(--hairline);border-radius:99px;width:36px;height:4px;margin:0 auto 12px}.sheet-header{padding:0 22px 14px}.sheet-date{font-family:var(--f-display);letter-spacing:-.015em;font-size:22px;line-height:1.1}.sheet-dow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500}.sheet-items{padding:0 18px}.sheet-item{border-bottom:1px solid var(--hairline-soft);align-items:center;gap:12px;padding:12px 4px;display:flex}.sheet-item:last-child{border-bottom:none}.sheet-item-dot{background:var(--dotc);border-radius:99px;flex-shrink:0;width:10px;height:10px}.sheet-item-dot.miss{opacity:.3}.sheet-item-name{flex:1;font-size:15px;font-weight:500}.sheet-item-status{letter-spacing:.01em;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.sheet-item-status.done{color:oklch(38% .08 150);background:oklch(92% .06 150)}.sheet-item-status.miss{background:var(--surface-muted);color:var(--muted)}.sheet-empty{text-align:center;color:var(--muted);padding:32px 24px;font-size:13px}.confirm{background:var(--bg);width:calc(100% - 80px);box-shadow:var(--modal-shadow);text-align:center;border-radius:20px;margin:auto;padding:22px}.confirm-title{font-family:var(--f-display);letter-spacing:-.01em;margin-bottom:6px;font-size:20px}.confirm-body{color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.5}