@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}:root{--ink: #0b0807;--ink-card: #110d0c;--ink-raise: #181312;--ink-sink: #070505;--line: #241d1b;--line-lit: #352b27;--cream: #ece4dc;--cream-dim: #a89c94;--muted: #6e635c;--coral: #e98862;--coral-deep: #8a4b34;--sage: #8fa67f;--sage-deep: #4a5742;--amber: #d9a441;--red: #c9574a;--mono: "Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--r: 10px;--r-sm: 6px;--pad: 14px;--gap: 8px;--tab-h: 56px;--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.45;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}body{min-height:100dvh;padding-env:0}input,button,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:var(--r-sm)}.readout{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.readout-xl{font-size:42px}.readout-lg{font-size:30px}.readout-md{font-size:20px}.readout-sm{font-size:15px;font-weight:500}.label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.label-lit{color:var(--cream-dim)}.unit{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--cream-dim);letter-spacing:.04em}.prose{color:var(--cream-dim);font-size:14px}.note{font-family:var(--sans);font-size:13px;line-height:1.4;color:var(--muted);margin:0}.note-warn{color:var(--amber)}.note-bad{color:var(--red)}.dim{color:var(--muted)}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 10px) var(--pad) 10px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.topbar h1{margin:0;font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.screen{flex:1;padding:var(--pad);padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));display:flex;flex-direction:column;gap:var(--gap)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--ink-sink) 92%,transparent);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;position:relative;transition:color .15s var(--ease)}.tab svg{width:20px;height:20px;stroke-width:1.6}.tab[aria-current=page]{color:var(--coral)}.tab[aria-current=page]:before{content:"";position:absolute;top:0;width:18px;height:2px;background:var(--coral)}.card{background:var(--ink-card);border:1px solid var(--line);border-radius:var(--r);padding:12px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.card-flush{padding:0;overflow:hidden}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--gap)}.wrap{flex-wrap:wrap}.meter{display:flex;flex-direction:column;gap:6px}.meter-track{position:relative;height:26px;background:var(--ink-sink);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.meter-track:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--cream) 22%,transparent) 0 1px,transparent 1px 25%),repeating-linear-gradient(to right,color-mix(in srgb,var(--cream) 9%,transparent) 0 1px,transparent 1px 10%);background-size:100% 9px,100% 5px;background-position:left top,left top;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,#000 0 10px,transparent 10px);-webkit-mask-image:linear-gradient(to bottom,#000 0 10px,transparent 10px)}.meter-fill{position:absolute;inset:0 auto 0 0;background:var(--coral-deep);border-right:2px solid var(--coral);transition:width .45s var(--ease)}.meter-fill.is-good{background:var(--sage-deep);border-right-color:var(--sage)}.meter-fill.is-over{background:color-mix(in srgb,var(--red) 40%,transparent);border-right-color:var(--red)}.meter-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-family:var(--mono);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.meter-mini .meter-track{height:18px}.meter-mini .meter-track:after{mask-image:linear-gradient(to bottom,#000 0 6px,transparent 6px);-webkit-mask-image:linear-gradient(to bottom,#000 0 6px,transparent 6px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 7px;display:flex;flex-direction:column;gap:3px;min-width:0}.stat .label{font-size:9px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat .readout-md{font-size:17px}.stat-val{display:flex;align-items:baseline;gap:3px}.stat-val .unit{font-size:10px}.stat.is-empty .readout-md{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--line-lit);background:var(--ink-raise);color:var(--cream);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:transform .1s var(--ease),background .15s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--coral);color:#1a0f0a;border-color:var(--coral);font-weight:600}.btn-ghost{background:transparent}.btn-full{width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:11px}.btn:disabled{opacity:.4}.fab{position:fixed;z-index:25;right:max(var(--pad),env(safe-area-inset-right));bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 14px);height:52px;padding:0 20px;border-radius:26px;background:var(--coral);color:#1a0f0a;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px #0000008c}.fab svg{width:16px;height:16px;stroke-width:2;flex:none}.fab:active{transform:scale(.97)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line-lit);border-radius:var(--r-sm);background:var(--ink-raise);font-family:var(--mono);font-size:11px;font-weight:500;color:var(--cream-dim);white-space:nowrap}.chip[aria-pressed=true],.chip.is-on{border-color:var(--coral);color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,transparent)}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.dot.is-fresh{background:var(--sage)}.dot.is-aging{background:var(--amber)}.dot.is-stale{background:var(--red)}.badge{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;border-radius:3px;background:var(--ink-raise);color:var(--cream-dim);border:1px solid var(--line-lit)}.badge.is-due{background:color-mix(in srgb,var(--coral) 16%,transparent);color:var(--coral);border-color:var(--coral-deep)}.badge.is-done{background:color-mix(in srgb,var(--sage) 14%,transparent);color:var(--sage);border-color:var(--sage-deep)}.badge.is-warn{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.field{display:flex;flex-direction:column;gap:6px}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;background:var(--ink-sink);border:1px solid var(--line-lit);border-radius:var(--r-sm);color:var(--cream);font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums}.input::placeholder{color:var(--muted);font-family:var(--sans)}.input:focus,.select:focus,.textarea:focus{border-color:var(--coral);outline:none}.textarea{min-height:80px;resize:vertical;font-family:var(--sans)}.input-lg{font-size:22px;font-weight:600;text-align:center}.stepper{display:flex;align-items:stretch;gap:0}.stepper button{width:52px;flex:none;border:1px solid var(--line-lit);background:var(--ink-raise);font-family:var(--mono);font-size:20px;font-weight:500;color:var(--cream)}.stepper button:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.stepper button:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.stepper button:active{background:var(--coral-deep)}.stepper .input{border-radius:0;border-left:none;border-right:none}.scale10{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.scale10 button{height:38px;border:1px solid var(--line);background:var(--ink-sink);border-radius:3px;font-family:var(--mono);font-size:11px;color:var(--muted)}.scale10 button.is-on{background:var(--coral);color:#1a0f0a;border-color:var(--coral);font-weight:600}.list{display:flex;flex-direction:column}.item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;width:100%}.item:last-child{border-bottom:none}.item:active{background:var(--ink-raise)}.item-title{font-size:15px;color:var(--cream)}.item-sub{font-size:12px;color:var(--muted);font-family:var(--mono)}.sheet-scrim{position:fixed;inset:0;z-index:40;background:#0009;animation:fade .2s var(--ease)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:92dvh;display:flex;flex-direction:column;background:var(--ink-card);border-top:1px solid var(--line-lit);border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:rise .28s var(--ease)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px var(--pad);border-bottom:1px solid var(--line)}.sheet-body{padding:var(--pad);overflow-y:auto;display:flex;flex-direction:column;gap:14px}.sheet-foot{padding:12px var(--pad);border-top:1px solid var(--line);background:var(--ink-card)}.grip{width:34px;height:4px;border-radius:2px;background:var(--line-lit);margin:8px auto 0}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.empty{padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-mark{width:40px;height:40px;border:1px solid var(--line-lit);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--muted)}.empty p{margin:0;color:var(--muted);font-size:14px;max-width:30ch}.spark{display:block;width:100%;height:34px;overflow:visible}.spark path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.ribbon{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ribbon-day{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 0 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ink-sink)}.ribbon-day .label{font-size:9px;letter-spacing:.08em}.ribbon-day.is-today{border-color:var(--coral)}.ribbon-mark{width:7px;height:7px;border-radius:50%;background:var(--line-lit)}.ribbon-mark.is-done{background:var(--sage)}.ribbon-mark.is-due{background:var(--coral)}.ribbon-mark.is-missed{background:var(--red);opacity:.6}.bodymap{width:100%;max-width:250px;margin:0 auto;display:block}.bodymap .zone{fill:var(--ink-raise);stroke:var(--line-lit);stroke-width:1;transition:fill .15s var(--ease)}.bodymap .zone.is-recent{fill:var(--coral-deep)}.bodymap .zone.is-next{stroke:var(--sage);stroke-width:2;stroke-dasharray:3 2}.bodymap .zone.is-selected{fill:var(--coral)}.bodymap text{font-family:var(--mono);font-size:7px;fill:var(--cream-dim)}.toast{position:fixed;left:50%;transform:translate(-50%);z-index:60;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 76px);background:var(--ink-raise);border:1px solid var(--line-lit);border-left:2px solid var(--sage);border-radius:var(--r-sm);padding:10px 14px;font-family:var(--mono);font-size:12px;animation:fade .2s var(--ease);max-width:calc(100vw - 32px)}.toast.is-error{border-left-color:var(--red)}.divider{height:1px;background:var(--line);margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(min-width:620px){.app{max-width:460px;margin:0 auto;border-inline:1px solid var(--line)}.tabbar{max-width:460px;left:50%;transform:translate(-50%)}.fab{left:50%;margin-left:70px;right:auto}}