:root{color:#f2f0e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--canvas:#151817;--panel:#1b1f1e;--raised:#222725;--line:#303633;--muted:#929892;--text:#f2f0e9;--coral:#ff765e;--mint:#b6f26b;--mono:"DM Mono", Consolas, monospace;background:#151817;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}::selection{color:#141715;background:var(--mint)}.community-section{border-top:1px solid var(--line);background:linear-gradient(#171b19 0%,#151817 46%);max-width:1600px;margin:0 auto;padding:43px 32px 34px}.community-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.community-heading h2{letter-spacing:0;color:#f2f0e9;margin:8px 0 5px;font:600 25px/1.2 Space Grotesk,sans-serif}.community-heading h2 span{color:var(--mint)}.community-heading p{color:#9ba29b;margin:0;font-size:12px}.community-account{align-items:center;gap:9px;display:flex}.account-name{color:#dce0d8;font-size:11px}.community-logout{color:#9da59d;cursor:pointer;background:#202522;border:1px solid #3d453f;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.community-logout:hover{color:var(--coral);border-color:#7c5148}.join-button{background:var(--mint);color:#1c2119;cursor:pointer;border:0;border-radius:5px;align-items:center;gap:8px;height:37px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.join-button:hover{background:#cbf893}.community-grid{grid-template-columns:minmax(300px,1.12fr) minmax(280px,1fr) minmax(220px,.8fr);align-items:stretch;gap:13px;display:grid}.community-panel{background:#1c211e;border:1px solid #343c37;border-radius:7px;min-width:0;min-height:350px;padding:17px}.community-panel-title{align-items:center;gap:10px;display:flex}.panel-icon{border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.mint-icon{color:var(--mint);background:#303b2c}.coral-icon{color:#ff9380;background:#3a2e2a}.yellow-icon{color:#e8dc78;background:#363426}.community-panel-title>div:nth-child(2){min-width:0}.community-panel-title h3{color:#edf0e9;margin:0;font:600 13px Space Grotesk,sans-serif}.community-panel-title p{color:#858e87;margin:4px 0 0;font-size:9px}.listener-total{color:#c1ef92;font:11px var(--mono);border:1px solid #354036;border-radius:4px;align-items:center;gap:6px;margin-left:auto;padding:5px 8px;display:flex}.listener-total i,.live-tag i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #b6f26b88}.listener-faces{align-items:center;gap:6px;min-height:43px;margin:11px 0 0;display:flex}.listener-avatar{object-fit:cover;color:#c8d4c7;background:#303832;border:1px solid #4a564b;border-radius:50%;width:29px;height:29px}.avatar-small{flex:0 0 25px;width:25px;height:25px}.listeners-empty{color:#8f9890;align-items:center;gap:7px;font-size:9px;line-height:1.35;display:flex}.listeners-empty svg{color:var(--mint);flex:none}.more-listeners{color:#c3cbc0;width:28px;height:28px;font:9px var(--mono);background:#252c27;border:1px solid #485147;border-radius:50%;place-items:center;display:grid}.community-rule{background:#343b36;height:1px;margin:9px 0 14px}.chat-title{margin-bottom:13px}.chat-messages{scrollbar-width:thin;scrollbar-color:#485048 transparent;flex-direction:column;gap:10px;height:149px;padding:2px 2px 4px;display:flex;overflow:auto}.chat-message{align-items:flex-start;gap:8px;display:flex}.chat-bubble{background:#252b27;border:1px solid #303832;border-radius:5px;flex:1;min-width:0;padding:7px 9px}.chat-bubble>div{align-items:center;gap:8px;display:flex}.chat-bubble strong{text-overflow:ellipsis;white-space:nowrap;color:#d5dbd2;font-size:9px;overflow:hidden}.chat-bubble time{color:#788179;font:8px var(--mono);flex:none;margin-left:auto}.chat-bubble p{color:#b4bcb2;overflow-wrap:anywhere;margin:4px 0 0;font-size:10px;line-height:1.4}.chat-empty{color:#858e87;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.chat-empty svg{color:#8eae70}.chat-compose{background:#171b19;border:1px solid #3b443d;border-radius:5px;align-items:center;gap:6px;height:36px;margin-top:8px;padding:0 6px 0 10px;display:flex}.chat-compose:focus-within{border-color:#65795a}.chat-compose input{color:#e8ece4;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.chat-compose input::placeholder{color:#778078}.chat-compose button{background:var(--mint);color:#1b2119;cursor:pointer;border:0;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.chat-compose button:disabled{opacity:.4;cursor:not-allowed}.chat-login-prompt{color:#c9e5b1;cursor:pointer;background:#222923;border:1px solid #485549;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:36px;margin-top:8px;font-size:10px;display:flex}.chat-login-prompt:hover{background:#2b342b}.livepix-panel{position:relative;overflow:hidden}.livepix-panel:after{content:"";pointer-events:none;border:1px solid #ff806e1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-56px;right:-39px;box-shadow:0 0 0 16px #ff806e09,0 0 0 33px #ff806e06}.live-tag{color:#d3aaa0;font:8px var(--mono);align-items:center;gap:6px;margin-left:auto;display:flex}.live-tag i{background:var(--coral);box-shadow:0 0 8px #ff765e99}.livepix-cta{z-index:1;color:#f0eee4;background:#292b23;border:1px solid #48483b;border-radius:5px;align-items:center;gap:10px;margin:18px 0 13px;padding:11px 12px;text-decoration:none;display:flex;position:relative}.livepix-cta:hover{background:#303227;border-color:#a9b774}.cta-disabled{cursor:default}.pix-mark{color:#20271d;min-width:35px;height:27px;font:700 10px var(--mono);background:#b8ef77;border-radius:4px;place-items:center;display:grid}.livepix-cta>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.livepix-cta strong{font-size:10px}.livepix-cta small{color:#9da394;font-size:8px}.livepix-cta>svg{color:#d8e7bd}.livepix-feed{scrollbar-width:thin;scrollbar-color:#485048 transparent;height:197px;overflow:auto}.livepix-item{border-bottom:1px solid #2c332e;gap:9px;padding:10px 1px;display:flex}.donor-mark{color:#ff917e;background:#382d29;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.livepix-copy{flex:1;min-width:0}.livepix-copy>div{align-items:center;gap:7px;display:flex}.livepix-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#dfe4dc;font-size:9px;overflow:hidden}.livepix-copy>div span{color:#c5e492;font:9px var(--mono);margin-left:auto}.livepix-copy p{color:#9da49d;overflow-wrap:anywhere;margin:5px 0 0;font-size:9px;line-height:1.4}.livepix-empty{color:#879087;text-align:left;justify-content:center;align-items:center;gap:8px;height:100%;font-size:9px;line-height:1.5;display:flex}.livepix-empty svg{color:#b5d98b;flex:none}.livepix-foot{color:#7e897e;align-items:center;gap:7px;margin-top:9px;font-size:8px;display:flex}.livepix-foot svg{color:#a7c97f}.request-panel{flex-direction:column;display:flex}.request-intro{color:#abb2a8;margin:18px 0 14px;font-size:10px;line-height:1.55}.request-open-button{color:#e6dc8d;text-align:left;cursor:pointer;background:#2b2b23;border:1px solid #5b573b;border-radius:5px;align-items:center;gap:8px;height:37px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.request-open-button svg:last-child{margin-left:auto}.request-open-button:hover{background:#323126;border-color:#a89b52}.request-note{color:#939b91;align-items:flex-start;gap:8px;margin-top:15px;font-size:9px;line-height:1.45;display:flex}.request-note svg{color:#c9bf6b;flex:none}.request-wave{border-top:1px solid #303732;justify-content:space-around;align-items:center;gap:3px;height:41px;margin-top:auto;padding-top:10px;display:flex}.request-wave i{width:3px;height:var(--wave-height,9px);background:#94b57455;border-radius:2px}.request-wave i:nth-child(3n){--wave-height:22px}.request-wave i:nth-child(4n){--wave-height:15px}.request-wave i:nth-child(5n){--wave-height:29px}.request-wave i:nth-child(7n){--wave-height:12px}.sponsor-section{border-top:1px solid #2e3530;margin-top:26px;padding-top:20px}.sponsor-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px;display:flex}.sponsor-heading h3{color:#e7eae3;margin:6px 0 0;font:600 15px Space Grotesk,sans-serif}.sponsor-heading>span{color:#788078;font:8px var(--mono)}.sponsor-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.sponsor-item,.sponsor-contact{min-width:0;min-height:66px;color:inherit;background:#1b201d;border:1px solid #313934;border-radius:5px;align-items:center;gap:10px;padding:11px;text-decoration:none;display:flex}.sponsor-item:hover{background:#222923;border-color:#657156}.sponsor-monogram{color:#c9ed9a;background:#344032;border-radius:4px;flex:0 0 35px;place-items:center;width:35px;height:35px;font:600 15px Space Grotesk,sans-serif;display:grid}.sponsor-item>span:nth-child(2),.sponsor-contact{min-width:0}.sponsor-item strong,.sponsor-contact strong{text-overflow:ellipsis;white-space:nowrap;color:#dce2d9;font-size:9px;display:block;overflow:hidden}.sponsor-item small,.sponsor-contact small{text-overflow:ellipsis;white-space:nowrap;color:#8c958b;margin-top:4px;font-size:8px;display:block;overflow:hidden}.sponsor-item>svg{color:#97a78c;flex:none;margin-left:auto}.sponsor-contact{background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px}.ad-label{color:#e3d983;font:8px var(--mono)}.sponsor-empty{color:#939b91;border:1px dashed #434c43;border-radius:5px;grid-column:1/-1;align-items:center;gap:9px;min-height:55px;padding:10px 13px;font-size:10px;display:flex}.sponsor-empty svg{color:#a9c983}.community-admin{background:#1a201c;border:1px solid #485346;border-radius:7px;margin-top:28px;padding:18px}.admin-community-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.admin-community-header h3{color:#ebeee7;margin:6px 0 0;font:600 16px Space Grotesk,sans-serif}.admin-community-header>svg{color:var(--mint)}.admin-community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-community-card{background:#202622;border:1px solid #343d36;border-radius:5px;min-width:0;padding:13px}.admin-card-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.admin-card-heading h4{color:#dce2d8;margin:0;font-size:11px}.admin-card-heading>span{color:#9eb885;font:8px var(--mono)}.admin-queue-list{max-height:220px;overflow:auto}.admin-queue-item{border-top:1px solid #333a35;align-items:center;gap:7px;padding:9px 0;display:flex}.admin-queue-item>div:first-child{flex:1;min-width:0}.admin-queue-item strong{color:#dce2d9;overflow-wrap:anywhere;font-size:9px;line-height:1.4;display:block}.admin-queue-item small{color:#929b91;overflow-wrap:anywhere;margin-top:4px;font-size:8px;line-height:1.35;display:block}.queue-actions{flex:none;gap:4px;display:flex}.queue-actions button{color:#c5dbb0;width:24px;height:24px;font:12px var(--mono);cursor:pointer;background:#29312b;border:1px solid #445044;border-radius:4px;place-items:center;display:grid}.queue-actions button:hover{border-color:var(--mint);color:var(--mint)}.queue-status{color:#999f96;font:8px var(--mono)}.queue-status.approved{color:var(--mint)}.queue-status.declined{color:#e08b79}.pix-actions button:first-child{color:#e4dfaa}.admin-empty{color:#828a82;padding:14px 0;font-size:9px}.pix-test-form,.sponsor-admin-form{grid-template-columns:1fr 76px;gap:5px;margin-bottom:10px;display:grid}.pix-test-form input,.sponsor-admin-form input{color:#e4e9e0;background:#171c19;border:1px solid #3b443e;border-radius:3px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:9px}.pix-test-form input:nth-child(3){grid-column:1/2}.pix-test-form button{background:var(--mint);color:#1c211a;cursor:pointer;border:0;border-radius:3px;grid-area:2/2;place-items:center;display:grid}.plus-symbol{font-size:19px;line-height:1}.webhook-note{color:#8e998d;overflow-wrap:anywhere;margin:0 0 7px;font-size:8px;line-height:1.5}.webhook-note code{color:#c8dbb3;margin-top:3px;font-size:8px;display:block}.sponsor-admin-form{grid-template-columns:1fr;gap:5px}.sponsor-admin-form input{height:29px}.admin-add-button{color:#20251e;cursor:pointer;background:#b5ee76;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;height:30px;font-size:9px;font-weight:700;display:flex}.admin-sponsor-list>div{color:#c3cbc0;border-top:1px solid #333a35;justify-content:space-between;align-items:center;padding:7px 0;font-size:9px;display:flex}.admin-sponsor-list button{color:#929b90;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;display:grid}.admin-sponsor-list button:hover{color:var(--coral)}.tts-note{color:#90998f;align-items:center;gap:7px;margin:13px 0 0;font-size:9px;display:flex}.tts-note svg{color:#c4d59c;flex:none}.community-modal-backdrop{z-index:22;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080a09bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.community-modal{background:#1e2420;border:1px solid #414b42;border-radius:7px;width:min(100%,430px);padding:23px;animation:.18s fade-in;box-shadow:0 23px 65px #0009}.community-modal-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.community-modal-top h2{color:#f1f1e9;margin:7px 0 0;font:600 21px Space Grotesk,sans-serif}.community-close{color:#a5aea3;cursor:pointer;background:0 0;border:1px solid #414941;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.community-close:hover{color:#fff;background:#2d342e}.auth-switch{background:#171c19;border:1px solid #39423b;border-radius:4px;grid-template-columns:1fr 1fr;margin:20px 0 16px;padding:3px;display:grid}.auth-switch button{color:#969e94;cursor:pointer;background:0 0;border:0;border-radius:3px;height:31px;font-size:10px}.auth-switch button.active{color:#ddf1c9;background:#323c32}.community-form{flex-direction:column;gap:12px;display:flex}.community-field{color:#a5aea3;font:8px var(--mono);flex-direction:column;gap:6px;display:flex}.community-field input,.community-field textarea{color:#eef0e9;resize:vertical;background:#171c19;border:1px solid #424b43;border-radius:4px;width:100%;min-height:36px;padding:8px 10px;font:11px DM Sans,sans-serif}.community-field small,.community-field>span{color:#818b81;font:8px DM Sans,sans-serif}.avatar-upload{color:#c6d8b8;cursor:pointer;background:#222922;border:1px dashed #596550;border-radius:4px;align-items:center;gap:9px;min-height:48px;padding:8px 10px;font-size:10px;display:flex}.avatar-upload input{opacity:0;width:1px;height:1px;position:absolute}.avatar-upload>span{flex-direction:column;gap:4px;display:flex}.avatar-upload small{color:#858f83;font-size:8px}.community-submit{background:var(--mint);color:#1b2119;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;height:39px;margin-top:3px;font-size:10px;font-weight:700;display:flex}.community-submit:hover{background:#caf894}.community-submit:disabled{opacity:.6;cursor:wait}.webhook-control{background:#1b211d;border:1px solid #394239;border-radius:4px;margin:0 0 8px;padding:7px}.webhook-register{color:#cee5bb;cursor:pointer;background:#303a2e;border:1px solid #4c5b45;border-radius:3px;height:25px;padding:0 8px;font-size:8px}.webhook-register:hover{border-color:var(--mint);color:var(--mint)}.webhook-register:disabled{opacity:.45;cursor:not-allowed}@media (width<=1080px){.community-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.request-panel{grid-column:1/-1;min-height:200px}.request-wave{margin-top:18px}.admin-community-grid{grid-template-columns:1fr 1fr}.sponsor-admin-card{grid-column:1/-1}.sponsor-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-admin-form button{grid-column:1/-1}}@media (width<=760px){.community-section{padding:31px 15px 28px}.community-heading{align-items:flex-start;margin-bottom:16px}.community-heading h2{font-size:21px}.community-heading p{font-size:10px}.community-account{gap:6px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:9px;overflow:hidden}.join-button{height:33px;padding:0 9px;font-size:9px}.community-grid{grid-template-columns:1fr;gap:9px}.community-panel{min-height:0;padding:14px}.listeners-panel{min-height:330px}.chat-messages{height:140px}.livepix-panel{min-height:300px}.livepix-feed{height:145px}.request-panel{grid-column:auto;min-height:188px}.sponsor-section{margin-top:20px}.sponsor-list{grid-template-columns:1fr 1fr}.sponsor-empty{grid-column:1/-1}.sponsor-contact{min-height:66px}.admin-community-grid{grid-template-columns:1fr}.sponsor-admin-card{grid-column:auto}.community-admin{padding:13px}.admin-community-card{padding:11px}.admin-community-header h3{font-size:14px}.community-modal-backdrop{align-items:end;padding:0}.community-modal{width:100%;padding:22px 19px calc(24px + env(safe-area-inset-bottom));border-radius:9px 9px 0 0;max-height:92vh;overflow:auto}}@media (width<=430px){.community-heading h2{font-size:19px}.community-heading .muted-eyebrow{font-size:8px}.community-heading p{font-size:9px}.community-account .listener-avatar{flex-basis:25px;width:25px;height:25px}.join-button{gap:5px;padding:0 7px;font-size:8px}.sponsor-list{grid-template-columns:1fr}.sponsor-contact{grid-column:auto}.webhook-note code{font-size:7px}}.listener-mode .workspace{display:none}.public-station{isolation:isolate;background:radial-gradient(at 78% 48%,#29332b 0,#0000 45%),linear-gradient(115deg,#1c211e,#171b19 62%,#202621);border-bottom:1px solid #333a35;grid-template-columns:190px minmax(0,1fr) 58px;align-items:center;gap:36px;min-height:330px;padding:42px max(32px,50vw - 680px);display:grid;position:relative;overflow:hidden}.public-station:after{content:"";z-index:-1;pointer-events:none;border:1px solid #8db36b15;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:5%;box-shadow:0 0 0 38px #8db36b09,0 0 0 78px #8db36b06,0 0 0 120px #8db36b04}.public-station-art{background:#b6ef72;border-radius:8px;place-items:center;width:174px;height:174px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 18px 50px #0004}.public-disc{background:repeating-radial-gradient(circle,#252a26 0 2px,#363c37 2.5px 4px);border-radius:50%;place-items:center;width:125px;height:125px;display:grid;box-shadow:0 9px 20px #0004}.public-disc>div{color:#20241f;background:#ff765e;border-radius:50%;place-items:center;width:47px;height:47px;display:grid}.public-station-art>span{color:#20241f;font:700 8px/1.1 var(--mono);background:#f2eee3;padding:5px;position:absolute;bottom:8px;right:9px;transform:rotate(4deg)}.public-station-copy{min-width:0}.public-station-copy .eyebrow{color:#abb4aa;align-items:center;gap:8px;display:flex}.public-station-copy h1{color:#f1f0e9;margin:13px 0 20px;font:700 39px/1.05 Space Grotesk,sans-serif}.public-station-copy h1 span{color:var(--coral)}.public-current{grid-template-columns:1fr;gap:5px;display:grid}.public-current>span{color:#939c92;font:9px var(--mono)}.public-current strong{text-overflow:ellipsis;white-space:nowrap;color:#ecf0e8;max-width:100%;font:600 16px Space Grotesk,sans-serif;overflow:hidden}.public-current small{color:#a0a99f;font-size:11px}.public-play{background:var(--coral);color:#1d211d;cursor:pointer;border:0;border-radius:50%;place-items:center;width:53px;height:53px;padding-left:3px;transition:transform .18s,background .18s;display:grid;box-shadow:0 8px 25px #ff765e35}.public-play:hover{background:#ff957f;transform:scale(1.06)}.public-play:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.listener-mode .player-bar{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding-inline:28px}.listener-mode .playback-center{justify-self:end;width:auto;max-width:none}.listener-mode .playback-buttons{gap:0}.listener-mode .playback-buttons>.icon-button,.listener-mode .seek-row,.listener-mode .player-volume,.listener-mode .player-folder{display:none}.listener-mode .main-play{width:40px;height:40px}.listener-mode .mini-cover{color:#20241f;background:#b6ef72}.listener-mode .mini-track-info strong{font-size:12px}.listener-mode .mini-track-info span{font-size:10px}@media (width<=760px){.public-station{grid-template-columns:105px minmax(0,1fr) 42px;gap:19px;min-height:260px;padding:25px 18px}.public-station-art{width:100px;height:100px}.public-disc{width:74px;height:74px}.public-disc>div{width:34px;height:34px}.public-station-copy h1{margin:10px 0 16px;font-size:27px}.public-current strong{font-size:13px}.public-current small{font-size:10px}.public-play{width:39px;height:39px}.listener-mode .player-bar{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:0 12px}.listener-mode .player-track{gap:8px}.listener-mode .mini-cover{flex-basis:36px;width:36px;height:36px}.listener-mode .playback-center{justify-self:end}.listener-mode .main-play{width:34px;height:34px}}@media (width<=430px){.public-station{grid-template-columns:82px minmax(0,1fr) 36px;gap:13px;min-height:234px;padding:22px 15px}.public-station-art{width:80px;height:80px}.public-disc{width:60px;height:60px}.public-disc>div{width:29px;height:29px}.public-station-art>span{font-size:6px;bottom:5px;right:5px}.public-station-copy .eyebrow{font-size:8px}.public-station-copy h1{margin:8px 0 12px;font-size:23px}.public-current>span{font-size:7px}.public-current strong{font-size:11px}.public-current small{font-size:9px}.public-play{width:34px;height:34px}.listener-mode .player-bar{padding-inline:9px}.listener-mode .mini-track-info strong{font-size:10px}.listener-mode .mini-track-info span{font-size:9px}}.app-shell{min-height:100vh;padding-bottom:84px}.topbar{border-bottom:1px solid var(--line);background:#171a19;align-items:center;gap:42px;height:68px;padding:0 32px;display:flex}.brand{color:var(--text);letter-spacing:0;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--coral)}.brand-mark{color:#161917;background:var(--mint);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.on-air,.eyebrow,.side-label,.folder-heading,.panel-heading,.library-footer,.station-detail>span{font:600 10px/1.2 var(--mono);letter-spacing:0;color:#9ca29c}.on-air{align-items:center;gap:9px;display:flex}.live-dot,.tiny-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #ff765e77}.on-air-separator{color:#575e59}.top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.admin-trigger,.avatar-button,.icon-button,.nav-item,.folder-heading button,.track-title,.track-folder,.row-play,.text-action,.logout-button{cursor:pointer;background:0 0;border:0}.admin-trigger{color:#e3e7e1;border:1px solid #414844;border-radius:6px;align-items:center;gap:9px;height:36px;padding:0 13px;font-size:12px;transition:all .2s;display:flex}.admin-trigger:hover{border-color:var(--mint);color:var(--mint)}.avatar-button{width:31px;height:31px;color:var(--mint);font:600 12px var(--mono);background:#353b37;border-radius:50%}.workspace{grid-template-columns:218px minmax(420px,1fr) 276px;max-width:1600px;min-height:calc(100vh - 152px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;min-height:calc(100vh - 152px);padding:33px 17px 24px;display:flex}.side-label{margin-bottom:17px;padding:0 11px}.nav-item{color:#a9aea9;text-align:left;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:39px;padding:0 11px;font-size:12px;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--text);background:#252a27}.nav-item.selected{color:var(--mint);background:#292f2b}.nav-item.selected svg{color:var(--mint)}.nav-count{color:#777f79;font:10px var(--mono);margin-left:auto}.folder-heading{justify-content:space-between;align-items:center;padding:29px 10px 10px;display:flex}.folder-heading button{color:#89918a;place-items:center;padding:3px;display:grid}.folder-heading button:hover{color:var(--mint)}.folder-list{flex-direction:column;gap:2px;display:flex}.folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-folders{color:#757c77;padding:0 11px;font-size:11px;line-height:1.5}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#b4bab3;border-top:1px solid var(--line);align-items:center;gap:10px;padding:13px 10px;font-size:11px;display:flex}.sidebar-note svg{color:var(--coral)}.version{font:9px var(--mono);color:#68706a;padding:11px 10px 0;display:block}.library{min-width:0;padding:31px 32px 23px}.station-banner{background:#242a27;border:1px solid #343c37;border-radius:8px;align-items:center;gap:31px;min-height:205px;padding:24px 29px;display:flex;position:relative;overflow:hidden}.station-banner:after{content:"";border:1px solid #68726822;border-radius:50%;width:230px;height:230px;position:absolute;top:-111px;right:75px;box-shadow:0 0 0 25px #68726810,0 0 0 51px #6872680b}.banner-art{background:#b5f16c;border-radius:7px;flex:0 0 142px;place-items:center;width:142px;height:142px;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg)}.art-disc{background:repeating-radial-gradient(circle,#222725 0 2px,#303733 2.5px 4px);border-radius:50%;place-items:center;width:105px;height:105px;display:grid;box-shadow:0 8px 18px #12151355}.disc-center{background:var(--coral);color:#181b19;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.art-tag{color:#202522;font:700 8px/1.1 var(--mono);background:#f4f0df;padding:5px 6px;position:absolute;bottom:10px;right:9px;transform:rotate(3deg)}.art-spark{color:var(--coral);font-size:18px;position:absolute}.spark-one{top:7px;left:11px}.spark-two{color:#26302b;top:15px;right:10px}.banner-copy{z-index:1;position:relative}.banner-copy .eyebrow{color:#c0c7c0;align-items:center;gap:8px;display:flex}.banner-copy .live-dot{width:6px;height:6px}.banner-copy h1{letter-spacing:0;color:#f4f2eb;margin:14px 0 7px;font:700 36px/1.05 Space Grotesk,sans-serif}.banner-copy h1 span{color:var(--coral)}.banner-copy p{color:#aab0a9;margin:0;font-size:13px}.banner-meta{color:#9da49d;font:9px var(--mono);align-items:center;gap:10px;margin-top:21px;display:flex}.banner-meta span:first-child{align-items:center;gap:6px;display:flex}.banner-meta .tiny-dot{background:var(--mint);width:5px;height:5px;box-shadow:none}.banner-meta i{background:#4a514c;width:1px;height:11px}.banner-play{z-index:2;background:var(--coral);color:#171a18;cursor:pointer;border:0;border-radius:50%;place-items:center;width:45px;height:45px;transition:transform .2s,background .2s;display:grid;position:absolute;bottom:26px;right:28px}.banner-play:hover{background:#ff927e;transform:scale(1.07)}.library-toolbar{justify-content:space-between;align-items:end;gap:18px;margin:36px 0 19px;display:flex}.muted-eyebrow{color:#828a83}.library-toolbar h2,.modal-top h2{letter-spacing:0;color:#f2f0e9;margin:7px 0 0;font:600 22px/1.2 Space Grotesk,sans-serif}.toolbar-actions{align-items:center;gap:9px;display:flex}.search-box{color:#818982;background:#1a1e1c;border:1px solid #343b36;border-radius:5px;align-items:center;gap:8px;width:223px;height:36px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#727a74}.search-box kbd{font:10px var(--mono);border:1px solid #444c46;border-radius:3px;padding:1px 5px}.upload-button{color:#1b211a;cursor:pointer;background:#b7ef72;border:1px solid #4e5b4d;border-radius:5px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.upload-button:hover{background:#cbf894}.track-table{min-height:258px}.table-head,.track-row{grid-template-columns:34px minmax(170px,1fr) minmax(90px,150px) 62px 28px;align-items:center;column-gap:10px;display:grid}.table-head{border-bottom:1px solid var(--line);height:35px;font:9px var(--mono);color:#858d86}.track-number{text-align:center}.duration-column{text-align:right;padding-right:5px}.track-row{border-bottom:1px solid #292e2b;min-height:61px;transition:background .15s}.track-row:hover,.track-row.active-track{background:#1c211e}.row-play{color:#828a84;place-items:center;width:30px;height:32px;display:grid;position:relative}.row-play:hover,.active-track .row-play{color:var(--mint)}.row-index{font:10px var(--mono)}.row-play-icon{display:none;position:absolute}.track-row:hover .row-index{visibility:hidden}.track-row:hover .row-play-icon{display:block}.track-title{text-align:left;align-items:center;gap:11px;min-width:0;padding:7px 0;display:flex}.track-art{color:#9fb28e;background:#2b322e;border-radius:4px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.track-row:nth-child(3n) .track-art{color:#ff997c;background:#342b27}.track-row:nth-child(4n) .track-art{color:#d2ca75;background:#323125}.track-title>span:last-child{min-width:0}.track-title strong,.mini-track-info strong{text-overflow:ellipsis;white-space:nowrap;color:#e7e9e3;font-size:11px;font-weight:600;display:block;overflow:hidden}.track-title small,.mini-track-info span{text-overflow:ellipsis;white-space:nowrap;color:#8e968f;margin-top:4px;font-size:10px;display:block;overflow:hidden}.track-folder{color:#9ba29c;white-space:nowrap;text-overflow:ellipsis;text-align:left;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex;overflow:hidden}.track-folder:hover{color:var(--mint)}.track-folder svg{flex-shrink:0}.track-duration{text-align:right;color:#959d96;font:10px var(--mono);padding-right:5px}.icon-button{color:#909891;border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.icon-button:hover{color:var(--text);background:#2b312d}.delete-button:hover{color:var(--coral)}.empty-state{color:#7d857e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:250px;display:flex}.empty-state>strong{color:#c8cdc6;font:600 14px Space Grotesk,sans-serif}.empty-state>span{font-size:11px}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-action{color:var(--mint);align-items:center;gap:7px;margin-top:7px;font-size:11px;display:flex}.text-action:hover{text-decoration:underline}.library-footer{border-top:1px solid var(--line);color:#6f7770;justify-content:space-between;padding-top:15px;font-size:8px;display:flex}.now-playing-panel{border-left:1px solid var(--line);padding:33px 22px 24px}.panel-heading{color:#a0a79f;justify-content:space-between;align-items:center;display:flex}.equalizer{align-items:center;gap:2px;height:15px;display:flex}.equalizer i{background:var(--mint);border-radius:2px;width:2px;animation:.85s ease-in-out infinite alternate eq;display:block}.equalizer i:first-child{height:6px}.equalizer i:nth-child(2){height:13px;animation-delay:.2s}.equalizer i:nth-child(3){height:9px;animation-delay:.4s}@keyframes eq{to{height:3px}}.cover-art{aspect-ratio:1;background:#e26c50;border-radius:7px;place-items:center;width:100%;margin:22px 0 19px;display:grid;position:relative;overflow:hidden}.cover-art:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 19px,#21242011 20px 21px);position:absolute;inset:0}.cover-ring{aspect-ratio:1;border:1px solid #2527216b;border-radius:50%;width:74%;position:absolute}.ring-two{width:58%}.cover-sun{aspect-ratio:1;background:#b5ef6f;border-radius:50%;width:38%;position:absolute;top:9%;right:10%;box-shadow:0 0 0 11px #b5ef6f22}.cover-label{z-index:1;font:700 11px/1.12 var(--mono);color:#1b201b;position:relative;transform:rotate(-8deg)}.cover-label b{font:700 48px/.95 Space Grotesk,sans-serif}.cover-star{z-index:1;color:#272b25;font-size:25px;position:absolute}.star-a{top:13%;left:12%}.star-b{color:#f4eddd;bottom:12%;right:15%}.now-track{justify-content:space-between;align-items:center;gap:6px;display:flex}.now-track>div{min-width:0}.now-track h3{color:#f0f1eb;text-overflow:ellipsis;white-space:nowrap;margin:0;font:600 15px/1.35 Space Grotesk,sans-serif;overflow:hidden}.now-track p{color:#969d96;margin:4px 0 0;font-size:11px}.no-track h3{font-size:12px}.panel-folder{color:#9da49c;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.panel-folder svg{color:var(--coral)}.panel-divider{background:var(--line);height:1px;margin:21px 0}.station-detail{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.station-detail>span{color:#757d76;font-size:8px}.station-detail strong{color:#d1d5cf;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.station-detail .tiny-dot{background:var(--mint);width:6px;height:6px;box-shadow:none}.panel-tip{color:#a9b0a7;background:#202622;border:1px solid #303932;border-radius:5px;align-items:flex-start;gap:9px;margin-top:24px;padding:12px;font-size:10px;line-height:1.5;display:flex}.panel-tip svg{color:var(--mint);flex:none}.player-bar{z-index:5;background:#1c201e;border-top:1px solid #343a36;grid-template-columns:minmax(190px,1fr) minmax(280px,1.15fr) minmax(130px,1fr);align-items:center;gap:20px;height:84px;padding:0 27px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-track{align-items:center;gap:11px;min-width:0;display:flex}.mini-cover{color:#20251e;background:#b5ef6f;border-radius:5px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.mini-track-info{min-width:0}.playback-center{justify-self:center;width:100%;max-width:420px}.playback-buttons{justify-content:center;align-items:center;gap:18px;height:38px;display:flex}.playback-buttons .icon-button{width:27px;height:27px}.main-play{color:#1b1f1c;cursor:pointer;background:#f0f0e9;border:0;border-radius:50%;place-items:center;width:33px;height:33px;padding-left:2px;transition:transform .15s;display:grid}.main-play:hover{background:var(--mint);transform:scale(1.07)}.seek-row{color:#89918a;font:9px var(--mono);grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;display:grid}.seek-row span:last-child{text-align:right}.seek-row input,.player-volume input{appearance:none;background:linear-gradient(to right,var(--mint) var(--progress,0%),#454b46 var(--progress,0%));cursor:pointer;border-radius:4px;width:100%;height:3px;margin:0}.seek-row input::-webkit-slider-thumb{appearance:none;background:#dce2d9;border-radius:50%;width:8px;height:8px}.player-volume input::-webkit-slider-thumb{appearance:none;background:#dce2d9;border-radius:50%;width:8px;height:8px}.player-volume{justify-self:end;align-items:center;gap:8px;width:118px;display:flex}.player-volume input{background:#454b46}.autoplay-nudge{color:#1b211a;cursor:pointer;background:#b8ef77;border:1px solid #4c5a49;border-radius:5px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:92px;right:20px;box-shadow:0 6px 20px #0005}.toast{z-index:12;color:#ecf0e9;background:#2c342f;border:1px solid #495349;border-radius:5px;align-items:center;gap:15px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:101px;right:20px;box-shadow:0 8px 24px #0005}.toast button{color:#aeb7ad;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080a09b8;place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.admin-modal{background:#1c211e;border:1px solid #3a433c;border-radius:8px;width:min(100%,500px);padding:25px;animation:.22s modal-in;box-shadow:0 25px 80px #0008}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-top{justify-content:space-between;align-items:flex-start;display:flex}.modal-top h2{margin-top:7px;font-size:20px}.admin-status{color:#c2c9c0;background:#252c27;border:1px solid #354039;border-radius:5px;align-items:center;gap:8px;height:42px;margin:20px 0 18px;padding:0 11px;font-size:11px;display:flex}.admin-status .live-dot{background:var(--mint);box-shadow:none}.logout-button{color:#a0a89f;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.logout-button:hover{color:var(--coral)}.upload-form,.login-form{flex-direction:column;gap:14px;display:flex}.login-form{margin-top:23px}.login-form>p{color:#adb4ac;margin:0 0 5px;font-size:12px;line-height:1.5}.field-label{color:#a1a99f;font:9px var(--mono);flex-direction:column;gap:8px;display:flex}.field-label input{color:#edf0e8;background:#161a18;border:1px solid #424a43;border-radius:4px;height:39px;padding:0 11px;font:12px DM Sans,sans-serif}.file-drop{cursor:pointer;background:#202622;border:1px dashed #586353;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:147px;transition:all .2s;display:flex}.file-drop:hover{border-color:var(--mint);background:#252d27}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{width:35px;height:35px;color:var(--mint);background:#344033;border-radius:50%;place-items:center;display:grid}.file-drop strong{color:#e2e8df;font-size:12px}.file-drop small{color:#8f9a8e;font-size:10px}.upload-submit{background:var(--mint);color:#192018;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:41px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.upload-submit:hover{background:#cafa94}.upload-submit:disabled{opacity:.65;cursor:wait}.admin-footnote{color:#8a9389;align-items:center;gap:8px;padding-top:4px;font-size:10px;line-height:1.4;display:flex}.admin-footnote svg{color:#a9d96f;flex:none}@media (width<=1180px){.workspace{grid-template-columns:190px minmax(390px,1fr)}.now-playing-panel{display:none}.library{padding-inline:26px}.player-bar{grid-template-columns:minmax(180px,1fr) minmax(280px,1.2fr) minmax(100px,.6fr)}}@media (width<=760px){.topbar{gap:15px;height:59px;padding:0 16px}.brand{font-size:17px}.brand-mark{width:29px;height:29px}.on-air{gap:6px;font-size:8px}.top-actions{gap:8px}.admin-trigger{justify-content:center;width:34px;padding:0}.admin-trigger span,.avatar-button{display:none}.workspace{min-height:calc(100vh - 143px);display:block}.sidebar{border:0;border-bottom:1px solid var(--line);scrollbar-width:none;flex-direction:row;gap:6px;height:51px;min-height:0;padding:7px 14px;display:flex;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.side-label,.folder-heading,.sidebar-bottom,.empty-folders{display:none}.folder-list{display:contents}.nav-item{width:auto;min-width:max-content;min-height:35px;padding:0 11px}.nav-item svg{width:14px}.nav-count{margin-left:0}.library{padding:22px 15px}.station-banner{gap:16px;min-height:155px;padding:17px}.banner-art{flex-basis:105px;width:105px;height:105px}.art-disc{width:78px;height:78px}.disc-center{width:32px;height:32px}.banner-copy h1{margin:9px 0 5px;font-size:27px}.banner-copy p{font-size:11px}.banner-meta{gap:7px;margin-top:14px;font-size:7px}.banner-play{width:37px;height:37px;bottom:14px;right:15px}.library-toolbar{flex-direction:column;align-items:flex-start;gap:13px;margin:27px 0 13px}.toolbar-actions{width:100%}.search-box{flex:1;width:auto}.upload-button{padding:0 10px}.table-head,.track-row{grid-template-columns:26px minmax(125px,1fr) minmax(0,90px) 43px 22px;column-gap:5px}.table-head{font-size:8px}.track-title{gap:7px}.track-art{flex-basis:29px;width:29px;height:29px}.track-title strong{font-size:10px}.track-title small,.track-folder,.track-duration{font-size:9px}.track-row{min-height:56px}.row-play{width:25px}.track-number{text-align:center}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:5px;height:84px;padding:0 12px}.player-track{gap:8px}.mini-cover{flex-basis:36px;width:36px;height:36px}.mini-track-info strong{font-size:10px}.mini-track-info span{font-size:9px}.player-volume{display:none}.playback-center{justify-self:end;width:auto}.playback-buttons{gap:8px}.seek-row{grid-template-columns:26px minmax(60px,105px) 26px;gap:5px;font-size:8px}.main-play{width:31px;height:31px}.autoplay-nudge{bottom:91px;right:12px}.toast{justify-content:space-between;bottom:95px;left:10px;right:10px}.modal-backdrop{align-items:end;padding:0}.admin-modal{width:100%;padding:23px 19px calc(24px + env(safe-area-inset-bottom));border-radius:9px 9px 0 0;max-height:90vh;overflow:auto}.cover-art,.now-playing-panel{display:none}}@media (width<=430px){.on-air{display:none}.banner-art{flex-basis:87px;width:87px;height:87px}.art-disc{width:68px;height:68px}.art-tag{font-size:6px}.banner-copy h1{font-size:24px}.banner-copy p{font-size:10px}.banner-meta{font-size:6px}.station-banner{gap:12px}.table-head,.track-row{grid-template-columns:23px minmax(110px,1fr) 0 38px 20px}.table-head>span:nth-child(3),.track-folder{display:none}.row-action-space{width:20px}.track-title{gap:6px}.track-art{flex-basis:27px;width:27px;height:27px}.player-bar{padding-inline:8px}.playback-buttons{gap:5px}.playback-buttons .icon-button{width:25px}.seek-row{grid-template-columns:22px minmax(55px,84px) 22px}}.banner-play+.banner-play{right:82px}@media (width<=430px){.banner-play+.banner-play{right:60px}}.public-live-badge{font:700 11px var(--mono);color:var(--coral);background:#ff765e18;border:1px solid #ff765e33;border-radius:20px;justify-self:end;align-items:center;gap:8px;height:fit-content;padding:8px 14px;display:flex}.nav-folder-row{border-radius:5px;justify-content:space-between;align-items:center;padding-right:6px;transition:background .15s;display:flex}.nav-folder-row:hover{background:#232924}.nav-folder-row.selected{background:#29302b}.nav-item-btn{cursor:pointer;color:#a9aea9;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;min-height:39px;padding:0 11px;font-size:12px;display:flex}.nav-folder-row.selected .nav-item-btn{color:#fff}.folder-edit-btn{cursor:pointer;color:#788279;opacity:.4;background:0 0;border:0;border-radius:4px;align-items:center;padding:4px;transition:opacity .15s,color .15s;display:flex}.nav-folder-row:hover .folder-edit-btn{opacity:1}.folder-edit-btn:hover{color:var(--mint)}.folder-edit-input{border:1px solid var(--mint);color:#fff;background:#1b201c;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:12px}.track-row-actions{align-items:center;gap:4px;display:flex}.edit-track-button{color:#8a948b;padding:4px}.edit-track-button:hover{color:var(--mint)}@media (width<=900px) and (width>=761px){.table-head,.track-row{grid-template-columns:28px minmax(115px,1fr) minmax(0,90px) 48px minmax(78px,auto);column-gap:6px}}.admin-seek-row{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;width:100%;display:grid}.admin-progress-track{cursor:default;background:#2e3530;border-radius:3px;width:100%;height:6px;overflow:hidden}.admin-progress-fill{background:linear-gradient(90deg,var(--mint),var(--coral));height:100%;transition:width .3s linear}.listener-playback-center{justify-content:center;align-items:center;display:flex}.live-status-pill{font:600 11px var(--mono);color:#b3bfb2;background:#1e2420;border:1px solid #333d36;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;display:flex}.live-status-pill strong{color:#e6ede5}.folder-modal,.track-edit-modal{max-width:440px}.modal-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.interactive-seek{cursor:pointer;position:relative}.interactive-seek:hover .admin-progress-fill{filter:brightness(1.2)}.seek-btn-badge{font:700 9px var(--mono);color:#9db299;letter-spacing:0}.folder-selection-mode{margin-top:6px}.folder-select-group{align-items:center;gap:10px;display:flex}.folder-select-input{color:#f0f5ee;font:13px var(--mono);background:#181c19;border:1px solid #3c483f;border-radius:6px;outline:none;flex:1;padding:10px 12px;transition:border-color .15s}.folder-select-input:focus{border-color:var(--mint)}.new-folder-inline-btn{white-space:nowrap;color:var(--mint);border:1px dashed #3c483f;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .15s}.new-folder-inline-btn:hover{border-color:var(--mint);background:#202822}.live-announcer-badge{animation:1.8s infinite pulse-live;color:#ff5252!important;background:#e5393524!important;border-color:#e5393566!important}@keyframes pulse-live{0%{box-shadow:0 0 #ff525244}70%{box-shadow:0 0 0 10px #ff525200}to{box-shadow:0 0 #ff525200}}.live-mic-cover{animation:1.8s infinite pulse-live;color:#fff!important;background:#d32f2f!important}.public-next-track{background:#181d1a;border:1px dashed #343f36;border-radius:6px;align-items:center;gap:6px;max-width:fit-content;margin-top:10px;padding:6px 12px;font-size:11px;display:flex}.public-next-track span{font:700 9px var(--mono);color:var(--mint)}.public-next-track strong{color:#e6ede5;font-weight:600}.public-next-track small{color:#909c8f}.autoplay-prompt-badge{cursor:pointer;font-weight:700;animation:1.5s infinite pulse-live;box-shadow:0 4px 18px #ff765e66;background:var(--coral)!important;color:#181c19!important}.admin-sub-tabs{border-bottom:1px solid #2e3630;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;padding-bottom:12px;display:grid}.admin-sub-tab{color:#9ca79b;min-height:42px;font:600 12px/1.35 var(--mono);cursor:pointer;white-space:normal;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;transition:all .15s;display:flex}.admin-sub-tab svg{flex:none}.admin-sub-tab:hover{color:#fff;background:#242a25}.admin-sub-tab.active{color:var(--mint);background:#1f2821;border-color:#3e4d41}.queue-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.queue-header-row>div:first-child{flex:260px;min-width:0}.queue-header-row h3{color:#f0f5ee;margin:0 0 3px;font-size:15px}.queue-header-row p{color:#859184;margin:0;font-size:11px;line-height:1.5}.queue-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.delete-color{color:#ff6b6b!important}.queue-list{flex-direction:column;flex:auto;gap:6px;min-height:180px;max-height:none;padding-right:4px;display:flex;overflow-y:auto}.queue-item-row{background:#181c19;border:1px solid #283029;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.queue-item-row:hover{background:#1d2320;border-color:#37453a}.queue-pos{font:700 11px var(--mono);color:var(--mint);width:20px}.queue-info{flex-direction:column;flex:1;min-width:0;display:flex}.queue-info strong{color:#e6ede5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-info small{color:#889487;font-size:10px}.queue-duration{font:11px var(--mono);color:#93a092}.queue-item-buttons{align-items:center;gap:6px;display:flex}.empty-queue-box{text-align:center;color:#838f82;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty-queue-box strong{color:#e2eae0;font-size:14px}.empty-queue-box p{max-width:320px;margin:0;font-size:11px}.schedule-mode-box{background:#181c19;border:1px solid #2d352e;border-radius:8px;margin-bottom:20px;padding:14px}.mode-label-row{font:700 11px var(--mono);color:#9db09b;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mode-selector-buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.mode-btn{color:#a6b2a5;font:600 11px var(--mono);cursor:pointer;text-align:center;background:#1e2420;border:1px solid #364038;border-radius:6px;padding:10px 12px;transition:all .15s}.mode-btn:hover{color:#fff;background:#252d27}.mode-btn.active{background:var(--mint);color:#141715;border-color:var(--mint);font-weight:700}.active-program-banner{border-left:3px solid var(--mint);color:#cad5c8;background:#232d25;border-radius:4px;align-items:center;gap:9px;margin-top:12px;padding:8px 12px;font-size:11px;display:flex}.schedules-section{margin-top:10px}.section-title-row{margin-bottom:12px}.section-title-row h3{color:#e8f0e6;margin:0 0 2px;font-size:14px}.section-title-row small{color:#889487;font-size:11px}.schedules-list{flex-direction:column;gap:8px;max-height:180px;margin-bottom:18px;display:flex;overflow-y:auto}.schedule-card{background:#181c19;border:1px solid #2c332d;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sched-header{align-items:center;gap:10px;display:flex}.sched-folder-tag{font:700 10px var(--mono);color:var(--mint);background:#263028;border-radius:4px;padding:3px 8px}.sched-times span{color:#9ba89a;font-size:12px}.sched-times strong{color:#e6ede5}.empty-sched-notice{color:#7e8b7d;margin:6px 0;font-size:11px;font-style:italic}.create-schedule-form{background:#1b211d;border:1px dashed #343f36;border-radius:8px;padding:14px}.create-schedule-form h4{color:var(--mint);font-size:12px;font-family:var(--mono);margin:0 0 10px}.sched-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sched-submit{width:100%;margin-top:12px}.live-tab-box{padding:4px 0}.live-studio-card{background:#181c19;border:1px solid #2f3831;border-radius:8px;padding:18px}.live-studio-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.studio-mic-icon{color:#ff5252;background:#e5393522;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.live-studio-header h3{color:#eef4ec;margin:0 0 4px;font-size:16px}.live-studio-header p{color:#8f9c8d;margin:0;font-size:11px}.live-on-air-status{font:700 12px var(--mono);color:#9fb09e;background:#1f2521;border:1px solid #353f36;border-radius:6px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:flex}.live-on-air-status.active-live{color:#ff5252;background:#e5393526;border-color:#e5393577;animation:1.8s infinite pulse-live}.live-setup-instructions h4{color:#e6ede5;margin:0 0 8px;font-size:13px}.live-setup-instructions p{color:#94a193;margin:0 0 10px;font-size:11px}.live-cred-list{color:#abb7a9;flex-direction:column;gap:5px;margin:0 0 14px;padding:0;font-size:11px;list-style:none;display:flex}.live-cred-list code{color:var(--mint);font-family:var(--mono);background:#111412;border-radius:4px;padding:2px 7px}.live-ducking-tip{border-left:3px solid var(--mint);color:#cad5c8;background:#212923;border-radius:4px;padding:10px 14px;font-size:11px;line-height:1.4}.queue-track-button{color:#7fa87d}.queue-track-button:hover{color:var(--mint)}.admin-status-actions{align-items:center;gap:12px;display:flex}.sync-btn{color:var(--mint);border:1px solid #3d4a3f;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.sync-btn:hover{border-color:var(--mint);background:#232b24}.modal-backdrop{justify-content:center;align-items:center;padding:16px;display:flex;overflow-y:auto}.admin-modal{background:#181d1a;border:1px solid #364238;border-radius:12px;flex-direction:column;width:min(100%,1040px);max-height:calc(100vh - 32px);padding:24px 28px;display:flex;overflow:hidden;box-shadow:0 30px 90px #000c}.admin-modal.is-login{width:min(100%,500px)}.admin-modal .modal-top{flex-shrink:0;margin-bottom:14px}.admin-modal form:not(.login-form){flex-direction:column;gap:14px;margin-right:-6px;padding-right:6px;display:flex;overflow:hidden auto}.admin-modal form:not(.login-form) .upload-submit{margin-top:4px}.admin-now-block{color:#cdd5cb;background:#1f2621;border:1px solid #2f3a32;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.admin-now-block strong{color:#eef4ec;font-size:13px}.admin-now-block .now-label{font:700 9px var(--mono);color:var(--coral);letter-spacing:.5px}.admin-now-block .now-meta{font:10px var(--mono);color:#8f9b8e;margin-left:auto}.admin-tab-content{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.admin-now-block,.queue-header-row{flex-shrink:0}.queue-history{flex-direction:column;gap:8px;display:flex}.history-list{color:#9daa9c;max-height:150px;margin:0;padding-left:20px;font-size:11px;line-height:1.7;overflow-y:auto}.history-list li::marker{color:var(--mint)}.admin-modal-body{flex-direction:column;flex:1;gap:16px;min-height:0;margin-right:-6px;padding-right:6px;display:flex;overflow:hidden auto}.admin-modal-body::-webkit-scrollbar{width:6px}.admin-modal-body::-webkit-scrollbar-thumb{background:#2f3b32;border-radius:3px}.admin-status{flex-wrap:wrap;gap:10px;height:auto;min-height:42px;padding:6px 11px}.admin-status-actions{flex-wrap:wrap;margin-left:auto}@media (width<=760px){.modal-backdrop{align-items:flex-end;padding:0}.admin-modal{width:100%;max-height:94vh;padding:18px 14px calc(14px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.admin-sub-tabs{grid-template-columns:1fr 1fr;gap:6px}.admin-sub-tab{padding:8px 6px;font-size:10px}.sched-form-grid{grid-template-columns:1fr}.admin-status-actions{justify-content:flex-start;width:100%;margin-left:0}.admin-now-block .now-meta{width:100%;margin-left:0}.queue-header-row{flex-direction:column;align-items:stretch}.queue-actions{justify-content:flex-start}.queue-actions .text-action{flex:auto;justify-content:center}.queue-item-row{flex-wrap:wrap;gap:8px}.queue-item-buttons{margin-left:auto}}.live-password-box{background:#1b221d;border:1px solid #3a4a3d;border-radius:6px;margin-top:15px;padding:14px}.live-password-label{font:600 9px var(--mono);letter-spacing:.5px;color:#8fa08f;margin-bottom:8px;display:block}.live-password-value{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-password-value code{min-width:0;color:var(--mint);font:600 14px var(--mono);letter-spacing:1px;word-break:break-all;background:#151a17;border:1px dashed #4d6b4f;border-radius:5px;flex:1;padding:9px 11px}.live-password-copy{color:#cfe3c8;cursor:pointer;background:0 0;border:1px solid #4d6b4f;border-radius:5px;flex:none;height:36px;padding:0 14px;font-size:11px;font-weight:600;transition:all .2s}.live-password-copy:hover{color:var(--mint);background:#2b3a2d}.live-password-empty{color:#e0a08a;margin:0;font-size:11px;line-height:1.5}.live-password-actions{flex-wrap:wrap;gap:8px;margin-top:11px;display:flex}.live-password-generate{background:var(--mint);color:#192018;cursor:pointer;border:0;border-radius:5px;height:36px;padding:0 14px;font-size:11px;font-weight:700;transition:all .2s}.live-password-generate:hover{background:#cafa94}.live-password-revoke{color:#eda694;cursor:pointer;background:0 0;border:1px solid #6b4a44;border-radius:5px;height:36px;padding:0 14px;font-size:11px;font-weight:600;transition:all .2s}.live-password-revoke:hover{background:#3a2521}.live-password-hint{color:#8c968c;margin-top:10px;font-size:10px;line-height:1.5;display:block}@media (width<=760px){.live-password-value{flex-direction:column;align-items:stretch}.live-password-copy{width:100%}.live-password-actions button{flex:1}}.admin-modal .text-action{color:#cfe3c8;white-space:nowrap;background:#1f2621;border:1px solid #3a463c;border-radius:5px;height:32px;margin-top:0;padding:0 11px;font-size:11px;font-weight:600;transition:all .15s}.admin-modal .text-action:hover{color:var(--mint);background:#2a352c;border-color:#4d6b4f;text-decoration:none}.admin-modal .text-action:disabled{opacity:.5;cursor:not-allowed}.admin-modal .queue-item-buttons .icon-button{border:1px solid #0000;width:28px;height:28px}.admin-modal .queue-item-buttons .icon-button:hover{background:#2b312d;border-color:#3d4a3f}.modal-backdrop{padding:24px 16px;overflow-y:auto}.admin-modal{margin:auto}@media (width<=760px){.modal-backdrop{padding:0}}.admin-modal .queue-header-row{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px;display:flex}.admin-modal .queue-header-row>div:first-child{min-width:0}.admin-modal .queue-header-row h3{color:#f0f5ee;margin:0 0 5px;font-size:16px}.admin-modal .queue-header-row p{color:#8b978a;max-width:70ch;margin:0;font-size:12px;line-height:1.55}.admin-modal .queue-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;width:100%;display:grid}.admin-modal .queue-actions .text-action{width:100%}.admin-modal .text-action{color:#d3e6c9;min-width:0;height:auto;min-height:44px;font:600 13px/1 var(--mono);letter-spacing:.2px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:#202823;border:1px solid #3d4a40;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:0 18px;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.admin-modal .text-action svg{flex:0 0 16px;width:16px;height:16px}.admin-modal .text-action:hover{color:var(--mint);background:#28332b;border-color:#5a7757;transform:translateY(-1px)}.admin-modal .text-action:active{transform:translateY(0)}.admin-modal .text-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.admin-modal .text-action.delete-color{color:#f0a294;border-color:#5d443d}.admin-modal .text-action.delete-color:hover{color:#ffb7a6;background:#35251f;border-color:#8a5245}@media (width<=900px){.admin-modal .queue-actions{gap:8px}.admin-modal .text-action{height:42px;padding:0 12px;font-size:12px}}@media (width<=760px){.admin-modal .queue-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px}.admin-modal .text-action{height:44px;padding:0 10px;font-size:12px}}@media (width<=430px){.admin-modal{padding-inline:14px}.admin-modal .queue-actions{grid-template-columns:1fr}.admin-modal .queue-header-row p{font-size:11px}}