.radio-nav{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;border-bottom:2px solid var(--red);padding:6px 0}.skate-radio{max-width:1130px;margin:0 auto 48px;border:2px solid var(--ink);background:#f7f1df;box-shadow:9px 9px 0 var(--ink);position:relative;scroll-margin-top:24px}.radio-header{padding:32px 36px 28px;background:#ed6332;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);background-image:repeating-linear-gradient(-24deg,transparent 0 17px,#ffffff06 18px 19px)}.radio-header .eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:2px}.radio-header h2{font-family:var(--display);font-size:72px;line-height:.87;letter-spacing:-2px;margin:0}.radio-header h2 span{color:#fff6d8}.radio-sticker{font-family:var(--display);font-size:20px;line-height:1.1;letter-spacing:1px;transform:rotate(7deg);border:2px solid var(--ink);background:var(--yellow);padding:18px;box-shadow:4px 4px 0 var(--ink)}.radio-grid{display:grid;grid-template-columns:41% 59%}.radio-player{padding:30px 32px;background:#1c2d26;color:#fff5dc}.radio-cassette{border:2px solid #c6b989;border-radius:12px;background:#eee4c5;color:#1c2d26;padding:18px 24px 16px;transform:rotate(-3deg);box-shadow:5px 5px 0 #0c1814;max-width:320px;margin:0 auto 30px}.radio-cassette>span{font-size:10px;font-weight:800;letter-spacing:2px;display:block;border-bottom:5px solid #ed6332;padding-bottom:10px}.radio-cassette small{font-size:8px;letter-spacing:2px;display:block;text-align:center;margin-top:14px}.radio-reels{display:flex;justify-content:space-between;align-items:center;border-radius:20px;background:#20352b;padding:12px;margin-top:14px}.radio-reels i{width:46px;height:46px;border:11px dashed #d7cba5;border-radius:50%;background:#283a32}.radio-reels b{height:20px;background:#f4ecd4;width:58px;border-radius:3px}.playing .radio-reels i{animation:radio-roll 3s linear infinite}@keyframes radio-roll{to{transform:rotate(360deg)}}.radio-now{font-size:9px;letter-spacing:3px;color:#bdc8b5;margin:0 0 10px}.radio-player h3{font-family:var(--display);font-size:29px;line-height:1.12;margin:0}.radio-player #radio-artist{font-size:13px;color:#c3cebd;line-height:1.5;min-height:38px}.radio-player audio{width:100%;height:42px;margin:5px 0 18px}.radio-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.radio-controls button,.radio-player form button{background:#fff1c4;border:0;min-height:42px;color:#1c2d26;font-size:12px;font-weight:700}.radio-controls #radio-play{background:#ed6332;color:#fff7df}.radio-controls #radio-shuffle{grid-column:1/-1;background:transparent;color:#e9e7c1;border:1px solid #71846f;min-height:35px}.radio-controls #radio-shuffle[aria-pressed=true]{background:var(--yellow);color:var(--ink)}#radio-status{font-size:11px;line-height:1.6;color:#c3cebd;min-height:35px;margin:18px 0 0}.radio-player form{margin-top:20px}.radio-player form label{font-size:12px}.radio-player form input{margin:10px 0}.radio-player form button{padding:10px 16px}.radio-library{padding:28px 30px 0;min-width:0}.radio-library-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.radio-library h3{font-family:var(--display);font-size:28px;margin:0;white-space:nowrap}.radio-library h3 span{font:10px var(--font);display:block;margin:7px 0}.radio-library input{max-width:250px;font-size:12px;padding:11px}.radio-library select{border:0;border-bottom:1px solid #bdbba6;background:transparent;font-size:12px;color:var(--ink);width:100%;padding:14px 0;margin:5px 0 0}.radio-library ol{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto;overscroll-behavior:contain}.radio-library li button{display:grid;grid-template-columns:1fr auto;gap:5px 16px;width:100%;text-align:left;border:0;border-bottom:1px solid #c9c7af;background:transparent;color:var(--ink);padding:15px 10px}.radio-library li button:hover{background:#eee5c9}.radio-library li button.current{background:#f3d975;border-left:4px solid #ed6332;padding-left:6px}.radio-library strong{font-size:13px;line-height:1.4}.radio-library small{grid-column:1;font-size:10px;color:#61715f;line-height:1.5}.radio-library li button>span{grid-column:2;grid-row:1/3;align-self:center;font-size:11px;font-variant-numeric:tabular-nums}.radio-empty{padding:24px;font-size:13px}.radio-footnote{font-size:10px;line-height:1.5;padding:14px 30px;margin:0;border-top:2px solid var(--ink);color:#63705d}@media(max-width:700px){.radio-header{padding:25px}.radio-header h2{font-size:56px}.radio-sticker{font-size:14px;padding:13px}.radio-grid{grid-template-columns:1fr}.radio-player{padding:25px}.radio-cassette{max-width:290px;margin-bottom:25px}.radio-library{padding:25px}.radio-library ol{max-height:360px}.radio-library-top{gap:12px}.radio-library input{max-width:190px}.radio-footnote{padding:14px 24px}.skate-radio{box-shadow:5px 5px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){.playing .radio-reels i{animation:none}}