.ofm-home{background:#ff501b;color:#111;padding:75px max(6vw,24px);display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;overflow:hidden;align-items:center}.ofm-home .ofm-kicker{font-size:12px;letter-spacing:.18em;font-weight:700}.ofm-home h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,7vw,102px);font-weight:900;line-height:.94;letter-spacing:-.035em;margin:25px 0}.ofm-home h2 em{color:#fff;font-style:normal}.ofm-home p{max-width:480px;font-size:18px;line-height:1.6}.ofm-home button{border:0;background:#fff;color:#111;font:700 16px Arial,sans-serif;padding:19px 28px;cursor:pointer;margin-top:18px}.ofm-home-art{aspect-ratio:1;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 50%,#ff9869,transparent 65%)}.ofm-record{width:80%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0 2px,#242424 3px 4px);box-shadow:14px 25px 50px #5b16074d;display:grid;place-items:center;animation:ofm-spin 24s linear infinite}.ofm-record span{border-radius:50%;background:#fff;width:35%;aspect-ratio:1;display:grid;place-items:center;font:italic 900 clamp(25px,4vw,64px) Arial;letter-spacing:-.1em;border:12px solid #ff501b}.ofm-home-art small{position:absolute;bottom:1%;background:#111;color:#fff;padding:14px 22px;font-size:12px;letter-spacing:.16em;transform:rotate(-4deg)}
#ofm-widget{position:relative;z-index:2147483000;font-family:Arial,sans-serif;color:#151515}#ofm-widget *{box-sizing:border-box}#ofm-widget button{cursor:pointer;font:700 14px Arial;letter-spacing:0;min-width:0;min-height:0;text-transform:none}#ofm-widget button:focus-visible,#ofm-widget a:focus-visible,#ofm-widget input:focus-visible{outline:3px solid #ff501b;outline-offset:4px}.ofm-dock{position:fixed;bottom:22px;left:22px;display:flex;align-items:center;gap:12px;border:1px solid #ff754e;background:#ff501b;color:#111;padding:17px 20px;border-radius:4px;box-shadow:0 6px 30px #0002}.ofm-wave{display:flex;align-items:center;gap:3px;height:20px}.ofm-wave i{display:block;width:3px;height:8px;background:currentColor}.ofm-wave i:nth-child(2){height:18px}.ofm-wave i:nth-child(3){height:13px}.ofm-playing .ofm-wave i{animation:ofm-wave .7s ease-in-out infinite alternate}.ofm-playing .ofm-wave i:nth-child(2){animation-delay:-.4s}.ofm-playing .ofm-wave i:nth-child(3){animation-delay:-.2s}.ofm-panel{position:fixed;inset:0 auto 0 0;width:min(420px,100vw);background:#f5f4ef;box-shadow:12px 0 70px #0003;padding:26px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-110%);transition:transform .3s ease;visibility:hidden}.ofm-open .ofm-panel{transform:none;visibility:visible}.ofm-panel header{display:flex;align-items:center;justify-content:space-between;font:italic 900 25px Arial;margin-bottom:40px}.ofm-panel header b{font:700 10px Arial;letter-spacing:.18em;margin-left:7px}.ofm-panel .ofm-close{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:1px solid #ccc;background:transparent;border-radius:50%;flex:0 0 40px}.ofm-close svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.ofm-panel .ofm-eyebrow,.ofm-live{font-size:10px;letter-spacing:.15em;font-weight:700}.ofm-panel h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:53px;line-height:.95;letter-spacing:-.025em;margin:18px 0 26px}.ofm-panel h2 em{font-style:normal;color:#e74717}.ofm-art{aspect-ratio:1;background:#ff501b;display:grid;place-items:center}.ofm-art>span{font:italic 900 100px Arial}.ofm-art img{width:100%;height:100%;object-fit:cover}.ofm-live{margin-top:24px;color:#b93711}.ofm-title{font:800 25px Arial;margin:12px 0 6px;line-height:1.15}.ofm-artist{font-size:14px;color:#65655d;margin:0 0 22px}.ofm-panel .ofm-play{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#ff501b;color:#111;border:0;padding:18px}.ofm-play svg{height:20px;width:20px;fill:currentColor}.ofm-play:disabled{opacity:.55;cursor:wait!important}.ofm-status{font:12px/1.5 Arial;color:#666;min-height:36px}.ofm-volume{display:flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid #d8d7d0;padding:10px 0 25px}.ofm-volume input{flex:1;min-width:0;accent-color:#ed4a19}.ofm-next h4{font-size:10px;letter-spacing:.15em;margin:24px 0 12px}.ofm-next ol{padding-left:24px;font-size:14px}.ofm-next li{padding:10px 0;border-bottom:1px solid #ddd}.ofm-panel>a{font-size:12px;color:#a9300e;display:inline-block;margin:20px 0}.ofm-connecting .ofm-play svg{animation:ofm-pulse .7s ease-in-out infinite alternate}#onfit-site-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:100000}.ofm-shell-mode{overflow:hidden!important}#ofm-widget audio{display:none}@keyframes ofm-wave{to{height:4px}}@keyframes ofm-spin{to{transform:rotate(360deg)}}@keyframes ofm-pulse{to{opacity:.3;transform:scale(.8)}}@media(max-width:650px){.ofm-home{grid-template-columns:1fr;padding:50px 24px;gap:24px}.ofm-home-art{width:85%;margin:auto}.ofm-dock{left:12px;bottom:18px;padding:15px}.ofm-dock>span:last-child{display:none}.ofm-panel{padding:24px}.ofm-panel header{margin-bottom:26px}}@media(prefers-reduced-motion:reduce){.ofm-record,.ofm-wave i,.ofm-connecting .ofm-play svg{animation:none!important}.ofm-panel{transition:none}}
.ofm-art{width:min(100%,220px);margin:20px auto}.ofm-panel header{margin-bottom:28px}.ofm-panel h2{font-size:48px;margin-bottom:20px}.ofm-live{margin-top:20px}@media(max-height:700px){.ofm-art{width:150px}.ofm-panel h2{font-size:40px}.ofm-panel header{margin-bottom:18px}.ofm-panel .ofm-eyebrow{margin-bottom:10px}}
/* The home radio shares ONFIT Music's turntable, orange stage and live track display. */
.ofm-home.ofm-radio-home{display:block;padding:30px max(5vw,24px) 0;background:#ff501b;color:#111;position:relative;isolation:isolate;overflow:hidden}
.ofm-radio-home:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 58%,#ffffff0e 58%,#ffffff0e 68%,transparent 68%)}
.ofm-radio-top{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #1114;padding-top:22px;font-size:10px;letter-spacing:.15em;font-weight:600}
.ofm-radio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3vw;align-items:center;padding:40px 0 35px}
.ofm-radio-copy{min-width:0}.ofm-radio-brand{display:flex;align-items:center;gap:18px;margin-bottom:28px}.ofm-radio-brand img{width:126px;height:auto;filter:brightness(0);object-fit:contain}.ofm-radio-brand>span{font-size:10px;letter-spacing:.22em;border-left:1px solid #1115;padding-left:18px}
.ofm-radio-air{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.14em;font-weight:600}.ofm-radio-air>i{width:7px;height:7px;border-radius:50%;background:#111;flex:0 0 7px}
.ofm-radio-home h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(55px,6.9vw,102px);line-height:.91;letter-spacing:-.028em;margin:23px 0 25px;font-weight:900}.ofm-radio-home h2 em{color:#fff7ed;font-style:normal}
.ofm-radio-home .ofm-radio-copy>p:not(.ofm-radio-hint){font-size:20px;line-height:1.5;margin:0 0 24px;max-width:30ch}
.ofm-radio-controls{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.ofm-radio-home [data-radio-toggle]{margin:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:13px;padding:17px 23px;background:#f8f6f0;color:#111;font-size:14px;font-weight:700;border:1px solid #fff0;cursor:pointer;transition:transform .2s,box-shadow .2s}.ofm-radio-home [data-radio-toggle] svg{width:20px;height:20px;fill:currentColor;flex:0 0 20px}.ofm-radio-home [data-radio-toggle]:disabled{opacity:.65;cursor:wait}.ofm-radio-home [data-radio-toggle]:not(:disabled):hover{transform:translateY(-2px);box-shadow:4px 4px 0 #111}
.ofm-radio-controls>label{display:flex;flex-direction:column;gap:9px;font-size:9px;letter-spacing:.12em}.ofm-radio-controls input{accent-color:#111;width:105px;margin:0;height:18px}
.ofm-radio-home .ofm-radio-hint{font-size:11px;line-height:1.6;min-height:35px;margin:13px 0 0;max-width:47ch}
.ofm-radio-home .ofm-radio-detail{background:none;border:0;border-bottom:1px solid #1115;padding:0 0 6px;margin:9px 0 0;font-size:11px;color:#111;font-weight:500;cursor:pointer;text-align:left}
.ofm-radio-home button:focus-visible,.ofm-radio-home input:focus-visible,.ofm-radio-home a:focus-visible{outline:2px solid #111;outline-offset:5px}
.ofm-radio-scene{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;isolation:isolate;margin:0 0 25px}
.ofm-radio-ghost{position:absolute;left:1%;top:4%;font:900 clamp(140px,21vw,300px)/1 Impact,sans-serif;font-style:italic;color:#b52c1240;z-index:-2;letter-spacing:-.04em}
.ofm-radio-vinyl{position:relative;width:83%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#111 0 2px,#242424 3px 4px);box-shadow:17px 25px 40px #7f250d55;transform:rotate(-12deg)}
.ofm-radio-vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff18 45deg,transparent 70deg,transparent 190deg,#ffffff18 230deg,transparent 260deg);pointer-events:none}
.ofm-radio-label{width:48%;aspect-ratio:1;border-radius:50%;background:#f7f5ef;display:grid;place-items:center;position:relative;overflow:hidden;border:8px solid #f7f5ef}
.ofm-radio-label>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ofm-radio-label>span{font:900 clamp(19px,2.7vw,40px)/.9 Impact,sans-serif;text-align:center;color:#de4618}.ofm-radio-label>i{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;background:#111;border:2px solid #fff;border-radius:50%}
.ofm-radio-orbit{position:absolute;inset:3% 0;border:1px solid #ffffff50;border-radius:50%;transform:rotate(-22deg);z-index:-1}
.ofm-radio-stripes{position:absolute;right:2%;top:4%;width:50px;height:8px;background:white;box-shadow:0 15px #fff,0 30px #fff;transform:skewX(-25deg)}
.ofm-radio-stamp{position:absolute;right:-1%;bottom:12%;background:#f8f6f0;box-shadow:5px 5px 0 #111;transform:rotate(7deg);padding:16px 20px;font:900 clamp(18px,2.1vw,29px)/.95 Impact,sans-serif}
.ofm-radio-scene>small{position:absolute;bottom:-8px;left:3%;font-size:8px;letter-spacing:.13em;font-weight:600}
.ofm-radio-meter{position:absolute;left:3%;bottom:20px;display:flex;align-items:center;gap:4px;height:22px}.ofm-radio-meter i{display:block;width:3px;height:5px;background:#111}.ofm-radio-meter i:nth-child(3n){height:18px}.ofm-radio-meter i:nth-child(2n){height:11px}
.ofm-radio-now{display:grid;grid-template-columns:auto 58px minmax(0,1fr) minmax(130px,.8fr) auto;align-items:center;gap:20px;padding:25px 0;border-top:1px solid #1114}
.ofm-radio-now-kicker{font-size:9px;letter-spacing:.12em;font-weight:600}
.ofm-radio-cover{width:58px;height:58px;background:#111;display:grid;place-items:center;flex-shrink:0}.ofm-radio-cover>span{font:900 26px Impact,sans-serif;color:#fff}.ofm-radio-cover img{width:100%;height:100%;object-fit:cover}
.ofm-radio-track{display:flex;flex-direction:column;gap:6px;min-width:0}.ofm-radio-track strong{font:900 25px/1.1 Impact,'Arial Narrow',sans-serif;overflow-wrap:anywhere}.ofm-radio-track>span{font-size:11px}
.ofm-radio-upnext{display:flex;flex-direction:column;gap:8px;min-width:0;border-left:1px solid #1114;padding-left:22px}.ofm-radio-upnext>span{font-size:8px;letter-spacing:.12em;font-weight:600}.ofm-radio-upnext>strong{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.ofm-radio-now>a{font-size:11px;color:#111;text-underline-offset:5px;text-align:right}
.is-radio-playing .ofm-radio-vinyl{animation:ofm-spin 18s linear infinite}.is-radio-playing .ofm-radio-meter i{animation:ofm-meter .65s ease-in-out infinite alternate}.is-radio-playing .ofm-radio-meter i:nth-child(2n){animation-delay:-.3s}.is-radio-playing .ofm-radio-meter i:nth-child(3n){animation-delay:-.15s}
.is-radio-live .ofm-radio-air>i{box-shadow:0 0 0 4px #1111}.is-radio-connecting [data-radio-toggle] svg{animation:ofm-pulse .7s ease-in-out infinite alternate}@keyframes ofm-meter{to{height:3px}}
@media(max-width:1000px){.ofm-radio-grid{grid-template-columns:1.1fr 1fr;gap:20px}.ofm-radio-home h2{font-size:clamp(53px,7vw,75px)}.ofm-radio-home .ofm-radio-copy>p:not(.ofm-radio-hint){font-size:18px}.ofm-radio-now{grid-template-columns:48px minmax(0,1fr) minmax(120px,.8fr) auto;gap:15px}.ofm-radio-now-kicker{grid-column:1/-1}.ofm-radio-cover{width:48px;height:48px}.ofm-radio-upnext{padding-left:18px}.ofm-radio-brand{margin-bottom:23px}}
@media(max-width:650px){.ofm-home.ofm-radio-home{padding:25px 24px 0}.ofm-radio-top{font-size:8px;padding-top:18px}.ofm-radio-top>span:last-child{display:none}.ofm-radio-grid{grid-template-columns:1fr;padding:32px 0 22px;gap:8px}.ofm-radio-brand img{width:115px}.ofm-radio-brand{margin-bottom:25px}.ofm-radio-home h2{font-size:clamp(49px,12vw,76px);line-height:.95;margin:22px 0}.ofm-radio-home .ofm-radio-copy>p:not(.ofm-radio-hint){font-size:18px}.ofm-radio-controls{gap:19px}.ofm-radio-home [data-radio-toggle]{font-size:13px;padding:16px 18px;min-height:55px}.ofm-radio-controls input{width:80px}.ofm-radio-home .ofm-radio-hint{margin-top:14px;min-height:36px}.ofm-radio-home .ofm-radio-detail{font-size:10px}.ofm-radio-scene{width:100%;max-width:340px;margin:20px auto 20px}.ofm-radio-ghost{font-size:180px}.ofm-radio-stamp{font-size:22px;padding:14px}.ofm-radio-label>span{font-size:26px}.ofm-radio-scene>small{font-size:7px}.ofm-radio-now{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:24px 0}.ofm-radio-now-kicker{font-size:8px}.ofm-radio-track strong{font-size:23px}.ofm-radio-upnext{grid-column:1/-1;border-left:0;border-top:1px solid #1113;padding:16px 0 0;flex-direction:row;gap:18px;align-items:baseline}.ofm-radio-now>a{grid-column:1/-1;justify-self:start;text-align:left;margin:3px 0 6px}.ofm-radio-stripes{width:40px;height:6px;box-shadow:0 12px #fff,0 24px #fff}}
@media(prefers-reduced-motion:reduce){.ofm-radio-vinyl,.ofm-radio-meter i,.is-radio-connecting [data-radio-toggle] svg{animation:none!important}.ofm-radio-home [data-radio-toggle]{transition:none}.ofm-radio-home [data-radio-toggle]:not(:disabled):hover{transform:none}}
@media(min-width:1001px){.ofm-radio-grid{padding:28px 0 25px}.ofm-radio-brand{margin-bottom:20px}.ofm-radio-home h2{font-size:clamp(65px,6vw,88px);margin:20px 0}.ofm-radio-home .ofm-radio-copy>p:not(.ofm-radio-hint){font-size:19px;margin-bottom:20px}.ofm-radio-scene{max-width:450px;justify-self:center}.ofm-radio-home .ofm-radio-hint{min-height:30px}.ofm-radio-top{padding-top:18px}}
/* The lateral player uses the same orange radio stage and vinyl as the home. */
#ofm-widget .ofm-panel{background:#ff501b;color:#111;width:min(410px,100vw);padding:24px 26px 0;box-shadow:12px 0 70px #0004}
#ofm-widget .ofm-panel header{position:sticky;top:-24px;z-index:4;background:#ff501bf5;backdrop-filter:blur(12px);margin:-24px -26px 24px;padding:20px 26px 18px;border-bottom:1px solid #1113;gap:16px}
.ofm-side-brand{display:flex;align-items:center;gap:16px}.ofm-side-brand>img{width:106px;height:auto;filter:brightness(0)}
#ofm-widget .ofm-side-brand b{border-left:1px solid #1114;padding-left:15px;margin-left:0;font-size:8px;letter-spacing:.2em}
#ofm-widget .ofm-panel .ofm-close{background:#ffffff14;border-color:#1115;width:36px;height:36px;flex:0 0 36px;padding:8px;transition:background .2s}
#ofm-widget .ofm-panel .ofm-close:hover{background:#fff5}
#ofm-widget .ofm-panel .ofm-eyebrow{font-size:8px;letter-spacing:.16em;margin:0 0 15px;color:#111}
#ofm-widget .ofm-panel h2{font-size:45px;line-height:.92;margin:0;letter-spacing:-.02em}
#ofm-widget .ofm-panel h2 em{color:#fff6ed}
.ofm-side-stage{position:relative;isolation:isolate}
.ofm-side-scene{position:relative;width:200px;height:182px;margin:18px auto 19px;display:grid;place-items:center;isolation:isolate}
.ofm-side-vinyl{position:relative;width:168px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#252525 3px 4px);display:grid;place-items:center;box-shadow:9px 12px 18px #7f250d40;transform:rotate(-12deg)}
.ofm-side-vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#fff2 45deg,transparent 75deg,transparent 190deg,#fff2 235deg,transparent 260deg)}
#ofm-widget .ofm-side-vinyl .ofm-art{width:49%;height:49%;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0;border:4px solid #f6f5ef;background:#fff5ed}
#ofm-widget .ofm-side-vinyl .ofm-art img{height:100%;width:100%;object-fit:cover}
#ofm-widget .ofm-side-vinyl .ofm-art>span{font:900 13px/.9 Impact,'Arial Narrow',sans-serif;font-style:normal;text-align:center;color:#df4516;letter-spacing:0}
.ofm-side-vinyl>i{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;background:#111;border:1px solid white;border-radius:50%;z-index:1}
.ofm-side-orbit{position:absolute;inset:0 -10px;border:1px solid #fff5;border-radius:50%;transform:rotate(-22deg);z-index:-1}
.ofm-side-stripes{position:absolute;right:-24px;top:7px;width:24px;height:4px;background:white;box-shadow:0 8px white,0 16px white;transform:skewX(-25deg)}
.ofm-side-stamp{position:absolute;right:-33px;bottom:16px;background:#f8f6ef;box-shadow:3px 3px #111;transform:rotate(7deg);font:900 17px/.95 Impact,'Arial Narrow',sans-serif;padding:10px 12px}
#ofm-widget.ofm-playing .ofm-side-vinyl{animation:ofm-spin 18s linear infinite}
#ofm-widget .ofm-live{font-size:8px;letter-spacing:.13em;color:#111;margin:0 0 10px;display:flex;gap:7px;align-items:center}
#ofm-widget .ofm-live:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor}
#ofm-widget .ofm-title{font:900 25px/1.1 Impact,'Arial Narrow',sans-serif;margin:0 0 6px;letter-spacing:0}
#ofm-widget .ofm-artist{font-size:11px;color:#111b;margin:0 0 20px}
#ofm-widget .ofm-play{background:#f8f6ef;color:#111;font-size:13px;border:0;min-height:54px;padding:16px;transition:transform .2s,box-shadow .2s}
#ofm-widget .ofm-play:not(:disabled):hover{box-shadow:3px 3px #111;transform:translateY(-1px)}
#ofm-widget .ofm-status{font-size:10px;color:#111c;line-height:1.6;margin:12px 0 8px;min-height:31px}
#ofm-widget .ofm-volume{border-bottom:0;padding:6px 0 23px;font-size:10px;gap:22px;color:#111}
#ofm-widget .ofm-volume input{accent-color:#111;height:18px}
#ofm-widget .ofm-next{background:#f5f4ef;color:#111;margin:0 -26px;padding:24px 26px 14px;border-top:1px solid #1112}
#ofm-widget .ofm-next h4{font-size:9px;letter-spacing:.14em;margin:0 0 16px;color:#66665e}
#ofm-widget .ofm-next ol{margin:0;padding:0;list-style:none;counter-reset:next-track}
#ofm-widget .ofm-next li{counter-increment:next-track;display:flex;gap:17px;align-items:baseline;font-size:12px;padding:14px 0;border-bottom:1px solid #ddddd3;line-height:1.4}
#ofm-widget .ofm-next li:before{content:counter(next-track,decimal-leading-zero);font-size:9px;color:#7d7d72;font-variant-numeric:tabular-nums}
#ofm-widget .ofm-panel>a{display:block;background:#f5f4ef;color:#3f3f37;margin:0 -26px;padding:13px 26px 28px;font-size:10px;text-underline-offset:4px}
#ofm-widget .ofm-dock{border:1px solid #1112;box-shadow:0 5px 25px #0002;border-radius:3px}
@media(max-height:730px){#ofm-widget .ofm-panel h2{font-size:39px}.ofm-side-scene{height:140px;width:168px;margin:14px auto 17px}.ofm-side-vinyl{width:136px}.ofm-side-stamp{font-size:14px;padding:8px 10px;right:-24px}.ofm-side-orbit{inset:0 -2px}#ofm-widget .ofm-panel header{margin-bottom:20px}#ofm-widget .ofm-title{font-size:22px}#ofm-widget .ofm-artist{margin-bottom:16px}}
@media(max-width:420px){#ofm-widget .ofm-panel{padding-left:24px;padding-right:24px}#ofm-widget .ofm-panel header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}#ofm-widget .ofm-next{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}#ofm-widget .ofm-panel>a{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){#ofm-widget.ofm-playing .ofm-side-vinyl{animation:none}#ofm-widget .ofm-play,#ofm-widget .ofm-close{transition:none}#ofm-widget .ofm-play:not(:disabled):hover{transform:none}}
/* A quiet, uninterrupted turn whenever the radio drawer is visible. */
#ofm-widget .ofm-side-vinyl,#ofm-widget.ofm-playing .ofm-side-vinyl{animation:ofm-side-spin 24s linear infinite;animation-play-state:paused}
#ofm-widget.ofm-open .ofm-side-vinyl{animation-play-state:running}
@keyframes ofm-side-spin{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}
@media(prefers-reduced-motion:reduce){#ofm-widget .ofm-side-vinyl,#ofm-widget.ofm-playing .ofm-side-vinyl{animation:none}}
/* Artwork fills the whole disc; the home turns gently even before playback. */
.ofm-radio-vinyl{overflow:hidden}
.ofm-radio-vinyl .ofm-radio-label{width:100%;height:100%;border:0;background:#111}
.ofm-radio-vinyl .ofm-radio-label>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}
.ofm-radio-vinyl .ofm-radio-label>img[hidden]{display:none}
.ofm-radio-vinyl,.is-radio-playing .ofm-radio-vinyl{animation:ofm-cover-turn 24s linear infinite;animation-play-state:paused}
.is-disc-visible .ofm-radio-vinyl{animation-play-state:running}
#ofm-widget .ofm-side-vinyl{overflow:hidden}
#ofm-widget .ofm-side-vinyl .ofm-art{width:100%;height:100%;border:0;margin:0;background:#111}
#ofm-widget .ofm-side-vinyl .ofm-art img{width:100%;height:100%;object-fit:cover;object-position:center}
@keyframes ofm-cover-turn{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}
@media(prefers-reduced-motion:reduce){.ofm-radio-vinyl,.is-radio-playing .ofm-radio-vinyl{animation:none}}
/* Covers fill the central label, leaving the vinyl grooves visible. */
.ofm-radio-vinyl .ofm-radio-label{width:52%;height:52%;border:0;background:#111;box-shadow:0 0 0 1px #ffffff20}
#ofm-widget .ofm-side-vinyl .ofm-art{width:52%;height:52%;border:0;background:#111;box-shadow:0 0 0 1px #ffffff20}
#ofm-widget .ofm-panel .ofm-close{width:44px;height:44px;flex:0 0 44px;padding:11px}
#ofm-widget .ofm-volume input,.ofm-radio-controls input{min-height:32px}
#ofm-widget .ofm-panel>a{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
@media(max-width:650px){.ofm-radio-home [data-radio-toggle]{min-height:56px}.ofm-radio-controls{column-gap:18px;row-gap:16px}.ofm-radio-now{min-width:0}.ofm-radio-track{min-width:0}.ofm-radio-track strong{overflow-wrap:anywhere}.ofm-radio-scene{max-width:min(100%,340px)}#ofm-widget .ofm-panel{max-width:100vw;overscroll-behavior-y:contain}}