:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--safe-gap:16px;--shell-top:max(calc(env(safe-area-inset-top) + var(--safe-gap)), 40px);--shell-bottom:max(calc(env(safe-area-inset-bottom) + var(--safe-gap)), 24px);--page-bg:radial-gradient(120% 60% at 50% 0%, var(--velvet) 0%, var(--ink) 62%) fixed, var(--ink);--ink:#0a0a0a;--velvet:#1a0d10;--wood:#241612;--burgundy:#8b1a2b;--gold:#c9a84c;--gold-soft:#c9a84c73;--cream:#f5f0e8;--mist:#b9ada0;--dim:#8f847a;--line:#2e1c1e;--line-warm:#3a2420;--postit:#ecdca6;--postit-band:#e3cf8f;--paper:#f3ede3;--paper-band:#e6ddcf;--note-ink:#2a1a1c;--serif:"Cormorant Garamond", Georgia, serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--hand:"Homemade Apple", cursive}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;min-height:100%;margin:0}body{background:var(--page-bg);color:var(--cream);font-family:var(--sans)}::selection{background:var(--burgundy);color:var(--cream)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}.shell{max-width:480px;min-height:100dvh;padding:var(--shell-top) 20px var(--shell-bottom);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px) and (height>=600px){.panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100dvh;display:grid}.pane{overflow-y:auto}.pane:first-child .undo-bar{right:calc(50% + 20px)}.pane:last-child .undo-bar{left:calc(50% + 20px)}.pane:first-child .sheet{right:50%}.pane+.pane{border-left:1px solid var(--line-warm)}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mist);font-size:13px;font-weight:500}.her{font-family:var(--serif);font-style:italic;font-weight:500}.rule{background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);opacity:.55;height:1px;margin:22px 4px 0}.quiet{background:var(--velvet);border:1px solid var(--line);color:var(--mist);border-radius:14px;padding:8px 14px;font-size:13px}.pill{border:1.5px solid var(--gold);min-height:48px;color:var(--gold);font:600 15px var(--sans);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.pill-gold{background:var(--gold);color:var(--ink)}.pill-round{width:48px;padding:0}.pill-plain{color:var(--mist);border-color:#4a3530;font-weight:500}.field{background:var(--velvet);min-width:0;min-height:48px;color:var(--cream);font:16px var(--sans);border:1px solid #3a2a26;border-radius:24px;flex-grow:1;padding:0 18px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.postit{background:linear-gradient(180deg, var(--postit-band) 0, var(--postit-band) 14px, var(--postit) 14px);color:var(--note-ink);font-family:var(--hand);padding:22px 14px 14px;font-size:13px;line-height:1.7;box-shadow:0 12px 22px -6px #0009}.postit-seed{background:linear-gradient(180deg, var(--paper-band) 0, var(--paper-band) 14px, var(--paper) 14px)}.page-head{z-index:2;margin:calc(-1 * var(--shell-top)) -20px 0;padding:var(--shell-top) 20px 12px;background:var(--page-bg);position:sticky;top:0}.today-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.today-nav{margin-left:auto}.today-head h1{margin:0}.today-empty{margin:24px 4px 0;font-size:24px;line-height:1.2}.today-list{flex-direction:column;flex-grow:1;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.card{background:var(--velvet);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 16px 12px 8px;display:flex;position:relative}.swipe{border-radius:18px;position:relative}.swipe-card{z-index:1;background:var(--ink);touch-action:pan-y;border-radius:18px;position:relative}.swipe-lane{border:1px solid var(--gold);color:var(--gold);font:500 14px var(--sans);letter-spacing:.04em;border-radius:18px;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.swipe:not([data-dragging]) .swipe-lane{visibility:hidden}.swipe-lane-right{justify-content:flex-start}.swipe-lane-left{justify-content:flex-end}.card-lead{border-color:var(--gold);box-shadow:0 0 0 1px #c9a84c1f, 0 14px 34px -14px var(--gold-soft)}.card-pin{background:0 0;border:1px dashed #4a3530}.card-routine{background:var(--wood);border-color:var(--line-warm)}.card-missed{background:#120c0b;border-color:#241816}.card-missed .card-title,.card-missed .card-when{color:var(--dim)}.card-missed .ring{border-color:#4a3d37}.tick{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.tick:disabled{cursor:default}.ring{border:1.5px solid #6b5a52;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ring-gold,.ring-filled{border-color:var(--gold)}.card-body{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.card-title{font-family:var(--serif);overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.15}.card-title-lead{font-size:23px}.struck{color:var(--mist);text-decoration:line-through;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-decoration-thickness:1.5px}.card-when{color:var(--mist);font-size:13px}.card-streak{color:var(--gold);margin-top:4px;font-size:16px}.add{z-index:2;margin:0 -20px calc(-1 * var(--shell-bottom));padding:14px 20px var(--shell-bottom);background:var(--page-bg);gap:10px;display:flex;position:sticky;bottom:0}.undo-bar{z-index:10;left:20px;right:20px;bottom:max(calc(env(safe-area-inset-bottom) + var(--safe-gap)), 24px);background:var(--cream);max-width:440px;color:var(--note-ink);border-radius:26px;align-items:center;gap:12px;margin:0 auto;padding:10px 10px 10px 18px;font-size:14px;display:flex;position:fixed;box-shadow:0 12px 30px #0009}.undo-bar span{flex-grow:1}.undo-bar button{background:var(--note-ink);min-height:44px;color:var(--cream);font:600 14px var(--sans);cursor:pointer;border:none;border-radius:22px;padding:0 18px}.card-lead-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:11px}.run-head{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.run-name{margin:0;font-size:34px;line-height:1.1}.thread{align-items:center;margin:26px 4px 0;display:flex}.thread-dot{border:1px solid #6b5a52;border-radius:50%;flex:none;width:8px;height:8px}.thread-dot+.thread-dot{margin-left:34px;position:relative}.thread-dot+.thread-dot:before{content:"";background:#3a2a26;width:34px;height:1px;position:absolute;top:50%;right:100%}.thread-done{background:var(--gold);border-color:var(--gold)}.thread-done+.thread-dot:before,.thread-done+.thread-here:before{background:var(--gold)}.thread-here{background:var(--gold);border-color:var(--gold);width:12px;height:12px;box-shadow:0 0 14px #c9a84cb3}.run-step{flex-direction:column;flex-grow:1;justify-content:center;gap:14px;padding:32px 4px;display:flex}.run-text{font-family:var(--serif);margin:0;font-size:32px;font-weight:600;line-height:1.15}.run-line{color:var(--gold);margin:0;font-size:20px}.run-bloom{align-self:center}.run-actions{flex-wrap:wrap;gap:12px;display:flex}.run-done{min-height:56px;padding:0 28px;font-size:17px}.card-link{all:unset;cursor:pointer;border-radius:18px;display:block}.card-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.item-back{align-self:flex-start}.item-title{font-family:var(--serif);overflow-wrap:anywhere;margin:24px 4px 0;font-size:32px;font-weight:600;line-height:1.15}.item-note{color:var(--mist);margin:10px 4px 0;line-height:1.5}.reaction{background:var(--wood);border:1px solid var(--line-warm);border-radius:16px;align-self:flex-start;align-items:center;gap:6px;min-height:32px;margin:16px 4px 0;padding:0 12px;font-size:15px;display:inline-flex}.notes{flex-direction:column;align-items:flex-start;gap:22px;margin:26px 0 0;padding:0 8px;list-style:none;display:flex}.notes .postit{max-width:260px}.postit-text{overflow-wrap:anywhere;margin:0}.postit-sign{color:var(--burgundy);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.card-title-link{all:unset;cursor:pointer;border-radius:4px}.card-title-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.today-nudge{width:min(240px,80%);margin:10px 0 0 auto;transform:rotate(-2deg)}.postit-peek{text-align:left;cursor:pointer;border:none;display:block}.postit-peek:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.board-note{width:100%;margin:0}.board-item{font:500 11px var(--sans);letter-spacing:.04em;color:var(--burgundy);overflow-wrap:anywhere;margin-bottom:6px;display:block}.page-title{min-height:1.1em;margin:20px 4px 0;font-size:34px;line-height:1.1}.rows{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.row{background:var(--velvet);border:1px solid var(--line);width:100%;min-height:56px;color:var(--cream);font:600 20px var(--serif);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 18px;display:flex}.row-item{cursor:default}.row-title{overflow-wrap:anywhere;flex-grow:1;min-width:0}.today-nav{gap:8px;display:flex}.today-title{align-items:center;gap:4px;display:flex}.seed-mark{cursor:pointer;background:0 0;border:none;border-radius:50%;width:44px;height:44px;font-size:20px}.sheet{z-index:10;max-width:480px;padding:28px 20px max(calc(env(safe-area-inset-bottom) + var(--safe-gap)), 24px);background:var(--wood);border:1px solid var(--line-warm);border-radius:24px 24px 0 0;flex-direction:column;gap:18px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #0009}.seed-line{align-self:center;max-width:280px;transform:rotate(1.4deg)}.seed-line p{margin:0}.seed-form{flex-direction:column;gap:12px;display:flex}.seed-label{font-size:20px}.seed-note{resize:vertical;border-radius:18px;padding:14px 18px}.seed-thanks{margin:0;font-size:22px}.setting{background:var(--velvet);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;margin-top:22px;padding:18px;display:flex}.setting-line{margin:0;font-size:17px;line-height:1.4}.setting-line.her{font-size:20px}.door{justify-content:center;align-items:center;gap:28px}.door-in{min-width:200px}.door-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}
