:root{--bg:#0e0f12;--bg-2:#14161a;--bg-3:#1a1d22;--line:#24272d;--line-2:#363a42;--fg:#ecebe6;--fg-2:#a4a7ae;--fg-3:#6b6f78;--live:#ecebe6;--dnb:#ff6b3d;--rap:#a99cff;--rock:#ff5e5e;--electronic:#52d9e3;--archival:#9aa0a8;--other:#e8c84a;--playlists:#74d391;--bsides:#d38fdb;--up:#74d391;--down:#ff5e5e;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--strip:68px;font-family:var(--sans);color:var(--fg);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--live);font-feature-settings:"ss01";font-size:15px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:1.5px solid var(--live);outline-offset:3px}::selection{background:var(--live);color:var(--bg)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:.68rem}.live{z-index:20;min-height:var(--strip);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:0 40px;display:grid;position:sticky;top:0}.live .brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.live .brand h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:1.7rem;font-style:italic;font-weight:400}.live .brand h1 .x{color:var(--live);font-style:normal}.live .brand .k{display:none}@media (width>=1100px){.live .brand .k{display:inline}}.on{align-items:center;gap:16px;min-width:0;display:flex}.on .dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 0 0 var(--live);border-radius:50%;flex:none}.on .dot.playing{animation:1.6s ease-out infinite beat}.on .dot.idle{background:var(--fg-3);box-shadow:none}@keyframes beat{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 55%, transparent)}to{box-shadow:0 0 0 10px #0000}}.on .what{white-space:nowrap;align-items:baseline;gap:12px;min-width:0;display:flex;overflow:hidden}.on .t{letter-spacing:-.01em;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:1.05rem;font-weight:650;overflow:hidden}.on .a{color:var(--fg-2);text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.on .from{color:var(--fg-3);font-family:var(--serif);text-overflow:ellipsis;flex:0 2 auto;min-width:0;font-size:1.05rem;font-style:italic;overflow:hidden}.on .from b{color:var(--live);font-weight:400}.on .cnt{white-space:nowrap;color:var(--fg-2);margin-left:auto;font-size:.8rem}.on .cnt .dim{color:var(--fg-3)}.on .cnt .clock{color:var(--fg);margin-left:14px}.on .quiet{color:var(--fg-3)}.on .quiet i{font-family:var(--serif);color:var(--fg-2);font-size:1.1rem;font-style:italic}.keys{gap:6px;display:flex}.keys .key{width:42px;height:42px;color:var(--fg);border:1px solid var(--line-2);background:var(--bg-2);border-radius:6px;place-items:center;transition:background 90ms,transform 80ms,border-color 90ms;display:grid}.keys .key svg{width:16px;height:16px}.keys .key:hover{background:var(--bg-3);border-color:var(--fg-3)}.keys .key:active{transform:translateY(1px)}.keys .key:disabled{opacity:.35}.keys .key.inflight{border-color:var(--live);color:var(--live);animation:.9s ease-in-out infinite wait}@keyframes wait{50%{opacity:.45}}.keys .key.retry{width:auto;color:var(--live);border-color:var(--live);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:0 14px;font-size:.72rem}.progress{background:var(--line);height:2px;position:absolute;bottom:-1px;left:0;right:0}.progress span{background:var(--live);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.devices{border-top:1px dashed var(--line-2);color:var(--fg-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;padding:10px 0 14px;display:flex}.devices b{color:var(--fg);font-weight:600}.devices button{border:1px solid var(--fg-3);color:var(--fg);border-radius:999px;padding:5px 12px}.devices button:hover{border-color:var(--live);color:var(--live)}.board{grid-template-columns:minmax(0,1fr);gap:40px;max-width:1900px;padding:28px 40px 120px;display:grid}@media (width>=960px){.board{grid-template-columns:minmax(0,1fr) 380px}}@media (width>=1500px){.board{grid-template-columns:minmax(0,1fr) 440px;gap:56px;padding:36px 56px 120px}}.stage{flex-direction:column;gap:32px;min-width:0;display:flex}.ask{flex-direction:column;gap:12px;display:flex}.askline{border-bottom:1px solid var(--fg-3);align-items:center;gap:18px;padding:6px 0 10px;transition:border-color .12s;display:flex}.askline:focus-within{border-color:var(--live)}.askline .mark{font-family:var(--serif);color:var(--live);flex:none;font-size:1.9rem;font-style:italic;line-height:1}.askline input{letter-spacing:-.015em;min-width:0;caret-color:var(--live);background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:1.7rem;font-weight:300}.askline input::placeholder{color:var(--fg-3);font-weight:300}@media (width>=1200px){.askline input{font-size:2.1rem}}.askline .go{border:1px solid var(--line-2);color:var(--fg-2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;flex:none;padding:8px 16px;font-size:.72rem}.askline .go:hover,.askline .go.hot{color:var(--bg);background:var(--live);border-color:var(--live)}.askline .go:disabled{opacity:.4;color:var(--fg-2);border-color:var(--line-2);background:0 0}.hints{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;display:flex}.hints .k{margin-right:4px}.hints .chip{border:1px solid var(--line-2);color:var(--fg);border-radius:999px;align-items:baseline;gap:8px;padding:5px 12px 6px;font-weight:500;display:inline-flex}.hints .chip:hover,.hints .chip.first{border-color:var(--hue);color:var(--hue)}.hints .chip .n{font-family:var(--mono);color:var(--fg-3);font-size:.68rem}.hints .chip.first{background:color-mix(in srgb, var(--hue) 12%, transparent)}.hints .chip.track{max-width:320px;font-weight:500;overflow:hidden}.hints .chip.track .who{color:var(--fg-3);font-size:.82rem}.hints .chip.track:hover{border-color:var(--hue,var(--fg-2));color:var(--hue,var(--fg))}.hints .chip.track.foreign{color:var(--fg-2);border-style:dashed}.hints .chip.track.foreign:hover{border-color:var(--fg-2);color:var(--fg)}.talk{flex-direction:column;gap:22px;display:flex}.turn{gap:8px;display:grid}.turn .you{color:var(--fg-3)}.turn .you b{color:var(--fg-2);font-weight:500;font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:.92rem}.turn .dj{font-family:var(--serif);letter-spacing:-.005em;text-wrap:pretty;max-width:42ch;margin:0;font-size:1.85rem;line-height:1.22}@media (width>=1200px){.turn .dj{font-size:2.15rem}}.turn .dj .who{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--live);margin-bottom:8px;font-size:.68rem;font-style:normal;display:block}.turn.older .dj{color:var(--fg-2);max-width:60ch;font-size:1.15rem}.turn.older .dj .who{color:var(--fg-3)}.turn.thinking .dj{color:var(--fg-2);font-style:italic}.turn.thinking .dj:after{content:"…";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"…"}}.heard{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.heard .tag{font-family:var(--mono);letter-spacing:.05em;color:var(--hue);border:1px solid color-mix(in srgb, var(--hue) 40%, transparent);background:color-mix(in srgb, var(--hue) 8%, transparent);border-radius:4px;padding:2px 9px;font-size:.7rem}.open{gap:28px;display:grid}.open .dj{font-family:var(--serif);text-wrap:pretty;max-width:30ch;margin:0;font-size:2.2rem;line-height:1.15}@media (width>=1200px){.open .dj{font-size:2.8rem}}.open .dj em{color:var(--fg-2)}.starters{flex-wrap:wrap;gap:10px;display:flex}.starters button{border:1px solid var(--line-2);border-radius:8px;align-items:baseline;gap:10px;padding:10px 16px 11px;font-size:1.05rem;font-weight:550;transition:border-color 90ms,background 90ms,color 90ms;display:inline-flex}.starters button .n{font-family:var(--mono);color:var(--fg-3);font-size:.68rem}.starters button:hover{border-color:var(--hue);color:var(--hue);background:color-mix(in srgb, var(--hue) 10%, transparent)}.setlist{flex-direction:column;gap:14px;display:flex}.set-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:18px;padding-bottom:12px;display:flex}.set-head h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--live);margin:0;font-size:2rem;font-style:italic;font-weight:400;line-height:1.05}.set-head h2.blank{color:var(--fg-3)}.set-head .sub{color:var(--fg-3);font-family:var(--serif);font-size:1.1rem;font-style:italic}.set-head .acts{gap:6px;margin-left:auto;display:flex}.set-head .acts button{border:1px solid var(--line-2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border-radius:6px;padding:6px 12px;font-size:.68rem}.set-head .acts button:hover{color:var(--fg);border-color:var(--fg-3)}.set-head .acts button.hot{color:var(--live);border-color:var(--live)}.keep{border:1px dashed var(--line-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.keep label{color:var(--fg-2)}.keep input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px;outline:none;flex:1;min-width:200px;padding:7px 10px}.keep input:focus{border-color:var(--live)}.keep button{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:7px 12px;font-size:.68rem}.keep button[type=submit]{background:var(--fg);color:var(--bg)}.keep button.never{color:var(--fg-3)}.tracks{border-collapse:collapse;width:100%}.tracks th{text-align:left;padding:0 10px 8px 0;font-weight:400}.tracks th.r,.tracks td.r{text-align:right;padding-right:0}.tracks td{border-top:1px solid var(--line);vertical-align:middle;padding:0;transition:transform .17s}.tracks tr.row{touch-action:pan-y;transition:background 80ms,opacity .12s}.tracks tr.row:hover{background:var(--bg-2)}.tracks tr.row.current{background:color-mix(in srgb, var(--live) 7%, transparent)}.tracks tr.row.current td:first-child{box-shadow:inset 3px 0 0 var(--live)}.tracks tr.row.pending{opacity:.45}.tracks tr.row.pending .th button,.tracks tr.row.pending .leaf button,.tracks tr.row.pending .no{pointer-events:none}.tracks tr.row.dragging{background:var(--bg-3);opacity:.8}.tracks tr.row.swiping td{transform:translateX(var(--dx,0));transition:none}.tracks tr.row.swiping.left{background:color-mix(in srgb, var(--down) 20%, transparent)}.tracks tr.row.swiping.right{background:color-mix(in srgb, var(--live) 20%, transparent)}.tracks .no{width:44px;color:var(--fg-3);font-family:var(--mono);padding-left:12px;font-size:.72rem}.tracks tr.current .no{color:var(--live)}.tracks .no .grip{touch-action:none;display:none}.tracks .no .grip svg{width:14px;height:14px}.tracks tr.row:hover .no .num{display:none}.tracks tr.row:hover .no .grip{width:22px;height:22px;color:var(--fg-3);cursor:grab;place-items:center;margin-left:-4px;display:inline-grid}@media (hover:none){.tracks .no .num{display:none}.tracks .no .grip{width:30px;height:30px;color:var(--fg-3);opacity:.45;place-items:center;margin-left:-8px;display:inline-grid}}.tracks .play{text-align:left;width:100%;min-width:0;padding:10px 10px 10px 0;display:block}.tracks .play:disabled{color:inherit}.tracks .play .t{letter-spacing:-.005em;font-size:.98rem;font-weight:550}.tracks tr.current .play .t{color:var(--live)}.tracks .play .a{color:var(--fg-2);font-size:.88rem}.tracks .play .a.inline{display:none}.tracks .art{color:var(--fg-2);padding-right:12px}.tracks .alb{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding-right:12px;overflow:hidden}.tracks .leaf{white-space:nowrap;padding-right:12px}.tracks .leaf button{font-family:var(--mono);letter-spacing:.04em;color:var(--hue,var(--fg-3));border-bottom:1px dashed #0000;padding:2px 0 1px;font-size:.68rem;line-height:1.2}.tracks .leaf button:hover{border-bottom-color:var(--hue,var(--fg-3))}.tracks .leaf.same button{color:var(--fg-3);opacity:0}.tracks tr:hover .leaf.same button,.tracks .leaf.same button:focus-visible{opacity:1}.tracks .leaf select{background:var(--bg-2);max-width:200px;color:var(--fg);border:1px solid var(--live);border-radius:5px;padding:3px 6px;font-size:.82rem}.tracks .when{color:var(--fg-3);font-family:var(--mono);white-space:nowrap;padding-right:12px;font-size:.7rem}.tracks .dur{color:var(--fg-3);font-family:var(--mono);white-space:nowrap;font-size:.72rem}.tracks .th{white-space:nowrap;padding-left:12px}.tracks .th button{width:30px;height:30px;color:var(--fg-3);opacity:.55;border-radius:5px;place-items:center;transition:opacity 80ms,color 80ms;display:inline-grid}.tracks .th button svg{width:14px;height:14px}.tracks tr:hover .th button,.tracks .th button[aria-pressed=true]{opacity:1}.tracks .th button:hover{color:var(--fg);background:var(--bg-3)}.tracks .th .up[aria-pressed=true]{color:var(--up)}.tracks .th .next:hover{color:var(--live)}.tracks .th .cut:hover{color:var(--down)}.tracks .wide{display:none}@media (width>=1250px){.tracks .wide{display:table-cell}}@media (width<=700px){.tracks .art{display:none}.tracks .play .a.inline{display:block}.tracks .leaf{display:none}}.cutlist{flex-direction:column;gap:10px;display:flex}.cutlist>button{color:var(--fg-3);border-bottom:1px dashed var(--line-2);align-self:flex-start;padding-bottom:1px}.cutlist>button:hover{color:var(--fg-2)}.cutlist ul{columns:2;color:var(--fg-3);column-gap:32px;margin:0;padding:0;font-size:.85rem;list-style:none}@media (width>=1250px){.cutlist ul{columns:3}}.cutlist li{break-inside:avoid;text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);padding:3px 0}.cutlist li b{color:var(--fg-2);font-weight:500}.index{flex-direction:column;gap:22px;min-width:0;display:flex}.index>.era{margin-top:-10px}@media (width>=960px){.index{top:calc(var(--strip) + 24px);max-height:calc(100vh - var(--strip) - 48px);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding-right:6px;position:sticky;overflow-y:auto}}.index-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.index-head .refresh{color:var(--fg-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px dashed #0000;margin-left:auto;font-size:.68rem}.index-head .refresh:hover{color:var(--fg);border-bottom-color:var(--fg-3)}.era{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.era .k{margin-right:6px}.era button{color:var(--fg-2);border:1px solid #0000;border-radius:999px;padding:5px 11px;font-size:.88rem}.era button:hover{color:var(--fg)}.era button[aria-pressed=true]{color:var(--fg);border-color:var(--fg-3)}.group{flex-direction:column;gap:2px;display:flex}.group-head{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:4px;padding:0 0 6px;display:flex}.group-head .sw{background:var(--hue);border-radius:2px;align-self:center;width:9px;height:9px}.group-head h3{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);margin:0;font-size:.72rem;font-weight:500}.group-head .n{font-family:var(--mono);color:var(--fg-3);font-size:.68rem}.group-head .note{color:var(--fg-3);font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.95rem;font-style:italic;overflow:hidden}.group.side .group-head h3{color:var(--fg-2)}.index .leaf-row{align-items:center;gap:2px;width:calc(100% + 16px);margin:0 -8px;display:flex}.index .leaf-row .leaf{flex:auto;width:auto;min-width:0;margin:0}.index .leaf-row .more{width:26px;height:26px;color:var(--fg-3);opacity:0;border-radius:6px;flex:none;place-items:center;transition:opacity 80ms,color 80ms,background 80ms;display:grid}.index .leaf-row .more svg{width:14px;height:14px}.index .leaf-row:hover .more,.index .leaf-row .more:focus-visible{opacity:1}.index .leaf-row .more:hover{color:var(--hue);background:color-mix(in srgb, var(--hue) 12%, transparent)}@media (hover:none){.index .leaf-row .more{opacity:.55}}.leaf{text-align:left;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;width:calc(100% + 16px);margin:0 -8px;padding:7px 10px 7px 8px;transition:background 80ms,color 80ms;display:grid}.leaf:hover,.leaf.loading{background:color-mix(in srgb, var(--hue) 12%, transparent)}.leaf:hover .name,.leaf.loading .name{color:var(--hue)}.leaf.loading{animation:.9s ease-in-out infinite wait}.leaf.playing .name{color:var(--hue)}.leaf.playing .name:before{content:"▶ ";vertical-align:1px;font-size:.7em}.leaf .name{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.02rem;font-weight:550;line-height:1.25;overflow:hidden}.leaf .name[contenteditable=true]{border-bottom:1px dashed var(--hue);white-space:normal;outline:none}.leaf .n{font-family:var(--mono);color:var(--fg-3);font-size:.7rem}.leaf .n.single{color:var(--fg-3);opacity:.8}.leaf .who{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:1px;font-size:.8rem;overflow:hidden}.leaf.ghost{opacity:.55}.leaf.ghost:hover{opacity:1}.group.side .leaf .name{font-weight:480}.toast{z-index:40;background:var(--fg);max-width:calc(100vw - 32px);color:var(--bg);border-radius:8px;align-items:center;gap:16px;padding:10px 16px;font-weight:500;animation:.18s ease-out rise;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast button{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bg);opacity:.6;border-bottom:1px solid;flex:none;padding-bottom:1px;font-size:.68rem}.toast button:hover{opacity:1}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.dead{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:40px;display:grid}.dead h1{font-family:var(--serif);margin:0;font-size:3rem;font-style:italic;font-weight:400}.dead p{color:var(--fg-2);margin:0}.dead code{font-family:var(--mono);color:var(--fg);background:var(--bg-2);border-radius:6px;justify-self:center;padding:6px 10px;font-size:.85rem}.shortcuts{color:var(--fg-3);font-size:.8rem}.shortcuts kbd{font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg-2);border-radius:4px;margin:0 2px;padding:1px 5px;font-size:.68rem}@media (width<=959px){.live{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:0 18px}.live .brand h1{font-size:1.4rem}.on .from,.on .cnt{display:none}.on .what{flex-direction:column;align-items:flex-start;gap:0}.on .t,.on .a{max-width:100%}.on .a{font-size:.85rem}.keys .key{width:38px;height:38px}.board{gap:32px;padding:20px 18px 80px}.askline input{font-size:1.35rem}.askline .go{display:none}.hints{min-height:0}.turn .dj{font-size:1.5rem}.open .dj{font-size:1.8rem}.shortcuts{display:none}}@media (prefers-reduced-motion:reduce){.on .dot.playing,.keys .key.inflight,.leaf.loading,.turn.thinking .dj:after{animation:none}.progress span,.tracks td,.tracks tr.row{transition:none}}.app[hidden]{display:none}.band{border:1px solid var(--line-2);border-radius:999px;align-self:center;gap:2px;padding:2px;display:inline-flex}.band button{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);border-radius:999px;padding:3px 10px 4px;font-size:.66rem}.band button:hover{color:var(--fg)}.band button[aria-pressed=true]{color:var(--bg);background:var(--live)}.signin{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);align-self:center;padding:3px 2px;font-size:.66rem;text-decoration:none}.signin:hover{color:var(--fg)}.fav{width:30px;height:30px;color:var(--fg-3);opacity:0;border-radius:6px;flex:none;place-items:center;transition:opacity 80ms,color 80ms,background 80ms;display:grid}.fav svg{width:15px;height:15px}.fav.on{opacity:1;color:var(--hue,var(--live))}.fav:hover{color:var(--hue,var(--live));background:color-mix(in srgb, var(--hue,var(--live)) 12%, transparent)}.index .leaf-row:hover .fav,.fav:focus-visible{opacity:1}.fav.big{opacity:1;align-self:center;width:36px;height:36px}.fav.big svg{width:19px;height:19px}.fav.big.on{color:var(--live)}@media (hover:none){.fav{opacity:.55}.fav.on{opacity:1}}.group.favorites .group-head h3{color:var(--fg)}.starters .star{width:12px;height:12px;color:var(--hue);vertical-align:-1px;margin-right:7px;display:inline-grid}.starters .star svg{width:12px;height:12px}.dial .keys{align-items:center}.dial .keys .key.play.playing{border-color:color-mix(in srgb, var(--live) 55%, var(--line-2));color:var(--live)}.dial .keys .key.play.tuning{color:var(--live);animation:1s ease-in-out infinite tune}@keyframes tune{50%{border-color:var(--live);background:color-mix(in srgb, var(--live) 12%, var(--bg-2))}}.dial .keys .key.play.error{border-color:var(--down);color:var(--down)}.dial .keys .key.next{align-items:center;gap:9px;width:auto;padding:0 14px 0 12px;display:inline-flex}.dial .keys .key.next .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);font-size:.68rem}.dial .keys .key.next:hover .lbl{color:var(--fg)}.dial .keys .key:focus-visible{outline-offset:2px}.vol{align-items:center;gap:2px;margin-right:10px;display:flex;position:relative}.vol-mute{width:34px;height:42px;color:var(--fg-2);border-radius:6px;place-items:center;display:grid}.vol-mute svg,.vol-open svg{width:17px;height:17px}.vol-mute:hover{color:var(--fg);background:var(--bg-2)}.vol-mute[aria-pressed=true]{color:var(--live)}.vol-track{cursor:pointer;touch-action:none;border-radius:6px;align-items:center;width:112px;height:42px;display:flex;position:relative}.vol-rail{background:var(--line-2);border-radius:3px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.vol-fill{background:var(--live);transform-origin:0;position:absolute;inset:0}.vol-thumb{background:var(--fg);width:13px;height:13px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;margin:-6.5px 0 0 -6.5px;transition:transform 90ms;position:absolute;top:50%}.vol-track:hover .vol-thumb,.vol-track:active .vol-thumb{transform:scale(1.2)}.vol-track:hover .vol-rail{background:var(--fg-3)}.vol-track:focus-visible{outline-offset:0}.vol.narrow{margin-right:0;position:static}.vol-pop{z-index:30;background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;align-items:center;gap:10px;width:min(320px,100vw - 36px);padding:6px 14px 6px 6px;display:flex;position:absolute;top:calc(100% + 6px);right:18px}.vol-pop .vol-track{flex:1;width:auto;height:48px}.vol-pop .vol-thumb{width:18px;height:18px;margin:-9px 0 0 -9px}.vol-mute.wide{width:auto;height:48px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;gap:8px;padding:0 12px;font-size:.66rem;display:inline-flex}.vol-note{color:var(--fg-3);font-size:.82rem}@media (width<=959px){.dial .keys .key.next{justify-content:center;width:38px;padding:0}.dial .keys .key.next .lbl{display:none}}.station{flex-direction:column;gap:18px;display:flex}.station .set-head .listeners{margin-left:auto}.station .card{align-items:flex-start;gap:20px;display:flex}.station .card img{object-fit:cover;border:1px solid var(--line);border-radius:8px;flex:none;width:120px;height:120px}.station .blurb{font-family:var(--serif);color:var(--fg-2);text-wrap:pretty;max-width:46ch;margin:0;font-size:1.35rem;line-height:1.25}.heardlog{gap:8px;display:grid}.heardlog ol{margin:0;padding:0;list-style:none;display:grid}.heardlog li{border-top:1px solid var(--line);color:var(--fg-3);padding:8px 0}.heardlog li b{color:var(--fg-2);font-weight:550}.heardlog li.now b{color:var(--live)}.episodes{gap:10px;display:grid}.episodes .eps{flex-wrap:wrap;gap:6px;display:flex}.episodes .eps button{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;padding:4px 10px 5px;font-size:.85rem}.episodes .eps button:hover{color:var(--fg);border-color:var(--fg-3)}.episodes .eps button.on{color:var(--bg);background:var(--live);border-color:var(--live)}@media (width<=959px){.band button{padding:3px 8px 4px}.station .card img{width:84px;height:84px}.station .blurb{font-size:1.1rem}}@media (width<=600px){.live .brand{flex-direction:column;align-items:flex-start;gap:3px;padding:6px 0}.live .brand h1{font-size:1.2rem;line-height:1}.band button{padding:2px 7px 3px;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.dial .keys .key.play.tuning{border-color:var(--live);animation:none}.vol-thumb{transition:none}}