:root{--bg: #ffffff;--ink: #16181d;--muted: #5d636e;--line: rgba(156, 163, 175, .3);--hover: rgba(209, 213, 219, .5);--accent: #0f766e}@media (prefers-color-scheme: dark){:root{--bg: #0a0a0a;--ink: #f4f4f5;--muted: #a1a1aa;--line: rgba(115, 115, 115, .3);--hover: rgba(82, 82, 91, .5);--accent: #2dd4bf}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:18px/1.5 Geist,system-ui,sans-serif}.stage{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:16px}.grid{position:absolute;left:0;right:0;top:-30%;width:100%;height:200%;transform:skewY(12deg);-webkit-mask-image:radial-gradient(min(600px,90vw) circle at center,#fff,transparent);mask-image:radial-gradient(min(600px,90vw) circle at center,#fff,transparent)}.grid rect{fill:transparent;stroke:var(--line);transition:fill .1s ease-in-out}.grid rect.on{fill:var(--hover);transition-duration:0ms}.msg{position:relative;margin:0;max-width:34ch;text-align:center;font-size:clamp(18px,2.4vw,22px);font-weight:500;color:var(--muted);pointer-events:none}.msg a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;pointer-events:auto}.msg a:hover{color:var(--accent)}