.theme-dark{--bg:0 0 0;--ink:255 255 255;--dim:154 154 154;--mute:122 122 122;--card:13 13 13;--line:255 255 255;--acc:var(--acc-dark,#2fc4b2)}.theme-light{--bg:239 230 214;--ink:15 42 31;--dim:60 76 66;--mute:107 101 83;--card:248 242 231;--line:15 42 31;--acc:var(--acc-light,#9e4734)}@font-face{font-family:Geist Pixel Square;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-display:block}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:block}:root{--f-disp:"Geist Pixel Square", "Geist Mono", monospace;--f-mono:"Geist Mono", ui-monospace, monospace;--btn:28px;--halo:0 0 14px rgb(var(--bg)), 0 0 4px rgb(var(--bg)), 0 0 2px rgb(var(--bg));--halo-bar:0 0 12px rgb(var(--bg)), 0 0 3px rgb(var(--bg))}*{box-sizing:border-box}body{font:14px/1.6 var(--f-mono);-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow-x:hidden}.page-bg{z-index:0;background:rgb(var(--bg));position:fixed;inset:0}canvas.pond,canvas.water{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}canvas.water{pointer-events:none}canvas.rim{z-index:6;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.site.incoming{position:absolute;top:0;left:0;right:0}body.watching .main{visibility:hidden}.site{z-index:1;min-height:100vh;color:rgb(var(--ink));position:relative}.site a{color:inherit;text-decoration:none}.bar{z-index:3;font:14px var(--f-disp);align-items:center;gap:16px;padding:18px 26px;display:flex;position:sticky;top:0}.title{letter-spacing:.02em;text-shadow:var(--halo-bar);font-weight:400}.title-short{display:none}.socials{font:12.5px var(--f-disp);color:rgb(var(--dim));text-shadow:var(--halo-bar);flex-wrap:wrap;gap:6px 18px;margin-left:6px;margin-right:auto;display:flex}.socials a:hover{color:var(--acc)}.socials .ico{fill:currentColor;width:18px;height:18px;display:none}.btns{gap:8px;margin-left:auto;display:flex}.btn{height:var(--btn);min-width:var(--btn);padding:0 calc(var(--btn) * .22);background:rgb(var(--card) / .85);color:rgb(var(--ink));border:1px solid rgb(var(--line) / .22);font:calc(var(--btn) * .42) var(--f-disp);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.btn:hover,.btn.on{border-color:var(--acc);color:var(--acc)}.btn .ico{width:calc(var(--btn) * .5);height:calc(var(--btn) * .5);fill:currentColor;display:block}.theme-dark .to-night,.theme-light .to-day{display:none}.tip{background:rgb(var(--card));width:max-content;max-width:260px;color:rgb(var(--ink));border:1px solid rgb(var(--line) / .25);font:12.5px/1.45 var(--f-disp);text-align:left;opacity:0;pointer-events:none;padding:8px 11px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}@media (hover:hover){.btn:hover .tip{opacity:1;transform:none}}.btn.tapped .tip{opacity:1;transform:none}.main{max-width:880px;margin:0 auto;padding:40px 24px 8px}.head{isolation:isolate;width:fit-content;max-width:100%;position:relative}.head:before{content:"";z-index:-1;background:rgb(var(--bg) / .55);filter:blur(16px);position:absolute;inset:-14px -26px -12px}h1{font:400 40px/1.05 var(--f-disp);letter-spacing:.01em;margin:0 0 14px}.tagline{color:rgb(var(--dim));margin:0;line-height:1.75}h1,.tagline{text-shadow:var(--halo)}.gap{height:1.1em;display:block}.tagline a{color:var(--acc);margin:0 -2px;padding:0 2px;transition:background .12s,color .12s}.tagline a:before{content:"[";color:var(--acc)}.tagline a:after{content:"]";color:var(--acc)}.tagline a:hover{background:var(--acc);color:rgb(var(--bg));text-shadow:none}.tagline a:hover:before,.tagline a:hover:after{color:rgb(var(--bg))}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.card{background:rgb(var(--card) / .7);border:1px dashed rgb(var(--line) / .38);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.card:hover{border:1px solid var(--acc)}.l1{font:14px var(--f-disp);color:var(--acc);border-bottom:1px dashed rgb(var(--line) / .28);justify-content:space-between;gap:10px;padding:9px 13px;display:flex}.l1 span:last-child{color:rgb(var(--mute))}.l1 span[data-st=live]{color:var(--acc)}.cover{border-bottom:1px dashed rgb(var(--line) / .28);background:rgb(var(--bg) / .5);height:160px;display:block;position:relative;overflow:hidden}.cover canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.in{flex-direction:column;flex:1;gap:8px;padding:12px 13px 11px;display:flex}.desc{color:rgb(var(--dim));font-size:.93em;line-height:1.5}.go{font:12.5px var(--f-disp);color:rgb(var(--mute));margin-top:auto}.card:hover .go{color:var(--acc)}.pond-panel{z-index:4;scrollbar-width:thin;background:rgb(var(--card) / .92);border:1px dashed rgb(var(--line) / .38);width:280px;max-height:calc(100vh - 90px);color:rgb(var(--ink));font:12.5px/1.4 var(--f-disp);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;position:fixed;top:70px;left:16px;overflow-y:auto;transform:translate(-14px)}.pond-panel.out{opacity:1;pointer-events:auto;transform:none}.pond-panel h3{font:400 14px var(--f-disp);color:var(--acc);border-bottom:1px dashed rgb(var(--line) / .28);margin:0;padding:9px 12px}.pond-panel .controls{gap:11px;padding:10px 12px;display:grid}.pond-panel label,.pond-panel .field{color:rgb(var(--dim));gap:4px;display:grid}.pond-panel b{justify-content:space-between;font-weight:400;display:flex}.pond-panel b span{color:rgb(var(--ink))}.pond-panel input[type=range]{width:100%;accent-color:var(--acc);margin:0}.pond-panel .colours{flex-wrap:wrap;gap:4px;display:flex}.pond-panel button{color:rgb(var(--dim));border:1px solid rgb(var(--line) / .3);font:12px var(--f-disp);cursor:pointer;text-align:left;background:0 0;padding:3px 7px}.pond-panel .colours button.on{color:var(--acc);border-color:var(--acc)}.pond-panel .check{align-items:center;gap:7px;display:flex}.pond-panel .check input{accent-color:var(--acc);margin:0}.pond-panel .take{border-top:1px dashed rgb(var(--line) / .28);gap:6px;padding:10px 12px;display:grid}.pond-panel .take .primary{background:var(--acc);border-color:var(--acc);color:rgb(var(--bg))}.pond-panel small{color:rgb(var(--mute));font:11.5px/1.4 var(--f-disp)}.pond-sheet{z-index:8;background:rgb(var(--bg) / .62);place-items:center;display:grid;position:fixed;inset:0}.pond-sheet>div{background:rgb(var(--card));border:1px solid rgb(var(--line) / .3);width:min(580px,92vw);max-height:86vh;font:13px/1.55 var(--f-mono);color:rgb(var(--ink));padding:16px 18px;overflow:hidden auto}.pond-sheet h3{font:400 16px var(--f-disp);color:var(--acc);margin:0 0 6px}.pond-sheet h4{font:400 13px var(--f-disp);margin:12px 0 4px}.pond-sheet p,.pond-sheet ol{color:rgb(var(--dim));margin:4px 0}.pond-sheet ol{padding-left:18px}.pond-sheet pre{background:rgb(var(--bg));border:1px solid rgb(var(--line) / .2);font:11.5px/1.45 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:rgb(var(--dim));margin:8px 0;padding:8px 10px}.pond-sheet a,.pond-sheet button{border:1px solid var(--acc);color:var(--acc);font:12.5px var(--f-disp);cursor:pointer;background:0 0;margin-top:6px;padding:4px 10px;text-decoration:none;display:inline-block}@media (width<=760px){.pond-panel{width:auto;max-height:52vh;top:58px;left:8px;right:8px}.bar{padding:14px 16px 14px 18px}.title-full{display:none}.title-short{display:inline}.socials{gap:8px 16px;margin-left:0}.socials .word{display:none}.socials .ico{display:block}.main{padding:10px 16px 24px}.br{display:none}.head:before{inset:-14px -14px -12px}.cards{grid-template-columns:1fr}}
