:root{--bg:#0c0d12;--panel:#171922;--panel2:#20232e;--text:#f7f7fb;--muted:#989dac;--pink:#ff2b89;--orange:#ff7a18;--cyan:#20d6ca;--line:#2a2d38;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:92px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:.96;letter-spacing:-.055em}h1 em,.welcome em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--orange),var(--cyan));-webkit-background-clip:text;color:transparent}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#0c0d12e8;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand>span,.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--orange),var(--cyan));color:#101116;font-weight:950}.brand b{font-size:1rem}.brand em{font-style:normal;color:var(--pink)}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{color:#b4b7c1;font-weight:700;font-size:.9rem}.site-header nav a.active,.site-header nav a:hover{color:#fff}.staff-link{padding:10px 16px;border:1px solid var(--line);border-radius:10px}.menu-button{display:none;background:none;border:0;color:#fff}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:70px clamp(22px,8vw,130px);overflow:hidden}.hero>div:first-child{max-width:710px}.hero>div>p:not(.eyebrow){max-width:590px;font-size:1.16rem;color:#b1b5c2}.eyebrow{font-size:.73rem!important;letter-spacing:.25em;color:#ff74b4!important;font-weight:800}.hero-actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:11px;border:1px solid var(--line);font-weight:800}.primary{border:0;background:linear-gradient(100deg,var(--pink),var(--orange));color:white}.secondary{background:#181a22;color:white}.on-air{border-left:2px solid var(--pink);padding-left:16px;display:grid}.on-air small{font-size:.65rem;letter-spacing:.15em;color:var(--pink)}.on-air span{color:var(--muted)}.phoenix-art{height:480px;display:grid;place-items:center;position:relative}.orb{position:absolute;width:360px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd06a,var(--orange) 25%,var(--pink) 55%,transparent 70%);filter:drop-shadow(0 0 70px #ff2b8960)}.phoenix-art strong{position:relative;font-size:6rem;letter-spacing:-.1em;text-shadow:0 8px 35px #000;font-style:italic}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.feature-strip article{padding:30px clamp(22px,5vw,75px);display:grid;border-right:1px solid var(--line)}.feature-strip small{color:var(--muted);font-size:.65rem;letter-spacing:.18em}.feature-strip a,.feature-strip button{color:var(--pink);background:none;border:0;padding:6px 0;text-align:left}.page-wrap{max-width:1200px;margin:auto;padding:75px 24px 110px}.page-intro{max-width:730px;margin-bottom:50px}.page-intro h1{font-size:clamp(3rem,7vw,5rem);margin-bottom:20px}.page-intro>p:last-child{color:var(--muted);font-size:1.1rem}.team-grid,.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-grid article,.show-grid article,.contact-layout>*,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.team-grid img,.avatar{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:20px}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#302034,#1b3340);font-size:5rem;font-weight:900}.team-grid article>small,.show-grid article>small{color:var(--pink);text-transform:uppercase;letter-spacing:.14em}.team-grid article>p{color:#bbb}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:.78rem}.show-cover{aspect-ratio:16/10;background:radial-gradient(circle at 70% 25%,var(--orange),var(--pink) 30%,#242130 65%);display:grid;place-items:center;border-radius:14px;margin-bottom:20px}.show-cover span{font-size:4rem;font-weight:950;font-style:italic}.day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px}.day-tabs button{padding:14px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#aaa}.day-tabs button.active{background:linear-gradient(100deg,var(--pink),var(--orange));color:#fff;border-color:transparent}.public-schedule article{display:flex;gap:28px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:22px;margin-bottom:10px;border-radius:14px}.public-schedule time{font-size:1.4rem;font-weight:900;color:var(--pink);min-width:74px}.public-schedule h2{margin:2px 0}.public-schedule small{text-transform:uppercase;color:var(--muted)}.empty-schedule{display:none;padding:45px;text-align:center;color:var(--muted);background:var(--panel);border-radius:14px}.empty-schedule.visible{display:block}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.contact-layout aside{background:linear-gradient(135deg,#271c2b,#172935)}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:.84rem;font-weight:750;color:#c8cad2}input,textarea,select{width:100%;border:1px solid #383b48;border-radius:9px;background:#101118;color:#fff;padding:11px 12px}textarea{resize:vertical}.site-footer{padding:45px clamp(22px,7vw,100px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.player{position:fixed;z-index:50;bottom:0;left:0;right:0;height:76px;background:#151720f5;backdrop-filter:blur(16px);border-top:1px solid #343744;display:flex;align-items:center;gap:16px;padding:10px clamp(14px,4vw,55px)}.player-play{width:50px;height:50px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--pink),var(--orange));color:white;font-weight:900}.player>div:nth-child(2){display:grid;min-width:220px}.player small{color:var(--pink);font-size:.62rem;letter-spacing:.14em}.player small i{color:var(--cyan);font-style:normal;margin-left:12px;letter-spacing:0}.player span{color:var(--muted);font-size:.75rem}.bars{display:flex;align-items:end;gap:3px;height:30px;margin-right:auto}.bars i{width:3px;height:30%;background:var(--pink);animation:bar .7s ease-in-out infinite alternate;animation-play-state:paused}.playing .bars i{animation-play-state:running}.bars i:nth-child(2){height:80%;animation-delay:.15s}.bars i:nth-child(3){height:50%;animation-delay:.3s}.bars i:nth-child(4){height:95%;animation-delay:.45s}@keyframes bar{to{height:100%}}.player input{width:120px}.request-open{background:none;border:1px solid #444755;border-radius:9px;color:white;padding:9px 13px}dialog{width:min(520px,92vw);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:#fff;padding:28px}dialog::backdrop{background:#050509d0}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:none;color:#fff;font-size:1.8rem}.flash{max-width:1100px;margin:18px auto;padding:12px 18px;background:#17342e;border:1px solid #276b5a;border-radius:10px}.login-wrap,.install{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.install-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:38px}.login-card h1,.install-card h1{font-size:2.6rem}.notice.error{padding:12px;background:#48202b;border-radius:9px}.success{padding:14px;background:#173a30;border-radius:9px;margin-bottom:16px}.staff-body{padding:0}.staff-nav{position:fixed;inset:0 auto 0 0;width:250px;background:#111218;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;z-index:30}.staff-nav .brand{padding:0 6px 22px}.staff-nav>small{padding:20px 12px 8px;color:var(--pink);letter-spacing:.2em;font-size:.62rem}.staff-nav>a:not(.brand),.staff-nav form button{display:block;padding:11px 13px;border-radius:8px;color:#aeb1bc;font-weight:650}.staff-nav>a.active{background:#32202f;color:#ff68ac}.staff-nav form{margin-top:auto}.staff-nav form button{width:100%;border:1px solid var(--line);background:none;text-align:left}.staff-main{margin-left:250px;padding:28px clamp(20px,4vw,60px);min-height:100vh}.staff-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.staff-top h1{font-size:2rem;margin:0}.staff-top small{font-size:.62rem;letter-spacing:.2em;color:var(--pink)}.staff-top>button{display:none}.welcome{padding:36px;border-radius:24px;background:linear-gradient(110deg,#2b1e2d,#1d2b38);margin-bottom:22px}.welcome h2{font-size:2.3rem;margin-bottom:5px}.welcome p{font-size:.65rem;letter-spacing:.2em;color:#aaa}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-grid article{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:14px;display:grid}.stat-grid small{font-size:.64rem;letter-spacing:.18em;color:#a1a5b2}.stat-grid b{font-size:2rem}.stat-grid span{font-size:.78rem;color:var(--muted)}.panel{margin-bottom:20px}.panel>h2,.panel>h3{font-size:1.1rem}.row,.request-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0}.row time{display:grid;min-width:90px;color:#aaa}.row time b{color:#fff}.row>span,.request-row>span{display:grid;flex:1}.row small,.request-row small{color:var(--muted)}.row>i{font-style:normal;color:var(--muted)}.status{font-size:.7rem;padding:5px 9px;border-radius:999px;font-style:normal;text-transform:uppercase}.status.pending,.status.new{background:#4e3a1d;color:#ffc95c}.status.approved,.status.played{background:#173e34;color:#55e2b3}.status.declined,.status.dismissed{background:#44232e;color:#ff7b9d}.row form,.actions{display:flex;gap:5px}.row form button,.request-row form button,.actions a,.actions button{background:#242731;border:1px solid #393c48;color:#fff;border-radius:7px;padding:6px 9px}.request-row{align-items:start}.request-row p{margin:4px 0;color:#bbb}.two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.form-grid{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.locked{color:#a5a8b1}
.player-track{width:min(300px,22vw)}.player-host{display:grid;align-content:center;min-width:190px;max-width:270px;padding-left:18px;border-left:1px solid #383b48;line-height:1.25}.player-host em{font-style:normal;color:var(--pink);font-size:.56rem;font-weight:850;letter-spacing:.12em}.player-host b{color:#fff;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-host span{color:var(--muted);font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .bars{height:48px;gap:4px;align-items:center;padding:0 8px}.player .bars i{width:4px;min-height:8px;border-radius:4px;background:linear-gradient(to top,var(--pink),var(--orange));animation-duration:.55s}.player .bars i:nth-child(2){height:72%;animation-delay:.08s}.player .bars i:nth-child(3){height:44%;animation-delay:.16s}.player .bars i:nth-child(4){height:90%;animation-delay:.24s}.player .bars i:nth-child(5){height:58%;animation-delay:.32s}.player .bars i:nth-child(6){height:100%;animation-delay:.4s}.player .bars i:nth-child(7){height:36%;animation-delay:.48s}.player .bars i:nth-child(8){height:76%;animation-delay:.56s}.home-live-host{display:flex;align-items:center;gap:13px;margin-top:18px;padding:12px 14px;width:min(420px,100%);background:#171922cc;border:1px solid var(--line);border-radius:14px}.home-live-host img,.host-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover}.host-avatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--orange));font-size:1.25rem;font-weight:900}.home-live-host span{display:grid;min-width:0}.home-live-host small{color:var(--pink);font-size:.62rem;font-weight:800;letter-spacing:.16em}.home-live-host strong{font-size:1.05rem}.home-live-host b{color:var(--muted);font-size:.78rem;font-weight:600}.team-section-title{grid-column:1/-1;border-bottom:1px solid var(--line);padding:8px 2px 14px;margin-top:22px}.team-section-title:first-child{margin-top:0}.team-section-title small{color:var(--pink);font-size:.68rem;font-weight:800;letter-spacing:.18em}.team-section-title h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:3px 0 0}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#12131a;padding:20px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.phoenix-art{height:300px}.orb{width:270px}.feature-strip,.team-grid,.show-grid{grid-template-columns:1fr 1fr}.day-tabs{grid-template-columns:repeat(4,1fr)}.contact-layout,.two-col{grid-template-columns:1fr}.staff-nav{transform:translateX(-100%);transition:.2s}.staff-nav.open{transform:none}.staff-main{margin-left:0}.staff-top>button{display:block}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{padding-bottom:130px}.hero h1{font-size:3.3rem}.hero{padding-inline:22px}.phoenix-art{display:none}.feature-strip,.team-grid,.show-grid{grid-template-columns:1fr}.feature-strip article{border-bottom:1px solid var(--line)}.page-wrap{padding-top:50px}.day-tabs{grid-template-columns:repeat(2,1fr)}.site-footer{display:grid;gap:20px}.player{height:115px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr 1fr}.player-play{grid-row:1/3}.player-track{grid-column:2;grid-row:1;width:auto;min-width:0}.player-host{grid-column:2;grid-row:2;min-width:0;max-width:none;border-left:0;padding:2px 0 0}.player-host em{display:none}.player .bars{grid-column:3;grid-row:1/3;margin:0;height:62px;padding:0}.player>input,.request-open{display:none}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.row{align-items:flex-start;flex-wrap:wrap}.show-row>span{min-width:55%}.staff-main{padding-inline:14px}.welcome{padding:25px}.welcome h2{font-size:1.8rem}}

/* Staff panel — studio dashboard */
.staff-body{background:radial-gradient(circle at 80% 0,#18102b 0,#080a10 38%);color:#f8f8fb}
.staff-nav{width:260px;background:linear-gradient(180deg,#12131c,#0b0d13);border-right:0;padding:12px 8px 18px}
.staff-nav:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(#ff2b89,#ff7a18,#ffdc55,#20d6ca)}
.staff-nav .brand{height:64px;padding:0 7px;gap:10px}
.staff-nav .brand>span{width:46px;height:46px;color:#fff;border:2px solid #ff8a9c;border-radius:15px;box-shadow:0 0 18px #ff2b8960}
.staff-nav .brand>b{display:grid;font-size:.96rem;line-height:1.15}
.staff-nav .brand b small{font-size:.55rem;letter-spacing:.35em;color:#ff6cae;margin-top:5px}
.nav-rule{height:1px;background:#252733;margin:10px 0 28px}
.staff-nav>a:not(.brand){position:relative;display:flex;align-items:center;gap:12px;padding:14px 15px;margin:2px 0;border-radius:0 12px 12px 0;color:#9ba0af;font-size:.87rem;font-weight:500}
.staff-nav>a:not(.brand) i{width:20px;color:#aeb3c0;font-style:normal;font-size:1.05rem}
.staff-nav>a:not(.brand).active{color:#fff;background:linear-gradient(90deg,#34182b,#201820);border-left:3px solid #ff2b72}
.staff-nav>a:not(.brand).active b{position:absolute;right:15px;width:8px;height:8px;background:#ff5969;border-radius:50%;box-shadow:0 0 12px #ff5969}
.staff-nav form button{border:0;color:#8d92a1;background:transparent}
.staff-main{margin-left:260px;padding:27px clamp(28px,6vw,125px);max-width:1900px;min-height:100vh}
.staff-top{height:80px;margin-bottom:27px}
.staff-top h1{font-size:2rem;font-weight:500;letter-spacing:-.04em;margin-top:10px}
.staff-top small{font-size:.58rem;color:#ff7247;letter-spacing:.33em}
.staff-role{border:1px solid #313540;background:#151722;border-radius:999px;padding:11px 17px;font-size:.82rem;min-width:155px;text-align:center}
.welcome{position:relative;overflow:hidden;min-height:245px;padding:48px 46px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#f41f7a 0,#ae258f 42%,#4c22a0 72%,#20256d 100%);border-radius:28px}
.welcome:before{content:"";position:absolute;right:17%;top:-90px;width:210px;height:210px;border:42px solid #ffffff10;border-radius:50%;box-sizing:border-box}
.welcome:after{content:"RPR";position:absolute;right:12px;top:50%;bottom:auto;font-weight:950;font-style:italic;font-size:195px;line-height:1;color:#ffffff0d;letter-spacing:-.08em;transform:translateY(-50%) rotate(-7deg);transform-origin:center;white-space:nowrap}
.welcome p{position:relative;z-index:1;color:#ffd2e4;font-size:.62rem;letter-spacing:.23em;margin-bottom:25px}
.welcome h2{position:relative;z-index:1;font-size:clamp(2.2rem,4vw,3.55rem);font-weight:400;letter-spacing:-.055em;margin:0 0 20px}
.welcome>span{position:relative;z-index:1;color:#ffe8f2}
.on-air-pill{position:absolute;z-index:2;right:46px;top:50%;transform:translateY(-50%);padding:13px 19px;border:1px solid #555873;background:#090b12;border-radius:999px;font-size:.67rem}
.stat-grid{gap:12px;margin:18px 0}
.stat-grid article{position:relative;min-height:128px;padding:22px;background:linear-gradient(135deg,#171923,#11131b);border-color:#1c1f29;border-radius:18px}
.stat-grid article.live-stat{background:linear-gradient(135deg,#271a1d,#17151f);border-color:#663128}
.stat-grid small{font-size:.58rem;letter-spacing:.13em;text-transform:none;color:#838aa0}
.stat-grid b{font-size:2.25rem;line-height:1.2;margin-top:16px}
.stat-grid article>span{position:absolute;right:22px;top:21px;color:#ff6348;font-size:1.45rem}
.dashboard-split{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
.dashboard-split .panel{padding:0;background:#13151e;border-color:#1c1f29;border-radius:20px;overflow:hidden;min-height:208px}
.dashboard-split .panel>header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #242631}
.dashboard-split .panel>header h3{font-size:1rem;margin:0}
.dashboard-split .panel>header small{color:#888fa3}
.dashboard-split .panel>header a{color:#ff3f8b;font-size:.85rem}
.dashboard-split .row{padding:20px 24px;border-color:#242631}
.lineup-panel .row time{min-width:60px}
.lineup-panel .row time b{display:grid;place-items:center;background:#31162d;color:#ff5598;border-radius:10px;padding:9px 8px}
.lineup-panel .row>i{color:#40d9bd;font-size:.65rem}
.dashboard-empty{min-height:135px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#747b90;font-size:.86rem}
.dashboard-empty strong{font-size:2rem}
@media(max-width:1100px){.staff-main{padding-inline:30px}.dashboard-split{grid-template-columns:1fr}.welcome{min-height:220px}.on-air-pill{right:28px}}
@media(max-width:900px){.staff-nav{width:260px}.staff-main{margin-left:0}.staff-role{display:none}}
@media(max-width:600px){.staff-main{padding:18px 14px}.staff-top{height:65px}.welcome{min-height:230px;padding:30px 24px}.welcome h2{font-size:2.25rem;max-width:85%}.welcome>span{max-width:75%}.on-air-pill{right:18px;top:25px;transform:none}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{min-height:115px;padding:17px}.dashboard-split{grid-template-columns:1fr}}
.staff-role{display:none!important}
.public-site-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #343744;background:#151722;color:#fff;border-radius:999px;padding:11px 18px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.18s ease}
.public-site-button:hover,.public-site-button:focus{border-color:#ff477f;background:#251725;box-shadow:0 0 0 3px #ff2b8920;outline:0}
@media(max-width:600px){.public-site-button{padding:9px 12px;font-size:.72rem}}
.public-schedule article[hidden]{display:none!important}
.recent-tracks{border:1px solid #303243;background:radial-gradient(circle at 80% 25%,#172133 0,#10131d 45%,#0b0d13 100%);border-radius:24px;overflow:hidden;box-shadow:0 22px 55px #0007}
.recent-tracks>header{display:flex;align-items:center;gap:23px;padding:20px 25px;background:linear-gradient(110deg,#351124,#651b54 43%,#242063 76%,#123f45);border:1px solid #ff6e864f;border-radius:22px;box-shadow:inset 0 1px #ffb0b755,0 0 30px #ff2b8917}
.recent-heading-icon{width:70px;flex:0 0 70px;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:4rem;font-weight:700;line-height:1;color:#ff794d;text-shadow:0 0 18px #ff2b89}
.recent-heading-copy h2{margin:0;text-transform:uppercase;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1;font-weight:900;letter-spacing:-.04em}
.recent-heading-copy h2 em{font-style:normal;background:linear-gradient(90deg,#ff6a39,#ff2b89,#9d66ff,#20d6ca);-webkit-background-clip:text;color:transparent}
.recent-heading-copy p{margin:8px 0 0;text-transform:uppercase;letter-spacing:.2em;color:#e0d6ef;font-size:.78rem}
.recent-track-list{padding:8px}
.recent-track-list article{display:flex;align-items:center;gap:18px;min-height:88px;padding:7px 18px;border:1px solid #303347;border-radius:16px;background:linear-gradient(90deg,#171923,#0d1119 62%,#10192a);margin-bottom:5px}
.recent-track-list article:last-child{border-bottom:0}
.track-art{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#ff2b89,#ff7a18,#20d6ca);color:#fff;font-size:.9rem;font-weight:950;box-shadow:0 0 0 1px #ffffff20}
.track-art img{width:100%;height:100%;object-fit:cover}
.track-copy{display:grid;flex:1;min-width:0}
.track-copy b{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-copy span{color:#cfc2f4;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-track-list time{display:flex;align-items:center;gap:10px;min-width:88px;justify-content:flex-end;color:#e0d4ff;font-size:1rem;font-weight:850}
.recent-track-list time i{font-style:normal;font-size:1.75rem;color:#20d6ca}
.recent-empty{padding:35px 25px;margin:0;color:var(--muted);text-align:center}
.public-recent{max-width:1100px;margin:55px auto 100px}
.staff-recent{margin-top:0}
.dashboard-split .staff-recent>header{height:auto;padding:16px 18px;gap:13px;background:linear-gradient(110deg,#351124,#651b54 43%,#242063 76%,#123f45);border:1px solid #ff6e864f}
.staff-recent .recent-heading-icon{width:44px;flex-basis:44px;font-size:2.2rem}
.staff-recent .recent-heading-copy h2{font-size:1.35rem}
.staff-recent .recent-heading-copy p{font-size:.52rem;letter-spacing:.1em;margin-top:5px}
.staff-recent .recent-track-list article{min-height:67px;padding:6px 10px;gap:10px}
.staff-recent .track-art{width:52px;height:52px;flex-basis:52px}
.staff-recent .track-copy b{font-size:.92rem}.staff-recent .track-copy span{font-size:.75rem}
.staff-recent .recent-track-list time{font-size:.75rem;min-width:58px;gap:4px}.staff-recent .recent-track-list time i{font-size:1.15rem}
@media(max-width:1150px){.public-recent{margin-inline:24px}}
@media(max-width:600px){.public-recent{margin:35px 14px 70px}.recent-tracks>header{padding:18px;gap:12px}.recent-heading-icon{width:42px;flex-basis:42px;font-size:2.2rem}.recent-heading-copy h2{font-size:1.45rem}.recent-heading-copy p{font-size:.58rem;letter-spacing:.1em}.recent-track-list article{padding:7px;gap:10px;min-height:70px}.track-art{width:56px;height:56px;flex-basis:56px}.track-copy b{font-size:.95rem}.track-copy span{font-size:.8rem}.recent-track-list time{min-width:58px;font-size:.82rem;gap:4px}.recent-track-list time i{font-size:1.2rem}}
.staff-nav .brand{height:78px;align-items:center;padding:0 8px 0 6px}
.staff-nav .brand>span{width:56px;height:56px;flex:0 0 56px;font-size:0;border:0;border-radius:17px;background:transparent url("favicon.svg") center/contain no-repeat;box-shadow:0 0 22px #ff2b8955}
.week-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:16px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#13151e}
.week-nav strong{text-align:center;font-size:.95rem}
.week-nav button{width:max-content;border:1px solid #383b48;border-radius:9px;background:#20232e;color:#fff;padding:9px 13px;font-weight:700}
.week-nav button:last-child{justify-self:end;background:linear-gradient(100deg,#ff2b89,#7a36c8);border-color:transparent}
.week-nav button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:600px){.week-nav{grid-template-columns:1fr 1fr}.week-nav strong{grid-column:1/-1;grid-row:1}.week-nav button{grid-row:2;width:100%}.week-nav button:last-child{justify-self:stretch}}
@media(max-width:900px) and (min-width:601px){.player>input{display:none}.player-track{width:min(260px,28vw)}.player-host{min-width:150px}}