:root{--river-blue: #1e3a5f;--river-dark: #142940;--moss-green: #3d6b4f;--amber: #b8860b;--amber-ink: #8a6608;--peat: #1c1917;--rod-red: #c0392b;--bg-warm: #faf8f5;--cream: #f5f0e8;--cream-border: #e8dfd3;--fg-1: #1c1917;--fg-2: #44403c;--fg-3: #78716c;--fg-4: #a8a29e;--fg-inverse: #faf8f5;--surface-1: #ffffff;--surface-2: #faf8f5;--surface-3: #f5f0e8;--amber-tint: #f5efd8;--amber-tint-border: #e6d9a8;--moss-tint: #eef2ef;--river-tint: #e4eaf2;--river-tint-border: #c4d2e4;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--shadow-card: 0 1px 3px rgba(28, 25, 23, .05), 0 1px 2px rgba(28, 25, 23, .03);--shadow-lift: 0 6px 18px rgba(28, 25, 23, .1);--shadow-cta: 0 6px 18px rgba(30, 58, 95, .22);--font-serif: Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--fg-2);background:#e9e4db;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--fg-1);margin:0;line-height:1.2;letter-spacing:-.01em}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.serif-eyebrow{font-family:var(--font-serif);font-style:italic;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--fg-4)}button{font-family:inherit;color:inherit;cursor:pointer}*:focus-visible{outline:2px solid var(--river-blue);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.phone{position:relative;width:392px;max-width:100%;height:min(806px,calc(100dvh - 40px));background:#1c1917;border-radius:50px;padding:10px;box-shadow:0 18px 50px #1c191733}@media (max-width: 430px){.stage{padding:0}.phone{width:100%;height:100dvh;border-radius:0;padding:0}}.screen{position:relative;width:100%;height:100%;background:var(--bg-warm);border-radius:40px;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 430px){.screen{border-radius:0}}.notch{position:absolute;top:11px;left:50%;transform:translate(-50%);width:104px;height:28px;background:#000;border-radius:16px;z-index:30}.statusbar{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;z-index:20;font:600 14px var(--font-sans);color:var(--fg-1)}.body{position:absolute;top:46px;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.body.has-tabbar{bottom:64px}html.native .stage{padding:0;min-height:100dvh}html.native .phone{width:100%;max-width:none;height:100dvh;border-radius:0;padding:0;box-shadow:none;background:var(--bg-warm)}html.native .screen{border-radius:0}html.native .notch,html.native .statusbar{display:none}html.native .body{top:env(safe-area-inset-top)}html.native .body.has-tabbar{bottom:calc(64px + env(safe-area-inset-bottom))}html.native .tabbar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.card{background:var(--surface-1);border:1px solid var(--cream-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.eyebrow{font-family:var(--font-serif);font-style:italic;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--fg-4)}.btn{height:50px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15.5px;border:none;width:100%}.btn-primary{background:var(--river-blue);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:active{background:var(--river-dark)}.btn-ghost{background:var(--surface-1);color:var(--fg-2);border:1px solid #cbbfa9}.tabbar{position:absolute;bottom:0;left:0;right:0;height:64px;background:#faf8f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--cream-border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:9px;z-index:15}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--fg-4);padding:0}.tab.active{color:var(--river-blue)}.tab span{font-size:10px}.tab.active span{font-weight:600}@keyframes llPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes llLine{0%,to{opacity:.9}50%{opacity:.5}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .28s var(--ease-out)}.chips{display:flex;gap:4px}.chip{flex:1;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600}.chip.todo{background:var(--cream);color:var(--fg-4);font-weight:500}.chip.done{background:var(--moss-tint);color:var(--moss-green)}.chip.active{background:var(--river-blue);color:#fff;animation:llPulse 1.6s ease-in-out infinite}.readouts{display:flex;gap:10px}.readout{flex:1;background:var(--surface-1);border:1px solid var(--cream-border);border-radius:var(--r-lg);padding:9px 10px}.readout-label{font-family:var(--font-serif);font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:9px;color:var(--fg-4)}.readout-val{font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--fg-1);margin-top:2px}.pad{height:82px;border:1.5px dashed #cbbfa9;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a8174;font-size:12.5px;line-height:1.4;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;padding:0 22px;background:none;width:100%}.pad:active{cursor:grabbing;background:#cbbfa914}.scrim{position:absolute;top:46px;right:0;bottom:0;left:0;background:#1c19172e;z-index:40;animation:fadeIn .2s ease-out}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:var(--bg-warm);border-radius:24px 24px 40px 40px;border-top:1px solid var(--cream-border);box-shadow:0 -10px 30px #1c19171a;padding:10px 24px 26px;max-height:calc(100% - 60px);overflow-y:auto;animation:sheetUp .34s var(--ease-out)}@media (max-width: 430px){.sheet{border-radius:24px 24px 0 0}}.sheet-handle{width:38px;height:5px;border-radius:3px;background:var(--cream-border);margin:0 auto 14px}.subrow{display:flex;align-items:center;gap:9px}.subrow.weak{background:var(--amber-tint);border:1px solid var(--amber-tint-border);border-radius:var(--r-md);padding:5px 7px;margin:0 -7px}.subrow .k{width:74px;font-size:11px;color:var(--fg-2)}.subrow.weak .k{color:var(--amber-ink);font-weight:600}.subrow .track{flex:1;height:7px;border-radius:4px;overflow:hidden;background:#eee7da}.subrow.weak .track{background:#ece0bb}.subrow .fill{height:100%;background:var(--moss-green)}.subrow.weak .fill{background:var(--amber)}.subrow .v{width:22px;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--fg-1)}.subrow.weak .v{color:var(--amber-ink);font-weight:600}.row{display:flex}.col{display:flex;flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between}.iconbtn{background:none;border:none;padding:0;display:inline-flex;color:var(--fg-3)}