.radio-page{max-width:1240px;margin:auto;padding:48px clamp(16px,3vw,42px) 70px;color:#332731}.radio-heading{margin-bottom:32px}.radio-heading .eye{color:#a83a6a;font-size:11px;letter-spacing:.2em}.radio-page h1{font-family:"Gowun Dodum",sans-serif;font-size:clamp(29px,3vw,38px);line-height:1.3;letter-spacing:-.04em;margin:13px 0}.radio-heading p{color:#7d7381;font-size:14px;line-height:1.8;margin:0}.radio-preview-label{display:inline-block;color:#9a7386;font-size:11px;margin-top:12px}.radio-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.radio-player-panel{padding:20px;border:1px solid #e8dce3;border-radius:20px;background:#fff;min-width:0}.radio-video{width:100%;aspect-ratio:16/9;min-height:200px;background:#201820;border-radius:12px;overflow:hidden;margin-bottom:22px}.radio-video iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.radio-now-label{font-size:11px;color:#a24d74;margin-bottom:10px}.radio-page h2{font-family:"Gowun Dodum",sans-serif;font-size:21px;line-height:1.5;letter-spacing:-.035em;margin:0 0 8px}.radio-player-panel p{font-size:13px;line-height:1.8;margin:7px 0;color:#716674}.radio-player-panel .radio-credits{font-size:11px;color:#857985}.radio-transport{margin-top:24px}.radio-transport input[type=range]{width:100%;margin:0;accent-color:#873856;cursor:pointer;min-height:28px}.radio-times{display:flex;justify-content:space-between;color:#857383;font-size:11px;font-variant-numeric:tabular-nums}.radio-main-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin:20px 0}.radio-page button,.radio-page select,.radio-page input{font-family:inherit}.radio-play{width:58px;height:58px;border:0;border-radius:50%;background:#7e3458;color:#fff;font-size:21px;cursor:pointer;display:grid;place-items:center}.radio-play span{line-height:1}.radio-skip{display:flex;align-items:center;gap:3px;border:0;background:transparent;color:#54424e;font-size:25px;cursor:pointer;min-height:44px}.radio-skip small{font-size:12px}.radio-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.radio-options button,.radio-options select{border:1px solid #e4d5df;border-radius:8px;background:#fff;color:#786675;font-size:12px;padding:9px;min-height:38px;cursor:pointer}.radio-options button[aria-pressed=true]{background:#f5e7ee;color:#923e65}.radio-player-panel .radio-status{font-size:11px;color:#876175;margin:16px 0 12px;min-height:20px}.radio-source-links{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#963c65}.radio-source-links a{text-decoration:underline;text-underline-offset:4px;line-height:1.8}.radio-player-panel .radio-device-note{border-top:1px solid #e9dce4;margin-top:20px;padding-top:14px;font-size:12px;color:#7d7184}.radio-library{min-width:0}.radio-search-wrap{position:relative}.radio-search-wrap>span{position:absolute;left:14px;top:9px;font-size:24px;color:#998393}.radio-search-wrap input{width:100%;padding:13px 14px 13px 42px;border:1px solid #e5d8e0;background:#fff;border-radius:12px;font-size:16px;color:#42303c;box-sizing:border-box}.radio-search-wrap input::placeholder{color:#968b99;font-size:14px}.radio-members{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.radio-members button{background:none;border:0;border-radius:24px;padding:10px 13px;font-size:13px;color:#857382;cursor:pointer;min-height:42px}.radio-members button[aria-pressed=true]{background:#f2e2ec;color:#a44b75}.radio-list-toolbar{display:flex;align-items:center;gap:12px;padding:4px 0 16px;font-size:12px;color:#847280;border-bottom:1px solid #e6dbe2}.radio-saved-filter{display:flex;align-items:center;gap:5px;cursor:pointer;min-height:36px}.radio-saved-filter input{accent-color:#873856;width:16px;height:16px}.radio-list-toolbar>span{margin-left:auto;white-space:nowrap}.radio-list-toolbar select{max-width:100px;border:0;background:transparent;color:#857382;font-size:12px;padding:8px 0}.radio-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #e6dbe2;padding:20px 10px}.radio-item.is-selected{background:#f4e5ee;border-color:transparent;border-radius:13px;margin:7px 0}.radio-wave{display:grid;place-items:center;width:40px;height:48px;border:1px solid #e6d7e1;border-radius:10px;background:#fff;color:#a15a7e;font-size:15px}.radio-item h3{font-family:"Gowun Dodum",sans-serif;font-size:15px;line-height:1.6;margin:0 0 4px;font-weight:600;color:#392b37;overflow-wrap:anywhere}.radio-item p{font-size:11px;line-height:1.7;color:#877582;margin:2px 0}.radio-item-meta{color:#ad527e;font-size:10px;line-height:1.8;margin-top:4px}.radio-item button{border:1px solid #e8dbe3;border-radius:9px;background:#fff;color:#834663;padding:10px;font-size:12px;min-height:42px;cursor:pointer;white-space:nowrap}.radio-item.is-selected button{border-color:#fff;color:#aa587e}.radio-filter-note{font-size:11px;color:#8b7b89;line-height:1.8;margin:18px 10px}.radio-empty{font-size:13px;line-height:1.9;color:#857381;padding:35px 15px}.radio-bottom{display:flex;align-items:center;gap:15px;padding:22px 6px;margin-top:28px;border-top:1px solid #e4d7e0;border-bottom:1px solid #e4d7e0}.radio-bottom-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#f2e1eb;border-radius:11px;color:#9f416c;font-size:22px}.radio-bottom>div{min-width:0;flex:1}.radio-bottom strong{display:block;font-size:13px;font-weight:500;line-height:1.6}.radio-bottom span:not(.radio-bottom-icon){display:block;font-size:11px;color:#8d7a8b;margin-top:4px}.radio-bottom button{border:0;background:none;color:#955076;font-size:12px;cursor:pointer;padding:12px 0;white-space:nowrap}.radio-test{font-size:12px;color:#897683;margin-top:22px;line-height:1.9}.radio-test summary{cursor:pointer}.radio-test a{text-decoration:underline}.radio-page button:disabled,.radio-page select:disabled{opacity:.45;cursor:default}.radio-page :focus-visible{outline:2px solid #8d456b;outline-offset:3px}.radio-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.radio-page [hidden]{display:none!important}.radio-player-panel{scroll-margin-top:70px}@media(max-width:1050px){.radio-layout{grid-template-columns:minmax(0,1fr);gap:28px}.radio-player-panel{max-width:640px;width:100%;margin:auto}}@media(max-width:520px){.radio-page{padding-top:30px}.radio-heading{margin-bottom:25px}.radio-player-panel{padding:16px;border-radius:17px}.radio-video{border-radius:9px}.radio-page h2{font-size:20px}.radio-item{gap:9px;padding:18px 5px;grid-template-columns:32px minmax(0,1fr) auto}.radio-wave{width:32px;height:40px}.radio-item h3{font-size:14px}.radio-item button{padding:9px 8px}.radio-members{gap:3px}.radio-members button{padding:9px 11px}.radio-list-toolbar{gap:5px}.radio-bottom{gap:10px}.radio-bottom strong{font-size:12px}.radio-bottom button{font-size:11px}.radio-bottom-icon{width:35px;height:40px}}

/* Paged library: transport stays mounted while only the rows change. */
.radio-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:24px 0 8px}.radio-pagination button{min-width:38px;min-height:42px;border:1px solid #e4d5df;border-radius:9px;background:#fff;color:#834663;cursor:pointer}.radio-pagination button[aria-current=page]{background:#873856;color:#fff;border-color:#873856}.radio-library{scroll-margin-top:65px}.radio-list-toolbar{flex-wrap:wrap}.radio-list-toolbar>span{font-size:11px}

.radio-continuous{margin-top:20px;padding:12px 14px;background:#faf0f5;border:1px solid #eddae4;border-radius:10px}.radio-continuous label{display:flex;align-items:center;gap:9px;min-height:32px;color:#79415c;font-size:13px;cursor:pointer}.radio-continuous input{width:18px;height:18px;accent-color:#873856;flex:none}.radio-continuous #radioNext{margin:5px 0 0;color:#795d6d;font-size:11px;line-height:1.7;overflow-wrap:anywhere}

.radio-podcast{margin-bottom:22px}.radio-podcast iframe{display:block;width:100%;min-width:290px;height:250px;border:0;border-radius:12px;background:#faf6f8}.radio-common-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.radio-common-actions button{font:inherit;font-size:12px;border:1px solid #e4d5df;border-radius:9px;background:#fff;color:#834663;min-height:42px;padding:9px 12px;cursor:pointer}.radio-common-actions button[aria-pressed=true]{background:#f5e7ee}.radio-format{display:flex;align-items:center;gap:12px;margin:10px 0 18px;font-size:12px;color:#795d6d}.radio-format select{font:inherit;font-size:14px;padding:9px 12px;border:1px solid #e4d5df;border-radius:9px;background:#fff;color:#604553;min-height:42px}.radio-continuous:has(input:disabled){background:#f8f4f6}.radio-continuous input:disabled{cursor:default}@media(max-width:380px){.radio-page{padding-left:12px;padding-right:12px}.radio-player-panel{padding:12px}}

.radio-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.radio-modes button{font:inherit;font-size:12px;border:1px solid #e4d5df;border-radius:9px;background:#fff;color:#834663;min-height:42px;padding:9px 15px;cursor:pointer}.radio-modes button[aria-pressed=true]{background:#f2d5e3;border-color:#c87ca1;color:#71334f;font-weight:700}

/* Compact secondary controls: two aligned rows, including podcast reload. */
.radio-compact-controls{display:grid;gap:6px}
.radio-compact-controls .radio-options,.radio-compact-controls .radio-common-actions{display:flex;flex-wrap:nowrap;gap:6px;margin:0}
.radio-compact-controls .radio-modes{display:contents}
.radio-compact-controls button,.radio-compact-controls select{box-sizing:border-box;min-width:0;min-height:42px;padding:8px 4px;font-size:12px;line-height:1.3;border-radius:8px;white-space:nowrap}
.radio-compact-controls .radio-options>label,.radio-compact-controls .radio-options>button,.radio-compact-controls .radio-common-actions>button,.radio-compact-controls .radio-modes>button{flex:1 1 0;min-width:0}
.radio-compact-controls .radio-options select{width:100%;height:100%}
.radio-compact-controls+.radio-continuous{margin-top:12px}
@media(max-width:380px){.radio-compact-controls button,.radio-compact-controls select{font-size:11px}}
