:root{--paper:#f6f1ea;--card:#fffdf9;--ink:#2c2a33;--ink-2:#6b6672;--ink-3:#9a94a0;--line:#e6ded3;--period:#b4534f;--period-soft:#f3dcd8;--window:#efe3cf;--accent:#2f5d62;--ok:#3f7d5a;--warn:#a8641c;--shadow:0 1px 2px #2c2a330f, 0 8px 24px #2c2a330f;--radius:22px;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1b1a1f;--card:#25232b;--ink:#f2ede6;--ink-2:#b9b2bd;--ink-3:#8a8390;--line:#37343d;--period:#e07a72;--period-soft:#4a2c2c;--window:#5a4a2e;--accent:#8cc3c4;--ok:#7fc39b;--warn:#e0a55c;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.app{max-width:520px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.brand svg{width:28px;height:28px}.sync{color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.sync i{background:var(--ink-3);border-radius:50%;width:8px;height:8px;display:inline-block}.sync.synced i{background:var(--ok)}.sync.syncing i{background:var(--accent);animation:1s infinite pulse}.sync.offline i,.sync.error i,.sync.invalid-link i{background:var(--warn)}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.sync.syncing i{animation:none}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:20px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 4px;font-size:13px;font-weight:600}.hero-date{font-family:var(--serif);letter-spacing:-.02em;margin:2px 0 6px;font-size:clamp(40px,12vw,56px);font-weight:400;line-height:1.02}.hero-sub{margin:0;font-size:18px}.muted{color:var(--ink-2)}.small{font-size:14px}h2{font-family:var(--serif);letter-spacing:-.01em;margin:22px 4px 10px;font-size:22px;font-weight:600}h3{margin:0 0 8px;font-size:16px}p{margin:0 0 8px}.pill{background:var(--paper);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.pill.high{color:var(--ok)}.pill.medium{color:var(--accent)}.pill.low{color:var(--warn)}.pill.period{background:var(--period-soft);color:var(--period)}.arc{width:100%;height:auto;margin:12px 0 4px;display:block}.arc .track{stroke:var(--line)}.arc .done{stroke:var(--ink-3)}.arc .win{stroke:var(--window)}.arc .bleed{stroke:var(--period)}.arc .dot{fill:var(--ink);stroke:var(--card)}.arc text{fill:var(--ink-2);font-size:11px;font-family:var(--sans)}.btn{background:var(--paper);min-height:48px;color:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.btn.primary{background:var(--ink);color:var(--paper)}.btn.period{background:var(--period);color:#fff}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.danger{color:var(--period);border:1px solid var(--period-soft);background:0 0}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row>.grow{flex:1}.stack{gap:10px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:var(--card);box-shadow:var(--shadow);border-radius:18px;padding:14px 12px}.stat b{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.1;display:block}.stat span{color:var(--ink-2);font-size:12.5px}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list li:first-child{border-top:0}.list .when{font-weight:600}.swatch{background:var(--period);border-radius:50%;flex:none;width:10px;height:10px}.swatch.pred{border:2px dashed var(--period);background:0 0}.notice{border-left:4px solid var(--warn)}.notice.info{border-left-color:var(--accent)}label.field{color:var(--ink-2);gap:6px;font-size:14px;font-weight:500;display:grid}input[type=text],input[type=date],input[type=number],textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);border-radius:14px;padding:10px 14px;font-size:16px}textarea{resize:vertical;min-height:80px}.error{color:var(--period);font-size:14px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-head h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:600}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.cal{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal .wd{color:var(--ink-3);padding:4px 0;font-size:12px}.day{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid;position:relative}.day.out{visibility:hidden}.day.logged{background:var(--period);color:#fff;font-weight:600}.day.predicted{border:2px dashed var(--period);color:var(--period)}.day.window:not(.logged):not(.predicted){background:var(--window)}.day.today{box-shadow:inset 0 0 0 2px var(--ink)}.day.future-dim{color:var(--ink-3)}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:14px;height:14px;display:inline-block}.nav{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.nav-inner{grid-template-columns:repeat(4,1fr);max-width:520px;margin:0 auto;display:grid}.nav button{color:var(--ink-3);background:0 0;border:0;justify-items:center;gap:2px;min-height:60px;padding:10px 0 12px;font-size:12px;display:grid}.nav button svg{width:22px;height:22px}.nav button[aria-current=page]{color:var(--ink);font-weight:600}.backdrop{z-index:20;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:520px;padding:20px 16px calc(env(safe-area-inset-bottom) + 20px);border-radius:24px 24px 0 0;max-height:90dvh;animation:.2s ease-out up;overflow:auto}.sheet h3{font-family:var(--serif);font-size:22px;font-weight:600}@keyframes up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.welcome{align-content:center;gap:18px;min-height:80dvh;display:grid}.welcome h1{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(38px,11vw,52px);font-weight:400;line-height:1.05}.welcome .lede{color:var(--ink-2);font-size:18px}.date-list{gap:8px;display:grid}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);background:var(--ink);color:var(--paper);z-index:30;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}