:root{--paper:#f4eee4;--card:#fffdf9;--card-2:#efe8dc;--ink:#1e1b17;--ink-2:#4a433b;--muted:#6f665c;--faint:#b9ac9d;--hair:#ded5c8;--hair-2:#efe8dc;--gold:#b98a3c;--gold-ink:#8f6a2b;--gold-bg:#fbf3e3;--gold-hair:#e9d9b8;--bright:#d8a440;--low:#7c8ba8;--warn:#9a3e27;--ok:#5e8c5a;--glass:#fffdf99e;--glass-edge:#fffc;--glass-shadow:0 10px 30px #1e1b1724, inset 0 1px 0 #ffffffe6;--active-pill:#1e1b1714;--shadow:0 2px 4px #1e1b170a, 0 18px 40px #1e1b171a;--shadow-soft:0 2px 4px #1e1b1708, 0 10px 24px #1e1b170f;--serif:Fraunces, Georgia, "Times New Roman", serif;--sans:Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#15120f;--card:#201b17;--card-2:#1c1814;--ink:#f3ece2;--ink-2:#cfc4b6;--muted:#a1968a;--faint:#6e635a;--hair:#2e2822;--hair-2:#332c25;--gold:#d9aa55;--gold-ink:#e8be74;--gold-bg:#2a2218;--gold-hair:#3a2f1e;--bright:#d9aa55;--low:#7c8ba8;--warn:#f09a8a;--ok:#7fb07a;--glass:#28221d9e;--glass-edge:#ffffff24;--glass-shadow:0 10px 30px #00000073, inset 0 1px 0 #ffffff1f;--active-pill:#f3ece21f;--shadow:0 18px 40px #00000073;--shadow-soft:0 10px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:var(--ink)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.serif{font-family:var(--serif);letter-spacing:-.012em;font-weight:500}.screen{max-width:480px;padding:calc(env(safe-area-inset-top) + 16px) 20px calc(env(safe-area-inset-bottom) + 120px);flex-direction:column;gap:22px;margin:0 auto;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding-bottom:40px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700}h1.title{font-family:var(--serif);letter-spacing:-.015em;font-size:32px;font-weight:600;line-height:1.05}.wordmark{font-family:var(--serif);letter-spacing:-.02em;font-size:40px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.45}.warn{color:var(--warn)}.hint{color:var(--muted);margin:0 4px;font-size:13px;line-height:1.45}.err{color:var(--warn);margin:6px 4px 0;font-size:14px}.card{background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:18px}.group{background:var(--card);border:1px solid var(--hair);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.row{border-bottom:1px solid var(--hair-2);text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 18px;display:flex}.row:last-child{border-bottom:0}.row .label{flex-grow:1;font-size:16px;font-weight:600}.row .value{color:var(--muted);align-items:center;gap:6px;font-size:16px;display:flex}.row .chev{color:var(--faint);flex:none}.row.stack{flex-direction:column;align-items:stretch;gap:10px;padding:14px 18px}.section{flex-direction:column;gap:10px;display:flex}.section>.eyebrow{margin-left:4px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 4px;display:flex}.section-head .eyebrow{margin:0}.section-head .linkish{color:var(--gold-ink);padding:0;font-size:14px}.row .count{color:var(--muted);text-align:right;min-width:22px;font-size:14px;font-weight:700}.row.sub{background:var(--card-2);min-height:48px;padding-left:18px}.row.sub .label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:14px}.pill{background:var(--ink);height:36px;color:var(--paper);border-radius:18px;align-items:center;gap:6px;padding:0 8px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.pill button{width:24px;height:24px;color:var(--paper);opacity:.8;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.dot{border-radius:4px;width:8px;height:8px;display:inline-block}.btn{border-radius:24px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn.primary{background:var(--ink);color:var(--paper)}.btn.outline{border:1.5px solid var(--ink);color:var(--ink)}.btn.quiet{border:1.5px solid var(--hair);color:var(--muted)}.btn.dashed{border:1.5px dashed var(--faint);color:var(--muted);height:40px;font-size:13px}.btn.danger{border:1.5px solid var(--warn);color:var(--warn)}.btn.wide{width:100%}.btn.sm{height:40px;padding:0 14px;font-size:14px}.linkish{color:var(--muted);padding:8px 12px;font-size:14px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--hair);background:var(--card);border-radius:14px;width:100%;height:48px;padding:0 14px;font-size:16px}.field input:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:1px}.code input{letter-spacing:.3em;text-align:center;font-size:26px}.seg{background:var(--card-2);border-radius:14px;gap:4px;padding:4px;display:grid}.seg button{height:40px;color:var(--muted);border-radius:10px;font-size:14px;font-weight:700}.seg button[aria-checked=true]{background:var(--card);color:var(--ink);font-weight:800;box-shadow:0 1px 2px #1e1b1714}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--hair);background:var(--card);border-radius:18px;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip[aria-checked=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:800}.switch{background:var(--hair);border-radius:16px;flex:none;justify-content:flex-start;width:52px;height:32px;padding:2px;transition:background .2s;display:flex}.switch[aria-checked=true]{background:var(--ink);justify-content:flex-end}.switch .knob{background:var(--card);border-radius:14px;width:28px;height:28px;display:block}.avatar{border:1.5px solid var(--ink);width:40px;height:40px;font-family:var(--serif);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.rail-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;gap:40px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.rail-scroller::-webkit-scrollbar{display:none}.rail-week{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;gap:10px;display:flex}.rail{flex-direction:column;gap:10px;display:flex}.rail-month{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;height:16px;font-size:12px;font-weight:700}.rail-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:64px;display:grid}.rail-bars button{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.rail-bars .bar{background:var(--ink);border-radius:6px;width:100%;transition:height .25s}.rail-bars .bar.tone-bright{background:var(--bright)}.rail-bars .bar.tone-mixed{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.rail-bars .bar.tone-low{background:var(--low)}.rail-bars .bar.stub{box-shadow:inset 0 0 0 1.5px var(--faint);background:0 0;border-radius:3px;height:6px!important}.rail-bars .bar.future{background:var(--hair);box-shadow:none;border-radius:3px;height:6px!important}.rail-bars .bar.sel{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--gold)}.rail-bars .bar.tone-mixed.sel{box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--paper), 0 0 0 4px var(--gold)}.rail-days{text-align:center;color:var(--muted);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;font-size:12px;font-weight:600;display:grid}.rail-days .today{color:var(--ink);font-weight:800}.deck{touch-action:pan-y;min-height:440px;position:relative}.deck .ghost{background:var(--card-2);border-radius:24px;height:60px;position:absolute;top:0;left:22px;right:22px}.deck .ghost.two{background:var(--card);border:1px solid var(--hair);opacity:.9;top:10px;left:11px;right:11px}.deck .face{background:var(--card);border:1px solid var(--hair);min-height:418px;box-shadow:var(--shadow);will-change:transform;border-radius:26px;flex-direction:column;gap:16px;margin-top:22px;padding:24px 24px 22px;display:flex;position:relative}.deck .flipper{will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.deck .flipper.dragging{transition:none}.deck .flipper.teasing{animation:1.1s cubic-bezier(.2,.8,.2,1) tease}.deck .flipper{z-index:1;position:relative}.deck .flipper.fly-left{animation:.42s cubic-bezier(.3,.6,.4,1) forwards fly-left}.deck .flipper.fly-right{animation:.42s cubic-bezier(.3,.6,.4,1) forwards fly-right}.deck .face.beneath{z-index:0;transform-origin:50% 100%;min-height:418px;transition:none;position:absolute;top:22px;left:0;right:0}.deck .face.beneath.rising{animation:.42s cubic-bezier(.3,.6,.4,1) forwards rise}@keyframes tease{0%{transform:none}35%{transform:translateY(-10px)rotate(-2.5deg)}to{transform:none}}@keyframes fly-left{to{opacity:.6;transform:translate(-130%)rotate(-14deg)}}@keyframes fly-right{to{opacity:.6;transform:translate(130%)rotate(14deg)}}@keyframes rise{0%{opacity:.7;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.deck .flipper.teasing{animation:none}.deck .flipper.fly-left,.deck .flipper.fly-right,.deck .face.beneath.rising{animation-duration:10ms}.deck .flipper,.deck .flipper .face{transition:none}}.face .meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.face .headline{font-family:var(--serif);letter-spacing:-.012em;font-size:32px;font-weight:500;line-height:1.1}.face .headline.plain{font-size:26px}.face .body{color:var(--ink-2);font-size:16px;line-height:1.55}.face .nudge{color:var(--gold-ink);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:700;display:flex}.face .foot{border-top:1px solid var(--hair-2);color:var(--muted);justify-content:space-between;margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;display:flex}.face.quiet .headline{color:var(--ink)}.turn svg{width:17px;height:17px}.deck .face.back{background:var(--gold-bg);border-color:var(--gold-hair);gap:22px}.deck .flipper{perspective:1400px}.deck .flipper .face{backface-visibility:hidden;transition:transform .65s cubic-bezier(.3,.7,.2,1)}.deck .flipper.turned .face.front{position:absolute;left:0;right:0;transform:rotateY(180deg)}.deck .flipper .face.back{min-height:418px;position:absolute;top:22px;left:0;right:0;transform:rotateY(-180deg)}.deck .flipper.turned .face.back{position:relative;top:0;transform:rotateY(0)}.back .section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700}.back .story-link{background:var(--card);border:1px solid var(--gold-hair);color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.back .story-link .spine{background:var(--gold);border-radius:2px;align-self:stretch;width:4px}.back .story-link b{font-family:var(--serif);font-size:18px;font-weight:600}.turn{background:var(--gold-bg);width:34px;height:34px;color:var(--gold-ink);border:1px solid var(--gold-hair);border-radius:17px;justify-content:center;align-items:center;display:inline-flex}.back .turn{background:var(--card);border-color:var(--gold-hair);color:var(--gold-ink)}.tabbar{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 14px);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--glass-edge);height:66px;box-shadow:var(--glass-shadow);z-index:10;border-radius:33px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:448px;margin:0 auto;padding:6px;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s;display:grid;position:fixed}.tabbar.hidden{opacity:0;pointer-events:none;transform:translateY(120px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar{background:var(--card)}}.tabbar a{color:var(--muted);border-radius:27px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex;position:relative}.tabbar a[aria-current=page]{background:var(--active-pill);color:var(--ink);font-weight:800}.tabbar .badge{background:var(--bright);color:#1e1b17;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:flex;position:absolute;top:6px;right:18px}.skeleton{background:linear-gradient(90deg, var(--card-2), var(--card), var(--card-2));background-size:200% 100%;border-radius:12px;min-height:16px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.member{border-bottom:1px solid var(--hair-2);text-align:left;align-items:center;gap:14px;width:100%;min-height:66px;padding:0 18px;display:flex}.member:last-child{border-bottom:0}.member .who{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.member .who b{font-size:16px;font-weight:700}.member .who span{color:var(--muted);font-size:13px}.record-head{text-align:left;border-bottom:1px solid var(--hair-2);align-items:center;gap:12px;width:100%;min-height:56px;padding:0 18px;display:flex}.record-head .name{font-family:var(--serif);font-size:19px;font-weight:600}.record-head .sub{color:var(--muted);font-size:12px;font-weight:700}.record-body{border-bottom:1px solid var(--hair-2);flex-direction:column;gap:10px;margin:0;padding:0 18px 14px;list-style:none;display:flex}.contrib{align-items:flex-start;gap:10px;display:flex}.contrib .bullet{background:var(--ink);border-radius:3px;flex:none;width:6px;height:6px;margin-top:8px}.contrib .text{flex-direction:column;flex-grow:1;gap:1px;min-width:0;font-size:15px;line-height:1.4;display:flex}.contrib .text small{color:var(--muted);font-size:12px;font-weight:700}.contrib .pencil{width:32px;height:32px;color:var(--faint);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.cat-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cat-tabs button{background:var(--card);border:1px solid var(--hair);border-radius:12px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13px;font-weight:700;display:flex}.cat-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:800}.cat-tabs button span{opacity:.7;font-weight:600}textarea.edit{font:inherit}.editor{border-bottom:1px solid var(--hair-2);background:var(--card-2);flex-direction:column;gap:12px;padding:4px 18px 18px;display:flex}.editor .actions{gap:8px;display:flex}.editor .actions .btn{flex-grow:1}
