.tnr{--tnr-walnut-1:#1a2338;--tnr-walnut-2:#121a2c;--tnr-walnut-3:#1f2a45;--tnr-glass:#060a12;--tnr-well:#04070e;width:100%;max-width:440px;container:tnr/inline-size;border-radius:10px;padding:9px 11px;color:var(--ink);font-family:var(--sans);-moz-user-select:none;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,rgba(244,236,216,.06),transparent 16%,rgba(0,0,0,.3) 92%),repeating-linear-gradient(178deg,var(--tnr-walnut-3) 0 8px,var(--tnr-walnut-1) 8px 13px,var(--tnr-walnut-2) 13px 24px,var(--tnr-walnut-1) 24px 31px),var(--tnr-walnut-1);box-shadow:0 22px 44px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(244,236,216,.09)}.tnr *,.tnr :after,.tnr :before{box-sizing:border-box}.tnr .tnr-face{position:relative;border-radius:6px;padding:11px 13px 9px;background:repeating-linear-gradient(180deg,rgba(244,236,216,.028) 0 1px,transparent 1px 3px),linear-gradient(180deg,#181f2e,#0a0f24 46%,#0b101e);border:1px solid rgba(244,236,216,.14);box-shadow:inset 0 1px 0 rgba(244,236,216,.12),inset 0 -2px 6px rgba(0,0,0,.55),0 1px 0 rgba(0,0,0,.6)}.tnr .tnr-screw{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(244,236,216,.45),#141a2a 62%,#060a14);box-shadow:0 1px 1px rgba(0,0,0,.7);pointer-events:none}.tnr .tnr-screw:after{content:"";position:absolute;left:.5px;right:.5px;top:2px;height:1px;background:rgba(0,0,0,.75);transform:rotate(-34deg)}.tnr .tnr-screw-tl{top:4px;left:4px}.tnr .tnr-screw-tr{top:4px;right:4px}.tnr .tnr-screw-tr:after{transform:rotate(21deg)}.tnr .tnr-screw-bl{bottom:4px;left:4px}.tnr .tnr-screw-bl:after{transform:rotate(64deg)}.tnr .tnr-screw-br{bottom:4px;right:4px}.tnr .tnr-screw-br:after{transform:rotate(-8deg)}.tnr .tnr-head{display:flex;align-items:center;gap:10px;min-height:40px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--rule)}.tnr .tnr-art{flex:0 0 auto;width:34px;height:34px;border-radius:3px;overflow:hidden;border:1px solid rgba(244,236,216,.22);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 2px 5px rgba(0,0,0,.5)}.tnr .tnr-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(.98)}.tnr .tnr-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.tnr .tnr-brand{font:500 8px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.tnr .tnr-brand,.tnr .tnr-model{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnr .tnr-model{font-family:var(--serif);font-style:italic;font-weight:500;font-size:17px;line-height:1.25;text-shadow:0 -1px 0 rgba(0,0,0,.65),0 1px 0 rgba(244,236,216,.07)}.tnr .tnr-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tnr .tnr-mno{font:500 8px/1 var(--mono);color:var(--ink-dim)}.tnr .tnr-lamp,.tnr .tnr-mno{letter-spacing:.18em;text-transform:uppercase}.tnr .tnr-lamp{display:inline-flex;align-items:center;gap:4px;font:500 7px/1 var(--mono);color:var(--ink-faint);transition:color .4s ease}.tnr .tnr-lamp i{width:5px;height:5px;border-radius:50%;background:rgba(107,158,255,.25);box-shadow:inset 0 0 1px rgba(0,0,0,.6);transition:background .4s ease,box-shadow .4s ease}.tnr .tnr-lamp.tnr-lit{color:var(--ink-dim)}.tnr .tnr-lamp.tnr-lit i{background:var(--cool);box-shadow:0 0 6px rgba(107,158,255,.8)}.tnr .tnr-dial{position:relative;height:92px;border-radius:5px;overflow:hidden;cursor:pointer;touch-action:none;background:linear-gradient(180deg,#06090f,var(--tnr-glass) 45%,#05080e);border:1px solid rgba(244,236,216,.16);box-shadow:inset 0 2px 12px rgba(0,0,0,.8),inset 0 -1px 0 rgba(244,236,216,.04)}.tnr .tnr-dial:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:2px}.tnr .tnr-dial:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 118%,rgba(247,185,85,.2),rgba(247,185,85,.05) 52%,transparent 74%),linear-gradient(180deg,rgba(247,185,85,.05),transparent 30%);opacity:.42;transition:opacity .9s ease}.tnr.tnr-playing .tnr-dial:before{opacity:1}.tnr .tnr-dial:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(244,236,216,.055),rgba(244,236,216,.015) 26%,transparent 42%)}.tnr .tnr-band-tag{position:absolute;font:500 6px/1 var(--mono);letter-spacing:.14em;color:var(--ink-faint);pointer-events:none}.tnr .tnr-tag-fm{left:3px;top:20px}.tnr .tnr-tag-am{left:3px;bottom:8px}.tnr .tnr-scale{position:absolute;top:0;bottom:0;left:14px;right:14px}.tnr .tnr-band{position:absolute;left:0;right:0;background-repeat:no-repeat;pointer-events:none}.tnr .tnr-band-fm{top:17px;height:13px;background-image:repeating-linear-gradient(90deg,rgba(244,236,216,.32) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(244,236,216,.15) 0 1px,transparent 1px 8px);background-size:100% 100%,100% 7px;background-position:0 0,0 0}.tnr .tnr-band-am{bottom:7px;height:9px;background-image:repeating-linear-gradient(90deg,rgba(244,236,216,.18) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(244,236,216,.08) 0 1px,transparent 1px 11px);background-size:100% 100%,100% 5px;background-position:0 0,0 100%}.tnr .tnr-num{top:5px;font:500 7px/1 var(--mono);letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.75;pointer-events:none}.tnr .tnr-num,.tnr .tnr-station{position:absolute;transform:translateX(-50%);color:var(--ink-dim)}.tnr .tnr-station{bottom:17px;display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;border:0;padding:2px 3px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .35s ease,text-shadow .35s ease}.tnr .tnr-station:before{content:"";width:1px;height:5px;background:currentColor;opacity:.8}.tnr .tnr-st-freq{font:600 8.5px/1 var(--mono);letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tnr .tnr-st-name{font:500 6.5px/1 var(--mono);letter-spacing:.09em;white-space:nowrap;opacity:.75}.tnr .tnr-station:hover{color:var(--frost)}.tnr .tnr-station[data-active=true],.tnr .tnr-station[data-active=true]:hover{color:var(--amber);text-shadow:0 0 8px rgba(247,185,85,.55)}.tnr .tnr-station:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:1px;border-radius:2px}.tnr .tnr-needle{position:absolute;top:4px;bottom:4px;width:2px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,transparent 0,var(--cool) 14%,#6b9eff 50%,var(--cool) 86%,transparent 100%);box-shadow:0 0 5px rgba(107,158,255,.55),0 0 12px rgba(107,158,255,.22);transition:left .32s linear,box-shadow .6s ease}.tnr.tnr-playing .tnr-needle{box-shadow:0 0 6px rgba(107,158,255,.85),0 0 18px rgba(107,158,255,.4)}.tnr .tnr-dial.tnr-dragging{cursor:ew-resize}.tnr .tnr-dial.tnr-dragging .tnr-needle{transition:box-shadow .6s ease}.tnr .tnr-deck{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:48px;margin-top:11px;padding-top:10px;border-top:1px solid var(--rule)}.tnr .tnr-left{justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.tnr .tnr-meter{display:flex;align-items:center;gap:6px}.tnr .tnr-meter-well{position:relative;display:block;width:64px;height:7px;border-radius:2px;overflow:hidden;background:var(--tnr-well);border:1px solid rgba(244,236,216,.13);box-shadow:inset 0 1px 3px rgba(0,0,0,.85)}.tnr .tnr-meter-fill{position:absolute;inset:1px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,rgba(247,185,85,.55),var(--amber) 58%,var(--cool) 96%);box-shadow:0 0 6px rgba(247,185,85,.35)}.tnr .tnr-meter-segs{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 4px,var(--tnr-well) 4px 6px)}.tnr .tnr-meter-label{font:500 7px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.tnr .tnr-vol{display:flex;align-items:center;gap:6px}.tnr .tnr-vol-mute{display:flex;align-items:center;justify-content:center;width:13px;height:13px;margin:0;padding:0;border:0;background:none;cursor:pointer;color:var(--ink-faint);-webkit-tap-highlight-color:transparent;transition:color .25s ease,text-shadow .25s ease}.tnr .tnr-vol-mute svg{width:11px;height:11px}.tnr .tnr-vol-mute:hover{color:var(--ink)}.tnr .tnr-vol-mute[aria-pressed=true]{color:var(--cool)}.tnr .tnr-vol-mute:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:2px;border-radius:2px}.tnr .tnr-vol-well{position:relative;width:64px;height:7px;border-radius:2px;cursor:pointer;touch-action:none;background:var(--tnr-well);border:1px solid rgba(244,236,216,.13);box-shadow:inset 0 1px 3px rgba(0,0,0,.85)}.tnr .tnr-vol-well:after{content:"";position:absolute;inset:-8px -2px}@media (hover:none){.tnr .tnr-vol-well:after{inset:-12px -4px}.tnr .tnr-vol-mute{width:20px;height:20px;margin:-3px -3px -3px -4px}}.tnr .tnr-vol-well:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:3px}.tnr .tnr-vol-fill{position:absolute;inset:1px;transform-origin:left center;border-radius:1px;background:linear-gradient(90deg,rgba(247,185,85,.45),var(--amber));box-shadow:0 0 6px rgba(247,185,85,.3);transition:transform .12s linear}.tnr .tnr-vol-dragging .tnr-vol-fill{transition:none}.tnr .tnr-vol-segs{inset:0;background:repeating-linear-gradient(90deg,transparent 0 4px,var(--tnr-well) 4px 6px)}.tnr .tnr-vol-segs,.tnr .tnr-vol-thumb{position:absolute;border-radius:2px;pointer-events:none}.tnr .tnr-vol-thumb{top:50%;width:7px;height:15px;margin-left:-3.5px;transform:translateY(-50%);background:linear-gradient(180deg,var(--frost) 0,#8fa4c8 40%,#4a5773 100%);box-shadow:0 2px 4px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.45);transition:left .12s linear}.tnr .tnr-vol-thumb:after{content:"";position:absolute;inset:3px 1px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.32) 0 1px,transparent 1px 3px)}.tnr .tnr-vol-dragging .tnr-vol-thumb{transition:none;box-shadow:0 2px 4px rgba(0,0,0,.65),0 0 10px rgba(247,185,85,.35),inset 0 1px 0 rgba(255,255,255,.5)}.tnr .tnr-count{display:inline-flex;align-items:baseline;gap:4px;padding:3px 6px;border-radius:3px;background:var(--tnr-well);border:1px solid rgba(244,236,216,.12);box-shadow:inset 0 1px 3px rgba(0,0,0,.8);font:500 10px/1 var(--mono);letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 6px rgba(247,185,85,.35)}.tnr .tnr-count-sep{color:var(--ink-faint);text-shadow:none}.tnr .tnr-transport{justify-self:center;display:flex;align-items:center;gap:12px}.tnr .tnr-knob{position:relative;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;cursor:pointer;color:var(--ink-dim);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 34% 28%,rgba(244,236,216,.14),rgba(244,236,216,.02) 46%,transparent 62%),conic-gradient(from 210deg,#1a2033,#0d1220 25%,#141a2a 50%,#0a0f1c 75%,#1a2033),#0a0f24;box-shadow:inset 0 1px 0 rgba(244,236,216,.2),inset 0 -2px 3px rgba(0,0,0,.55),0 3px 6px rgba(0,0,0,.55),0 1px 0 rgba(244,236,216,.05);transition:transform .08s ease,box-shadow .25s ease,color .25s ease}.tnr .tnr-knob:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(rgba(244,236,216,.1) 0deg 3deg,transparent 3deg 9deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%)}.tnr .tnr-knob svg{position:relative;width:12px;height:12px}.tnr .tnr-knob:hover{color:var(--ink)}.tnr .tnr-knob:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(244,236,216,.12),inset 0 2px 5px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5)}.tnr .tnr-knob:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:2px}.tnr .tnr-knob-main{width:40px;height:40px;color:var(--ink)}.tnr .tnr-knob-main svg{width:14px;height:14px}.tnr.tnr-playing .tnr-knob-main{color:var(--amber);box-shadow:inset 0 1px 0 rgba(244,236,216,.2),inset 0 -2px 3px rgba(0,0,0,.55),0 3px 6px rgba(0,0,0,.55),0 0 14px rgba(247,185,85,.22)}.tnr .tnr-switch{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tnr .tnr-switch:focus-visible{outline:1px solid rgba(247,185,85,.75);outline-offset:3px;border-radius:3px}.tnr .tnr-sw-label{font:500 6.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);text-shadow:0 1px 0 rgba(0,0,0,.6);transition:color .3s ease,text-shadow .3s ease}.tnr .tnr-switch[aria-checked=false] .tnr-sw-label-bar,.tnr .tnr-switch[aria-checked=true] .tnr-sw-label-phones{color:var(--amber);text-shadow:0 0 6px rgba(247,185,85,.4)}.tnr .tnr-sw-well{position:relative;display:block;width:15px;height:26px;border-radius:4px;background:var(--tnr-well);border:1px solid rgba(244,236,216,.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.85),0 1px 0 rgba(244,236,216,.06)}.tnr .tnr-sw-lever{position:absolute;left:2px;right:2px;top:2px;height:11px;border-radius:2.5px;transform:translateY(0);background:linear-gradient(180deg,var(--frost) 0,#8fa4c8 38%,#4a5773 100%);box-shadow:0 2px 3px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .22s cubic-bezier(.34,1.4,.64,1),background .22s ease}.tnr .tnr-switch[aria-checked=true] .tnr-sw-lever{transform:translateY(9px);background:linear-gradient(0deg,var(--frost) 0,#8fa4c8 38%,#4a5773 100%)}.tnr .tnr-foot{display:flex;align-items:center;gap:8px;margin-top:9px;font:500 6px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.tnr .tnr-foot-rule{flex:1 1 auto;min-width:12px;height:1px;background:var(--rule)}@container tnr (max-width: 379px){.tnr .tnr-num{display:none}.tnr .tnr-st-name{font-size:6px;letter-spacing:.06em}.tnr .tnr-model{font-size:15px}.tnr .tnr-brand{letter-spacing:.16em}.tnr .tnr-transport{gap:8px}.tnr .tnr-meter-well,.tnr .tnr-vol-well{width:52px}.tnr .tnr-deck,.tnr .tnr-left{gap:6px}}@media (prefers-reduced-motion:reduce){.tnr .tnr-dial:before,.tnr .tnr-knob,.tnr .tnr-lamp,.tnr .tnr-lamp i,.tnr .tnr-needle,.tnr .tnr-station,.tnr .tnr-sw-lever,.tnr .tnr-vol-fill,.tnr .tnr-vol-thumb{transition:none}}