:root{--marble: #f1efea;--vein: #dddad2;--ink: #1c1b18;--stone: #8a867c;--tube: #b96e33;--vein-blend: multiply;--vein-opacity: .2;--line: #dddad2;--texture: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200"><filter id="m" x="0" y="0" width="100%25" height="100%25"><feTurbulence type="fractalNoise" baseFrequency="0.003 0.010" numOctaves="5" seed="11" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="discrete" tableValues="0 0 0 0 0 0 0 0 0 0 0 0.35 0 0 0 0 0 0 0 0 0 0 0 0"/></feComponentTransfer><feGaussianBlur stdDeviation="0.6"/></filter><rect width="1200" height="1200" filter="url(%23m)" fill="gray"/></svg>')}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=lounge]):not([data-theme=lofi]){--marble: #121210;--vein: #1c1e1b;--ink: #e8e6df;--stone: #7d7a71;--tube: #d98e4a;--vein-blend: screen;--vein-opacity: .08;--line: #2b2d29}}:root[data-theme=dark]{--marble: #121210;--vein: #1c1e1b;--ink: #e8e6df;--stone: #7d7a71;--tube: #d98e4a;--vein-blend: screen;--vein-opacity: .08;--line: #2b2d29}:root[data-theme=lounge]{--marble: #261209;--vein: #3a2012;--ink: #f3e5c4;--stone: #a78a63;--tube: #eda04a;--vein-blend: overlay;--vein-opacity: .3;--line: #4b2c18;--lamp: rgba(237, 160, 74, .07);--texture: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200"><filter id="w" x="0" y="0" width="100%25" height="100%25"><feTurbulence type="fractalNoise" baseFrequency="0.055 0.004" numOctaves="4" seed="7" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="discrete" tableValues="0 0.05 0.12 0.03 0.18 0 0.09 0.22 0.04 0.14 0 0.07"/></feComponentTransfer><feGaussianBlur stdDeviation="0.7"/></filter><rect width="1200" height="1200" filter="url(%23w)" fill="gray"/></svg>')}:root[data-theme=lofi]{--marble: #232028;--vein: #322e3a;--ink: #e6dfd3;--stone: #8f8798;--tube: #e34234;--vein-blend: screen;--vein-opacity: .07;--line: #3a3542;--dusk: rgba(227, 66, 52, .16);--texture: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200"><filter id="g" x="0" y="0" width="100%25" height="100%25"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="discrete" tableValues="0 0 0 0.5 0 0 0.3 0 0 0 0.4 0"/></feComponentTransfer></filter><rect width="1200" height="1200" filter="url(%23g)" fill="gray"/></svg>')}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}@supports (height: 100dvh){body{height:100dvh}}body{background-color:var(--marble);background-image:radial-gradient(1200px 800px at 20% 10%,var(--vein) 0%,transparent 55%),radial-gradient(1000px 700px at 85% 90%,var(--vein) 0%,transparent 50%);color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;display:flex;flex-direction:column;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--texture);background-size:1200px 1200px;mix-blend-mode:var(--vein-blend);opacity:var(--vein-opacity)}:root[data-theme=lounge] body{background-image:radial-gradient(900px 620px at 50% 42%,var(--lamp) 0%,transparent 62%),radial-gradient(1200px 800px at 20% 10%,var(--vein) 0%,transparent 55%),radial-gradient(1000px 700px at 85% 90%,var(--vein) 0%,transparent 50%)}:root[data-theme=lofi] body{background-image:linear-gradient(to top,var(--dusk) 0%,transparent 38%),radial-gradient(1200px 800px at 20% 10%,var(--vein) 0%,transparent 55%),radial-gradient(1000px 700px at 85% 90%,var(--vein) 0%,transparent 50%)}:root[data-theme=lofi] .glyph{border-left-color:var(--tube);border-right-color:var(--tube)}.stage,.corners{position:relative;z-index:1}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.75rem;text-align:center;padding:2rem}.brand{display:flex;justify-content:center}.tube-wm{width:min(74vw,440px);height:auto;display:none}.tube-wm-amber{display:block}:root[data-theme=lofi] .tube-wm-amber{display:none}:root[data-theme=lofi] .tube-wm-verm{display:block}.onair{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.18em;color:var(--stone)}.lamp{width:7px;height:7px;border-radius:50%;background:var(--tube);box-shadow:0 0 8px var(--tube);animation:lamp 3.2s ease-in-out infinite}@keyframes lamp{0%,to{opacity:1}50%{opacity:.55}}.record{--size: clamp(150px, 28vw, 210px);width:var(--size);height:var(--size);border-radius:50%;border:1px solid var(--line);background:transparent;position:relative;cursor:pointer;display:grid;place-items:center;color:var(--ink)}.record:focus-visible{outline:2px solid var(--tube);outline-offset:6px}.record{transition:border-color .3s ease,box-shadow .3s ease}.record:hover{border-color:var(--stone)}.grooves{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,var(--line) 0px,var(--line) 1px,transparent 1px,transparent 7px);opacity:.9}body.playing .grooves{animation:spin 24s linear infinite}body.playing .record{box-shadow:0 0 42px -16px var(--tube)}@keyframes spin{to{transform:rotate(360deg)}}.glyph{width:0;height:0;border-left:22px solid var(--ink);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px;transition:opacity .3s ease;z-index:1}body.playing .glyph{border:none;margin-left:0;width:18px;height:26px;border-left:6px solid var(--ink);border-right:6px solid var(--ink)}.nowplaying{font-size:.85rem;letter-spacing:.06em;color:var(--stone);min-height:1.4em}.vote{display:inline-flex;gap:1.6rem;margin-top:-1.75rem}.vote-btn{background:none;border:none;color:var(--stone);font-size:1rem;line-height:1;cursor:pointer;padding:.2rem .35rem;transition:color .25s ease}.vote-btn:hover{color:var(--ink)}.vote-btn[aria-pressed=true]{color:var(--tube)}.vote-btn:focus-visible{outline:2px solid var(--tube);outline-offset:3px}.corners{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px));font-size:.68rem;letter-spacing:.14em;color:var(--stone)}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.colophon{display:flex;flex-direction:column;gap:.4rem}.credit{font-size:.6rem;opacity:.85}.credit a{color:inherit;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:color .25s ease}.credit a:hover{color:var(--tube)}.credit a:focus-visible{outline:2px solid var(--tube);outline-offset:2px}.utils{display:inline-flex;align-items:center;gap:1.1rem;white-space:nowrap}.theme-btn{background:none;border:none;color:var(--stone);font-size:.9rem;line-height:1;cursor:pointer;padding:.1rem .2rem}.theme-btn:focus-visible,.vol input:focus-visible{outline:2px solid var(--tube);outline-offset:3px}.vol{display:inline-flex;align-items:center}.vol input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:84px;height:16px;background:transparent;cursor:pointer}.vol input::-webkit-slider-runnable-track{height:2px;background:color-mix(in srgb,var(--stone) 45%,transparent);border-radius:1px}.vol input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--stone);border:none}.vol input::-moz-range-track{height:2px;background:color-mix(in srgb,var(--stone) 45%,transparent);border-radius:1px}.vol input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--stone);border:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (pointer: coarse){.theme-btn{font-size:1.05rem;padding:.4rem .55rem}.vote-btn{font-size:1.2rem;padding:.45rem .6rem}.vol input{height:24px}.vol input::-webkit-slider-runnable-track{height:4px}.vol input::-moz-range-track{height:4px}.vol input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.vol input::-moz-range-thumb{width:16px;height:16px}}@media (max-width: 540px){.corners{flex-direction:column;align-items:center;gap:.9rem;text-align:center}.colophon{align-items:center;gap:.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}