: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}.player-folder{margin-left:2px}.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)}.control-on{color:var(--mint)!important}.repeat-folder-mark{color:var(--mint);font:7px var(--mono);position:absolute;bottom:1px;right:2px}.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-folder,.player-volume{display:none}.playback-center{justify-self:end;width:auto}.playback-buttons{gap:8px}.playback-buttons .optional-control{display:none}.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}}