:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--ink:#141414;--muted:#6b6b6b;--rule:#d9d5cc;--red:#c04d38;--card:#fff;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--display:"Dela Gothic One", "Inter", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:15px/1.4 Inter,system-ui,sans-serif;overflow:hidden}body{grid-template-columns:300px 1fr;display:grid}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--red);outline-offset:2px}.mono{font-family:var(--mono)}.rail{border-right:2px solid var(--ink);background:var(--bg);flex-direction:column;gap:14px;padding:26px 22px 20px;display:flex;overflow-y:auto}.fig{font:500 12px var(--mono);letter-spacing:.08em;color:var(--muted);margin:0}.rail h1{font:400 30px/1.05 var(--display);margin:-4px 0 0}.sub{color:var(--muted);margin:0;font-size:14px}.mode{border:2px solid var(--ink);font:500 12px var(--mono);border-radius:999px;align-self:flex-start;display:inline-flex;overflow:hidden}.mode button{background:0 0;border:0;padding:5px 14px}.mode button.on{background:var(--ink);color:var(--bg)}#steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{border:2px solid var(--ink);background:var(--card);text-align:left;width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:12px;padding:9px 14px 9px 9px;font:500 15px Inter,sans-serif;transition:opacity .2s,transform .1s;display:flex}.step .n{border:2px solid var(--ink);width:26px;height:26px;font:600 13px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.step:disabled{cursor:default;opacity:.38;box-shadow:none}.step.done{opacity:.55}.step.done .n{background:var(--ink);color:var(--bg)}.step.running{opacity:1;background:var(--ink);color:var(--bg);box-shadow:3px 3px 0 var(--muted)}.step.running .n{border-color:var(--bg)}.step.next{animation:1.3s ease-in-out infinite pulse}.step.next .n{background:var(--red);border-color:var(--red);color:#fff}@keyframes pulse{50%{transform:translate(4px)}}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini{font:500 12px var(--mono);color:var(--muted);background:0 0;border:0;padding:0;text-decoration:underline}.swatches{font:500 12px var(--mono);color:var(--muted);align-items:center;gap:8px;display:flex}.swatch{border:2px solid var(--rule);border-radius:50%;width:20px;height:20px;padding:0}.swatch.on{border-color:var(--ink)}.swatch[data-c=white]{background:#e9e8e4}.swatch[data-c=night]{background:#4a4c52}.by{font:500 12px var(--mono);color:var(--muted);margin-top:auto}.by a{color:var(--ink)}#stage{position:relative;overflow:hidden}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hint{font:400 24px/1.25 var(--display);z-index:3;pointer-events:none;background:#f4f1eaf0;border-radius:14px;max-width:900px;margin:0;padding:10px 16px 12px;position:absolute;top:14px;left:18px;right:auto}#word{font:400 34px var(--display);color:var(--ink);pointer-events:none;z-index:4;text-shadow:3px 3px 0 var(--bg);position:absolute;top:46%;left:50%}#leaders{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}#tags{pointer-events:none;z-index:3;opacity:0;transition:opacity .35s;position:absolute;inset:0}#tags.on{opacity:1}.tag{background:var(--card);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:500 12px var(--mono);color:var(--muted);white-space:nowrap;border-radius:10px;flex-direction:column;padding:6px 10px;display:flex;position:absolute;top:0;left:0}.tag b{color:var(--ink);font:600 14px Inter,sans-serif}.foot{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;left:32px;right:32px}#chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--rule);background:var(--card);font:500 12px var(--mono);color:var(--muted);letter-spacing:.02em;border-radius:7px;padding:3px 8px;transition:background .2s,color .2s}.chip b{color:var(--ink);font-weight:600}.chip.on{border-color:var(--ink);background:var(--ink);color:#bdbab3}.chip.on b{color:var(--bg)}.idea{margin:0;font-size:15px}.src{color:var(--muted);margin:0;font-size:11px}.cursor{border:2.5px solid var(--ink);width:26px;height:26px;box-shadow:3px 3px 0 var(--ink);z-index:40;pointer-events:none;background:#fffffff2;border-radius:50%;margin:-13px 0 0 -13px;position:fixed;top:0;left:0}body.capture .step.next{animation:none}@media (width<=760px){body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.rail{border-right:0;border-bottom:2px solid var(--ink);gap:10px;padding:14px 16px 12px}.rail h1{font-size:24px}.sub,.by{display:none}#steps{scrollbar-width:none;flex-direction:row;padding-bottom:6px;overflow-x:auto}#steps li{flex:none}.step{white-space:nowrap;box-shadow:2px 2px 0 var(--ink);padding:5px 12px 5px 5px;font-size:13px}.step.next{animation:none}.chip:not(.on),#leaders{display:none}.src{font-size:10px}.hint{font-size:16px;top:10px;left:10px;right:16px}.foot{bottom:10px;left:16px;right:16px}.idea{font-size:13px}.tag{display:none}}