@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#514a3d;background:#eeeae0;font-synthesis:none;font-weight:400;--serif: "Noto Serif SC", "Songti SC", serif;--ink: #514a3d;--accent: #8e5436;--muted: #7b7262}*{box-sizing:border-box}body{margin:0;min-width:360px;background:radial-gradient(ellipse at 50% 35%,#faf7ef 0,transparent 66%),#eeeae0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{transition:filter .2s,transform .15s,background .2s}button:not(:disabled):hover{filter:brightness(1.07)}button:not(:disabled):active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:3px solid #a66b3f;outline-offset:5px}button svg{width:21px;height:21px;flex:none}::selection{background:#c8aa7c;color:#30291e}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#b8ac98;border-radius:8px}a{color:inherit;text-underline-offset:4px}button{border:0}button:disabled{opacity:.45}svg{width:24px;height:24px}button.saved svg{fill:currentColor}.site-header{max-width:1320px;margin:auto;padding:32px 56px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none}.wordmark>svg{width:32px;height:32px;stroke-width:1.3}.wordmark>span{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:4px}.wordmark-en{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2.5px;margin-top:4px}.header-note{font-size:12px;letter-spacing:2px;color:#857b6b;margin-left:20px}.local-note{font-size:11px;color:#857b6b;display:flex;align-items:center;gap:7px}.local-note i{width:5px;height:5px;border-radius:50%;background:#8b9475}.intro{text-align:center;margin:40px 20px 43px}.intro h1{font-family:var(--serif);font-weight:500;font-size:34px;letter-spacing:5px;margin:0 0 15px}.intro p{font-size:12px;color:#827969;letter-spacing:2px;margin:0}.radio-stage{position:relative;max-width:916px;margin:0 auto;padding-bottom:16px;isolation:isolate}.radio-stage:after{content:"";position:absolute;inset:auto 4% -20px;height:54px;border-radius:50%;background:#60442630;filter:blur(20px);z-index:-2}.radio{position:relative;padding:27px 28px 0;border-radius:20px;background:repeating-linear-gradient(2deg,transparent 0 3px,#28100520 4px,transparent 5px 13px),repeating-linear-gradient(0deg,#795032 0,#855736 2px,#70482e 3px,#8d5d3b 6px,#754a2e 8px);box-shadow:inset 0 2px 3px #dcb28d,inset 2px 0 3px #b3855b,inset -3px -4px 4px #432715,0 20px 35px #59432d26,0 3px 6px #3c281948}.radio-face{padding:25px 27px 24px;display:grid;grid-template-columns:38% 1fr;gap:30px;background:linear-gradient(120deg,#e7ddc7,#cec2a9);border-radius:9px;box-shadow:inset 0 2px 5px #342516aa,0 1px 1px #b38b63}.speaker{position:relative;overflow:hidden;border-radius:6px;background:#5a4b35;box-shadow:inset 0 2px 7px #201b13aa,0 1px 1px #f6ead4;min-height:365px}.speaker-weave{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#282316a6 2px 3px,#b3a17c40 3px 4px),repeating-linear-gradient(90deg,#877454 0 1px,#403926 1px 3px,#9a8861 3px 4px);box-shadow:inset 0 0 35px #241c1673}.speaker-weave:after{content:"";position:absolute;width:85%;aspect-ratio:1;border-radius:50%;top:12%;left:7.5%;background:radial-gradient(circle,#1c1c1930 0 30%,#29241c3b 32% 50%,transparent 67%)}.speaker-brand{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-family:var(--serif);font-size:25px;letter-spacing:7px;color:#ded1ac;text-shadow:0 2px 2px #19160f}.speaker-brand span{display:block;font-family:Georgia,serif;font-size:7px;letter-spacing:2.5px;margin-top:11px;color:#c6b58f}.receiver{min-width:0}.receiver-top{display:flex;justify-content:space-between;align-items:center;margin:0 1px 13px}.model{font-family:Georgia,serif;font-size:11px;letter-spacing:1.8px;color:#5b5141}.model b{font-family:Georgia,serif;font-size:8px;letter-spacing:1px;font-weight:400;margin-left:4px;color:#887b64}.stereo{font-size:6px;letter-spacing:1px;color:#6f624e;display:flex;align-items:center;gap:5px}.stereo i{width:4px;height:4px;background:#8b593a;border-radius:50%}.display{position:relative;border:6px solid #4a4130;border-radius:6px;padding:12px 17px 10px;min-height:137px;background:linear-gradient(110deg,#e5c182,#d3aa64 70%,#c69c59);box-shadow:0 1px 2px #fff8df,inset 0 2px 10px #65471d88;color:#554529;overflow:hidden}.display:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(145deg,#fff7d82b,transparent 45%);box-shadow:inset 0 0 12px #76562138}.display-top,.display-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.display-top{font-size:8px;letter-spacing:1px}.display-top span:first-child:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#796842;margin-right:5px}.is-playing .display-top span:first-child:before{background:#52713b}.display h2{font-family:var(--serif);font-size:22px;line-height:1.5;font-weight:600;margin:9px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px}.display p{font-size:9px;margin:0 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.display-bottom{font-size:7px;letter-spacing:1px}.equalizer{height:17px;display:flex;gap:3px;align-items:flex-end;overflow:hidden}.equalizer i{display:block;width:3px;background:#806335;height:4px;opacity:.6}.is-playing .equalizer i{height:var(--bar);animation:equalize 1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes equalize{to{height:4px}}.tuning-scale{position:relative;margin:15px 5px 0;padding-top:17px}.scale-line{position:absolute;left:0;right:0;top:0;height:13px;background:repeating-linear-gradient(90deg,#8d8064 0 1px,transparent 1px 8px);border-top:1px solid #9f9175}.scale-labels{display:flex;justify-content:space-between;font-size:7px;color:#7c6e56;letter-spacing:1.5px}.tuning-scale>i{position:absolute;top:-3px;height:19px;width:2px;background:#9c4d31;left:48%;transition:left .6s}.controls{display:flex;align-items:center;justify-content:space-between;margin:18px 8px;gap:12px}.control-column{display:flex;flex-direction:column;align-items:center;gap:11px}.control-column>span,.tune-controls>span{font-size:8px;letter-spacing:1px;color:#746650}.power-button,.favorite-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ece7db,#bcb29d);box-shadow:0 3px 4px #5a4c3740,inset 0 1px 1px #fff9e7,inset 0 -1px 2px #80735b;color:#665c49}.power-button.on{color:#8e4a2d;background:linear-gradient(145deg,#ddd3b7,#bdb197)}.favorite-button{width:34px;height:34px}.favorite-button svg{width:17px;height:17px}.saved{color:#9a5036}.tune-controls{display:flex;flex-direction:column;align-items:center;gap:14px}.step-buttons{display:flex;align-items:center;gap:9px}.step-buttons button{width:28px;height:33px;background:transparent;display:grid;place-items:center;padding:0}.step-buttons svg{width:15px;height:15px}.step-buttons>span{font-size:7px;letter-spacing:1px;color:#80715a}.knob-wrap{position:relative;padding:0 8px}.knob{position:relative;width:61px;height:61px;border-radius:50%;background:repeating-conic-gradient(#a49e8f 0deg 2deg,#cec8b9 3deg 5deg);box-shadow:0 4px 6px #594b3a66,inset 0 0 0 1px #8c8472;touch-action:none;cursor:ns-resize}.knob:before{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(135deg,#f7f3e9,#d6d2c7 40%,#b1ab9b);box-shadow:inset 0 1px 2px #fff9ee,inset 0 -1px 3px #918977}.knob>span{position:absolute;inset:9px;transform:rotate(var(--rotation, 40deg));border-radius:50%}.knob>span:after{content:"";position:absolute;top:1px;left:calc(50% - 1px);width:2px;height:10px;background:#786044}.knob-min,.knob-max{position:absolute;bottom:0;font-size:9px;color:#7b6c55}.knob-min{left:0}.knob-max{right:0}.volume-control{gap:6px}.volume-control b{font-weight:400;font-size:7px}.presets-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#80715a;margin-bottom:9px}.presets-top span:last-child{font-size:6px}.presets{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.presets button{height:32px;position:relative;border-radius:3px;background:linear-gradient(#f2eddf,#d7cdb6 85%,#baac90);box-shadow:0 2px 3px #66574066,inset 0 1px 1px #fffbee;color:#6e604b;font-family:Georgia,serif;font-size:10px}.presets button:disabled{opacity:.8}.presets button i{display:block;width:10px;height:2px;background:#b8aa8c;margin:4px auto 0;border-radius:1px}.presets button.selected i{background:#985130}.bottom-trim{display:flex;justify-content:space-between;padding:13px 4px 14px;color:#e1bc96a6;font-size:6px;letter-spacing:1.8px}.radio-foot{position:absolute;width:64px;height:15px;border-radius:0 0 6px 6px;background:linear-gradient(#3f3326,#302b23);bottom:2px;z-index:-1}.radio-foot.left{left:64px}.radio-foot.right{right:64px}.screw{position:absolute;width:6px;height:6px;background:radial-gradient(circle at 30% 30%,#c49a73,#48311f);border-radius:50%;box-shadow:0 1px 1px #412d20}.screw:after{content:"";position:absolute;width:4px;height:1px;background:#453020;left:1px;top:3px;transform:rotate(-35deg)}.screw-tl{top:12px;left:12px}.screw-tr{top:12px;right:12px}.screw-bl{bottom:15px;left:12px}.screw-br{bottom:15px;right:12px}.play-hint{font-size:10px;text-align:center;color:#8c8271;letter-spacing:1px;margin:12px 20px 36px;min-height:16px}footer{max-width:1060px;margin:0 auto;padding:25px 20px 28px;border-top:1px solid #d8d0c1;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#8b8272}footer a{text-decoration:none}.directory{max-width:916px;margin:0 auto 38px;padding:27px 32px;background:#f8f4eb;border-radius:8px;box-shadow:0 8px 25px #5a482613}.directory-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.directory-heading h2{font-family:var(--serif);font-size:22px;font-weight:500;margin:0 0 8px}.directory-heading p{font-size:11px;color:#867966;margin:0 0 23px;line-height:1.7}.icon-button{background:transparent;padding:5px}.search-field{display:flex;align-items:center;border:1px solid #c8bca7;background:#fffcf5;border-radius:4px;padding:5px 5px 5px 13px;gap:10px}.search-field>svg{width:18px;height:18px;color:#998a71}.search-field input{min-width:0;flex:1;border:0;background:transparent;padding:8px 0;color:#514a3d;outline-offset:0;caret-color:#8e5436}.search-field input::placeholder{color:#92836d}.search-field button,.text-button{background:#72533b;color:#fff7e6;border-radius:3px;padding:10px 23px;font-size:12px}.filters{display:flex;gap:16px;align-items:end;margin:16px 0 23px;flex-wrap:wrap}.filters label{font-size:10px;color:#796c58;display:flex;gap:7px;align-items:center}.filters select{border:0;border-bottom:1px solid #d4c7b0;background:transparent;color:#685a44;font-size:11px;padding:8px 18px 8px 2px;max-width:145px}.filters>span{font-size:10px;color:#8c7d67;margin-left:auto;padding-bottom:8px}.result-count{font-size:10px;color:#8b7b64}.station-list{max-height:400px;overflow:auto}.station-row{display:flex;align-items:center;border-top:1px solid #e2d8c7;gap:10px}.station-row.current{background:#eae2d1}.station-select{display:flex;align-items:center;text-align:left;background:transparent;padding:15px 8px;gap:14px;flex:1;min-width:0}.station-index{font-family:Georgia,serif;font-size:11px;color:#a08f75;width:20px}.station-art{width:37px;height:37px;background:#e6ddcb;color:#9b896a;display:grid;place-items:center;position:relative;border-radius:3px;flex:none}.station-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eee8da;z-index:1}.station-info{flex:1;min-width:0}.station-info strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.station-info>span{display:block;color:#8b7b65;font-size:10px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.station-codec{font-size:9px;color:#8c7d67;flex:none}.row-favorite{flex:none;padding:12px;background:transparent}.row-favorite svg{width:17px;height:17px}.empty{text-align:center;padding:35px 15px;font-family:var(--serif);font-size:18px}.empty span{display:block;font-family:PingFang SC,sans-serif;font-size:12px;color:#8a7b63;line-height:1.8;margin:12px 0}.empty button{margin-top:8px}[hidden]{display:none!important}@media(min-width:1450px){.intro{margin-top:65px;margin-bottom:55px}.radio-stage{max-width:970px}.radio-face{padding:30px;gap:35px}.speaker{min-height:385px}.controls{margin-top:25px;margin-bottom:23px}.display{min-height:147px}.play-hint{margin-bottom:50px}}@media(max-width:1000px){.radio-stage{margin-left:36px;margin-right:36px}.radio-face{padding:22px;gap:24px;grid-template-columns:35% 1fr}.directory{margin-left:36px;margin-right:36px}.site-header{padding:25px 36px}.radio{padding:23px 24px 0}.intro{margin-top:35px}.speaker{min-height:363px}.stereo{font-size:5px}.controls{gap:5px;margin-left:0;margin-right:0}.step-buttons{gap:5px}}@media(max-width:700px){.site-header{padding:23px 24px}.header-note{display:none}.local-note{font-size:9px}.wordmark>span{font-size:22px}.intro{margin:30px 16px}.intro h1{font-size:27px;letter-spacing:3px}.intro p{font-size:10px;letter-spacing:1px}.radio-stage{max-width:460px;margin-left:auto;margin-right:auto;width:calc(100% - 32px)}.radio{padding:13px 13px 0;border-radius:14px}.radio-face{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:12px;gap:6px 12px}.receiver{display:contents}.speaker{grid-column:1;grid-row:1 / 4;min-height:0;height:auto}.speaker-weave:after{width:110px;left:calc(50% - 55px);top:5px}.speaker-brand{bottom:20px;font-size:19px;letter-spacing:4px}.speaker-brand span{font-size:5px;letter-spacing:.6px;margin-top:8px}.receiver-top{grid-column:2;margin:0;min-height:12px}.model{font-size:8px;letter-spacing:.7px}.model b{font-size:6px}.stereo{display:none}.display{grid-column:2;min-height:88px;padding:6px;border-width:4px}.display-top{font-size:7px;letter-spacing:0}.display-top>span:last-child{display:none}.display h2{font-size:16px;margin:5px 0 4px;letter-spacing:0}.display p{font-size:8px;margin-bottom:5px}.display-bottom{font-size:6px;letter-spacing:0;gap:4px}.equalizer{max-width:46px;height:12px;gap:2px}.equalizer i{flex:none;width:2px}.tuning-scale{grid-column:2;margin:1px 3px 0;padding-top:14px}.scale-labels{font-size:6px;letter-spacing:0}.scale-labels span:nth-child(2){display:none}.controls{grid-column:1 / -1;margin:5px 2px 1px;gap:10px}.control-column>span,.tune-controls>span{font-size:8px;letter-spacing:.5px}.tune-controls{gap:8px}.step-buttons{gap:4px}.step-buttons>span{font-size:6px}.step-buttons button{width:30px}.knob{width:42px;height:42px}.power-button{width:39px;height:39px}.favorite-button{width:35px;height:35px}.presets-top{display:none}.presets{grid-column:1 / -1;gap:7px;margin-top:3px}.bottom-trim{font-size:4px;letter-spacing:.7px;padding:9px 2px 11px}.radio-foot.left{left:45px}.radio-foot.right{right:45px}.play-hint{font-size:9px;margin-bottom:27px;letter-spacing:.4px;line-height:1.8}.directory{margin:0 16px 26px;padding:22px 17px}.filters{gap:10px}.filters label{gap:4px}.filters select{max-width:112px;font-size:10px}.filters>span{display:none}.station-select{gap:9px;padding-left:0}.station-index,.station-codec{display:none}.row-favorite{padding:14px}.station-art{width:32px;height:32px}.station-info strong{font-size:12px}.station-info>span{font-size:9px}.search-field input{font-size:13px}.search-field button{padding:10px 17px}.directory-heading h2{font-size:21px}footer{padding:22px 24px;gap:12px;justify-content:center;font-size:8px}footer>span:first-child{display:none}.empty{font-size:16px}.empty span{font-size:11px}.power-button,.favorite-button{position:relative}.power-button:after,.favorite-button:after{content:"";position:absolute;inset:-6px}.step-buttons button{min-height:44px}.controls .control-column{gap:5px}.presets button{height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tape-library{display:flex;justify-content:center;gap:20px;margin:24px auto 0;padding:0 20px}.library-tape{position:relative;width:200px;padding:10px 12px 8px;border-radius:9px;background:linear-gradient(145deg,#403d35,#282923);box-shadow:inset 0 1px 1px #ffffff50,0 5px 8px #30281e30;text-align:left;color:#f5ead6}.library-tape:before,.library-tape:after{content:"";position:absolute;bottom:9px;width:4px;height:4px;border-radius:50%;background:#b4ac96;box-shadow:inset 0 1px 2px #28251a}.library-tape:before{left:7px}.library-tape:after{right:7px}.library-label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:3px 8px;padding:8px 10px 7px;background:#e6cc97;color:#4c3a23;border-radius:3px 3px 0 0;border-bottom:3px solid #b07843}.library-label svg{width:17px;height:17px}.library-label strong{font-family:var(--serif);font-size:17px;font-weight:600}.library-label>span{grid-column:2;font-size:10px}.favorites-tape .library-label{background:#d3ddc7;color:#38432e;border-color:#79876c}.library-window{display:flex;align-items:center;justify-content:space-between;height:30px;margin:6px 22px;padding:3px 6px;border-radius:16px;background:#161b18;box-shadow:inset 0 2px 3px #0008}.library-window i{width:22px;height:22px;border:5px solid #b5ad96;border-radius:50%;background:#4e554b;outline:1px dashed #7a7665;outline-offset:-3px}.library-window b{width:42px;height:9px;background:#8f8266;box-shadow:inset 0 3px #4b4739}.library-bottom{display:flex;justify-content:space-between;margin:0 10px;font-size:9px;color:#ded6c2}.library-bottom>span{font-family:Georgia,serif;font-size:7px;letter-spacing:1px}.library-tape:hover{transform:translateY(-3px) rotate(-1deg)}.favorites-tape:hover{transform:translateY(-3px) rotate(1deg)}.library-tape[aria-expanded=true]{outline:3px solid #a66b3f;outline-offset:4px}.directory-open{overflow:hidden}dialog.directory{position:fixed;width:min(720px,calc(100% - 48px));max-width:none;max-height:min(760px,calc(100dvh - 64px));margin:auto;padding:28px 32px;border:0;border-radius:12px;color:var(--ink);box-shadow:0 24px 80px #21190f55;overflow:hidden;overscroll-behavior:contain}.directory::backdrop{background:#29251e85}.directory[open]{display:flex;flex-direction:column;animation:open-library .25s cubic-bezier(.16,1,.3,1)}@keyframes open-library{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}.directory-heading p{margin-bottom:16px;color:#74634f}.directory-heading .icon-button{min-width:44px;min-height:44px;margin:-8px -12px 0 0}.directory-tabs{display:flex;gap:24px;border-bottom:1px solid #d8cdbb;margin-bottom:20px}.directory-tabs button{padding:12px 0;background:transparent;color:#75634b;font-size:13px;border-bottom:2px solid transparent}.directory-tabs button[aria-pressed=true]{color:#75432b;border-color:currentColor;font-weight:600}.directory .station-list{max-height:none;overflow:visible}.directory .result-count,.directory .station-info>span,.directory .station-codec{color:#76664f}@media(max-width:700px){.tape-library{gap:12px;margin:20px auto 0;padding:0 24px}.library-tape{width:min(200px,50%);min-width:0;padding:8px 8px 7px}.library-label{grid-template-columns:14px 1fr;padding:7px 6px;gap:3px 5px}.library-label svg{width:14px;height:14px}.library-label strong{font-size:15px}.library-label>span{font-size:9px}.library-window{margin:6px 9px;height:25px}.library-window i{width:19px;height:19px;border-width:4px}.library-window b{width:28px;height:7px}.library-bottom{margin:0 6px;font-size:8px}.library-bottom>span{display:none}dialog.directory{width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.directory .search-field input{font-size:16px}}.directory-heading,.directory-tabs,.directory #search-form{flex-shrink:0}.directory #results{min-height:0;overflow-y:auto;overscroll-behavior:contain}.volume-trigger{min-height:32px;padding:2px 4px;background:transparent;color:inherit;font-size:10px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.volume-panel{position:fixed;inset:auto 16px max(24px,env(safe-area-inset-bottom));width:min(360px,calc(100% - 32px));margin:0 auto;padding:16px;border:0;border-radius:12px;background:#f4eddf;color:#51412f;box-shadow:0 12px 48px #21190f55}.volume-heading,.volume-slider{display:flex;align-items:center;gap:12px}.volume-heading strong{flex:1;font-size:15px}.volume-heading output{font-variant-numeric:tabular-nums;font-size:14px}.volume-panel button{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:6px;background:#e5dac6;color:#51412f}.volume-heading button{background:transparent}.volume-panel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.volume-slider{margin-top:8px}.volume-slider input{min-width:0;flex:1;height:44px;margin:0;accent-color:#875037;cursor:pointer}.volume-panel button:disabled{opacity:.4}.playback-toast{position:fixed;z-index:10;margin:0;border:0;right:auto;bottom:auto;left:50%;top:max(24px,env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(480px,calc(100% - 32px));padding:16px;border-radius:12px;color:#fff5e6;background:#683c2d;box-shadow:0 10px 32px #33231755}.playback-toast>div{flex:1;min-width:0}.playback-toast strong{font-size:15px}.playback-toast p{margin:6px 0 0;font-size:13px;line-height:1.6}.playback-toast button{flex:none;min-width:44px;min-height:44px;padding:8px;border-radius:6px;background:#f4e4cc;color:#593322;font-size:13px}.playback-toast .toast-close{display:grid;place-items:center;background:transparent;color:inherit}.playback-toast svg{width:20px;height:20px}@media(max-width:700px){.controls .knob{min-width:44px;min-height:44px}.volume-trigger{min-height:44px;font-size:9px}.playback-toast{gap:8px;padding:12px}}.theme-picker{display:flex;justify-content:center;align-items:center;gap:16px;border:0;padding:0;margin:25px auto 0;min-width:0}.theme-picker legend{float:left;padding:0;font-size:10px;color:#82735d}.theme-options{display:flex;align-items:center;gap:6px}.theme-option{position:relative;display:flex;align-items:center;gap:7px;padding:8px 11px;min-height:40px;border-radius:5px;font-size:11px;cursor:pointer;color:#756650;transition:background .2s}.theme-option input{position:absolute;width:1px;height:1px;opacity:0}.theme-option:has(input:checked){background:#ded5c3;color:#4d3e2e}.theme-option:has(input:focus-visible){outline:3px solid #a66b3f;outline-offset:3px}.theme-option:hover{background:#e5ddce}.theme-swatch{width:17px;height:17px;border-radius:50%;box-shadow:inset 0 1px 2px #fff7,0 1px 2px #44382c44;flex:none}.swatch-walnut{background:linear-gradient(140deg,#a8774d,#58351f)}.swatch-cream{background:linear-gradient(130deg,#eee6d2 50%,#73856d 51%)}.swatch-silver{background:linear-gradient(130deg,#e5e8e9 48%,#3c4243 50%)}[data-theme=cream] .radio{background:linear-gradient(135deg,#f9f1dc,#e1d6ba 70%,#c8bd9f);border-radius:28px;box-shadow:inset 0 2px 3px #fffdf0,inset -2px -4px 4px #ab9e7d,0 20px 35px #59432d26,0 3px 6px #3c281948}[data-theme=cream] .radio-face{background:linear-gradient(130deg,#889780,#6d806b);border-radius:13px;box-shadow:inset 0 2px 4px #3f513b80,0 1px 1px #fff9e5}[data-theme=cream] .speaker{background:#768771;box-shadow:inset 0 2px 5px #33432f60,0 1px 1px #afbea2;border-radius:10px}[data-theme=cream] .speaker-weave{background:repeating-linear-gradient(0deg,#83967a 0 5px,#52654d 5px 7px,#95a48a 7px 8px);box-shadow:inset 0 0 20px #32422c40}[data-theme=cream] .speaker-brand{color:#f7efd8;text-shadow:0 1px 2px #3d4b37}[data-theme=cream] .speaker-brand span{color:#f0e8cf}[data-theme=cream] .model,[data-theme=cream] .model b,[data-theme=cream] .stereo,[data-theme=cream] .control-column>span,[data-theme=cream] .volume-trigger,[data-theme=cream] .tune-controls>span,[data-theme=cream] .step-buttons>span,[data-theme=cream] .scale-labels,[data-theme=cream] .presets-top,[data-theme=cream] .knob-min,[data-theme=cream] .knob-max{color:#fff6df}[data-theme=cream] .step-buttons button{color:#fff6df}[data-theme=cream] .display{background:linear-gradient(120deg,#e9e9c9,#c7d2ad);color:#374c34;border-color:#4d6049;box-shadow:0 1px 1px #a7b49a,inset 0 2px 8px #50603d70;border-radius:9px}[data-theme=cream] .display:after{box-shadow:inset 0 0 10px #4a60342b}[data-theme=cream] .equalizer i{background:#49613e}[data-theme=cream] .scale-line{border-color:#c1cbb1;background:repeating-linear-gradient(90deg,#c5cfb7 0 1px,transparent 1px 8px)}[data-theme=cream] .tuning-scale>i{background:#fff4c9}[data-theme=cream] .power-button,[data-theme=cream] .favorite-button,[data-theme=cream] .presets button{background:linear-gradient(#fff8e5,#e0d6bb);color:#4d6048;box-shadow:0 3px 4px #34453055,inset 0 1px 1px #fffdf4,inset 0 -1px 2px #ab9e7f}[data-theme=cream] .knob{background:repeating-conic-gradient(#b9b092 0deg 2deg,#ece5cf 3deg 5deg)}[data-theme=cream] .knob:before{background:linear-gradient(135deg,#fff9e5,#e6ddc4 60%,#c8bea3)}[data-theme=cream] .bottom-trim{color:#63583d}[data-theme=cream] .saved{color:#9b442f}[data-theme=silver] .radio{background:repeating-linear-gradient(0deg,#c1c7c9 0,#dce0e1 1px,#cbd0d1,#d9ddde 3px);border-radius:9px;box-shadow:inset 0 2px 2px #fff,inset -2px -3px 3px #777f82,0 20px 35px #30383d30,0 3px 6px #29313650}[data-theme=silver] .radio-face{background:linear-gradient(135deg,#343a3d,#23292c);border-radius:3px;box-shadow:inset 0 2px 4px #0f1418,0 1px 1px #eff4f5}[data-theme=silver] .speaker{background:#262c2e;box-shadow:inset 0 2px 5px #080d10,0 1px 1px #596267;border-radius:2px}[data-theme=silver] .speaker-weave{background:radial-gradient(circle,#11191c 1px,transparent 1.5px) 0 0 / 5px 5px,#566065;box-shadow:inset 0 0 30px #10181c90}[data-theme=silver] .speaker-brand{color:#e0e5e5;text-shadow:0 1px 2px #080d10}[data-theme=silver] .speaker-brand span{color:#c3cdd0}[data-theme=silver] .model,[data-theme=silver] .model b,[data-theme=silver] .stereo,[data-theme=silver] .control-column>span,[data-theme=silver] .volume-trigger,[data-theme=silver] .tune-controls>span,[data-theme=silver] .step-buttons>span,[data-theme=silver] .scale-labels,[data-theme=silver] .presets-top,[data-theme=silver] .knob-min,[data-theme=silver] .knob-max{color:#c4cfd1}[data-theme=silver] .step-buttons button{color:#d7e0e2}[data-theme=silver] .display{background:linear-gradient(120deg,#182b29,#11211e);color:#bbdfaf;border-color:#111719;box-shadow:0 1px 1px #697779,inset 0 2px 9px #0009;border-radius:2px}[data-theme=silver] .display:after{background:linear-gradient(145deg,#a7d4c31a,transparent 45%);box-shadow:inset 0 0 12px #0005}[data-theme=silver] .display h2{text-shadow:0 1px 4px #9fcc9b30}[data-theme=silver] .display-top span:first-child:before{background:#b2d8a5}[data-theme=silver] .equalizer i{background:#a6d68d}[data-theme=silver] .scale-line{border-color:#859294;background:repeating-linear-gradient(90deg,#899597 0 1px,transparent 1px 8px)}[data-theme=silver] .tuning-scale>i{background:#d4a96d}[data-theme=silver] .power-button,[data-theme=silver] .favorite-button,[data-theme=silver] .presets button{background:linear-gradient(#f3f5f5,#aeb9bd);color:#293b40;box-shadow:0 3px 4px #080f1455,inset 0 1px 1px #fff,inset 0 -1px 2px #77868d}[data-theme=silver] .knob{background:repeating-conic-gradient(#929ea3 0deg 2deg,#e2e7e9 3deg 5deg);box-shadow:0 4px 6px #080d1280,inset 0 0 0 1px #8c9a9f}[data-theme=silver] .knob:before{background:linear-gradient(135deg,#fff,#cfd8db 40%,#89999f);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 3px #677a82}[data-theme=silver] .knob>span:after{background:#263e48}[data-theme=silver] .bottom-trim{color:#38494f}[data-theme=silver] .saved{color:#98472f}[data-theme=silver] .screw{background:radial-gradient(circle at 30% 30%,#fff,#647278)}[data-theme=silver] .screw:after{background:#3d4a51}@media(max-width:700px){.theme-picker{gap:8px;margin-top:18px}.theme-picker legend{font-size:9px}.theme-options{gap:2px}.theme-option{font-size:10px;padding:8px;min-height:44px;gap:6px}.theme-swatch{width:15px;height:15px}[data-theme=cream] .radio{border-radius:20px}[data-theme=silver] .radio{border-radius:7px}}.carry-handle,.antenna,.speaker-right,.cassette{display:none}.theme-swatch{position:relative;width:30px;height:20px;border-radius:3px}.theme-swatch i{position:absolute;left:4px;top:4px;width:10px;height:12px;background:#3e3b32;border-radius:1px}.theme-swatch b{position:absolute;right:3px;top:4px;width:8px;height:5px;background:#e9ce91}.swatch-cream{height:22px;width:26px;background:#819895;border:2px solid #e9dfc9}.swatch-cream:before,.swatch-silver:before{content:"";position:absolute;width:12px;height:5px;left:5px;top:-7px;border:2px solid #756b59;border-bottom:0;border-radius:3px 3px 0 0}.swatch-cream i{width:10px;height:10px;top:6px;border-radius:50%}.swatch-cream b{top:2px;height:3px;width:16px}.swatch-silver{width:34px;height:19px;background:#404a50}.swatch-silver i{top:4px;width:10px;height:10px;border-radius:50%;background:#111a20;box-shadow:16px 0 #111a20}.swatch-silver b{top:6px;right:13px;width:7px;height:6px;background:#a2b39c}.swatch-silver:before{left:9px}[data-theme=cream] .radio-stage{max-width:650px;margin-top:76px}[data-theme=cream] .radio{padding:18px 18px 0;border-radius:26px;background:linear-gradient(135deg,#73938d,#456e68);box-shadow:inset 0 2px 3px #b8d3c8,inset -2px -4px 4px #264f49,0 20px 35px #384f3e30,0 3px 6px #3c281948}[data-theme=cream] .carry-handle{display:block;position:absolute;top:-49px;left:22%;width:56%;height:52px;border:12px solid #49675e;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:inset 0 2px 2px #c5d0b970,0 -1px 1px #abc1ac}[data-theme=cream] .antenna{display:block;position:absolute;width:5px;height:105px;right:24px;top:-86px;transform:rotate(26deg);transform-origin:bottom;background:linear-gradient(90deg,#647674,#e1e7dd,#85938b);border-radius:3px;z-index:-1}[data-theme=cream] .radio-face{display:grid;grid-template-columns:1.3fr 1fr;gap:12px 24px;background:linear-gradient(130deg,#f4eddb,#d6cdb5);padding:20px 24px;border-radius:12px;box-shadow:inset 0 1px 4px #3f513b70,0 1px 1px #a9c4b5}[data-theme=cream] .receiver{display:contents}[data-theme=cream] .receiver-top{grid-column:1/-1;grid-row:1;margin:0}[data-theme=cream] .display{grid-column:1/-1;grid-row:2;min-height:98px;padding:10px 18px;background:linear-gradient(120deg,#dbe3c4,#b2c3a0)}[data-theme=cream] .display h2{margin:5px 0}[data-theme=cream] .display p{margin-bottom:6px}[data-theme=cream] .tuning-scale{display:none}[data-theme=cream] .speaker:not(.speaker-right){grid-column:1;grid-row:3;min-height:0;width:100%;max-width:240px;aspect-ratio:1;height:auto;border-radius:50%;align-self:center;justify-self:center;border:8px solid #4f7266;box-shadow:0 2px 3px #fff9e5,inset 0 3px 6px #1e3f32}[data-theme=cream] .speaker-weave{background:radial-gradient(circle,#293d33 1px,transparent 1.5px) 0 0/4px 4px,#718372}[data-theme=cream] .speaker-brand{bottom:26%;font-size:24px}[data-theme=cream] .speaker-brand span{display:none}[data-theme=cream] .controls{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px 12px;margin:12px 0}[data-theme=cream] .volume-control{grid-column:2;grid-row:1}[data-theme=cream] .knob{width:72px;height:72px}[data-theme=cream] .presets-top{display:none}[data-theme=cream] .presets{grid-column:1/-1;grid-row:4;margin-top:5px;gap:9px}[data-theme=cream] .presets button{height:36px;border-radius:7px;background:linear-gradient(#729185,#496d60);color:#fff9e7}[data-theme=cream] .model,[data-theme=cream] .model b,[data-theme=cream] .stereo,[data-theme=cream] .control-column>span,[data-theme=cream] .volume-trigger,[data-theme=cream] .tune-controls>span,[data-theme=cream] .step-buttons>span,[data-theme=cream] .knob-min,[data-theme=cream] .knob-max,[data-theme=cream] .step-buttons button{color:#405e4e}[data-theme=cream] .bottom-trim{color:#e1ecdc}[data-theme=cream] .radio-foot{width:38px;height:10px}[data-theme=silver] .radio-stage{max-width:1040px;margin-top:73px}[data-theme=silver] .radio{padding:17px 18px 0;border-radius:10px}[data-theme=silver] .carry-handle{display:block;position:absolute;width:44%;height:42px;top:-40px;left:28%;border:12px solid #30383c;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:inset 0 2px 1px #667175,0 -1px 1px #aeb9bc}[data-theme=silver] .antenna{display:block;position:absolute;left:28px;top:-87px;width:4px;height:93px;background:linear-gradient(90deg,#7a898d,#e8edef,#6d797d);transform:rotate(-45deg);transform-origin:bottom;border-radius:2px;z-index:-1}[data-theme=silver] .radio-face{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px 20px;padding:18px 20px}[data-theme=silver] .receiver{display:contents}[data-theme=silver] .receiver-top{grid-column:1/-1;grid-row:1;margin:0}[data-theme=silver] .speaker{grid-row:2/5;grid-column:1;min-height:0;height:100%;border:5px solid #11191e;border-radius:8px}[data-theme=silver] .speaker-right{display:block;grid-column:3}[data-theme=silver] .speaker-weave{background:radial-gradient(circle,#10171b 1px,transparent 1.4px) 0 0/4px 4px,#343e45}[data-theme=silver] .speaker-weave:after{width:88%;top:50%;left:6%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#889196 0 9%,#313a40 10% 14%,#0b1116 15% 22%,#2e383e 23% 43%,#151d23 44% 51%,#394248 52% 57%,#141c21 58% 64%,#414a50 65% 67%,transparent 68%);box-shadow:0 3px 8px #0007}[data-theme=silver] .speaker-brand{bottom:12px;font-size:14px;z-index:1}[data-theme=silver] .speaker-brand span{display:none}[data-theme=silver] .display{grid-column:2;grid-row:2;min-height:100px;padding:9px 12px}[data-theme=silver] .display h2{font-size:19px;margin:6px 0 4px}[data-theme=silver] .display p{margin-bottom:5px}[data-theme=silver] .tuning-scale{grid-column:2;grid-row:3;margin:0 4px}[data-theme=silver] .cassette{display:block;position:relative;grid-column:2;grid-row:4;height:103px;background:linear-gradient(#616b6d,#3b464a);border:5px solid #161f25;border-radius:4px;padding:10px 12px;box-shadow:inset 0 1px 2px #b8c0b84d,0 1px 1px #83908e}.cassette-label{display:flex;justify-content:space-between;font:7px Georgia,serif;letter-spacing:1px;color:#e1dcc7;margin-bottom:8px}.tape-window{position:relative;display:flex;align-items:center;justify-content:space-around;height:38px;border-radius:4px;background:#19252a;box-shadow:inset 0 2px 4px #090e11}.tape-reel{position:relative;width:30px;height:30px;border-radius:50%;background:repeating-conic-gradient(#c5c7b1 0 18deg,#425356 20deg 60deg);border:7px solid #857b63;box-shadow:0 0 0 1px #252a27}.tape-window>span{width:26%;height:18px;background:linear-gradient(#35342e 0 6px,#b0a991 7px 10px,#35342e 11px)}.cassette-base{position:absolute;width:44%;height:9px;left:28%;bottom:6px;background:#253239;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}[data-theme=silver] .controls{grid-column:1/-1;grid-row:5;justify-content:center;gap:45px;margin:0;padding-top:4px;border-top:1px solid #59646b}[data-theme=silver] .knob{width:46px;height:46px}[data-theme=silver] .presets-top{display:none}[data-theme=silver] .presets{grid-column:1/-1;grid-row:6;max-width:540px;width:100%;justify-self:center;gap:4px;margin:0}[data-theme=silver] .presets button{border-radius:2px 2px 5px 5px;height:38px;background:linear-gradient(#dce1e2,#a0aeb2 85%,#72858c);box-shadow:0 3px 2px #050b10,inset 0 1px 1px #fff}[data-theme=silver] .bottom-trim{padding-top:10px;padding-bottom:10px}@media(max-width:700px){.theme-picker{flex-direction:column;gap:7px}.theme-picker legend{float:none;text-align:center;margin-bottom:3px}.theme-options{gap:1px}.theme-option{flex-direction:column;padding:10px 9px 7px;gap:8px;font-size:10px}[data-theme=cream] .radio-stage{max-width:460px;margin-top:62px}[data-theme=cream] .radio{padding:12px 12px 0;border-radius:22px}[data-theme=cream] .carry-handle{height:38px;top:-36px;border-width:9px;border-radius:15px 15px 0 0}[data-theme=cream] .antenna{height:76px;top:-61px;width:4px}[data-theme=cream] .radio-face{gap:11px 14px;padding:12px;grid-template-columns:1.15fr 1fr}[data-theme=cream] .display{min-height:87px;padding:7px 10px}[data-theme=cream] .display h2{font-size:18px;margin:4px 0}[data-theme=cream] .display p{margin-bottom:4px}[data-theme=cream] .controls{gap:13px 2px;margin:4px 0}[data-theme=cream] .knob{width:45px;height:45px}[data-theme=cream] .speaker:not(.speaker-right){border-width:5px;max-width:160px}[data-theme=cream] .speaker-brand{font-size:18px}[data-theme=cream] .step-buttons{gap:0}[data-theme=cream] .step-buttons>span{display:none}[data-theme=cream] .controls .control-column{gap:7px}[data-theme=cream] .presets{gap:5px;margin-top:0}[data-theme=cream] .presets button{height:32px}[data-theme=silver] .radio-stage{max-width:560px;margin-top:62px}[data-theme=silver] .radio{padding:10px 10px 0}[data-theme=silver] .carry-handle{height:32px;top:-30px;border-width:8px}[data-theme=silver] .antenna{height:58px;top:-52px;left:38px}[data-theme=silver] .radio-face{grid-template-columns:.8fr 1.35fr .8fr;gap:8px;padding:10px}[data-theme=silver] .receiver-top{min-height:10px}[data-theme=silver] .display{min-height:85px;padding:6px;border-width:3px}[data-theme=silver] .display h2{font-size:13px;margin:5px 0}[data-theme=silver] .display p{font-size:7px;margin-bottom:5px}[data-theme=silver] .display-bottom{font-size:5px}[data-theme=silver] .equalizer{max-width:35px}[data-theme=silver] .speaker{border-width:3px;border-radius:5px}[data-theme=silver] .speaker-brand{font-size:10px;letter-spacing:1px;bottom:9px}[data-theme=silver] .speaker-weave:after{width:88%;left:6%;top:50%}[data-theme=silver] .tuning-scale{padding-top:11px;margin:0}[data-theme=silver] .scale-labels{display:none}[data-theme=silver] .scale-line{height:9px}[data-theme=silver] .tuning-scale>i{height:13px}[data-theme=silver] .cassette{height:58px;border-width:3px;padding:4px 5px}.cassette-label{font-size:4px;letter-spacing:.2px;margin-bottom:4px}.tape-window{height:25px}.tape-reel{width:21px;height:21px;border-width:5px}.tape-window>span{height:12px}.cassette-base{height:5px;bottom:3px}[data-theme=silver] .controls{gap:10px;justify-content:space-between;padding-top:8px}[data-theme=silver] .knob{width:38px;height:38px}[data-theme=silver] .controls .control-column{gap:5px}[data-theme=silver] .presets button{height:30px}[data-theme=silver] .bottom-trim{font-size:3px;letter-spacing:.5px;padding:7px 0 8px}}