:root{--bg:#f5f1e9;--paper:#fffdf8;--ink:#23211d;--muted:#6c675f;--line:#ddd4c7;--dark:#28251f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:960px;margin:auto;padding:54px 20px 80px}.ey{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{font:500 clamp(42px,7vw,72px)/.98 Georgia,serif;margin:12px 0 20px}.lede{max-width:780px;font-size:19px;line-height:1.6}.panel{margin-top:26px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.avail{display:flex;justify-content:space-between;align-items:center;gap:18px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button{border:1px solid var(--dark);background:transparent;border-radius:12px;padding:10px 13px;font-weight:650;cursor:pointer}button:hover:not(:disabled),#start,.role.on{background:var(--dark);color:white}button:disabled{opacity:.45}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}pre{font:13px/1.55 ui-monospace,monospace;background:#f4efe6;border:1px dashed var(--line);border-radius:14px;padding:14px;white-space:pre-wrap}.dark{background:var(--dark);color:#f8f4eb}.dark .ey,.dark .note{color:#d9d1c4}.note{color:var(--muted);font-size:13px;line-height:1.6}.feedback{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.story{max-width:760px;margin-top:34px}.hide{display:none!important}hr{border:0;border-top:1px solid var(--line);margin:34px 0}@media(max-width:760px){.grid{grid-template-columns:1fr}.avail{align-items:flex-start;flex-direction:column}}