:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9eef7;--quiet:#8b98ad;--sun:#f2b84b;--night:#060a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}html,body{background:var(--night);height:100%;color:var(--ink);overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}canvas:active{cursor:grabbing}header,footer,#status,#readout{pointer-events:none;text-shadow:0 1px 12px var(--night);position:fixed}header{top:20px;left:24px}h1{letter-spacing:-.01em;font-size:20px;font-weight:650}h1 span{color:var(--quiet);font-weight:400}#clock,#readout,footer{color:var(--quiet);font:12px/1.5 ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace}#clock{margin-top:4px}#clock b{color:var(--sun);font-weight:500}#status{color:var(--quiet);place-items:center;font-size:14px;transition:opacity .6s;display:grid;inset:0}#status[hidden]{opacity:0;display:grid}#readout{text-align:right;color:var(--ink);white-space:pre;top:22px;right:24px}footer{max-width:70ch;bottom:16px;left:24px;right:24px}#hint{color:var(--ink);opacity:.75;margin-bottom:4px}@media (max-width:600px){header{top:14px;left:16px}#readout{display:none}footer{font-size:11px;left:16px;right:16px}}