:root{--ink:#e8e6e4;--line:#e8e6e42e;--bg:#040405}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#v{opacity:.001;pointer-events:none;width:2px;height:2px;position:fixed;top:-10px;left:-10px}button{color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:focus{outline:none}svg{fill:currentColor;display:block}#start{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:fixed;inset:0}.glyph{border:1px solid var(--line);border-radius:50%;place-items:center;width:68px;height:68px;transition:opacity .5s,transform .5s,border-color .25s;display:grid}.glyph svg{width:25px;height:25px}#start:focus-visible .glyph{border-color:#e8e6e480}#hint{letter-spacing:.14em;text-transform:lowercase;opacity:.45;transition:opacity .5s}body:not([data-state=idle]) #start .glyph{opacity:0;transform:scale(.94)}body:not([data-state=idle]) #hint{opacity:0}#tog{z-index:3;top:calc(20px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .45s .2s,border-color .2s;display:grid;position:fixed}#tog svg{width:16px;height:16px}body:not([data-state=idle]) #tog{opacity:.3;pointer-events:auto}#tog:hover,#tog:focus-visible{opacity:.9;border-color:#e8e6e473}body.dropping:after{content:"";z-index:9;pointer-events:none;border:1px dashed #e8e6e459;border-radius:14px;position:fixed;inset:10px}