:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-body:"Work Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--void:#000;--paper:#f2f0e9;--dim:#f2f0e957;--dimmer:#f2f0e929;--fade:1.4s cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body)}*{box-sizing:border-box}body{background-color:var(--void);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(40px)saturate(1.1);background:radial-gradient(38% 30% at 22% 26%,#583ea84d,#0000 70%),radial-gradient(34% 26% at 78% 68%,#18608442,#0000 72%),radial-gradient(46% 38% at 58% 18%,#7a2e6029,#0000 74%),radial-gradient(60% 50% at 50% 90%,#12163a80,#0000 76%);animation:96s ease-in-out infinite alternate nebula;position:fixed;inset:-20%}@keyframes nebula{0%{opacity:.85;transform:translate(-1.5%,1%)scale(1.04)rotate(-.6deg)}to{opacity:1;transform:translate(2%,-1.5%)scale(1.12)rotate(.8deg)}}#sky{z-index:0;width:100vw;height:100dvh;position:fixed;inset:0}#app:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(#0000 52%,#000000d1 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.13'/%3E%3C/svg%3E");position:fixed;inset:0}#masthead{z-index:8;pointer-events:none;text-align:center;transition:opacity var(--fade);position:fixed;top:42px;left:50%;transform:translate(-50%)}#masthead h1{font-family:var(--font-body);letter-spacing:.42em;text-transform:uppercase;text-indent:.42em;color:var(--dim);margin:0;font-size:clamp(.78rem,1.5vw,1rem);font-weight:300}#status-bar,#presence,#code,#about-link,#sound-toggle{font-family:var(--font-mono);letter-spacing:.22em;text-transform:lowercase;font-size:9px;font-weight:400}#status-bar{z-index:10;color:var(--dimmer);transition:opacity var(--fade);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}#presence{z-index:10;color:var(--dimmer);transition:opacity var(--fade);background:0 0;border:0;padding:0;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#conn{color:#0000;background:#f2f0e933;border-radius:50%;width:3px;height:3px;font-size:0;transition:background .6s,box-shadow .6s;display:inline-block}#conn[data-state=connected]{background:#f2f0e9b3;animation:4.2s ease-in-out infinite pulse;box-shadow:0 0 10px #f2f0e966}#conn[data-state=connecting]{background:#f2f0e966;animation:1.6s ease-in-out infinite pulse}#conn[data-state=off]{background:#f2f0e924}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}#code{z-index:10;color:var(--dimmer);letter-spacing:.3em;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;transition:opacity var(--fade);background:0 0;border:0;padding:0;position:fixed;bottom:34px;left:34px;overflow:hidden}#cam{z-index:10;opacity:.1;filter:grayscale()contrast(1.1);width:74px;transition:opacity var(--fade), filter .6s ease;background:#050508;border:0;border-radius:2px;position:fixed;bottom:34px;right:34px;transform:scaleX(-1)}#cam:hover{opacity:.55;filter:grayscale(.5)}#about-link{z-index:10;width:auto;height:auto;color:var(--dimmer);transition:opacity var(--fade), color .6s ease;background:0 0;border:0;padding:0;text-decoration:none;position:fixed;top:40px;bottom:auto;right:34px}#about-link:hover{color:var(--paper)}#sound-toggle{z-index:10;color:var(--dimmer);cursor:pointer;transition:opacity var(--fade), color .6s ease;background:0 0;border:0;border-radius:0;padding:0;position:fixed;top:40px;left:34px}#sound-toggle:hover,#sound-toggle[aria-pressed=true]{color:var(--paper)}#sound-toggle:focus-visible,#about-link:focus-visible{outline:1px solid var(--dim);outline-offset:5px}body[data-idle=true] #status-bar,body[data-idle=true] #presence,body[data-idle=true] #about-link,body[data-idle=true] #masthead,body[data-idle=true] #cam,body[data-idle=true] #sound-toggle,body[data-idle=true] #code{opacity:0;pointer-events:none}body[data-idle=true] #app:after{animation:30s ease-in-out infinite void-breathe}@keyframes void-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}body[data-idle=true] #sky{animation:46s ease-in-out infinite sky-drift}@keyframes sky-drift{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.12)brightness(1.05)}}@media (width<=760px){#masthead{top:26px}#masthead h1{letter-spacing:.32em;font-size:.66rem}#about-link{top:24px;right:20px}#sound-toggle{top:24px;left:20px}#code{max-width:60vw;bottom:74px;left:20px}#cam{width:54px;bottom:74px;right:20px}#status-bar{bottom:38px}#presence{bottom:20px}}@media (prefers-reduced-motion:reduce){body:before,body[data-idle=true] #app:after,body[data-idle=true] #sky{animation:none}#conn{animation:none!important}}