:root{--paper: #f2f1ec;--card: #fbfaf6;--ink: #22201b;--ink2: #615d53;--ink3: #928d80;--hair: #e2ddd1;--hair2: #ece8dd;--done: oklch(.66 .13 150);--done-bg: oklch(.93 .05 150);--warn: oklch(.7 .15 55);--voice: oklch(.58 .15 292);--sleep: oklch(.57 .12 262);--cell0: #e8e4d8;--mono: "Spline Sans Mono", ui-monospace, monospace;--gap: 13px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.3;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,input{font-family:var(--mono)}.wrap{max-width:1240px;margin:0 auto;padding:18px 20px 48px}.card{background:var(--card);border:1.4px solid var(--hair);border-radius:11px;padding:14px}.seclabel{font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3);display:flex;align-items:center;gap:8px}.seclabel .n{color:var(--ink);font-weight:700;letter-spacing:.5px}.seclabel .rule{flex:1;height:1.4px;background:var(--hair)}.big{font-weight:700;line-height:.95;letter-spacing:-1px}.muted{color:var(--ink3)}.dim{color:var(--ink2)}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.brand{display:flex;align-items:baseline;gap:12px}.brand .logo{font-size:21px;font-weight:700;letter-spacing:-.5px}.brand .logo b{color:var(--done)}.brand .sub{font-size:11px;color:var(--ink3);letter-spacing:.5px}.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.daynav{display:flex;align-items:stretch;border:1.4px solid var(--hair);border-radius:8px;background:var(--card);overflow:hidden}.daynav button{font-family:var(--mono);background:transparent;border:0;color:var(--ink);cursor:pointer;font-size:13px;padding:0 12px;line-height:1}.daynav button:hover:not(:disabled){background:var(--hair2)}.daynav button:disabled{color:var(--hair);cursor:default}.daynav .dlabel{font-size:11px;font-weight:600;color:var(--ink);padding:6px;min-width:132px;text-align:center;letter-spacing:.3px;border-left:1.4px solid var(--hair);border-right:1.4px solid var(--hair);display:flex;flex-direction:column;gap:2px;justify-content:center}.daynav .ttag{font-size:8px;font-weight:700;letter-spacing:1px}.daynav .ttag.today{color:var(--done)}.daynav .ttag.edit{color:var(--warn)}.seg{display:flex;border:1.4px solid var(--hair);border-radius:8px;overflow:hidden;background:var(--card)}.seg button{font-family:var(--mono);font-size:11px;font-weight:600;background:transparent;color:var(--ink2);border:0;border-right:1.4px solid var(--hair);cursor:pointer;padding:7px 12px}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:var(--paper)}.chk{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1.4px solid var(--hair);border-radius:8px;padding:6px 11px;background:var(--card);font-size:11px;color:var(--ink2);-webkit-user-select:none;user-select:none}.chk.on{border-color:var(--ink);color:var(--ink)}.chk .box{width:11px;height:11px;border:1.4px solid var(--ink2);border-radius:3px}.chk.on .box{background:var(--ink);border-color:var(--ink)}.tbtn{cursor:pointer;border:1.4px solid var(--hair);border-radius:8px;padding:6px 11px;background:var(--card);font-family:var(--mono);font-size:11px;color:var(--ink3)}.tbtn:hover{color:var(--ink);border-color:var(--ink2)}.tbtn:disabled{opacity:.55;cursor:default}.hero{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:18px 22px;margin-bottom:var(--gap)}.hero .scorewrap{display:flex;align-items:baseline;gap:14px}.hero .score{font-size:62px}.hero .score .pct{font-size:24px;color:var(--ink3);font-weight:600}.hero .scoremeta{display:flex;flex-direction:column;gap:5px}.delta{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.up{color:var(--done)}.down{color:var(--warn)}.flat{color:var(--ink3)}.hero .frac{font-size:12px;color:var(--ink3)}.segbar{display:flex;flex-direction:column;gap:7px;min-width:0}.segbar .track{display:flex;gap:5px}.segbar .seg7{flex:1;height:16px;border-radius:4px;background:var(--cell0);border:1.4px solid var(--hair)}.segbar .seg7.on{background:var(--done);border-color:var(--done)}.segbar .cap{display:flex;justify-content:space-between;font-size:10px;color:var(--ink3);letter-spacing:.5px}.stats{display:flex;align-items:stretch}.stat{padding:0 16px;display:flex;flex-direction:column;gap:3px;border-left:1.4px solid var(--hair)}.stat:first-child{border-left:0;padding-left:0}.stat .k{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);font-weight:600}.stat .v{font-size:19px;font-weight:700;letter-spacing:-.5px}.stat .v small{font-size:11px;color:var(--ink3);font-weight:600}.main{display:grid;grid-template-columns:.92fr 1.08fr;gap:var(--gap);margin-bottom:var(--gap)}.habits .list{display:flex;flex-direction:column;gap:7px;margin-top:11px}.habit{display:grid;grid-template-columns:22px 1fr auto auto auto;align-items:center;gap:11px;padding:9px 11px;border:1.4px solid var(--hair);border-radius:9px;cursor:pointer;background:var(--card);transition:background .1s,border-color .1s}.habit:hover{border-color:var(--ink3)}.habit.done{background:var(--done-bg);border-color:var(--done)}.habit .check{width:22px;height:22px;border:1.6px solid var(--ink3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;flex-shrink:0}.habit.done .check{background:var(--done);border-color:var(--done);color:#fff}.habit .nmwrap{min-width:0}.habit .nm{font-size:13.5px;font-weight:500}.habit.done .nm{color:#225a31}.habit .hsub{font-size:10px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit .spark{width:64px;height:22px}.habit .trajnum{font-size:11px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;text-align:right;min-width:44px;display:flex;align-items:center;justify-content:flex-end;gap:1px}.habit .trajnum .ar{font-size:9px}.habit .streak{font-size:11px;font-weight:600;color:var(--ink3);display:flex;align-items:center;gap:4px;white-space:nowrap}.habit .streak b{color:var(--ink)}.habit.done .streak b{color:#337344}.habit .streak .fire{width:6px;height:6px;border-radius:50%;background:var(--ink3)}.habit .streak.hot .fire{background:var(--done)}.habit .streak.risk,.habit .streak.risk b{color:var(--warn)}.habit .streak.risk .fire{background:var(--warn)}.streakhint{font-size:8.5px;letter-spacing:.2px;font-weight:600;margin-top:1px}.streakhint.risk{color:var(--warn)}.streakhint.ok{color:var(--done)}@media (prefers-reduced-motion: no-preference){.habit .streak.risk .fire{animation:firepulse 1.5s ease-in-out infinite}}@keyframes firepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}.sleepval{font-size:13px;font-weight:700;color:var(--sleep);letter-spacing:-.3px}.sleepval small{font-size:10px;font-weight:600}.habit[data-type=sleep] .spark{stroke:var(--sleep)}.meal-habit{grid-template-columns:22px 1fr auto auto auto;align-items:center}.mealrow{display:flex;gap:6px;margin-top:6px;align-items:stretch}.mealinput{flex:1;min-width:0;font-family:var(--mono);font-size:11.5px;color:var(--ink);background:var(--paper);border:1.3px solid var(--hair);border-radius:6px;padding:5px 8px}.mealinput::placeholder{color:var(--ink3)}.mealinput:focus{outline:none;border-color:var(--ink2);background:var(--card)}.mealtimebtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink2);background:var(--paper);border:1.3px solid var(--hair);border-radius:6px;padding:5px 9px;cursor:pointer;white-space:nowrap}.mealtimebtn:hover{border-color:var(--ink2);color:var(--ink)}.mealtimebtn .mtclock{font-size:12px;color:var(--ink3)}.meal-habit.done .mealinput,.meal-habit.done .mealtimebtn{background:var(--card);border-color:#a9d0b0}.mlabel{text-align:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);font-weight:600;margin-top:4px}.hgroup{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink3);margin:8px 2px 1px}.hgroup:first-child{margin-top:4px}.gcap{font-size:11px;color:var(--ink2);line-height:1.5;margin:7px 0 10px}.gcap b{color:var(--ink);font-weight:600}.graph{width:100%;display:block}.gbase{stroke:var(--hair2);stroke-width:1}.glegend{display:flex;gap:18px;margin-top:9px;flex-wrap:wrap;font-size:10px;color:var(--ink3);letter-spacing:.3px}.glegend .lg{display:flex;align-items:center;gap:6px}.glegend .sw{width:17px;border-top-width:2.6px;border-top-style:solid}.glegend .sw.dash{border-top-style:dashed}.glegend .dotsw{width:9px;height:9px;border-radius:50%}.gsplit{height:1.4px;background:var(--hair);margin:18px 0 0}.ilabel{font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 4px}.tab{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink2);background:var(--card);border:1.4px solid var(--hair);border-radius:20px;padding:5px 11px;cursor:pointer}.tab:hover{border-color:var(--ink3)}.tab.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gfoot{display:flex;gap:22px;margin-top:13px;padding-top:12px;border-top:1.4px solid var(--hair);flex-wrap:wrap}.gfoot .gf{display:flex;flex-direction:column;gap:2px}.gfoot .gf .k{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);font-weight:600}.gfoot .gf .v{font-size:16px;font-weight:700;letter-spacing:-.5px}.gfoot .gf .v small{font-size:11px;color:var(--ink3);font-weight:600}.bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--gap)}.dtbars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:150px;margin-top:16px}.dtcol{display:flex;flex-direction:column;align-items:center;height:100%}.dtgrow{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;width:100%}.dtval{font-size:11px;font-weight:700;color:var(--ink2)}.dtbar{width:62%;background:var(--ink2);border-radius:5px 5px 0 0;min-height:4px;transition:height .2s}.dtbar.best{background:var(--done)}.dtbar.worst{background:var(--warn);opacity:.55}.dtday{margin-top:8px;font-size:10px;color:var(--ink3);letter-spacing:.5px}.dtinsight{margin-top:14px;padding-top:12px;border-top:1.4px solid var(--hair);font-size:11px;color:var(--ink3);display:flex;gap:18px;flex-wrap:wrap}.dtinsight b{color:var(--ink)}.voice{display:flex;flex-direction:column}.voicebody{display:flex;flex-direction:column;gap:12px;margin-top:14px;flex:1;justify-content:center}.voicebars{display:flex;align-items:center;gap:3px;height:34px}.voicebars i{width:3px;background:var(--voice);border-radius:2px;display:block;opacity:.85}.voicerow{display:flex;align-items:center;gap:11px}.recbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--voice);color:var(--voice);background:transparent;border-radius:8px;padding:8px 14px;font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer}.recbtn .d{width:9px;height:9px;border-radius:50%;background:var(--voice)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c185c;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.on{display:flex}.modalcard{background:var(--card);border:1.5px solid var(--ink);border-radius:16px;width:344px;max-width:100%;max-height:92vh;overflow:auto;padding:16px 16px 14px}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modalhead span{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink2)}.mclose{border:0;background:transparent;font-size:15px;cursor:pointer;color:var(--ink3);line-height:1}.modalhint{font-size:10.5px;color:var(--ink3);text-align:center;margin-top:6px;letter-spacing:.3px}.sleepstatus{text-align:center;margin-top:10px;font-size:11px;font-weight:600}.sleepstatus.ok{color:var(--done)}.sleepstatus.no{color:var(--ink3)}.modalfoot{margin-top:14px;display:flex;justify-content:flex-end}.donebtn{background:var(--ink);color:var(--paper);border:0;border-radius:9px;padding:9px 22px;font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer}.clockwrap{position:relative;width:240px;margin:8px auto 2px}.clockctr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.cdur{font-size:30px;font-weight:700;letter-spacing:-1px}.ctimes{display:flex;gap:18px;margin-top:7px;font-size:11px}.ctimes i{font-style:normal;color:var(--ink3);text-transform:uppercase;font-size:9px;letter-spacing:.5px}.ctimes b{color:var(--ink);margin-left:3px}.handle{cursor:grab}.handle:active{cursor:grabbing}.compact{--gap: 9px;font-size:12px}.compact .hero{padding:13px 18px}.compact .hero .score{font-size:50px}.compact .card{padding:11px}.compact .habit{padding:7px 10px}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:16px}.hero .stats{justify-content:flex-start}.main,.bottom{grid-template-columns:1fr}}@media (max-width: 560px){.wrap{padding:14px 13px 40px}.topbar{align-items:flex-start}.controls{flex-wrap:wrap}.hero .score{font-size:50px}.stat{padding:0 12px}.habit .spark{display:none}}