@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/share-tech-mono-latin-CCqdbj5z.woff2) format("woff2")}:root{--cyan: #58e6e0;--magenta: #e659c9;--bar-h: clamp(36px, 8vh, 88px);--ink: rgba(200, 240, 240, .82);--ink-dim: rgba(160, 200, 200, .45);--grain-opacity: .09;--font-mono: "Share Tech Mono", ui-monospace, "Cascadia Mono", Consolas, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Yu Gothic UI", "Noto Sans CJK JP", "Noto Sans JP", Meiryo, monospace}@supports (height: 100dvh){:root{--bar-h: clamp(36px, 8dvh, 88px)}}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{height:100%;background:#000;overflow:hidden;color:var(--ink);font-family:var(--font-mono);cursor:default;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#video{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;object-fit:cover;background:#000;z-index:0;cursor:pointer}@media(orientation:portrait){#video{object-fit:contain}}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:var(--grain-opacity);mix-blend-mode:overlay;animation:grain-shift .55s steps(1) infinite}@keyframes grain-shift{0%{background-position:0 0}25%{background-position:-32px 12px}50%{background-position:22px -24px}75%{background-position:-12px 28px}to{background-position:26px 6px}}.tracking{position:fixed;left:0;right:0;top:0;height:9vh;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(to bottom,#fff0,#58e6e00d 40%,#ffffff17,#e659c90d 60%,#fff0);mix-blend-mode:screen;animation:tracking-sweep 19s ease-in infinite}@keyframes tracking-sweep{0%,93%{transform:translateY(-12vh);opacity:0}94%{opacity:.9}to{transform:translateY(112vh);opacity:0}}.scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#0000002e 3px 4px);mix-blend-mode:multiply;animation:flicker 5s steps(60) infinite}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.92}52%{opacity:1}}.bar{position:fixed;left:0;right:0;height:var(--bar-h);z-index:3;background:#000;display:flex;align-items:center;padding:0 3vw;font-size:clamp(11px,1.35vw,16px);letter-spacing:.14em;text-transform:uppercase}.bar--top{top:0;justify-content:space-between;border-bottom:1px solid rgba(88,230,224,.22);box-shadow:0 1px 12px #58e6e01f}.bar--bottom{bottom:0;justify-content:center;border-top:1px solid rgba(230,89,201,.22);box-shadow:0 -1px 12px #e659c91f}.bar__left{color:var(--cyan);text-shadow:0 0 8px rgba(88,230,224,.5);text-decoration:none;cursor:pointer}.bar__right{display:flex;align-items:center;gap:.7em;color:var(--ink)}.sep,.tz{color:var(--ink-dim)}.clock{color:var(--cyan);min-width:8ch;text-align:right}.live{display:inline-flex;align-items:center;gap:.5em;color:var(--magenta);text-shadow:0 0 8px rgba(230,89,201,.5)}.rec{width:.6em;height:.6em;border-radius:50%;background:var(--magenta);box-shadow:0 0 8px var(--magenta);animation:blink 1.6s steps(1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}.sound-toggle{position:absolute;left:3vw;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,3.4vh,34px);height:clamp(24px,3.4vh,34px);padding:0;background:none;border:none;cursor:pointer;color:var(--ink-dim);transition:color .2s}.sound-toggle:hover{color:var(--cyan)}.sound-toggle svg{width:100%;height:100%}.sound-toggle .spk{fill:currentColor}.sound-toggle .waves path,.sound-toggle .slash{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sound-toggle .slash,.sound-toggle.muted .waves{display:none}.sound-toggle.muted .slash{display:inline}.now-playing{display:inline-flex;align-items:baseline;gap:.55em;max-width:90vw;font-size:clamp(9px,1.1vw,13px);letter-spacing:.16em;color:var(--ink-dim);white-space:nowrap;overflow:hidden}.now-playing[hidden]{display:none}.np-artist{color:var(--ink);flex-shrink:0}.np-sep{color:var(--ink-dim)}.np-title{color:var(--cyan);text-shadow:0 0 6px rgba(88,230,224,.25);overflow:hidden;text-overflow:ellipsis}.wired{position:fixed;right:3vw;bottom:calc(var(--bar-h) + 1.4vh);z-index:3;font-size:clamp(9px,1vw,12px);letter-spacing:.2em;color:var(--ink-dim);text-transform:lowercase;opacity:.5;pointer-events:none}.sound-hint{position:fixed;left:3vw;bottom:calc(var(--bar-h) + 1.4vh);z-index:4;font-family:var(--font-mono);font-size:clamp(9px,1vw,12px);letter-spacing:.2em;color:var(--cyan);background:none;border:none;cursor:pointer;text-shadow:0 0 8px rgba(88,230,224,.5);animation:blink 2s steps(1) infinite}.sound-hint.hidden{display:none}.ui-toggle{position:fixed;right:3vw;bottom:0;height:var(--bar-h);z-index:5;display:inline-flex;align-items:center;padding:0;background:none;border:none;cursor:pointer;color:var(--ink-dim);transition:color .2s,opacity .3s}.ui-toggle:hover{color:var(--cyan)}.ui-toggle svg{width:clamp(24px,3.4vh,34px);height:clamp(24px,3.4vh,34px)}.ui-toggle .eye-shape,.ui-toggle .eye-slash{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui-toggle .eye-pupil{fill:currentColor}.ui-toggle .eye-slash{display:none}.ui-toggle.off .eye-slash{display:inline}.ui-toggle.off .eye-pupil{display:none}.bar,.wired,.sound-hint{transition:opacity .3s}.ui-hidden .bar,.ui-hidden .wired{opacity:0;pointer-events:none}.ui-hidden .sound-hint{animation:none;opacity:0;pointer-events:none}.ui-hidden .ui-toggle{opacity:.35}.ui-hidden .ui-toggle:hover{opacity:1}.err{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;max-width:80vw;padding:1em 1.4em;border:1px solid rgba(230,89,201,.4);background:#000000b3;color:var(--magenta);font-size:clamp(11px,1.4vw,15px);letter-spacing:.12em;line-height:1.6;text-align:center;white-space:pre-line;text-shadow:0 0 8px rgba(230,89,201,.4)}.err[hidden]{display:none}@media(max-width:600px){.bar{padding:0 4vw;letter-spacing:.1em}.bar__right{gap:.5em}.loc,.loc+.sep,.tz{display:none}.wired{max-width:45vw;text-align:right}.sound-hint{max-width:45vw;text-align:left}}@media(prefers-reduced-motion:reduce){.scanlines,.grain,.rec,.sound-hint{animation:none}.tracking{display:none}}