:root{--marble: #f1efea;--vein: #dddad2;--ink: #1c1b18;--stone: #8a867c;--tube: #b96e33;--vein-blend: multiply;--vein-opacity: .2;--line: #dddad2;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--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>')}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media (prefers-color-scheme: dark){:root:not([data-theme]){--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{height:100%}body{min-height:100%;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%);background-attachment:fixed;color:var(--ink);font-family:var(--font-mono);position:relative}.viewport{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}@supports (height: 100svh){.viewport{min-height:100svh}}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,.topbar,.flow,.sitefoot{position:relative;z-index:1}.stage{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--stage-gap, 2.75rem);text-align:center;padding:2rem}.stage>*{flex-shrink:0}body.composing .stage{overscroll-behavior-y:contain}body.composing{--stage-gap: 1.5rem}body.composing .record{--size: clamp(132px, 22vw, 168px)}body.composing .tube-wm{width:min(58vw,340px)}.brand{display:flex;justify-content:center}.tube-wm{width:min(74vw,440px);height:auto;display:block;transition:width .32s ease}.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,width .32s ease,height .32s 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}.listeners{font-size:.72rem;letter-spacing:.1em;color:var(--stone)}.listeners:before{content:"●";color:var(--tube);font-size:.55rem;margin-right:.45rem;vertical-align:.08em}.dial{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(21rem,100%)}.vote{display:inline-flex;gap:1.6rem}.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}.shoutout{display:flex;flex-direction:column;align-items:center;width:100%}.shoutout-toggle{background:none;border:none;color:var(--stone);font:inherit;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:.2rem .35rem;transition:color .25s ease}.shoutout-toggle:hover{color:var(--ink)}.shoutout-toggle[aria-expanded=true]{color:var(--tube)}.shoutout-toggle:focus-visible{outline:2px solid var(--tube);outline-offset:3px}.shoutout-panel{width:100%;opacity:0;translate:0 -6px;transition:opacity .28s ease,translate .28s ease}.shoutout[data-open=true] .shoutout-panel{opacity:1;translate:0 0}@starting-style{.shoutout[data-open=true] .shoutout-panel{opacity:0;translate:0 -6px}}.shoutout-panel-inner{display:flex;flex-direction:column;gap:.9rem;padding-top:.85rem}.shoutout-note{font-size:.66rem;letter-spacing:.08em;color:var(--stone);opacity:.85}.shoutout-form{display:flex;flex-direction:column;gap:.7rem;width:100%}.shoutout-field{background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font:inherit;font-size:.82rem;letter-spacing:.02em;line-height:1.5;padding:.45rem .15rem;resize:none;overflow:hidden;width:100%;text-align:center;transition:border-color .25s ease,box-shadow .25s ease}.shoutout-field::placeholder{color:var(--stone);opacity:.75}.shoutout-field:hover{border-bottom-color:var(--stone)}.shoutout-field:focus,.shoutout-field:focus-visible{outline:none;border-bottom-color:var(--tube);box-shadow:0 1px 0 var(--tube)}.shoutout-gauge{display:flex;align-items:center;opacity:0;transition:opacity .25s ease}.shoutout[data-typing=true] .shoutout-gauge{opacity:1}.gauge-rail{flex:1;height:2px;background:color-mix(in srgb,var(--stone) 28%,transparent);overflow:hidden}.gauge-fill{display:block;height:100%;width:0%;background:var(--stone);transition:width .14s linear,background-color .25s ease}.shoutout[data-near-limit=true] .gauge-fill{background:var(--tube)}.shoutout-send{align-self:center;background:none;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.1rem;cursor:pointer;transition:border-color .25s ease,color .25s ease}.shoutout-send:hover:not(:disabled){border-color:var(--tube);color:var(--tube)}.shoutout-send:disabled{opacity:.4;cursor:default}.shoutout-send:focus-visible{outline:2px solid var(--tube);outline-offset:3px}.shoutout-status{font-size:.7rem;color:var(--stone);letter-spacing:.05em;line-height:1.5;text-align:center;text-wrap:balance}.shoutout-status:not(:empty){margin-top:.85rem}.shoutout[data-sent=true] .shoutout-status{color:var(--tube)}.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:var(--font-mono)}.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;gap:.4rem}.vol-icon{width:13px;height:13px;flex:none;color:var(--stone)}.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-icon{width:15px;height:15px}.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}}.flow{padding:clamp(3rem,8vw,5.5rem) 1.5rem}.doc{max-width:68ch;margin-inline:auto;font-size:.94rem;line-height:1.75;letter-spacing:.01em;text-align:left}.doc h1{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.1rem);font-weight:500;line-height:1.2;letter-spacing:.01em;text-wrap:balance}.doc h2{font-size:clamp(1.1rem,1rem + .7vw,1.35rem);font-weight:500;line-height:1.3;margin-top:3rem}.doc h3{font-size:1rem;font-weight:500;margin-top:2rem}.doc p,.doc ul,.doc ol,.doc table{margin-top:1rem}.doc ul,.doc ol{padding-left:1.4rem}.doc li+li{margin-top:.35rem}.doc a{color:inherit;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--tube) 55%,transparent);transition:color .25s ease}.doc a:hover{color:var(--tube)}.doc a:focus-visible{outline:2px solid var(--tube);outline-offset:2px}.doc .note{font-size:.72rem;letter-spacing:.08em;color:var(--stone)}.doc dt{margin-top:1.6rem;font-weight:500}.doc dd{margin-top:.4rem}.doc table{width:100%;border-collapse:collapse}.doc th,.doc td{padding:.45rem .6rem .45rem 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline}.doc th{font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}.doc td.when{font-size:.78rem;color:var(--stone);white-space:nowrap}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.72rem;letter-spacing:.14em;color:var(--stone)}.topbar a{color:inherit;text-decoration:none}.topbar a:hover{color:var(--tube)}.topbar a:focus-visible{outline:2px solid var(--tube);outline-offset:3px}.wordmark-text{text-transform:uppercase;letter-spacing:.22em;color:var(--ink)}.topbar nav{display:inline-flex;gap:1.1rem;flex-wrap:wrap}.topbar nav [aria-current=page]{color:var(--tube)}.sitefoot{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2.5rem 1.5rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));font-size:.68rem;letter-spacing:.14em;color:var(--stone);text-align:center}.sitefoot nav{display:inline-flex;gap:1.1rem;flex-wrap:wrap;justify-content:center}.sitefoot a{color:inherit;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}.sitefoot a:hover{color:var(--tube)}.sitefoot a:focus-visible{outline:2px solid var(--tube);outline-offset:2px}.scrollcue{position:absolute;bottom:.4rem;left:50%;translate:-50% 0;font-size:.85rem;color:var(--stone);opacity:.7;text-decoration:none;padding:.2rem .6rem}.scrollcue:hover{color:var(--tube)}@media (max-width: 540px){.topbar{flex-direction:column;gap:.7rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}