:root{--bg: #0f1724;--panel: rgba(16, 24, 38, .92);--text: #dfe8f2;--muted: #8a9bb0;--accent: #f2c14e;--green: #5ac002;--line: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,sans-serif}canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#safe{position:fixed;left:0;bottom:0;width:0;height:env(safe-area-inset-bottom,0px);pointer-events:none}#top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;pointer-events:none}#top a{pointer-events:auto}.logo{font:600 16px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);text-decoration:none;white-space:nowrap}.logo .mark{color:var(--green)}.cursor{display:inline-block;width:8px;height:15px;margin-left:4px;background:var(--green);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}#home{position:fixed;right:24px;bottom:74px;display:flex;align-items:flex-end;gap:14px;pointer-events:none}.house{width:124px;height:auto;display:block}.house .window{animation:lamp 5s ease-in-out infinite}.house .lightspill{animation:spill 5s ease-in-out infinite}@keyframes lamp{0%,to{fill:#f6c96a}47%{fill:#f9d47f}50%{fill:#eab75a}53%{fill:#f7cf74}}@keyframes spill{0%,to{opacity:1}50%{opacity:.8}}.house .smoke circle{fill:#c8d2e140;animation:smoke 4.5s linear infinite}.house .smoke circle:nth-child(2){animation-delay:1.5s}.house .smoke circle:nth-child(3){animation-delay:3s}@keyframes smoke{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(10px,-26px) scale(1.8);opacity:0}}.house .smoke circle{transform-box:fill-box;transform-origin:center}.signs{display:flex;align-items:flex-end;gap:12px;padding-bottom:0}.sign{pointer-events:auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;outline:none;transition:transform .2s}.sign .board{display:grid;place-items:center;width:34px;height:30px;background:#7a5638;border:2px solid #5a3e2b;border-radius:4px;box-shadow:inset 0 -3px #0000002e,0 2px 6px #00000059;transition:background .2s,box-shadow .2s}.sign svg{width:17px;height:17px;fill:#f1e6d2}.sign.s4 svg{width:22px}.sign .post{width:4px;background:#5a3e2b;border-radius:1px}.sign.s1 .post{height:26px;transform:rotate(-2deg)}.sign.s2 .post{height:16px}.sign.s3 .post{height:30px;transform:rotate(2deg)}.sign.s4 .post{height:20px}.sign:hover,.sign:focus-visible{transform:translateY(-3px) rotate(-2deg)}.sign:hover .board,.sign:focus-visible .board{background:#8c6443;box-shadow:inset 0 -3px #0000002e,0 0 14px #f6c96a73}button{background:#ffffff0f;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit;font-size:13px}button:hover{background:#ffffff1f}#dock{position:fixed;right:14px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;gap:8px}#dock button{display:flex;align-items:center;gap:6px;background:var(--panel)}#dock button.on{border-color:#f2c14e8c}#dock button.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f2c14e00;border-color:var(--line)}50%{box-shadow:0 0 0 6px #f2c14e2e;border-color:#f2c14eb3}}#panel{position:fixed;right:14px;bottom:70px;width:290px;max-height:calc(100vh - 140px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 14px 12px;backdrop-filter:blur(6px);display:none}#panel.open{display:block}#helpBox{position:fixed;right:14px;bottom:70px;width:360px;max-height:calc(100vh - 140px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 16px 14px;backdrop-filter:blur(6px);font-size:13px;line-height:1.45;display:none}#helpBox.open{display:block}#helpBox h2{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}#helpBox ul{margin:0;padding-left:18px}#helpBox li{margin:4px 0}#helpBox b{font-weight:600}#helpBox .fxList{list-style:none;padding:0}#helpBox .fxList li{display:flex;gap:6px;align-items:baseline;color:var(--muted)}#helpBox .fxList li span{width:20px;flex:none;text-align:center}#helpBox .fxList b{color:var(--text);white-space:nowrap}#helpBox .fxList kbd{flex:none}#helpBox .hsub{color:var(--muted);font-size:12px;margin:8px 0 2px}#helpBox .hkeys{color:var(--muted);margin:4px 0}#playlist{position:fixed;right:14px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:250px;max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 12px 12px;backdrop-filter:blur(6px);display:none}#playlist.open{display:block}#playlist h2{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 2px 6px}#playlist .plHead{display:flex;align-items:center;justify-content:space-between;margin:6px 0 2px}#playlist .plHead h2{margin:6px 2px}#plReset,#plDice{font-size:12px;padding:4px 8px;background:transparent;color:var(--muted);white-space:nowrap}#plReset:hover,#plDice:hover{color:var(--text)}#plist{list-style:none;margin:0 0 10px;padding:0}#plist li{display:flex;gap:4px;margin:2px 0}#plist .plItem{flex:1;min-width:0;text-align:left;background:transparent;border-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#plist .plItem:before{content:"\266a";color:var(--muted);margin-right:8px}#plist li.on .plItem{border-color:#f2c14e8c;background:#f2c14e14}#plist li.on .plItem:before{content:"\25b6";color:var(--accent)}#plist .plDel{background:transparent;border-color:transparent;color:var(--muted);padding:6px 8px}#plist .plDel:hover{color:var(--text)}#plSave{width:100%}.plNote{margin:8px 2px 0;font-size:11px;color:var(--muted)}#panel h2{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0}.row label{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px}kbd{font:11px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=range]{width:100px}.val{color:var(--muted);font-size:12px;min-width:48px;text-align:right}.btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btns button{flex:1 1 auto}select{background:#ffffff0f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px 4px;font:inherit;font-size:13px}select option{background:#1a2433}.chords{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0}.chords select{width:100%}.hint{color:var(--muted);font-size:12px;margin-top:12px}.hint b{color:var(--text);font-weight:600}#hint{position:fixed;left:50%;top:170px;transform:translate(-50%);color:var(--muted);font-size:13px;white-space:nowrap;background:#101826a6;padding:6px 14px;border-radius:999px;pointer-events:none;transition:opacity .8s}#hint.gone{opacity:0}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center}#toast.show{opacity:1}@media (max-width: 600px){#dock .deskOnly,#dock .lbl{display:none}#helpBox,#panel{left:12px;right:12px;width:auto;max-height:65vh;bottom:calc(70px + env(safe-area-inset-bottom,0px))}#playlist{left:12px;right:12px;width:auto;max-height:65vh}#hint{white-space:normal;width:max-content;max-width:calc(100vw - 32px);text-align:center}#home{right:10px;gap:8px}.house{width:84px}.signs{gap:7px}.sign .board{width:28px;height:25px}.sign svg{width:14px;height:14px}.sign.s4 svg{width:18px}}@media (prefers-reduced-motion: reduce){.cursor,.house .window,.house .lightspill,.house .smoke circle{animation:none}.house .smoke{display:none}}.houseBtn{background:none;border:0;padding:0;border-radius:6px;cursor:pointer;pointer-events:none}.houseBtn svg>*{pointer-events:auto}.houseBtn .lightspill,.houseBtn .smoke{pointer-events:none}.houseBtn:hover,.houseBtn:focus-visible{background:none;filter:drop-shadow(0 0 10px rgba(246,201,106,.35));outline:none}.house.lit .window{animation:none;fill:#ffe7a3}.house.lit .lightspill{animation:none;transform:scale(1.35);transform-box:fill-box;transform-origin:center}#about{position:fixed;right:20px;width:min(300px,calc(100vw - 32px));background:#f3ead8;color:#3b2a1e;border-radius:6px;padding:16px 18px 12px;box-shadow:0 10px 30px #00000073,0 0 40px #f6c96a26;font:15px/1.5 Georgia,Iowan Old Style,serif;transform-origin:bottom right;animation:letter .25s ease-out}#about[hidden]{display:none}@keyframes letter{0%{opacity:0;transform:translateY(8px) rotate(1deg) scale(.96)}to{opacity:1;transform:none}}#about h2{margin:0 0 8px;font-size:18px}#about p{margin:0 0 8px}#about .sign-off{font-style:italic;color:#7a5a3e;text-align:right;margin:6px 0 0}#about .close{position:absolute;top:4px;right:6px;background:none;border:0;color:#7a5a3e;font-size:22px;line-height:1;padding:4px 8px}#about:after{content:"";position:absolute;bottom:-8px;right:54px;border:8px solid transparent;border-top-color:#f3ead8;border-bottom:0}@media (prefers-reduced-motion: reduce){#about{animation:none}}#quick{position:fixed;left:16px;top:50px;display:flex;gap:6px;opacity:.4;transition:opacity .2s}#quick:hover,#quick:focus-within{opacity:1}#quick button{background:#1018268c;border-radius:999px;padding:3px 10px;font-size:13px}@media (hover: none){#quick{opacity:.6}}#quick{flex-wrap:wrap;max-width:calc(100vw - 32px)}#quick button.on{border-color:#f2c14eb3;background:#f2c14e26}#quick button{position:relative}#quick button[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%,-3px);background:#0a101aeb;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:5;opacity:0;transition:opacity .12s,transform .12s}#quick button[data-tip]:hover:after,#quick button[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (hover: none){#quick button[data-tip]:after{display:none}}#qFx.sugg{box-shadow:0 0 0 2px #f2c14e8c}#fxSugg[hidden],#fxSugg[hidden]+.sep{display:none}#fxRow{display:flex;gap:6px;flex-wrap:wrap}#fxRow[hidden]{display:none}#fxRow .sep{width:1px;background:var(--line);margin:2px}#fxFreeze{touch-action:none;-webkit-user-select:none;user-select:none}#cloudMenu{position:fixed;z-index:30;background:#101826f5;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:13px;box-shadow:0 6px 24px #00000059;max-width:calc(100vw - 16px)}#cloudMenu[hidden]{display:none}#cloudMenu button{border-radius:999px;padding:3px 9px;font-size:13px}#cloudMenu button.on{border-color:#f2c14eb3;background:#f2c14e26}#cloudMenu .cmHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}#cloudMenu .cmLabel{opacity:.8;margin-bottom:4px}#cloudMenu .cmLabel span{opacity:.6;font-size:12px}#cmLens{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}#cmLens button{min-width:32px;padding:3px 6px}#cmLens button.base{margin-right:6px}#cmClear{opacity:.8}#cloudMenu .cmType{display:flex;align-items:center;gap:4px}#cmName{min-width:78px;text-align:center}#cmPrev,#cmNext{padding:1px 8px;font-size:15px;line-height:1.2}#cmPages{display:flex;gap:4px;margin-bottom:6px}#cmPages[hidden]{display:none}#cmPages button{padding:1px 9px;font-size:12px}#cmSteps{display:grid;grid-template-columns:repeat(8,28px);gap:5px;margin-bottom:10px;padding-right:6px}#cmSteps .st{width:28px;height:28px;padding:0;border-radius:50%;font-size:11px;line-height:1;background:#dfe8f20f;border:1px solid rgba(223,232,242,.25);color:#0f1724;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#cmSteps .st:nth-child(8n+5),#cmSteps .st:nth-child(8n+6),#cmSteps .st:nth-child(8n+7),#cmSteps .st:nth-child(8n){transform:translate(6px)}#cmSteps .st:nth-child(4n+1):not(.on){border-color:#dfe8f273}#cmSteps .st.on{background:#a0cdf0d9;border-color:#a0cdf0;font-weight:700}#cmSteps .st.cur{box-shadow:0 0 0 2px #f2c14ee6}#cmSteps .st[hidden]{visibility:hidden;display:block}#qVis{background:#1018268c;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:13px;max-width:150px}#playlist .plHead{gap:4px;flex-wrap:wrap;justify-content:flex-start}#playlist .plHead h2{flex:1 0 100%;min-width:0;margin-bottom:0}#plDice,#plReset{border:1px solid var(--line);border-radius:999px}body.radio #quick,body.radio #dock,body.radio #hint,body.radio #panel,body.radio #playlist,body.radio #helpBox,body.radio #piano{display:none!important}#radioBar{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:18px;z-index:40;display:flex;gap:6px;opacity:.35;transition:opacity .2s}#radioBar:hover,#radioBar:focus-within{opacity:1}@media (hover: none){#radioBar{opacity:.65}}#radioBar[hidden]{display:none}#radioBar button{background:#101826b3;border-radius:999px;padding:4px 12px;font-size:13px}#radioNow{position:fixed;left:22px;bottom:26px;z-index:30;font-size:22px;letter-spacing:.02em;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.6);opacity:0;pointer-events:none}#radioNow.show{animation:radioNow 7s ease forwards}@keyframes radioNow{0%{opacity:0;transform:translateY(6px)}12%,70%{opacity:.9;transform:none}to{opacity:0}}#piano{position:fixed;left:50%;bottom:64px;transform:translate(-50%);z-index:25;background:#101826e6;border:1px solid var(--line);border-radius:12px;padding:6px 8px 8px;max-width:calc(100vw - 16px)}#piano[hidden]{display:none}#piano .phead{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:4px;opacity:.85}#piano .phead button{padding:0 8px}#piano select{font-size:12px;padding:1px 4px}#pianoKeys .prow{display:flex;gap:4px;margin-top:4px}#pianoKeys .prow:first-child{margin-left:14px}#pianoKeys .pk{width:38px;height:44px;padding:2px 0;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dfe8f214;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#pianoKeys .pk b{font-size:13px}#pianoKeys .pk span{font-size:9px;opacity:.6}#pianoKeys .pk.hit{animation:pk .35s ease}@keyframes pk{0%{background:#f2c14eb3}to{background:#dfe8f214}}@media (max-width: 600px){#pianoKeys .pk{width:calc((100vw - 70px)*.1);height:46px}#pianoKeys .pk b{display:none}#pianoKeys .pk span{font-size:10px;opacity:.85}#pianoKeys .prow:first-child{margin-left:0}}#fireBpm{position:fixed;transform:translate(-50%,-100%);z-index:12;display:flex;align-items:center;gap:2px;font-size:11px;opacity:.55;transition:opacity .2s;background:#1018268c;border-radius:999px;padding:1px 3px}#fireBpm:hover,#fireBpm:focus-within{opacity:1}@media (hover: none){#fireBpm{opacity:.8}}#fireBpm button{padding:0 7px;font-size:13px;line-height:1.4;border-radius:999px;background:transparent;border:0}#fireBpm span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}body.radio #fireBpm{display:none}#xmas .l{transition:opacity .08s}#xmas[data-b="0"] .l:nth-of-type(odd),#xmas[data-b="1"] .l:nth-of-type(2n){opacity:.25}@media (max-width: 600px){#quick{gap:4px}#quick button{padding:3px 7px;font-size:12px}#qVis{display:none}}.row.evt small{opacity:.6;font-size:11px;margin-left:4px}.row.evt.off{opacity:.55}#galoFlag .wave{transform-origin:22px 28px;animation:flag 1.6s ease-in-out infinite}@keyframes flag{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-6deg) scaleX(.94)}}#topRight{display:flex;gap:6px;align-items:center;pointer-events:auto;opacity:.45;transition:opacity .2s}#topRight:hover,#topRight:focus-within{opacity:1}@media (hover: none){#topRight{opacity:.7}}#topRight button{background:#1018268c;border-radius:999px;padding:3px 10px;font-size:13px}#qVisBtn{display:none}@media (max-width: 600px){#qVis{display:none}#qVisBtn{display:inline-block}}@media (max-width: 1150px){#fxRow{position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:20;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#101826e6;border:1px solid var(--line);border-radius:12px;padding:6px}#fxRow::-webkit-scrollbar{display:none}#fxRow button{flex:0 0 auto}#quick #fxClose{display:block;position:sticky;right:-6px;margin-left:auto;z-index:1;font-size:17px;padding:2px 11px;background:#161f2e!important;box-shadow:-22px 0 16px 4px #101826f2}}#quick.fxopen{opacity:1}body:has(#quick.fxopen) #toast{bottom:calc(130px + env(safe-area-inset-bottom,0px))}@media (min-width: 1151px){#quick #fxClose{display:none}}@media (max-width: 600px){#radioNow{bottom:calc(72px + env(safe-area-inset-bottom,0px));font-size:18px}}#panel,#helpBox,#playlist,#about{z-index:15}#about a{color:#8a4b1c;text-decoration:underline;text-decoration-color:#8a4b1c66;text-underline-offset:2px}#about a:hover{text-decoration-color:currentColor}#about .polaroid{float:right;width:108px;margin:2px -4px 8px 12px;padding:5px 5px 4px;background:#fff;box-shadow:0 3px 10px #00000040;transform:rotate(3deg);position:relative}#about .polaroid img{display:block;width:100%;height:auto}#about .polaroid figcaption{font:italic 11px/1.4 Georgia,serif;color:#6b5a48;text-align:center;margin-top:3px}#about .polaroid:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;transform:translate(-50%) rotate(-4deg);background:#f6e6aabf;box-shadow:0 1px 2px #0000001f}body.nosigns .signs,body.radio .signs{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}body.nosigns .signs *,body.radio .signs *{pointer-events:none!important}#helpBox{position:fixed}#helpClose{position:sticky;top:4px;float:right;margin:4px -8px 0 8px;z-index:1;background:#101826b3;border-radius:999px;font-size:18px;line-height:1;padding:3px 10px}#helpShade[hidden]{display:none}@media (max-width: 600px){#helpShade{display:none}}@media (min-width: 601px){#helpShade{position:fixed;inset:0;z-index:60;background:#060a128c;backdrop-filter:blur(2px)}#helpBox{z-index:61;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 64px);padding:8px 28px 22px;font-size:14px;line-height:1.5;background:#101826f7;box-shadow:0 20px 60px #00000080}#helpBox.open{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:start}#helpBox #helpClose{grid-column:1 / -1;justify-self:end;float:none;margin:4px -14px -28px 0}#helpBox h2{font-size:12px}}@media (min-width: 601px) and (max-width: 820px){#helpBox.open{grid-template-columns:1fr}}#tuner{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;width:min(760px,calc(100vw - 20px));display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#1c1610d1,#100c09e0);border:1px solid rgba(242,193,78,.22);border-radius:14px;padding:6px 8px;box-shadow:0 8px 28px #00000073,inset 0 1px #ffdca00f;opacity:.6;transition:opacity .25s;backdrop-filter:blur(6px)}#tuner:hover,#tuner:focus-within{opacity:1}@media (hover: none){#tuner{opacity:.85}}#tuner[hidden]{display:none}#tuner>button{flex:none;width:30px;height:30px;border-radius:50%;padding:0;font-size:18px;line-height:1;background:radial-gradient(circle at 40% 35%,#5a4a38,#2a2018);border:1px solid rgba(242,193,78,.3);color:#f2c14e}#tuner .tread{flex:none;width:74px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:3px;line-height:1.1;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#ffcf6b;text-shadow:0 0 8px rgba(255,190,80,.55)}#tuner .tread b{font-size:17px;font-weight:600;letter-spacing:.02em}#tuner .tread small{font-size:9px;opacity:.7}#tuner .tread span{flex:1 0 100%;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tuneScale{position:relative;flex:1;height:46px;margin:0 6px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,207,107,.35) 0 1px,transparent 1px 10px) center / 100% 8px no-repeat,linear-gradient(90deg,transparent,rgba(255,207,107,.5),transparent) center / 100% 1px no-repeat,radial-gradient(ellipse at 50% 50%,rgba(255,170,60,.12),transparent 70%)}#tuneScale .tst{position:absolute;top:50%;width:0;height:0;padding:0;border:0;background:none;overflow:visible}#tuneScale .tst:before{content:"";position:absolute;left:-1px;top:-7px;width:2px;height:14px;border-radius:1px;background:#ffcf6b8c}#tuneScale .tst span{position:absolute;left:0;bottom:9px;transform:translate(-50%);white-space:nowrap;cursor:pointer;font-size:10px;letter-spacing:.04em;color:#ffdca08c;padding:1px 3px;transition:color .2s,text-shadow .2s}#tuneScale .tst.lo span{bottom:auto;top:9px}#tuneScale .tst:hover span,#tuneScale .tst:focus-visible span{color:#ffe2a8}#tuneScale .tst.on span{color:#ffcf6b;text-shadow:0 0 8px rgba(255,190,80,.8)}#tuneScale .tst.on:before{background:#ffcf6b;box-shadow:0 0 6px #ffbe50e6}#tuneNeedle{position:absolute;top:2px;bottom:2px;width:2px;margin-left:-1px;border-radius:1px;pointer-events:none;background:#ff5a3c;box-shadow:0 0 8px #ff5a3ce6;transition:left .55s cubic-bezier(.3,1.4,.5,1)}#radioNow small{display:block;font-size:.55em;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:2px}@media (max-width: 1500px){#tuner{bottom:calc(62px + env(safe-area-inset-bottom,0px))}#radioNow{bottom:calc(136px + env(safe-area-inset-bottom,0px))}}@media (max-width: 600px){#tuner{gap:4px;padding:5px 6px}#tuner>button{width:26px;height:26px;font-size:16px}#tuner .tread{width:58px}#tuner .tread b{font-size:14px}#tuneScale{margin:0 2px}#tuneScale .tst span{font-size:9px;padding:1px}#tuneScale .tst:not(.on) span{opacity:0;pointer-events:none}#tuneScale .tst:after{content:"";position:absolute;left:-6px;top:-20px;width:12px;height:40px}}#tuner{width:min(880px,calc(100vw - 20px))}#tuner>#tuneSkip{width:auto;height:34px;border-radius:9px;padding:0 14px 0 10px;margin-left:4px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffcf6b;text-shadow:0 0 6px rgba(255,190,80,.45);background:linear-gradient(180deg,#4a3b2c,#2a2018 60%,#221a13);border:1px solid rgba(242,193,78,.35);box-shadow:inset 0 1px #ffdca02e,0 2px #120d09,0 3px 8px #0006;transition:transform .08s,box-shadow .08s,filter .2s;position:relative}#tuner>#tuneSkip:before{content:"";position:absolute;left:-7px;top:4px;bottom:4px;width:1px;background:#f2c14e33}#tuner>#tuneSkip span{font-size:13px;filter:sepia(1) saturate(3) hue-rotate(-10deg) brightness(1.1)}#tuner>#tuneSkip:hover{filter:brightness(1.15)}#tuner>#tuneSkip:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #00000080,0 0 #120d09}@media (min-width: 601px){#radioSkip{display:none}}@media (max-width: 600px){#tuner>#tuneSkip{display:none}}#tuner>#tuneFx{margin-left:2px;font-size:14px}#tuner>#tuneFx.on{box-shadow:0 0 0 2px #ffcf6b8c,0 0 12px #ffbe5080}#tuneFxRow{position:absolute;right:6px;bottom:calc(100% + 8px);display:flex;gap:4px;padding:5px;background:linear-gradient(180deg,#1c1610eb,#100c09f2);border:1px solid rgba(242,193,78,.25);border-radius:12px;box-shadow:0 8px 22px #00000073}#tuneFxRow[hidden]{display:none}#tuneFxRow button{width:34px;height:34px;padding:0;border-radius:9px;font-size:16px;line-height:1;background:linear-gradient(180deg,#3e3226,#241b14);border:1px solid rgba(242,193,78,.22);box-shadow:inset 0 1px #ffdca01f,0 2px #120d09;transition:transform .08s,filter .2s}#tuneFxRow button:hover{filter:brightness(1.25)}#tuneFxRow button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #00000080}@media (max-width: 600px){#tuner>#tuneFx,#tuneFxRow{display:none}}#tuneFxRow button.on{border-color:#ffcf6bcc;background:linear-gradient(180deg,#6a5232,#3a2c1c);box-shadow:0 0 10px #ffbe5073,inset 0 1px #ffdca040}#tuner>#tuneOwl{margin-left:2px;font-size:15px;filter:grayscale(.8) brightness(.8);transition:filter .2s,box-shadow .2s}#tuner>#tuneOwl.on{filter:none;box-shadow:0 0 0 2px #ffcf6b8c,0 0 12px #ffbe5080}#radioOwl{filter:grayscale(.8) brightness(.8)}#radioOwl.on{filter:none;border-color:#f2c14eb3;background:#f2c14e26}@media (min-width: 601px){#radioOwl{display:none}}@media (max-width: 600px){#tuner>#tuneOwl{display:none}#radioBar{gap:4px}#radioBar button{padding:4px 10px}}@media (max-width: 1500px){body.radio #toast{bottom:calc(140px + env(safe-area-inset-bottom,0px))}}@media (max-width: 600px){#radioBar{top:calc(env(safe-area-inset-top,0px) + 54px);bottom:auto;left:50%;right:auto;transform:translate(-50%);opacity:.8;white-space:nowrap}#tuner{bottom:calc(8px + env(safe-area-inset-bottom,0px))}#radioNow{bottom:calc(80px + env(safe-area-inset-bottom,0px))}body.radio #toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}#topRight #sound,#topRight #help{display:flex;align-items:center;justify-content:center;min-width:32px}#topRight .lbl{display:none}#topRight #sound.on,#topRight #help.on{border-color:#f2c14e8c}#topRight #sound.pulse{animation:pulse 1.6s ease-in-out infinite}#topRight:has(#sound.pulse){opacity:1}body.radio #topRight #help{display:none}@media (max-width: 600px){#helpBox{top:calc(env(safe-area-inset-top,0px) + 56px);bottom:auto}}@media (min-width: 601px){#radioBar{top:calc(env(safe-area-inset-top,0px) + 12px);bottom:auto;left:50%;right:auto;transform:translate(-50%)}#tuner{bottom:calc(8px + env(safe-area-inset-bottom,0px))}#radioNow{bottom:calc(84px + env(safe-area-inset-bottom,0px))}body.radio #toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}#tuneScale{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}#tuner.drag #tuneScale{cursor:grabbing}#tuner.drag #tuneNeedle{transition:none}#tuneBubble{position:fixed;transform:translate(-50%);z-index:45;pointer-events:none;white-space:nowrap;background:linear-gradient(180deg,#2a2117,#16110c);border:1px solid rgba(242,193,78,.45);border-radius:10px;padding:5px 10px;font-size:14px;color:#ffcf6b;text-shadow:0 0 8px rgba(255,190,80,.6);box-shadow:0 6px 18px #00000080}#tuneBubble b{font-family:ui-monospace,Menlo,monospace;margin-right:4px}#tuneBubble:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#f2c14e73}#tuneBubble[hidden]{display:none}@media (max-width: 600px){#radioBar{gap:4px}#radioBar button{padding:4px 9px;font-size:12px}#radioNow{bottom:calc(176px + env(safe-area-inset-bottom,0px))}body.radio #toast{top:calc(env(safe-area-inset-top,0px) + 92px);bottom:auto}}@media (max-width: 600px){#tuner>#tunePrev,#tuner>#tuneNext{display:none}#tuner{padding-left:10px}#tuner>#tuneSkip{display:flex;height:42px;padding:0 12px 0 10px;font-size:11px;gap:5px}#tuner>#tuneSkip span{font-size:15px}#radioSkip{display:none}}#radioBar button{display:inline-flex;align-items:center;gap:5px}#radioFav.on,#radioSleep.on{border-color:#f2c14e99;box-shadow:0 0 10px #ffbe5059}#tuner>#tunePrevSong{font-size:13px;margin-left:4px}#tuner>#tunePrevSong:disabled{opacity:.35;cursor:default}#tuner .tread{cursor:pointer;border-radius:8px;transition:background .2s}#tuner .tread:hover,#tuner .tread[aria-expanded=true]{background:#ffcf6b14}#tuneDrawer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:46;width:min(560px,calc(100vw - 20px));max-height:52vh;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;background:linear-gradient(180deg,#1c1610f5,#100c09f7);border:1px solid rgba(242,193,78,.3);border-radius:14px;box-shadow:0 10px 30px #0000008c;backdrop-filter:blur(6px)}#tuneDrawer[hidden]{display:none}#tuneDrawer button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:9px;background:#ffcf6b0d;border:1px solid rgba(242,193,78,.15);color:#ffdca0cc}#tuneDrawer button b{font-family:ui-monospace,Menlo,monospace;font-size:15px;color:#ffcf6b}#tuneDrawer button span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}#tuneDrawer button.on{border-color:#ffcf6bb3;background:#ffbe5024;box-shadow:0 0 10px #ffbe504d}@media (max-width: 600px){#radioBar .lbl{display:none}#radioSleep.on .lbl{display:inline}#tuner>#tunePrevSong{width:34px;height:34px;margin-left:0}#tuneDrawer{grid-template-columns:repeat(3,1fr)}}#radioBar>#radioSkip{display:none}@media (min-width: 601px){#radioBar>#radioOwl{display:none}}#helpBox .hcopy{grid-column:1 / -1;margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.5}#topRight #qVisBtn{display:inline-block;min-width:32px}#topRight #qLook.on{border-color:#f2c14e8c}#look{position:fixed;top:calc(env(safe-area-inset-top,0px) + 50px);right:14px;z-index:50;width:300px;max-height:calc(100vh - 140px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 14px 12px;backdrop-filter:blur(6px);font-size:13px}#look[hidden]{display:none}#look h2{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;display:flex;align-items:center;gap:6px}#look h2 kbd{font-size:10px}#look .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#look .seg button{padding:6px 4px;font-size:12px}#look .visGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}#look .visGrid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:10px;line-height:1.2}#look .visGrid button span{font-size:17px}#look .seg button.on,#look .visGrid button.on{border-color:#f2c14e99;background:#f2c14e1f;color:var(--text)}#look .row{margin:5px 0}@media (max-width: 600px){#look{left:12px;right:12px;width:auto;max-height:70vh}}