:root{--ground:#f4f5f3;--surface:#fff;--raise:#ebeeea;--ink:#14181a;--ink-2:#4a5257;--ink-3:#7c868c;--rule:#dce0da;--rule-2:#c5cbc3;--accent:#8a6a28;--accent-soft:#f1e9d6;--hunger:#4f6b80;--warmth:#8a6a28;--taste:#9c4a34;--metal:#7f8a92;--water:#42687a;--wood:#587648;--fire:#9e4e3b;--earth:#8a7145;--shade:#14181a12;--d:"Fraunces",ui-serif,Georgia,serif;--b:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--m:"IBM Plex Mono",ui-monospace,"SF Mono",monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f141a;--surface:#161c23;--raise:#1e252d;--ink:#e8e9e4;--ink-2:#a6afb6;--ink-3:#79848c;--rule:#252d35;--rule-2:#36404a;--accent:#cba259;--accent-soft:#2b2519;--hunger:#8da9be;--warmth:#cba259;--taste:#d07d62;--metal:#a8b3ba;--water:#71a2ba;--wood:#8aae74;--fire:#d07d62;--earth:#c0a26d;--shade:#ffffff0f}}:root[data-theme=dark]{--ground:#0f141a;--surface:#161c23;--raise:#1e252d;--ink:#e8e9e4;--ink-2:#a6afb6;--ink-3:#79848c;--rule:#252d35;--rule-2:#36404a;--accent:#cba259;--accent-soft:#2b2519;--hunger:#8da9be;--warmth:#cba259;--taste:#d07d62;--metal:#a8b3ba;--water:#71a2ba;--wood:#8aae74;--fire:#d07d62;--earth:#c0a26d;--shade:#ffffff0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--b);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--d);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:580px;margin:0 auto;padding:0 18px 110px}header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:22px 0 14px;display:flex}.mark{font-family:var(--d);font-size:20px}.mark em{color:var(--accent);font-style:normal}nav{gap:2px;display:flex}nav button{font-family:var(--m);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border-radius:5px;padding:6px 10px;font-size:11px}nav button[aria-current=true]{color:var(--ink);background:var(--raise)}.rail{gap:5px;padding:18px 0 5px;display:flex}.rail i{background:var(--rule-2);border-radius:2px;flex:1;height:3px;transition:background .25s}.rail i.on{background:var(--accent)}.rail i.done{background:var(--ink-3)}.stepname{font-family:var(--m);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);padding-bottom:14px;font-size:11px}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:11px;flex-direction:column;gap:14px;margin-bottom:14px;padding:18px;display:flex}label.q{font-family:var(--d);margin-bottom:5px;font-size:21px;font-weight:600;display:block}.hint{color:var(--ink-3);font-size:13.5px;line-height:1.45}.opts{gap:8px;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opt{border:1px solid var(--rule-2);text-align:left;border-radius:9px;flex-direction:column;gap:3px;padding:11px 13px;transition:border-color .15s,background .15s;display:flex}.opt:hover{border-color:var(--ink-3)}.opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.opt b{font-size:15px;font-weight:600}.opt span{color:var(--ink-3);font-size:12.5px;line-height:1.35}textarea,input[type=text]{width:100%;font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--rule-2);resize:vertical;border-radius:9px;padding:11px 12px;font-size:15px}textarea{min-height:88px}.btn{background:var(--ink);color:var(--ground);text-align:center;border-radius:9px;width:100%;padding:13px 16px;font-size:15px;font-weight:600}.btn:disabled{opacity:.32;cursor:not-allowed}.btn.ghost{color:var(--ink-2);border:1px solid var(--rule-2);background:0 0}.row{gap:8px;display:flex}.row .btn{flex:1}.fig{flex-direction:column-reverse;flex:none;gap:5px;width:76px;padding-top:4px;display:flex}.fig i{background:var(--ink);border-radius:1px;height:7px;display:block}.fig i.yin{background:linear-gradient(to right,var(--ink) 0 41%,transparent 41% 59%,var(--ink) 59% 100%)}.cardhead{align-items:flex-start;gap:16px;display:flex}.cardhead h2{font-size:30px;line-height:1.04}.meta{font-family:var(--m);color:var(--ink-3);margin-top:6px;font-size:11.5px;line-height:1.5}.chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.chip{font-family:var(--m);letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--rule-2);color:var(--ink-2);border-radius:99px;padding:3px 8px;font-size:10.5px}.chip.solid{background:var(--raise)}.chip.hunger{color:var(--hunger);border-color:var(--hunger)}.chip.warmth{color:var(--warmth);border-color:var(--warmth)}.chip.taste{color:var(--taste);border-color:var(--taste)}.shows{font-family:var(--d);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:15px 0;font-size:21px;line-height:1.32}.field{flex-direction:column;gap:4px;display:flex}.field h4{font-family:var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10.5px;font-weight:500}.field p{color:var(--ink-2);font-size:15px}.drill{background:var(--ground);border:1px solid var(--rule);border-radius:9px;flex-direction:column;gap:11px;padding:14px;display:flex}.slot{grid-template-columns:78px 1fr;align-items:baseline;gap:10px;display:grid}.slot dt{font-family:var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.slot dd{margin:0;font-size:15px}.slot.by dd{font-family:var(--m);color:var(--accent);font-size:13.5px}.slot.mark dd{font-weight:600}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:13px}.stat b{font-family:var(--d);font-variant-numeric:tabular-nums;font-size:28px;line-height:1;display:block}.stat span{font-family:var(--m);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.gridwrap{padding-bottom:4px;overflow-x:auto}table.grid{border-collapse:collapse;font-family:var(--m);font-size:9.5px}table.grid th{color:var(--ink-3);text-align:left;white-space:nowrap;padding:2px 4px 2px 0;font-weight:400}table.grid th.col{writing-mode:vertical-rl;text-align:right;height:58px;padding:0 1px;transform:rotate(180deg)}table.grid td{width:20px;height:20px;padding:0}table.grid td i{background:var(--shade);border-radius:3px;width:16px;height:16px;margin:2px;display:block}table.grid td i.f1{background:color-mix(in srgb,var(--accent) 45%,transparent)}table.grid td i.f2{background:var(--accent)}.log{flex-direction:column;gap:10px;display:flex}.entry{border-left:2px solid var(--rule-2);padding:2px 0 2px 11px}.entry b{font-size:14.5px}.when{font-family:var(--m);color:var(--ink-3);letter-spacing:.04em;font-size:10.5px}.entry p{color:var(--ink-2);margin-top:3px;font-size:13.5px}.empty{color:var(--ink-3);font-size:14.5px}.small{color:var(--ink-3);font-size:13px;line-height:1.45}hr.rule{background:var(--rule);border:0;height:1px;margin:2px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hold{border-top:1px solid var(--rule);align-items:baseline;gap:12px;padding:12px 0;display:flex}.hold b{font-family:var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);min-width:84px;font-size:12px}.clock{font-family:var(--d);font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.pip{background:var(--accent);color:var(--surface);font-family:var(--m);vertical-align:1px;border-radius:8px;margin-left:6px;padding:0 5px;font-size:11px;line-height:16px;display:inline-block}
