:root{--bg:#0b0b0d;--surface:#121216;--surface2:#18181d;--line:#2a2a31;--text:#f7f7f8;--muted:#9898a3;--pink:#e60155;--blue:#0059e7;--max:1320px;--player:78px;--radius:10px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body{margin:0;background:var(--bg);min-height:100vh;padding-bottom:var(--player)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:64px;display:flex;align-items:center;padding:0 max(20px,calc((100vw - var(--max))/2));gap:32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,11,13,.96);backdrop-filter:blur(18px);z-index:20}.brand{font-weight:900;letter-spacing:-.045em;font-size:22px;white-space:nowrap}.brand b{color:var(--pink)}.brand span{font-size:9px;letter-spacing:.2em;color:#7d7d89;margin-left:7px}.topbar nav{display:flex;align-self:stretch}.topbar nav a{display:flex;align-items:center;padding:0 16px;color:#b8b8c1;font-size:12px;font-weight:700;letter-spacing:.08em;border-bottom:2px solid transparent}.topbar nav a:hover{color:white;border-color:var(--pink)}.account{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px}.account form{margin:0}.link-btn{background:none;border:0;color:var(--muted);cursor:pointer}.pill,.cta{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--pink);color:white;padding:11px 18px;font-weight:800;border-radius:999px;cursor:pointer}.hero{max-width:var(--max);margin:24px auto 0;padding:72px clamp(28px,6vw,80px);min-height:470px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 80% 25%,rgba(0,89,231,.34),transparent 34%),radial-gradient(circle at 62% 70%,rgba(230,1,85,.3),transparent 38%),linear-gradient(135deg,#17171d,#0c0c10 68%)}.eyebrow,.section-head span,.page-head>span,.dashboard-head span,.profile-copy>span,.set-copy>span,.auth-card>span{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--pink)}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin:14px 0 20px;max-width:900px}.hero h1 span{color:white}.hero p{max-width:620px;color:#b9b9c2;font-size:17px;line-height:1.6;margin:0}.hero .cta{align-self:flex-start;margin-top:24px}.section{padding:48px 20px;max-width:var(--max);margin:auto}.section.dark{max-width:none;padding-left:max(20px,calc((100vw - var(--max))/2));padding-right:max(20px,calc((100vw - var(--max))/2));background:#101014}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font-size:28px;margin:5px 0 0;letter-spacing:-.035em}.section-head>a{font-size:12px;color:var(--muted);font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.set-card{min-width:0}.cover{display:block;position:relative;aspect-ratio:1;background:#17171d;overflow:hidden;border-radius:var(--radius)}.cover img{width:100%;height:100%;object-fit:cover;transition:.3s}.cover:hover img{transform:scale(1.02);filter:brightness(.62)}.play-orb{position:absolute;right:16px;bottom:16px;width:52px;height:52px;border-radius:50%;border:0;background:var(--pink);color:white;opacity:0;transform:translateY(5px);transition:.2s;cursor:pointer;font-size:18px;box-shadow:0 10px 30px #0008}.cover:hover .play-orb{opacity:1;transform:none}.set-meta{padding:12px 1px}.set-meta>span{font-size:9px;letter-spacing:.14em;color:var(--pink);font-weight:900}.set-meta h3{font-size:16px;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-meta p{margin:0;color:#b1b1bb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-meta small{display:block;margin-top:7px;color:#71717c}.resident-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}.resident{text-align:center}.resident img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#17171d;transition:.2s}.resident:hover img{transform:scale(1.025)}.resident strong{display:block;margin-top:12px;font-size:14px}.resident span{font-size:10px;color:var(--muted)}.page-head{max-width:var(--max);margin:auto;padding:62px 20px 26px}.page-head h1{font-size:clamp(46px,7vw,82px);line-height:.9;letter-spacing:-.055em;margin:12px 0 20px}.page-head p{color:var(--muted);font-size:17px}.search{display:grid;grid-template-columns:1fr 210px auto;gap:10px;max-width:850px;margin-top:26px}.search input,.search select,.search button,.form-grid input,.form-grid textarea,.form-grid select,.auth-card input,.comment-form textarea{background:#17171c;border:1px solid #303038;color:white;border-radius:8px;padding:13px}.search input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.comment-form textarea:focus{outline:1px solid #555560;border-color:#555560}.search button,.form-grid>button,.auth-card button,.comment-form button,.update-form button{border:0;background:var(--pink);color:white;padding:13px 20px;font-weight:800;border-radius:8px;cursor:pointer}.profile-hero,.set-hero{max-width:var(--max);margin:24px auto 0;padding:42px;display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:end;border-radius:16px;background:radial-gradient(circle at 88% 20%,rgba(0,89,231,.25),transparent 35%),linear-gradient(135deg,#202027,#111116)}.profile-hero>img,.set-hero-cover{width:100%;aspect-ratio:1;object-fit:cover;background:#17171d;border-radius:8px;box-shadow:0 18px 60px #0008}.profile-copy h1,.set-copy h1{font-size:clamp(42px,6vw,78px);line-height:.92;letter-spacing:-.055em;margin:12px 0 14px}.profile-copy p,.set-copy p{color:#c0c0c8;max-width:760px;line-height:1.65}.socials,.hero-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.socials a,.ghost{border:1px solid #3a3a43;background:#15151a;color:white;padding:9px 14px;border-radius:999px;cursor:pointer}.stats{color:#aaaab4;margin-top:16px;font-size:13px}.content-grid{max-width:var(--max);margin:auto;padding:34px 20px 84px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:64px}.content-grid h2{font-size:20px;margin:28px 0 14px}.prose{color:#b8b8c1;line-height:1.75}.waveform-shell{height:96px;margin:24px 0 10px;position:relative;overflow:hidden;display:flex;align-items:center;gap:3px}.waveform-shell i{display:block;width:3px;background:linear-gradient(var(--pink),var(--blue));border-radius:3px;opacity:.72}.tracklist{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.tracklist li{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.tracklist button{background:none;border:0;color:var(--pink);font-family:monospace;cursor:pointer;text-align:left}.comment-form{display:grid;gap:9px}.comments>div{border-bottom:1px solid var(--line);padding:14px 0}.comments p{color:#c1c1c9;margin:7px 0}.comments small{color:#6e6e79}.auth-card,.install-card{max-width:520px;margin:80px auto;padding:38px;background:#121216;border:1px solid var(--line);border-radius:12px}.auth-card h1,.install-card h1{font-size:42px;margin:10px 0 28px}.auth-card form{display:grid;gap:15px}.auth-card label,.form-grid label{display:grid;gap:8px;font-size:12px;color:#b1b1bb}.dashboard-head{max-width:var(--max);margin:auto;padding:58px 20px 26px;display:flex;align-items:end;justify-content:space-between}.dashboard-head h1{font-size:48px;margin:7px 0}.panel,.stat-grid{max-width:var(--max);margin:0 auto 70px}.panel{padding:28px;background:#121216;border:1px solid var(--line);border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid hr{grid-column:1/-1;width:100%;border:0;border-top:1px solid var(--line)}.form-grid .wide,.upload-zone{grid-column:1/-1}.upload-zone{min-height:190px;border:1px dashed #4a4a55!important;border-radius:12px!important;background:#101014!important;display:flex!important;align-items:center;justify-content:center;text-align:center;padding:32px!important;cursor:pointer}.upload-zone input{max-width:420px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.users>div{grid-template-columns:1.2fr 1.8fr .8fr .7fr}.table span{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px}.stat-grid>div{padding:26px;background:#121216;border:1px solid var(--line);border-radius:10px}.stat-grid strong{font-size:34px;display:block}.stat-grid span{color:var(--muted)}.admin-links{display:grid;gap:1px}.admin-links a{padding:17px;border-bottom:1px solid var(--line)}.update-form{display:flex;gap:12px;margin:25px 0}.note{margin-top:35px;padding:20px;background:#0d0d11;border-left:3px solid var(--blue);color:#b0b0ba}.toast{position:fixed;top:76px;right:20px;padding:13px 17px;z-index:50;background:#18181d;border:1px solid var(--line);box-shadow:0 12px 40px #0008;border-radius:8px}.toast.success{border-left:3px solid #2ecc71}.toast.error{border-left:3px solid var(--pink)}.site-footer-wide{max-width:var(--max);margin:55px auto 0;padding:38px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777782;font-size:12px}.global-player{position:fixed;left:0;right:0;bottom:0;height:var(--player);background:rgba(18,18,22,.98);border-top:1px solid #303038;z-index:40;display:grid;grid-template-columns:56px 44px minmax(170px,320px) 1fr 55px;gap:14px;align-items:center;padding:10px max(14px,calc((100vw - var(--max))/2));backdrop-filter:blur(18px)}.global-player[hidden]{display:none}.global-player img{width:56px;height:56px;object-fit:cover;border-radius:5px}.global-player button{width:42px;height:42px;border:0;border-radius:50%;background:var(--pink);color:white;cursor:pointer}.player-copy{display:grid;min-width:0}.player-copy small{color:#85858f}.player-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player input{width:100%;accent-color:var(--pink)}.install{display:grid;place-items:center;min-height:100vh}.install-card{width:min(760px,calc(100% - 32px));max-width:760px}.install-card .form-grid button{grid-column:1/-1}.alert{padding:12px;margin:16px 0}.alert.error{background:#40101f}.empty-state{padding:44px;border:1px dashed #34343c;border-radius:12px;color:var(--muted);text-align:center}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.resident-grid{grid-template-columns:repeat(3,1fr)}.profile-hero,.set-hero{grid-template-columns:190px 1fr;gap:28px;margin:18px 18px 0}.content-grid{grid-template-columns:1fr}.topbar nav{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){:root{--player:68px}.topbar{height:60px;padding:0 15px;gap:10px}.brand{font-size:18px}.account .pill{display:none}.hero{margin:12px 12px 0;padding:48px 24px;min-height:390px}.hero h1{font-size:48px}.section,.page-head{padding-left:16px;padding-right:16px}.cards{grid-template-columns:1fr 1fr;gap:14px}.play-orb{opacity:1;width:44px;height:44px;right:10px;bottom:10px}.set-meta h3{font-size:14px}.resident-grid{grid-template-columns:repeat(2,1fr)}.profile-hero,.set-hero{grid-template-columns:1fr;margin:12px 12px 0;padding:24px}.profile-hero>img,.set-hero-cover{max-width:220px}.profile-copy h1,.set-copy h1{font-size:44px}.content-grid{padding:20px 16px 60px;gap:24px}.search{grid-template-columns:1fr}.dashboard-head{padding:44px 16px 22px;align-items:start;gap:14px;flex-direction:column}.panel{margin:0 16px 60px;padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .wide,.upload-zone{grid-column:auto}.stat-grid{grid-template-columns:1fr 1fr;padding:0 16px}.table>div,.users>div{grid-template-columns:1fr;gap:6px}.global-player{grid-template-columns:46px 40px 1fr 40px;padding:7px 9px}.global-player img{width:46px;height:46px}.global-player input{display:none}.global-player time{font-size:10px}.player-copy small{display:none}.site-footer-wide{padding-bottom:28px;flex-direction:column;gap:20px}}

/* 1.1.2 stability & UX layer */
.cover-wrap{position:relative}.cover-wrap .cover{display:block}.cover-wrap:hover .cover img{transform:scale(1.02);filter:brightness(.62)}.cover-wrap:hover .play-orb,.play-orb:focus-visible,.play-orb.is-current{opacity:1;transform:none}.play-orb.is-playing{box-shadow:0 0 0 5px rgba(230,1,85,.18),0 10px 30px #0008}.play-orb.is-loading{pointer-events:none;opacity:.65}.play-orb:focus-visible,.cta:focus-visible,.ghost:focus-visible,.nav-toggle:focus-visible,.global-player button:focus-visible,.topbar a:focus-visible{outline:2px solid #fff;outline-offset:3px}.nav-toggle{display:none;margin-left:2px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#15151a;color:#fff;cursor:pointer;font-size:18px}.toast{transition:opacity .25s,transform .25s}.toast.is-hiding{opacity:0;transform:translateY(-8px);pointer-events:none}.global-player.player-error{border-top-color:var(--pink);box-shadow:0 -6px 28px rgba(230,1,85,.12)}.global-player time{font-variant-numeric:tabular-nums}.content-grid aside{min-width:0}.comments{overflow-wrap:anywhere}.tracklist span{min-width:0;overflow-wrap:anywhere}.upload-zone small{display:block;margin-top:8px;color:var(--muted)}
@media(max-width:900px){.topbar{gap:18px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;order:4}.topbar nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;height:auto;background:rgba(11,11,13,.99);border-bottom:1px solid var(--line);padding:8px 18px 18px;box-shadow:0 18px 38px #0008}.topbar nav.is-open{display:grid}.topbar nav a{min-height:50px;padding:0 4px;border-bottom:1px solid var(--line)}.account{margin-left:auto}.profile-hero,.set-hero{align-items:center}}
@media(max-width:600px){.account>a:not(.pill){max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account form{display:none}.hero{min-height:350px}.hero p{font-size:15px}.section-head{align-items:center}.section-head h2{font-size:24px}.profile-copy p,.set-copy p{font-size:14px}.waveform-shell{height:72px}.hero-actions .cta,.hero-actions .ghost{min-height:44px}.content-grid h2{margin-top:20px}.comment-form textarea{min-height:100px}.global-player{grid-template-columns:46px 40px minmax(0,1fr) 42px}.global-player button{width:40px;height:40px}.global-player time{text-align:right}.cover-wrap .play-orb{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 1.1.2 real audio waveform */
.waveform-real{display:block;cursor:pointer;user-select:none;border-radius:6px;background:#0e0e12;outline:none}.waveform-real canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.waveform-real .waveform-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0006;pointer-events:none;z-index:2}.waveform-real .waveform-state{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.04em;pointer-events:none}.waveform-real:focus-visible{outline:2px solid #fff;outline-offset:3px}

.inline-action{display:inline-block;margin-left:8px}.inline-action button{border:0;background:none;color:var(--pink);padding:0;cursor:pointer;font-size:11px;font-weight:800}.wave-ok{color:#72d39c;font-size:10px}

/* 1.1.5 — Set detail redesign, inspired by modern audio platforms while retaining 320 FM identity */
.sc-set-hero{max-width:var(--max);min-height:470px;margin:24px auto 0;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:42px;position:relative;overflow:hidden;border-radius:16px;background:#25252c}.sc-set-hero__wash{position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,rgba(230,1,85,.34),transparent 34%),radial-gradient(circle at 75% 26%,rgba(0,89,231,.3),transparent 36%),linear-gradient(125deg,#30303a 0%,#1a1a21 58%,#111116 100%);filter:saturate(.9)}.sc-set-hero__main,.sc-set-art{position:relative;z-index:1}.sc-set-hero__main{min-width:0;display:flex;flex-direction:column}.sc-set-titleline{display:flex;align-items:flex-start;gap:18px}.sc-main-play{flex:0 0 66px;width:66px;height:66px;border:0;border-radius:50%;background:var(--pink);color:#fff;font-size:25px;cursor:pointer;box-shadow:0 14px 36px #0007;transition:transform .18s,box-shadow .18s}.sc-main-play:hover{transform:scale(1.035);box-shadow:0 18px 42px #0009}.sc-main-play.is-loading{opacity:.66;pointer-events:none}.sc-title-stack{min-width:0}.sc-artist-link{display:inline-flex;background:rgba(8,8,11,.78);padding:7px 10px;color:#d2d2d8;font-size:14px}.sc-title-stack h1{display:table;max-width:100%;margin:4px 0 9px;padding:8px 12px;background:rgba(8,8,11,.86);font-size:clamp(30px,4.4vw,58px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}.sc-subline{display:flex;gap:7px;flex-wrap:wrap}.sc-subline span{background:rgba(8,8,11,.66);color:#bdbdc5;padding:6px 9px;font-size:11px}.sc-set-art{align-self:center;display:block}.sc-set-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 24px 70px #0009}.sc-waveform{margin-top:auto;margin-bottom:0;height:132px;background:transparent}.sc-waveform.waveform-real{border-radius:0}.sc-waveform .waveform-playhead{background:#fff}.sc-wave-time{display:flex;justify-content:space-between;color:#eee;font-size:10px;font-variant-numeric:tabular-nums;margin-top:2px}.waveform-hover-time{position:absolute;top:6px;z-index:4;transform:translateX(-50%);padding:4px 6px;border-radius:4px;background:#070709;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0}.sc-actionbar{max-width:var(--max);margin:0 auto;padding:13px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.sc-actionbar__left,.sc-actionbar__stats{display:flex;gap:8px;align-items:center}.sc-actionbar__left form{margin:0}.sc-action{height:34px;border:1px solid #34343c;background:#131317;color:#eee;border-radius:4px;padding:0 12px;cursor:pointer;font-weight:700;font-size:12px}.sc-action:hover{border-color:#565662;background:#18181e}.sc-actionbar__stats{color:#858590;font-size:11px;gap:15px}.sc-body{max-width:var(--max);margin:0 auto;padding:28px 20px 100px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:46px}.sc-content{min-width:0}.sc-uploader-row{display:flex;align-items:center;gap:12px;padding-bottom:22px}.sc-uploader-avatar{width:62px;height:62px;flex:0 0 auto}.sc-uploader-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#1b1b20}.sc-uploader-row strong{display:block;font-size:15px}.sc-uploader-row span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.sc-description{margin-left:74px;margin-top:-76px;min-height:76px;padding-left:22px;border-left:1px solid var(--line)}.sc-description p{margin:0;color:#c5c5cc;line-height:1.75;font-size:14px}.sc-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.sc-tags span{padding:6px 9px;border-radius:999px;background:#18181e;color:#a9a9b3;font-size:10px}.sc-block{margin-top:38px;border-top:1px solid var(--line);padding-top:26px}.sc-block>header span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--pink)}.sc-block>header h2{margin:5px 0 18px;font-size:21px}.sc-tracklist{border-top:0}.sc-tracklist li{grid-template-columns:30px 58px 1fr;padding:11px 6px}.sc-track-no{color:#5d5d68;font-size:11px;text-align:center}.sc-comment-form{grid-template-columns:1fr auto;align-items:end;margin-bottom:12px}.sc-comment-form textarea{min-height:48px;resize:vertical}.sc-comments article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.sc-comments article>img{width:38px;height:38px;object-fit:cover;border-radius:50%;background:#1b1b20}.sc-comment-head{display:flex;justify-content:space-between;gap:20px}.sc-comment-head strong{font-size:12px}.sc-comment-head small{color:#666671;font-size:10px}.sc-comments p{font-size:13px;line-height:1.6;margin:5px 0 0}.sc-sidebar{border-left:1px solid var(--line);padding-left:28px}.sc-side-section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.sc-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sc-side-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#777782}.sc-side-head a{font-size:10px;color:#aaaab3}.sc-related{display:grid;grid-template-columns:68px minmax(0,1fr) 32px;gap:10px;align-items:center;margin:11px 0}.sc-related img{width:68px;height:68px;object-fit:cover;background:#18181d}.sc-related strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35}.sc-related small{display:block;color:#73737e;font-size:10px;margin-top:6px}.sc-related button{width:30px;height:30px;border:1px solid #3b3b44;border-radius:50%;background:#17171c;color:#fff;cursor:pointer}.sc-related button:hover,.sc-related button.is-current{background:var(--pink);border-color:var(--pink)}.sc-set-info dl{margin:0}.sc-set-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #222228;font-size:11px}.sc-set-info dt{color:#74747f}.sc-set-info dd{margin:0;text-align:right;color:#c4c4cb}
@media(max-width:1000px){.sc-set-hero{grid-template-columns:minmax(0,1fr) 310px;min-height:410px}.sc-body{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.sc-waveform{height:108px}}
@media(max-width:760px){.sc-set-hero{margin-top:0;border-radius:0;padding:20px;grid-template-columns:1fr;gap:20px}.sc-set-art{order:-1;width:min(78vw,360px);justify-self:center}.sc-set-hero__main{min-height:280px}.sc-titleline{align-items:center}.sc-main-play{width:56px;height:56px;flex-basis:56px}.sc-title-stack h1{font-size:clamp(26px,8vw,42px)}.sc-waveform{height:92px;margin-top:28px}.sc-actionbar{align-items:flex-start;flex-direction:column}.sc-body{grid-template-columns:1fr;padding-top:22px}.sc-sidebar{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:26px}.sc-description{margin-left:0;margin-top:0;padding-left:0;border-left:0}.sc-uploader-row{padding-bottom:15px}.sc-comment-form{grid-template-columns:1fr}.sc-actionbar__stats{width:100%;justify-content:space-between}.sc-tracklist li{grid-template-columns:24px 54px 1fr}.sc-related{grid-template-columns:60px minmax(0,1fr) 32px}.sc-related img{width:60px;height:60px}}

/* 1.1.6 — Player detail fixes + creator upload experience */
.upload-panel{overflow:hidden}.upload-form{position:relative}.upload-zone{position:relative;min-height:250px!important;flex-direction:column;gap:10px;border:1px dashed #454552!important;background:linear-gradient(145deg,#111116,#0d0d11)!important;transition:border-color .2s,background .2s,transform .2s}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--pink)!important;background:linear-gradient(145deg,rgba(230,1,85,.09),#0d0d11)!important}.upload-zone.is-dragging{transform:scale(.997)}.upload-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.upload-zone__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--blue));font-size:27px;font-weight:300;box-shadow:0 12px 30px #0006}.upload-zone>strong{font-size:19px;color:#f5f5f7;letter-spacing:-.02em}.upload-zone__hint{color:#81818c;font-size:11px;letter-spacing:.08em}.upload-select-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:5px;padding:0 18px;border-radius:5px;background:#fff;color:#0b0b0d;font-size:10px;font-weight:900;letter-spacing:.11em;transition:transform .15s,background .15s}.upload-zone:hover .upload-select-button{transform:translateY(-1px);background:#f0f0f2}.upload-zone__file{max-width:min(100%,620px);margin-top:4px;color:#777783;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-zone.has-file{border-style:solid!important;border-color:#3c6650!important}.upload-zone.has-file .upload-zone__file{color:#8ed8ad}.upload-submit-row{display:flex;justify-content:flex-end;padding-top:4px}.upload-submit{display:inline-flex!important;align-items:center;justify-content:space-between;gap:32px;min-width:220px;min-height:48px!important;padding:0 18px!important;border-radius:5px!important;background:linear-gradient(100deg,var(--pink),#bf0047)!important;box-shadow:0 9px 25px rgba(230,1,85,.17);font-size:11px!important;letter-spacing:.1em;transition:transform .16s,box-shadow .16s,opacity .16s}.upload-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 32px rgba(230,1,85,.25)}.upload-submit:disabled{cursor:wait;opacity:.55}.upload-progress{padding:17px 18px;border:1px solid #2e2e37;border-radius:8px;background:#0d0d11}.upload-progress[hidden]{display:none}.upload-progress__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.upload-progress__top strong{font-size:12px}.upload-progress__top span{font-size:12px;font-variant-numeric:tabular-nums;color:#d8d8df}.upload-progress__track{height:7px;overflow:hidden;border-radius:999px;background:#23232a}.upload-progress__track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--blue));transition:width .12s linear}.upload-progress small{display:block;margin-top:9px;color:#777782;font-size:10px;line-height:1.5}.upload-progress.is-error{border-color:rgba(230,1,85,.5)}.upload-progress.is-error .upload-progress__track>span{background:var(--pink)}.upload-form.is-uploading .upload-zone,.upload-form.is-uploading input,.upload-form.is-uploading textarea,.upload-form.is-uploading select{pointer-events:none;opacity:.72}

/* Set/player page corrections */
.sc-set-art{cursor:default}.sc-set-art img{user-select:none}.sc-waveform{cursor:crosshair}.sc-waveform::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12);pointer-events:none}.sc-wave-time{font-size:11px;color:#d0d0d5}.sc-wave-time [data-wave-current]{min-width:38px;color:#fff}.sc-main-play.is-current{background:#fff;color:#111}.sc-main-play.is-playing{background:var(--pink);color:#fff}.sc-actionbar{background:#0d0d10}.sc-body{align-items:start}.sc-content,.sc-sidebar{min-width:0}.sc-related button.is-playing{background:#fff;color:#111;border-color:#fff}.global-player input[type="range"]{accent-color:var(--pink);min-width:0}.global-player .player-copy small,.global-player .player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.upload-panel{padding:18px}.form-grid.upload-form{grid-template-columns:1fr}.upload-zone{min-height:220px!important;padding:24px 16px!important}.upload-zone>strong{font-size:16px}.upload-submit-row{justify-content:stretch}.upload-submit{width:100%}.sc-set-hero{padding:18px 16px 22px}.sc-set-art{width:min(72vw,320px)}.sc-set-titleline{gap:13px}.sc-title-stack h1{padding:6px 9px}.sc-waveform{height:104px}.sc-actionbar{padding-left:16px;padding-right:16px}.sc-body{padding-left:16px;padding-right:16px}.sc-actionbar__left{width:100%}.sc-action{flex:1}.sc-actionbar__left form{flex:1}.sc-actionbar__left form .sc-action{width:100%}}
@media(max-width:600px){.global-player{height:auto;min-height:86px;grid-template-columns:46px 40px minmax(0,1fr) 48px;grid-template-rows:52px 18px;gap:5px 10px;padding:7px 12px 8px}.global-player img{width:46px;height:46px;grid-column:1;grid-row:1}.global-player button{grid-column:2;grid-row:1;width:38px;height:38px}.global-player .player-copy{grid-column:3;grid-row:1}.global-player time{grid-column:4;grid-row:1;text-align:right;font-size:10px}.global-player input[type="range"]{grid-column:1/-1;grid-row:2;width:100%;margin:0;height:18px}.sc-title-stack h1{font-size:clamp(24px,8vw,36px)}.sc-main-play{width:50px;height:50px;flex-basis:50px;font-size:20px}}

/* 1.1.7 — Set detail/player stabilization */
.sc-set-hero{min-height:500px;padding:34px 34px 30px;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:36px;background:#202027}
.sc-set-hero__wash{background:radial-gradient(circle at 18% 22%,rgba(230,1,85,.29),transparent 34%),radial-gradient(circle at 76% 16%,rgba(0,89,231,.24),transparent 38%),linear-gradient(128deg,#2b2b33 0%,#17171c 62%,#101014 100%)}
.sc-title-stack h1{font-size:clamp(32px,4.1vw,56px);line-height:1.03;padding:8px 11px;margin-top:5px}
.sc-artist-link{font-weight:700}.sc-set-art img{border-radius:2px;box-shadow:0 22px 60px rgba(0,0,0,.56)}
.sc-waveform{position:relative;height:142px;margin-top:auto;isolation:isolate}.sc-waveform canvas{z-index:1}.sc-waveform .waveform-progress{position:absolute;left:0;top:0;bottom:0;width:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(230,1,85,.28),rgba(0,89,231,.22));mix-blend-mode:screen}.sc-waveform .waveform-playhead{z-index:3;width:1px;background:#fff}.sc-waveform .waveform-state{z-index:4;color:#d0d0d6;background:linear-gradient(90deg,rgba(15,15,19,.18),rgba(15,15,19,.04))}.sc-waveform .waveform-state:empty{display:none}.sc-wave-time{margin-top:5px;color:#b9b9c2;font-size:10px}
.sc-actionbar{min-height:58px;padding-top:11px;padding-bottom:11px}.sc-actionbar__stats span{display:inline-flex;align-items:center;gap:5px}.sc-actionbar__stats b{font-size:10px;color:#aaaab4}.sc-actionbar__stats em{font-style:normal;color:#676772}.sc-actionbar__stats span+span{padding-left:12px;border-left:1px solid #292930}
.sc-body{padding-top:30px}.sc-description:empty{display:none}.sc-description{min-height:62px}.sc-uploader-row+ .sc-description:empty{margin:0}.sc-side-section:last-child{border-bottom:0}
.global-player{height:82px;display:grid;grid-template-columns:minmax(220px,360px) minmax(300px,1fr);gap:28px;padding-top:9px;padding-bottom:9px;background:rgba(14,14,18,.985)}.global-player__track{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center}.global-player__track img{width:56px;height:56px}.global-player__controls{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 52px;gap:13px;align-items:center}.global-player__controls button{width:42px;height:42px}.global-player__controls input{width:100%;min-width:0}.global-player__controls time{font-size:11px;font-variant-numeric:tabular-nums;text-align:right;color:#d0d0d6}.global-player .player-copy small{font-size:10px;line-height:1.3;color:#7e7e89}.global-player .player-copy strong{display:block;margin-top:3px;font-size:13px;line-height:1.3}
@media(max-width:900px){.sc-set-hero{grid-template-columns:minmax(0,1fr) 290px;min-height:430px}.sc-waveform{height:112px}.global-player{grid-template-columns:minmax(180px,280px) minmax(260px,1fr);gap:18px}}
@media(max-width:760px){body{padding-bottom:94px}.sc-set-hero{padding:18px 16px 24px;min-height:0;gap:18px}.sc-set-art{width:min(76vw,330px)}.sc-set-hero__main{min-height:0}.sc-titleline{align-items:flex-start}.sc-title-stack h1{font-size:clamp(25px,8vw,38px);line-height:1.05}.sc-waveform{height:108px;margin-top:26px}.sc-actionbar{gap:11px}.sc-actionbar__stats{overflow-x:auto;justify-content:flex-start;gap:0;padding-bottom:2px}.sc-actionbar__stats span{white-space:nowrap;padding-right:12px}.sc-actionbar__stats em{display:inline}.global-player{min-height:94px;height:auto;grid-template-columns:1fr;grid-template-rows:48px 28px;gap:5px;padding:8px 12px}.global-player__track{grid-row:1;grid-template-columns:44px minmax(0,1fr);gap:10px}.global-player__track img{width:44px;height:44px}.global-player__controls{grid-row:2;grid-template-columns:34px minmax(0,1fr) 44px;gap:9px}.global-player__controls button{width:32px;height:32px;font-size:12px}.global-player__controls time{font-size:9px}.global-player .player-copy strong{font-size:12px}.global-player .player-copy small{font-size:9px}}
@media(max-width:440px){.sc-actionbar__stats em{display:none}.sc-set-art{width:min(82vw,300px)}.sc-main-play{width:48px;height:48px;flex-basis:48px}.sc-title-stack h1{font-size:clamp(23px,8vw,33px)}}

/* 1.2.1 — Processing gate for large DJ sets */
.sc-main-play:disabled,.sc-main-play.is-processing{cursor:not-allowed;opacity:.55;filter:saturate(.55);box-shadow:none}.sc-waveform.is-processing{cursor:default;overflow:hidden}.sc-waveform.is-processing canvas,.sc-waveform.is-processing .waveform-playhead,.sc-waveform.is-processing .waveform-progress,.sc-waveform.is-processing .waveform-hover-time{filter:blur(3px);opacity:.38}.sc-waveform.is-processing::before{content:"";position:absolute;inset:10px 0;z-index:0;opacity:.32;background:repeating-linear-gradient(90deg,rgba(255,255,255,.62) 0 2px,transparent 2px 8px);clip-path:polygon(0 56%,2% 35%,4% 62%,6% 27%,8% 55%,10% 39%,12% 72%,14% 30%,16% 58%,18% 45%,20% 68%,22% 26%,24% 57%,26% 41%,28% 63%,30% 31%,32% 71%,34% 44%,36% 59%,38% 28%,40% 64%,42% 37%,44% 74%,46% 34%,48% 61%,50% 43%,52% 69%,54% 30%,56% 56%,58% 38%,60% 72%,62% 33%,64% 60%,66% 45%,68% 67%,70% 29%,72% 58%,74% 40%,76% 73%,78% 35%,80% 62%,82% 42%,84% 68%,86% 31%,88% 56%,90% 39%,92% 71%,94% 34%,96% 60%,98% 44%,100% 57%,100% 100%,0 100%)}
.media-processing-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:rgba(7,7,10,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.06)}.media-processing-glass{width:min(430px,92%);padding:20px 22px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:linear-gradient(145deg,rgba(22,22,28,.72),rgba(10,10,14,.52));box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:center}.media-processing-kicker{display:block;margin-bottom:7px;color:#aaaab5;font-size:9px;font-weight:900;letter-spacing:.18em}.media-processing-glass strong{display:block;font-size:clamp(28px,4vw,42px);line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.media-processing-copy{margin-top:8px;color:#dddde3;font-size:12px;font-weight:700}.media-processing-track{height:6px;margin:14px 0 9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.11)}.media-processing-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--blue));transition:width .35s ease}.media-processing-glass small{display:block;color:#8e8e99;font-size:9px;line-height:1.45}.media-processing-overlay.is-failed .media-processing-track span{background:var(--pink)}.media-processing-overlay.is-failed .media-processing-copy{color:#ff9cbc}
@media(max-width:760px){.media-processing-glass{padding:16px 14px}.media-processing-glass strong{font-size:30px}.media-processing-copy{font-size:11px}.media-processing-glass small{font-size:9px}}

/* 1.2.2 — Processing glass refresh + set intro layout fix */
.sc-content-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start;margin:0 0 8px}.sc-content-intro .sc-uploader-row{padding:0;margin:0;align-items:flex-start}.sc-content-intro .sc-description{margin:0;min-height:0;padding:2px 0 2px 24px;border-left:1px solid var(--line)}.sc-content-intro .sc-description p{margin:0}.sc-content-intro .sc-tags{margin-top:14px}.sc-actionbar{position:relative;z-index:6}.sc-body{position:relative;z-index:1}
.media-processing-overlay{padding:14px;background:linear-gradient(180deg,rgba(5,5,8,.14),rgba(5,5,8,.32));backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);border:1px solid rgba(255,255,255,.08)}
.media-processing-glass{position:relative;width:min(560px,94%);overflow:hidden;padding:18px 20px 16px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(25,25,32,.82),rgba(11,11,16,.68));box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);text-align:left}
.media-processing-glass::before{content:"";position:absolute;inset:-80px auto auto -50px;width:180px;height:180px;border-radius:50%;background:rgba(230,1,85,.16);filter:blur(36px);pointer-events:none}.media-processing-glass::after{content:"";position:absolute;right:-60px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:rgba(0,89,231,.16);filter:blur(42px);pointer-events:none}
.media-processing-topline,.media-processing-core,.media-processing-track{position:relative;z-index:1}.media-processing-topline{display:flex;align-items:center;gap:8px}.media-processing-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(230,1,85,.10),0 0 18px rgba(230,1,85,.55);animation:mediaPulse 1.8s ease-in-out infinite}.media-processing-kicker{display:inline-block;margin:0;color:#d5d5dc;font-size:9px;font-weight:900;letter-spacing:.16em}.media-processing-state{margin-left:auto;padding:5px 8px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);color:#8f8f9a;font-size:8px;font-weight:900;letter-spacing:.14em}
.media-processing-core{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;align-items:center;margin:17px 0 15px}.media-processing-ring{width:86px;height:86px;padding:3px;border-radius:50%;background:conic-gradient(var(--pink) calc(var(--processing,0)*1%),rgba(255,255,255,.09) 0);box-shadow:0 10px 30px rgba(0,0,0,.28)}.media-processing-ring>div{width:100%;height:100%;display:grid;place-content:center;border-radius:50%;background:linear-gradient(145deg,rgba(23,23,29,.96),rgba(10,10,14,.96));text-align:center}.media-processing-ring strong{display:block;font-size:25px;line-height:1;color:#fff;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.media-processing-ring small{margin-top:4px;color:#777783;font-size:7px;font-weight:900;letter-spacing:.15em}.media-processing-heading{display:block;margin:0 0 6px;color:#fff;font-size:15px;letter-spacing:-.01em}.media-processing-copy{margin:0;color:#d6d6dd;font-size:12px;font-weight:700}.media-processing-message>small{display:block;max-width:390px;margin-top:7px;color:#858590;font-size:9px;line-height:1.5}.media-processing-track{height:4px;margin:0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.media-processing-track span{box-shadow:0 0 14px rgba(230,1,85,.32)}.media-processing-overlay.is-failed .media-processing-dot{animation:none;background:#ff4b7f}.media-processing-overlay.is-failed .media-processing-ring{background:conic-gradient(#ff4b7f calc(var(--processing,0)*1%),rgba(255,255,255,.09) 0)}.media-processing-overlay.is-failed .media-processing-state{color:#ff9cbc;border-color:rgba(255,75,127,.24);background:rgba(255,75,127,.08)}
@keyframes mediaPulse{0%,100%{opacity:.62;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:760px){.sc-content-intro{grid-template-columns:1fr;gap:16px}.sc-content-intro .sc-description{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.media-processing-glass{width:min(500px,96%);padding:15px;border-radius:15px}.media-processing-core{grid-template-columns:76px minmax(0,1fr);gap:14px;margin:14px 0}.media-processing-ring{width:72px;height:72px}.media-processing-ring strong{font-size:21px}.media-processing-heading{font-size:13px}.media-processing-copy{font-size:10px}.media-processing-message>small{font-size:8px}}
@media(max-width:440px){.media-processing-state{display:none}.media-processing-core{grid-template-columns:66px minmax(0,1fr);gap:12px}.media-processing-ring{width:62px;height:62px}.media-processing-ring strong{font-size:18px}.media-processing-heading{font-size:12px}.media-processing-message>small{display:none}}
@media(prefers-reduced-motion:reduce){.media-processing-dot{animation:none}}

/* 1.2.3 · Modular Admin Control Center */
.admin-body{padding:0;background:#090a0e;color:#f5f6f8;overflow-x:hidden}.admin-body .toast{position:fixed;right:24px;top:78px;z-index:90;max-width:min(460px,calc(100vw - 32px))}.admin-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d0e13,#0a0b0f);border-right:1px solid #202129;z-index:70}.admin-sidebar__brand{height:74px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #1d1e25}.admin-sidebar__brand .brand{font-size:19px}.admin-sidebar__brand .brand span{color:#767985}.admin-sidebar__close{display:none;margin-left:auto;border:0;background:transparent;color:#9b9da7;font-size:26px;cursor:pointer}.admin-sidebar__scroll{flex:1;overflow-y:auto;padding:18px 12px}.admin-nav__group{margin-bottom:21px}.admin-nav__label{display:block;padding:0 12px 8px;color:#666975;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.admin-nav__item{min-height:42px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 11px;border:1px solid transparent;border-radius:9px;color:#a7a9b2;font-size:12px;font-weight:700;transition:.16s}.admin-nav__item:hover{color:#fff;background:#14151b}.admin-nav__item.is-active{color:#fff;border-color:#272934;background:linear-gradient(90deg,rgba(230,1,85,.13),rgba(255,255,255,.025));box-shadow:inset 2px 0 0 var(--pink)}.admin-nav__icon{display:grid;place-items:center;width:24px;height:24px;color:#7c7f8a;font-size:14px}.admin-nav__item.is-active .admin-nav__icon{color:var(--pink)}.admin-nav__soon{padding:4px 5px;border-radius:4px;background:#1b1c23;color:#626571;font-size:6px;letter-spacing:.11em}.admin-sidebar__user{min-height:72px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:12px 15px;border-top:1px solid #1d1e25}.admin-sidebar__user strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__user span{display:block;margin-top:2px;color:#666975;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.admin-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(230,1,85,.22),rgba(0,89,231,.22));border:1px solid #30323c;color:#fff;font-size:12px;font-weight:900}.admin-avatar--small{width:34px;height:34px;border-radius:8px}.admin-sidebar__user form{margin:0}.admin-logout{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#737681;cursor:pointer}.admin-logout:hover{background:#171820;color:#fff}.admin-workspace{min-width:0}.admin-topbar{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:15px;padding:0 clamp(20px,3vw,42px);border-bottom:1px solid #202129;background:rgba(9,10,14,.89);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-topbar>div:nth-child(2){display:flex;flex-direction:column}.admin-topbar__eyebrow{color:#5f626e;font-size:7px;font-weight:900;letter-spacing:.16em}.admin-topbar strong{margin-top:3px;font-size:13px}.admin-topbar__actions{margin-left:auto;display:flex;align-items:center;gap:14px}.admin-topbar__actions>a{color:#90939e;font-size:10px;font-weight:700}.admin-version{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid #2b2d35;border-radius:999px;background:#111218;color:#858894;font-size:8px;font-weight:800;letter-spacing:.07em}.admin-version--large{min-height:34px;padding:0 13px}.admin-menu{display:none;width:36px;height:36px;border:1px solid #292b33;border-radius:8px;background:#121319;color:#fff;cursor:pointer}.admin-main{width:min(1480px,100%);margin:0 auto;padding:38px clamp(20px,3vw,44px) 64px}.admin-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.admin-kicker{display:block;color:var(--pink);font-size:8px;font-weight:900;letter-spacing:.19em}.admin-pagehead h1{margin:7px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.045em}.admin-pagehead p{max-width:690px;margin:0;color:#858894;font-size:12px;line-height:1.6}.admin-primary,.admin-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:0;border-radius:8px;background:var(--pink);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer}.admin-secondary{background:#1c1d24;border:1px solid #30323b}.admin-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.admin-statgrid article{min-height:126px;padding:20px;border:1px solid #22242c;border-radius:12px;background:linear-gradient(145deg,#111218,#0e0f14)}.admin-statgrid article>span{color:#777a85;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.admin-statgrid strong{display:block;margin:12px 0 5px;font-size:31px;line-height:1;letter-spacing:-.04em}.admin-statgrid small{color:#5f626d;font-size:9px}.admin-grid{display:grid;gap:16px;margin-top:16px}.admin-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card{border:1px solid #22242c;border-radius:12px;background:#101116;padding:20px;min-width:0}.admin-card--flush{padding:0;overflow:hidden}.admin-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-card__head--pad{padding:20px 20px 0}.admin-card__head span{color:#696c77;font-size:7px;font-weight:900;letter-spacing:.16em}.admin-card__head h2{margin:5px 0 0;font-size:16px;letter-spacing:-.02em}.admin-card__head>a{color:#848792;font-size:8px;font-weight:900;letter-spacing:.06em}.admin-card__copy{margin:0;color:#858894;font-size:11px;line-height:1.65}.admin-engine-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-engine-summary>div{padding:15px;border-radius:9px;background:#15161c;border:1px solid #24262f}.admin-engine-summary strong{display:block;font-size:22px}.admin-engine-summary span{display:block;margin-top:5px;color:#646773;font-size:8px;text-transform:uppercase}.admin-list{display:flex;flex-direction:column}.admin-list__row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #1f2027}.admin-list__row:first-child{border-top:0}.admin-list__row strong{display:block;font-size:11px}.admin-list__row>div>span{display:block;margin-top:4px;color:#666975;font-size:8px}.admin-badges{display:flex!important;flex-direction:row!important;gap:5px}.admin-badge{display:inline-flex!important;align-items:center;min-height:23px;padding:0 7px;border:1px solid #2b2d36;border-radius:999px;background:#15161c;color:#8c8f99!important;font-size:7px!important;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-badge--ready{border-color:rgba(43,193,126,.22);color:#67d6a0!important;background:rgba(43,193,126,.06)}.admin-badge--failed{border-color:rgba(230,1,85,.24);color:#ff7aa9!important;background:rgba(230,1,85,.06)}.admin-badge--pending{color:#e8bb68!important}.admin-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-mini-stats a{display:flex;align-items:baseline;gap:8px;padding:14px 16px;border:1px solid #22242c;border-radius:10px;background:#101116}.admin-mini-stats strong{font-size:18px}.admin-mini-stats span{color:#6f727d;font-size:8px;text-transform:uppercase}.admin-filter{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto auto;gap:10px;align-items:end}.admin-filter label{display:block;margin:0 0 6px;color:#737681;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.admin-filter input,.admin-filter select,.admin-inlineform select{width:100%;height:40px;border:1px solid #2a2c35;border-radius:8px;background:#15161c;color:#fff;padding:0 11px;font-size:10px}.admin-filter__reset{align-self:center;color:#747782;font-size:9px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:660px}.admin-table th{padding:12px 18px;border-bottom:1px solid #24262e;color:#656873;font-size:7px;text-align:left;text-transform:uppercase;letter-spacing:.12em}.admin-table td{padding:13px 18px;border-bottom:1px solid #1d1f26;color:#afb1ba;font-size:10px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table td>strong{color:#fff}.admin-usercell{display:flex;align-items:center;gap:10px}.admin-usercell strong{display:block;color:#fff;font-size:10px}.admin-usercell span{display:block;margin-top:3px;color:#666975;font-size:8px}.admin-inlineform{margin:0}.admin-inlineform select{height:32px;min-width:105px}.admin-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #2b2d36;border-radius:999px;background:#15161c;color:#8c8f99;font-size:7px;font-weight:900;text-transform:uppercase}.admin-status--active,.admin-status--done{border-color:rgba(43,193,126,.22);color:#67d6a0;background:rgba(43,193,126,.06)}.admin-status--running{border-color:rgba(0,89,231,.28);color:#7faeff;background:rgba(0,89,231,.08)}.admin-status--failed,.admin-status--blocked{border-color:rgba(230,1,85,.28);color:#ff7aa9;background:rgba(230,1,85,.07)}.admin-status--pending{color:#e8bb68}.admin-diagnostic{display:flex;flex-direction:column}.admin-diagnostic>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid #1f2027}.admin-diagnostic>div:first-child{border-top:0}.admin-diagnostic span{color:#666975;font-size:9px}.admin-diagnostic strong{font-size:9px;word-break:break-all}.admin-code{display:block;margin:14px 0;padding:12px;border-radius:8px;background:#0a0b0f;border:1px solid #22242c;color:#b9bac2;font-size:9px;word-break:break-all}.admin-row-error{display:block;max-width:420px;margin-top:4px;color:#d46d90;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-updateform{display:flex;flex-direction:column;gap:14px}.admin-file{position:relative;display:block;padding:18px;border:1px dashed #353741;border-radius:10px;background:#0d0e13;cursor:pointer}.admin-file input{position:absolute;opacity:0;pointer-events:none}.admin-file strong{display:block;font-size:11px}.admin-file small{display:block;margin-top:5px;color:#6c6f79;font-size:8px}.admin-checklist{margin:0;padding:0;list-style:none}.admin-checklist li{position:relative;padding:10px 0 10px 20px;border-top:1px solid #1f2027;color:#898c96;font-size:10px;line-height:1.5}.admin-checklist li:first-child{border-top:0}.admin-checklist li::before{content:'✓';position:absolute;left:0;color:#67d6a0}.admin-empty{padding:28px;color:#6d707a;text-align:center;font-size:10px}.admin-backdrop{display:none}
@media(max-width:1050px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.admin-statgrid{grid-template-columns:repeat(2,1fr)}.admin-filter{grid-template-columns:1fr 160px auto}.admin-filter__reset{grid-column:1/-1}.admin-grid--2{grid-template-columns:1fr}}
@media(max-width:760px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;width:min(286px,86vw);transform:translateX(-102%);transition:transform .2s ease;box-shadow:24px 0 70px #0009}.admin-nav-open .admin-sidebar{transform:none}.admin-sidebar__close{display:block}.admin-backdrop{display:block;position:fixed;inset:0;z-index:60;background:#0009;opacity:0;visibility:hidden;transition:.2s}.admin-nav-open .admin-backdrop{opacity:1;visibility:visible}.admin-menu{display:grid;place-items:center}.admin-topbar{height:64px;padding:0 14px}.admin-topbar__actions>a{display:none}.admin-main{padding:28px 15px 48px}.admin-pagehead{align-items:flex-start;flex-direction:column}.admin-pagehead h1{font-size:34px}.admin-statgrid,.admin-mini-stats{grid-template-columns:repeat(2,1fr)}.admin-statgrid article{min-height:105px;padding:16px}.admin-statgrid strong{font-size:27px}.admin-filter{grid-template-columns:1fr}.admin-filter__reset{grid-column:auto}.admin-secondary{width:100%}.admin-card{padding:16px}.admin-card--flush{padding:0}.admin-card__head--pad{padding:16px 16px 0}}
@media(max-width:430px){.admin-statgrid,.admin-mini-stats{grid-template-columns:1fr 1fr}.admin-topbar__eyebrow{display:none}.admin-version{display:none}.admin-pagehead .admin-primary{width:100%}}


/* 1.2.4 User Management additions */
/* 1.2.4 User Management */
.admin-mini-stats--users{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filter--users{grid-template-columns:minmax(220px,1fr) 180px 170px auto auto}.admin-accounttype{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;border:1px solid #2b2d36;background:#15161c;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-accounttype--resident{border-color:rgba(230,1,85,.28);color:#ff82ae;background:rgba(230,1,85,.07)}.admin-accounttype--admin{border-color:rgba(0,89,231,.3);color:#84b1ff;background:rgba(0,89,231,.08)}.admin-accounttype--user{color:#a9abb3}.admin-muted{color:#5f626d;font-size:9px}.admin-rowlink{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid #292b34;border-radius:7px;background:#15161c;color:#d3d4d9;font-size:8px;font-weight:900;white-space:nowrap}.admin-rowlink:hover{border-color:#3a3d48;background:#1a1b22}.admin-backlink{display:inline-flex;margin-bottom:14px;color:#777a84;font-size:9px;font-weight:800}.admin-pagehead--account{align-items:center}.admin-account-actions{display:flex;align-items:center;gap:10px}.admin-account-actions form{margin:0}.admin-secondary--danger{border-color:rgba(230,1,85,.28);color:#ff8bb4;background:rgba(230,1,85,.07)}.admin-statgrid--account{margin-bottom:16px}.admin-account-form{display:block}.admin-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-formgrid label{display:block}.admin-formgrid label>span:first-child,.admin-formgrid>label:not(.admin-switchrow)>span{display:block;margin:0 0 7px;color:#747782;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.admin-formgrid input:not([type=checkbox]),.admin-formgrid select,.admin-formgrid textarea{width:100%;border:1px solid #2a2c35;border-radius:8px;background:#15161c;color:#fff;padding:0 11px;font:inherit;font-size:10px;outline:none}.admin-formgrid input:not([type=checkbox]),.admin-formgrid select{height:42px}.admin-formgrid textarea{min-height:96px;padding:11px;resize:vertical;line-height:1.55}.admin-formgrid input:focus,.admin-formgrid select:focus,.admin-formgrid textarea:focus{border-color:#4a4d59;box-shadow:0 0 0 3px rgba(255,255,255,.025)}.admin-formgrid small{display:block;margin-top:6px;color:#5f626d;font-size:8px;line-height:1.45}.admin-formwide{grid-column:1/-1}.admin-switchrow{grid-column:1/-1;display:flex!important;align-items:flex-start;gap:11px;padding:13px;border:1px solid #252731;border-radius:9px;background:#13141a}.admin-switchrow input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--pink)}.admin-switchrow>span{margin:0!important;text-transform:none!important;letter-spacing:0!important}.admin-switchrow strong{display:block;color:#fff;font-size:10px}.admin-switchrow small{margin-top:4px}.admin-empty--compact{display:flex;flex-direction:column;gap:6px;padding:28px 0;text-align:left}.admin-empty--compact strong{color:#fff;font-size:11px}.admin-empty--compact span{color:#6e717c;font-size:9px;line-height:1.6}.admin-savebar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:14px 16px;border:1px solid #2b2d36;border-radius:11px;background:rgba(17,18,24,.92);box-shadow:0 16px 44px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.admin-savebar strong{display:block;font-size:10px}.admin-savebar span{display:block;margin-top:4px;color:#666975;font-size:8px}.admin-account-sets{margin-top:16px}.admin-table--users{min-width:850px}
@media(max-width:1050px){.admin-filter--users{grid-template-columns:1fr 160px 150px auto}.admin-filter--users .admin-filter__reset{grid-column:1/-1}.admin-formgrid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-mini-stats--users{grid-template-columns:1fr 1fr}.admin-filter--users{grid-template-columns:1fr}.admin-filter--users .admin-filter__reset{grid-column:auto}.admin-pagehead--account{align-items:flex-start}.admin-account-actions{width:100%;justify-content:space-between}.admin-statgrid--account{grid-template-columns:1fr 1fr}.admin-formwide,.admin-switchrow{grid-column:auto}.admin-savebar{bottom:8px;align-items:stretch;flex-direction:column}.admin-savebar .admin-primary{width:100%}}

/* 1.2.5 · User Management Phase 2 */
.admin-nav__group .admin-nav__item + .admin-nav__item{margin-top:3px}
.admin-invite-result{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:24px;align-items:end;border-color:rgba(230,1,85,.22);background:linear-gradient(135deg,rgba(230,1,85,.08),rgba(0,89,231,.05))}
.admin-invite-result h2{margin:.25rem 0 .35rem}.admin-invite-result p{margin:0;color:var(--muted)}
.admin-copyline{display:flex;gap:10px;align-items:center}.admin-copyline input{min-width:0;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
.admin-timeline{display:grid;gap:0}.admin-timeline__item{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding:0 0 18px}.admin-timeline__item>span{width:10px;height:10px;border-radius:50%;margin-top:5px;background:linear-gradient(135deg,#e60155,#0059e7);box-shadow:0 0 0 4px rgba(230,1,85,.08)}.admin-timeline__item:not(:last-child):before{content:"";position:absolute;left:4px;top:16px;bottom:0;width:1px;background:rgba(255,255,255,.09)}.admin-timeline__item div{display:grid;gap:3px}.admin-timeline__item small{color:var(--muted)}
.admin-badge--danger{border-color:rgba(255,91,91,.32)!important;color:#ff9a9a!important;background:rgba(255,91,91,.08)!important}
.admin-table td>span:not(.admin-badge):not(.admin-status){display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
.admin-formgrid input[type="datetime-local"]{color-scheme:dark}
@media(max-width:760px){.admin-invite-result{grid-template-columns:1fr}.admin-copyline{align-items:stretch;flex-direction:column}.admin-copyline .admin-secondary{width:100%}}

/* 1.2.6 Secure Accounts */
.auth-stage{width:min(1180px,calc(100% - 32px));margin:52px auto 90px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);background:linear-gradient(145deg,rgba(19,21,28,.98),rgba(8,9,13,.98));border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.auth-stage--compact{max-width:720px;grid-template-columns:1fr}.auth-panel{padding:48px}.auth-side{padding:52px 44px;background:radial-gradient(circle at 15% 10%,rgba(230,1,85,.24),transparent 42%),radial-gradient(circle at 100% 100%,rgba(0,89,231,.22),transparent 48%),#0b0d13;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center}.auth-side>span,.auth-eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#e60155}.auth-side h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;margin:.7rem 0 1rem}.auth-side p,.auth-intro{color:rgba(255,255,255,.64);line-height:1.65}.auth-side ul{padding:0;margin:1.6rem 0 0;list-style:none;display:grid;gap:.8rem}.auth-side li:before{content:'✓';color:#e60155;margin-right:.65rem;font-weight:900}.auth-brandmark{display:flex;gap:.35rem;align-items:baseline;margin-bottom:26px;font-size:1.2rem}.auth-brandmark b{font-size:1.75rem}.auth-brandmark span{font-weight:800;color:#e60155}.auth-panel h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em;margin:.35rem 0 .75rem}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-form label>span,.account-choice legend{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:rgba(255,255,255,.68);margin-bottom:8px}.auth-form input,.auth-form textarea,.auth-form select{width:100%;box-sizing:border-box;background:#0b0d12;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#fff;padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.auth-form textarea:focus{border-color:rgba(230,1,85,.75);box-shadow:0 0 0 4px rgba(230,1,85,.11)}.auth-form small{display:block;color:rgba(255,255,255,.45);margin-top:6px}.auth-submit{border:0;border-radius:999px;padding:15px 20px;background:linear-gradient(100deg,#e60155,#c50079);color:#fff;font-weight:850;font-size:1rem;display:flex;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 14px 30px rgba(230,1,85,.22)}.auth-submit:hover{filter:brightness(1.08)}.auth-form__meta{text-align:right;margin-top:-7px}.auth-form__meta a,.auth-switch a,.auth-resend a{color:#fff}.auth-separator{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.34);margin:25px 0 15px}.auth-separator:before,.auth-separator:after{content:'';height:1px;background:rgba(255,255,255,.08);flex:1}.auth-switch{text-align:center;color:rgba(255,255,255,.55)}.auth-resend{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.auth-resend label>span{font-size:.72rem;color:rgba(255,255,255,.5)}.auth-resend label>div{display:flex;gap:8px;margin-top:7px}.auth-resend input{flex:1}.auth-resend button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:10px;padding:0 14px}.auth-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.account-choice{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-choice label{position:relative}.account-choice input{position:absolute;opacity:0;pointer-events:none}.account-choice label>span{height:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:14px;padding:15px;display:block;cursor:pointer}.account-choice label>span strong{display:block;color:#fff;margin-bottom:5px}.account-choice label>span small{margin:0;line-height:1.4}.account-choice input:checked+span{border-color:#e60155;background:rgba(230,1,85,.09);box-shadow:inset 0 0 0 1px rgba(230,1,85,.2)}.auth-dj-fields{display:grid;gap:18px;padding:18px;border:1px solid rgba(230,1,85,.18);background:rgba(230,1,85,.035);border-radius:16px}.auth-dj-fields[hidden]{display:none}.auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-consent{display:flex!important;gap:10px;align-items:flex-start}.auth-consent input{width:auto!important;margin-top:4px}.auth-consent span{text-transform:none!important;letter-spacing:0!important;line-height:1.5!important;font-weight:500!important;margin:0!important}.admin-filterlinks{display:flex;gap:8px;flex-wrap:wrap}.admin-filterlinks a{padding:9px 12px;border-radius:10px;color:rgba(255,255,255,.62);background:rgba(255,255,255,.04)}.admin-filterlinks a.is-active{background:rgba(230,1,85,.14);color:#fff}.admin-cellnote{display:block;color:rgba(255,255,255,.45);margin-top:4px;max-width:420px}.admin-inline-actions{display:flex;gap:7px;align-items:center}.admin-primary--small{padding:8px 11px;font-size:.8rem}.admin-primary:disabled{opacity:.35;cursor:not-allowed}.admin-verification-warning{padding:14px;border:1px solid rgba(255,190,0,.25);background:rgba(255,190,0,.05);border-radius:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-verification-warning span{color:rgba(255,255,255,.55)}
@media(max-width:850px){.auth-stage{grid-template-columns:1fr;margin-top:24px}.auth-side{border-left:0;border-top:1px solid rgba(255,255,255,.06);padding:36px 28px}.auth-panel{padding:34px 24px}.auth-password-grid,.account-choice{grid-template-columns:1fr}}
@media(max-width:540px){.auth-stage{width:min(100% - 18px,1180px);border-radius:20px}.auth-panel{padding:28px 18px}.auth-side{padding:30px 20px}.auth-resend label>div{flex-direction:column}.auth-resend button{padding:12px}}

/* 1.2.6.1 Legal */
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.85rem 1.15rem}
.footer-legal a{font-size:.78rem;color:var(--muted,#9699a6);text-decoration:none}
.footer-legal a:hover{color:var(--text,#fff)}
.registration-legal{display:grid;gap:.8rem}
.auth-consent a,.dj-rights-notice a,.legal-document a{color:inherit;text-decoration:underline;text-decoration-color:rgba(230,1,85,.65);text-underline-offset:3px}
.dj-rights-notice{padding:1rem 1.05rem;border:1px solid rgba(230,1,85,.22);border-radius:14px;background:linear-gradient(135deg,rgba(230,1,85,.08),rgba(0,89,231,.06))}
.dj-rights-notice strong{display:block;margin-bottom:.35rem}
.dj-rights-notice p{margin:0;color:var(--muted,#a7a9b3);font-size:.88rem;line-height:1.55}
.legal-page{width:min(1040px,calc(100% - 32px));margin:42px auto 90px}
.legal-hero{padding:42px clamp(24px,5vw,58px);border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 15% 0,rgba(230,1,85,.18),transparent 38%),radial-gradient(circle at 90% 10%,rgba(0,89,231,.16),transparent 34%),#101116}
.legal-hero span{font-size:.72rem;letter-spacing:.18em;color:#b6b8c2}
.legal-hero h1{margin:.6rem 0 .75rem;font-size:clamp(2rem,5vw,4rem);line-height:1}
.legal-hero p{max-width:720px;margin:0;color:#b6b8c2;line-height:1.6}
.legal-document{margin-top:22px;padding:clamp(24px,5vw,58px);border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0e0f14}
.legal-document h2{margin:2rem 0 .65rem;font-size:1.15rem}
.legal-document h2:first-child{margin-top:0}
.legal-document p{color:#b9bbc5;line-height:1.75}
.legal-document strong{color:#fff}
@media(max-width:700px){.footer-meta{align-items:flex-start}.footer-legal{justify-content:flex-start}.legal-page{width:min(100% - 20px,1040px);margin-top:20px}.legal-hero,.legal-document{border-radius:18px}}


/* ==========================================================================
   1.2.7 — 320 FM Design System Refresh
   Distinct 320 FM identity, modern audio-platform UX, no external assets.
   ========================================================================== */
:root{
  --bg:#08090d;
  --bg-soft:#0b0d12;
  --surface:#101218;
  --surface2:#151821;
  --surface3:#1a1e28;
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(255,255,255,.15);
  --text:#f7f8fb;
  --muted:#9297a6;
  --muted-strong:#b8bdc9;
  --pink:#e60155;
  --pink-soft:#ff2d78;
  --blue:#0059e7;
  --blue-soft:#3482ff;
  --success:#31c875;
  --warning:#ffb648;
  --danger:#ff547f;
  --max:1360px;
  --player:82px;
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:26px;
  --shadow-sm:0 8px 30px rgba(0,0,0,.18);
  --shadow:0 20px 60px rgba(0,0,0,.28);
  --shadow-lg:0 34px 100px rgba(0,0,0,.38);
  --ease:cubic-bezier(.2,.75,.25,1);
}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 8% -10%,rgba(230,1,85,.07),transparent 28rem),
    radial-gradient(circle at 92% 12%,rgba(0,89,231,.06),transparent 32rem),
    var(--bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(230,1,85,.38);color:#fff}
a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s var(--ease),opacity .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid rgba(52,130,255,.9)!important;
  outline-offset:3px!important;
}

/* Public navigation */
.topbar{
  height:72px;
  gap:36px;
  border-bottom:1px solid var(--line);
  background:rgba(8,9,13,.78);
  backdrop-filter:blur(22px) saturate(1.28);
  -webkit-backdrop-filter:blur(22px) saturate(1.28);
  box-shadow:0 1px 0 rgba(255,255,255,.015);
}
.brand{font-size:23px;letter-spacing:-.055em}
.brand b{color:var(--pink-soft)}
.brand span{
  display:inline-flex;
  transform:translateY(-1px);
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  font-size:8px;
  letter-spacing:.16em;
}
.topbar nav{gap:4px}
.topbar nav a{
  position:relative;
  padding:0 14px;
  border:0;
  color:#a9afbc;
  font-size:11px;
  letter-spacing:.11em;
}
.topbar nav a::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:16px;
  height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--pink),var(--blue));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--ease);
}
.topbar nav a:hover{color:#fff;border:0}
.topbar nav a:hover::after{transform:scaleX(1)}
.account{gap:10px}
.account>a:not(.pill){
  padding:9px 12px;
  border-radius:10px;
  color:var(--muted-strong);
}
.account>a:not(.pill):hover{background:rgba(255,255,255,.05);color:#fff}
.link-btn{padding:9px 8px;border-radius:9px}
.link-btn:hover{background:rgba(255,255,255,.045);color:#fff}
.pill,.cta,.auth-submit,.admin-primary{
  border-radius:12px;
  background:linear-gradient(135deg,var(--pink),#c90050);
  box-shadow:0 10px 30px rgba(230,1,85,.18),inset 0 1px 0 rgba(255,255,255,.15);
}
.pill:hover,.cta:hover,.auth-submit:hover,.admin-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 36px rgba(230,1,85,.28),inset 0 1px 0 rgba(255,255,255,.18);
}

/* Home / discovery */
.hero{
  position:relative;
  isolation:isolate;
  min-height:520px;
  margin-top:30px;
  padding:clamp(52px,7vw,94px);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  background:
    linear-gradient(110deg,rgba(7,8,12,.98) 0%,rgba(11,12,17,.91) 48%,rgba(14,17,26,.68) 100%),
    radial-gradient(circle at 78% 24%,rgba(0,89,231,.42),transparent 34%),
    radial-gradient(circle at 65% 78%,rgba(230,1,85,.38),transparent 38%);
}
.hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.02) 50%,transparent 50.2%);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000 10%,transparent 78%);
}
.eyebrow,.section-head span,.page-head>span,.dashboard-head span,.profile-copy>span,.set-copy>span,.auth-card>span{
  color:#ff4a88;
  font-size:10px;
  letter-spacing:.22em;
}
.hero h1{
  max-width:1000px;
  margin:17px 0 23px;
  font-size:clamp(52px,7vw,96px);
  font-weight:850;
  letter-spacing:-.067em;
}
.hero p{max-width:680px;color:#afb5c3;font-size:17px}
.hero .cta{padding:14px 20px;margin-top:30px}
.section{padding-top:58px;padding-bottom:58px}
.section.dark{
  position:relative;
  background:linear-gradient(180deg,rgba(16,18,24,.72),rgba(12,13,18,.88));
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
}
.section-head{margin-bottom:26px}
.section-head h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.045em}
.section-head>a{
  display:inline-flex;align-items:center;
  min-height:36px;padding:0 12px;
  border:1px solid var(--line);border-radius:10px;
}
.section-head>a:hover{color:#fff;background:rgba(255,255,255,.045);border-color:var(--line-strong)}
.page-head{padding-top:72px;padding-bottom:32px}
.page-head h1{font-weight:850}
.page-head p{color:#a7adbb}
.search{
  grid-template-columns:minmax(0,1fr) 220px auto;
  gap:8px;
  padding:8px;
  max-width:920px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(17,19,26,.84);
  box-shadow:var(--shadow-sm);
}
.search input,.search select{border-color:transparent!important;background:#0d0f15!important}
.search button{border-radius:10px!important;padding-inline:24px!important}

/* Set cards */
.cards{gap:28px 22px}
.set-card{
  padding:8px;
  border:1px solid transparent;
  border-radius:20px;
  transition:background .22s ease,border-color .22s ease,transform .22s var(--ease),box-shadow .22s ease;
}
.set-card:hover{
  transform:translateY(-4px);
  border-color:var(--line);
  background:rgba(255,255,255,.025);
  box-shadow:0 20px 54px rgba(0,0,0,.2);
}
.cover-wrap{position:relative}
.cover{
  border-radius:15px;
  box-shadow:0 14px 38px rgba(0,0,0,.22);
}
.cover::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.4));
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.set-card:hover .cover::after{opacity:1}
.cover img{transition:transform .38s var(--ease),filter .25s ease}
.set-card:hover .cover img{transform:scale(1.035)}
.play-orb{
  right:14px;bottom:14px;
  width:54px;height:54px;
  opacity:0;
  transform:translateY(8px) scale(.96);
  background:linear-gradient(145deg,#ff1769,var(--pink));
  box-shadow:0 14px 36px rgba(230,1,85,.34);
}
.set-card:hover .play-orb,.play-orb:focus-visible{opacity:1;transform:none}
.set-meta{padding:14px 3px 7px}
.set-meta>span{
  display:block;
  color:#ff4a88;
  font-size:9px;
  letter-spacing:.17em;
}
.set-meta h3{margin:7px 0 4px;font-size:16px;letter-spacing:-.018em}
.set-meta h3 a:hover{color:#fff}
.set-meta p{color:#aeb4c1}
.set-meta small{margin-top:8px;color:#6f7583}

/* Residents */
.resident-grid{gap:30px}
.resident{
  padding:10px 8px 14px;
  border-radius:18px;
  transition:background .2s ease,transform .2s var(--ease);
}
.resident:hover{background:rgba(255,255,255,.025);transform:translateY(-3px)}
.resident img{
  border:1px solid var(--line);
  box-shadow:0 18px 48px rgba(0,0,0,.23);
}
.resident:hover img{transform:scale(1.018);border-color:rgba(255,255,255,.16)}
.resident strong{font-size:15px;letter-spacing:-.01em}
.resident span{display:block;margin-top:3px;color:#777e8c}

/* Generic content surfaces */
.profile-hero,.set-hero,.panel,.stat-grid>div,.auth-card,.install-card{
  border-color:var(--line);
  box-shadow:var(--shadow-sm);
}
.profile-hero,.set-hero{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 88% 20%,rgba(0,89,231,.22),transparent 35%),
    radial-gradient(circle at 15% 90%,rgba(230,1,85,.10),transparent 35%),
    linear-gradient(135deg,#171a22,#0d0f14);
}
.profile-hero>img,.set-hero-cover{border-radius:16px}
.socials a,.ghost{
  border-color:var(--line);
  background:rgba(255,255,255,.035);
  border-radius:10px;
}
.socials a:hover,.ghost:hover{background:rgba(255,255,255,.07);border-color:var(--line-strong)}
.content-grid{gap:54px}
.prose{color:#b2b8c5}

/* Real set detail */
.sc-set-hero{
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-lg)!important;
}
.sc-set-hero__wash{opacity:.78}
.sc-main-play{
  box-shadow:0 16px 45px rgba(230,1,85,.28)!important;
  background:linear-gradient(145deg,#ff1769,var(--pink))!important;
}
.sc-main-play:not(:disabled):hover{transform:scale(1.04)}
.sc-title-stack h1{letter-spacing:-.055em!important}
.sc-artist-link{color:#d7dbe4!important}
.sc-artist-link:hover{color:#fff!important}
.sc-subline span{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(0,0,0,.24)!important;
}
.sc-waveform{
  border-radius:14px;
  background:rgba(3,4,7,.24);
}
.sc-actionbar{
  padding:14px 0!important;
  border-color:var(--line)!important;
}
.sc-actionbar button,.sc-actionbar a{
  border-radius:10px!important;
}
.sc-side-card,.sc-body-card{
  border-color:var(--line)!important;
  border-radius:18px!important;
  background:rgba(16,18,24,.72)!important;
  box-shadow:var(--shadow-sm);
}

/* Processing glass */
.media-processing-overlay{
  border-radius:14px;
  backdrop-filter:blur(13px) saturate(1.2);
  -webkit-backdrop-filter:blur(13px) saturate(1.2);
}
.media-processing-glass{
  border-radius:22px;
  border-color:rgba(255,255,255,.17);
  background:
    linear-gradient(145deg,rgba(24,27,36,.88),rgba(9,10,15,.78));
  box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.1);
}
.media-processing-state{backdrop-filter:blur(8px)}

/* Forms & upload */
input,textarea,select{
  accent-color:var(--pink);
}
.search input,.search select,.form-grid input,.form-grid textarea,.form-grid select,.auth-card input,.comment-form textarea,
.auth-form input,.auth-form textarea,.auth-form select,.auth-resend input{
  min-height:46px;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#0e1016!important;
  color:#f5f6f9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
textarea{resize:vertical}
.search input:hover,.search select:hover,.form-grid input:hover,.form-grid textarea:hover,.form-grid select:hover,
.auth-form input:hover,.auth-form textarea:hover,.auth-resend input:hover{border-color:rgba(255,255,255,.14)!important}
.search input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.comment-form textarea:focus,
.auth-form input:focus,.auth-form textarea:focus,.auth-resend input:focus{
  outline:0!important;
  border-color:rgba(52,130,255,.62)!important;
  box-shadow:0 0 0 4px rgba(0,89,231,.12)!important;
}
.form-grid>button,.comment-form button,.update-form button{border-radius:11px!important}
.panel{
  padding:30px;
  border-radius:20px;
  background:rgba(16,18,24,.82);
}
.upload-zone{
  min-height:230px;
  border:1px dashed rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(0,89,231,.08),transparent 45%),
    rgba(10,12,17,.68)!important;
}
.upload-zone:hover,.upload-zone.is-dragging{
  border-color:rgba(230,1,85,.55)!important;
  background:radial-gradient(circle at 50% 0,rgba(230,1,85,.10),transparent 48%),rgba(11,13,18,.9)!important;
}
.upload-zone input::file-selector-button{
  margin-right:14px;
  padding:11px 15px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,var(--pink),#c90050);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.table>div{border-color:var(--line)}
.table>div:hover{background:rgba(255,255,255,.018)}

/* Auth experience */
.auth-stage{
  width:min(1160px,calc(100% - 32px));
  margin:56px auto 90px!important;
  border:1px solid var(--line);
  border-radius:28px!important;
  overflow:hidden;
  background:#0d0f14;
  box-shadow:var(--shadow-lg);
}
.auth-panel{
  background:
    radial-gradient(circle at 0 0,rgba(230,1,85,.055),transparent 35%),
    #101218!important;
}
.auth-side{
  position:relative;
  overflow:hidden;
  border-left:1px solid var(--line)!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(0,89,231,.27),transparent 35%),
    radial-gradient(circle at 35% 85%,rgba(230,1,85,.22),transparent 40%),
    linear-gradient(145deg,#121620,#0b0d13)!important;
}
.auth-side::after{
  content:"";
  position:absolute;inset:0;
  opacity:.24;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(135deg,transparent,#000);
}
.auth-panel h1{letter-spacing:-.055em!important}
.auth-brandmark{
  width:max-content;
  padding:9px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
}
.auth-form label>span{color:#b4bac6!important}
.auth-submit{min-height:50px;border-radius:12px!important}
.account-choice{
  gap:9px!important;
  padding:0!important;
  border:0!important;
}
.account-choice>label{
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#0d0f15!important;
}
.account-choice>label:hover{border-color:rgba(255,255,255,.16)!important;background:#11141b!important}
.account-choice>label:has(input:checked){
  border-color:rgba(230,1,85,.54)!important;
  background:linear-gradient(135deg,rgba(230,1,85,.11),rgba(0,89,231,.055))!important;
  box-shadow:0 0 0 3px rgba(230,1,85,.06);
}
.auth-consent{
  padding:13px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
}
.auth-resend{margin-top:18px!important;padding-top:18px!important;border-top:1px solid var(--line)!important}
.dj-rights-notice{border-radius:14px!important}

/* Creator dashboard */
.dashboard-head{padding-top:66px}
.dashboard-head h1{letter-spacing:-.05em}
.stat-grid>div{
  position:relative;
  overflow:hidden;
  padding:27px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(20,23,31,.96),rgba(14,16,22,.96));
}
.stat-grid>div::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--pink),var(--blue));
  opacity:.55;
}
.stat-grid strong{letter-spacing:-.05em}

/* Footer */
.site-footer-wide{
  align-items:flex-end;
  margin-top:72px;
  padding-top:44px;
  border-color:var(--line);
}
.site-footer-wide>div:first-child p{margin:8px 0 0;color:#6f7582}
.footer-legal a{
  padding:5px 0;
  color:#8e94a1;
}
.footer-legal a:hover{color:#fff}

/* Global audio player */
.global-player{
  height:82px;
  border-top:1px solid rgba(255,255,255,.11);
  background:rgba(12,14,19,.9);
  backdrop-filter:blur(24px) saturate(1.35);
  -webkit-backdrop-filter:blur(24px) saturate(1.35);
  box-shadow:0 -18px 60px rgba(0,0,0,.3);
}
.global-player__track img{
  border-radius:9px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.28);
}
.global-player__controls button{
  background:linear-gradient(145deg,#ff1769,var(--pink))!important;
  box-shadow:0 8px 24px rgba(230,1,85,.25);
}
.global-player__controls button:hover{transform:scale(1.045)}
.global-player input[type=range]{accent-color:var(--pink)}

/* Toasts */
.toast{
  padding:14px 16px;
  border:1px solid var(--line-strong);
  border-radius:13px;
  background:rgba(19,22,29,.94);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
}

/* --------------------------------------------------------------------------
   Admin Control Center
   -------------------------------------------------------------------------- */
.admin-body{
  --admin-sidebar:272px;
  background:
    radial-gradient(circle at 100% 0,rgba(0,89,231,.045),transparent 28rem),
    #090b10;
}
.admin-shell{grid-template-columns:var(--admin-sidebar) minmax(0,1fr)}
.admin-sidebar{
  border-right:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(14,16,22,.98),rgba(9,11,16,.99));
  box-shadow:12px 0 50px rgba(0,0,0,.12);
}
.admin-sidebar__brand{
  height:78px;
  padding:0 22px;
  border-color:var(--line);
}
.admin-sidebar__brand .brand span{background:rgba(255,255,255,.04)}
.admin-sidebar__scroll{padding:15px 12px 22px!important}
.admin-nav__group{margin-bottom:18px!important}
.admin-nav__label{
  display:block;
  padding:0 11px 7px!important;
  color:#5f6675!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
}
.admin-nav__item{
  position:relative;
  min-height:43px;
  gap:11px!important;
  margin:2px 0;
  padding:0 11px!important;
  border:1px solid transparent;
  border-radius:11px!important;
  color:#9da4b2!important;
}
.admin-nav__item:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.055);
  background:rgba(255,255,255,.038)!important;
}
.admin-nav__item.is-active{
  color:#fff!important;
  border-color:rgba(230,1,85,.16)!important;
  background:linear-gradient(90deg,rgba(230,1,85,.13),rgba(230,1,85,.035))!important;
  box-shadow:inset 3px 0 0 var(--pink);
}
.admin-nav__icon{
  width:20px!important;height:20px!important;
  display:grid!important;place-items:center;
  color:#747b89;
}
.admin-nav__item.is-active .admin-nav__icon{color:#ff4a88}
.admin-nav__icon svg{
  width:18px;height:18px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.admin-sidebar__user{
  gap:11px!important;
  padding:15px 16px!important;
  border-color:var(--line)!important;
  background:rgba(255,255,255,.012);
}
.admin-avatar{
  width:38px!important;height:38px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(230,1,85,.24),rgba(0,89,231,.18))!important;
  border:1px solid rgba(255,255,255,.09);
  color:#fff!important;
}
.admin-logout{
  border-radius:9px!important;
  color:#777e8d!important;
}
.admin-logout:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
.admin-topbar{
  height:78px!important;
  padding:0 28px!important;
  border-color:var(--line)!important;
  background:rgba(9,11,16,.78)!important;
  backdrop-filter:blur(22px) saturate(1.25);
}
.admin-topbar__eyebrow{color:#676f7f!important}
.admin-topbar>div>strong{letter-spacing:-.015em}
.admin-version{
  padding:7px 9px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:#9299a8!important;
}
.admin-topbar__actions>a{
  padding:8px 10px;border-radius:9px;color:#aab0bd!important;
}
.admin-topbar__actions>a:hover{background:rgba(255,255,255,.045);color:#fff!important}
.admin-main{padding:34px clamp(22px,3vw,42px) 70px!important;max-width:1600px;width:100%;margin:0 auto}
.admin-pagehead{
  margin-bottom:27px!important;
  padding-bottom:25px!important;
  border-bottom:1px solid var(--line)!important;
}
.admin-pagehead h1{
  margin-top:6px!important;
  font-size:clamp(30px,3.5vw,44px)!important;
  letter-spacing:-.05em!important;
}
.admin-pagehead p{color:#8e95a3!important}
.admin-kicker{color:#ff4a88!important}
.admin-primary{
  min-height:43px!important;
  padding:0 16px!important;
}
.admin-statgrid{gap:14px!important}
.admin-statgrid>article{
  position:relative;
  overflow:hidden;
  min-height:138px;
  padding:22px!important;
  border:1px solid var(--line)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(19,22,29,.97),rgba(13,15,21,.97))!important;
  box-shadow:var(--shadow-sm);
}
.admin-statgrid>article::after{
  content:"";
  position:absolute;right:-40px;top:-55px;
  width:130px;height:130px;border-radius:50%;
  background:rgba(0,89,231,.055);
  filter:blur(2px);
}
.admin-statgrid>article:nth-child(2n)::after{background:rgba(230,1,85,.055)}
.admin-statgrid strong{font-size:38px!important;letter-spacing:-.055em!important}
.admin-statgrid span{color:#737b8b!important}
.admin-statgrid small{color:#777f8e!important}
.admin-grid{gap:16px!important}
.admin-card{
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(17,20,27,.94),rgba(13,15,21,.94))!important;
  box-shadow:var(--shadow-sm);
}
.admin-card__head{
  padding-bottom:15px!important;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.admin-card__head>div>span{color:#6e7685!important}
.admin-card__head h2{letter-spacing:-.03em!important}
.admin-card__head>a{
  padding:7px 9px;border-radius:8px;color:#8e95a4!important;
}
.admin-card__head>a:hover{background:rgba(255,255,255,.045);color:#fff!important}
.admin-engine-summary>div{
  border-color:var(--line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;
}
.admin-list__row{
  padding:13px 0!important;
  border-color:rgba(255,255,255,.055)!important;
}
.admin-list__row:hover{background:rgba(255,255,255,.012)}
.admin-badge{
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
.admin-badge--ready{color:#76dca3!important;background:rgba(49,200,117,.08)!important;border-color:rgba(49,200,117,.16)!important}

/* User management / admin forms */
.admin-filterbar,.admin-form-card,.admin-user-hero,.admin-user-tabs,.admin-table-wrap{
  border-color:var(--line)!important;
  border-radius:17px!important;
  background:rgba(16,19,26,.82)!important;
  box-shadow:var(--shadow-sm);
}
.admin-filterbar input,.admin-filterbar select,.admin-form-card input,.admin-form-card select,.admin-form-card textarea{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#0c0e14!important;
}
.admin-filterbar input:focus,.admin-filterbar select:focus,.admin-form-card input:focus,.admin-form-card select:focus,.admin-form-card textarea:focus{
  border-color:rgba(52,130,255,.55)!important;
  box-shadow:0 0 0 4px rgba(0,89,231,.1)!important;
  outline:0!important;
}
.admin-table{border-collapse:separate!important;border-spacing:0!important}
.admin-table th{color:#6e7685!important;font-size:9px!important;letter-spacing:.12em!important}
.admin-table td,.admin-table th{border-color:rgba(255,255,255,.055)!important}
.admin-table tbody tr:hover td{background:rgba(255,255,255,.018)!important}

/* Legal */
.legal-page{margin-top:48px}
.legal-hero,.legal-document{
  border-color:var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.legal-document{background:rgba(14,16,22,.88)}
.legal-document h2{letter-spacing:-.025em}
.legal-document p{color:#adb3c0}

/* Responsive */
@media(max-width:1100px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .resident-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .hero{margin-inline:16px;min-height:460px}
  .search{grid-template-columns:1fr 180px auto}
  .admin-shell{grid-template-columns:1fr}
}
@media(max-width:760px){
  :root{--radius-lg:20px}
  .topbar{height:64px;padding-inline:15px;gap:14px}
  .brand{font-size:20px}
  .account{margin-left:auto}
  .account .pill{padding:9px 11px}
  .hero{margin:16px 10px 0;padding:38px 25px;min-height:440px}
  .hero h1{font-size:clamp(43px,13vw,70px)}
  .section{padding:42px 14px}
  .section.dark{padding-left:14px;padding-right:14px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .set-card{padding:5px;border-radius:15px}
  .cover{border-radius:12px}
  .play-orb{opacity:1;transform:none;width:46px;height:46px}
  .resident-grid{grid-template-columns:repeat(3,1fr);gap:18px 10px}
  .page-head{padding:48px 14px 22px}
  .search{grid-template-columns:1fr;padding:7px}
  .profile-hero,.set-hero{border-radius:20px}
  .panel{padding:20px;border-radius:17px}
  .auth-stage{width:calc(100% - 20px);margin:20px auto 60px!important;border-radius:20px!important}
  .auth-side{border-left:0!important;border-top:1px solid var(--line)!important}
  .site-footer-wide{align-items:flex-start;gap:26px;flex-direction:column;padding-inline:15px}
  .admin-main{padding:24px 14px 54px!important}
  .admin-topbar{height:66px!important;padding:0 14px!important}
  .admin-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-statgrid>article{min-height:118px}
}
@media(max-width:480px){
  .cards{grid-template-columns:1fr 1fr}
  .set-meta h3{font-size:14px}
  .set-meta p{font-size:12px}
  .resident-grid{grid-template-columns:repeat(2,1fr)}
  .section-head{align-items:flex-start}
  .section-head h2{font-size:25px}
  .admin-statgrid{grid-template-columns:1fr 1fr!important}
  .admin-statgrid strong{font-size:31px!important}
}
@media(pointer:coarse){
  .play-orb{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ==========================================================================
   1.2.8 — Persistent Footer Player
   ========================================================================== */
.global-player--modern{
  --gp-height:88px;
  height:var(--gp-height);
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  width:auto!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 10% 0,rgba(230,1,85,.10),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(0,89,231,.08),transparent 28%),
    rgba(12,14,19,.92)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:hidden;
}
.global-player--modern[hidden]{display:none!important}
.global-player--modern::before{
  content:"";
  position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);
  opacity:.72;
}
.global-player__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) minmax(190px,.85fr);
  align-items:center;
  gap:24px;
  height:100%;
  padding:10px 18px 10px 12px;
}
.global-player--modern .global-player__track{
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.global-player--modern .global-player__track img{
  width:58px!important;height:58px!important;
  object-fit:cover;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.09);
}
.global-player--modern .player-copy{min-width:0;display:grid;gap:4px}
.global-player--modern .player-copy small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#858d9b;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;
}
.global-player--modern .player-copy strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f7f8fb;font-size:14px;font-weight:760;letter-spacing:-.015em;
}
.global-player__transport{min-width:0}
.global-player__transport-top{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px}
.global-player__play{
  width:46px!important;height:46px!important;
  display:grid!important;place-items:center;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:linear-gradient(145deg,#ff1769,var(--pink))!important;
  color:#fff!important;
  font-size:15px!important;
  box-shadow:0 10px 30px rgba(230,1,85,.30)!important;
}
.global-player__play:hover{transform:scale(1.045)}
.global-player.is-playing .global-player__play{
  box-shadow:0 10px 34px rgba(230,1,85,.38),0 0 0 5px rgba(230,1,85,.07)!important;
}
.global-player__timeline{min-width:0;display:grid;gap:5px}
.global-player--modern [data-player-seek]{
  width:100%;
  height:4px!important;
  margin:0!important;
  accent-color:var(--pink);
  cursor:pointer;
}
.global-player__times{
  display:flex;justify-content:flex-end;gap:5px;
  color:#737b89;font-size:10px;font-variant-numeric:tabular-nums;
}
.global-player__times time:first-child{color:#aeb4c0}
.global-player__utilities{
  min-width:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
}
.global-player__mute{
  width:34px;height:34px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#9ba2b0;
  cursor:pointer;
}
.global-player__mute:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff}
.global-player__volume{
  width:min(96px,7vw);
  height:3px;
  accent-color:var(--pink);
}
.global-player__live-state{
  min-width:72px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#737b89;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}
.global-player.is-playing .global-player__live-state{color:#f2c1d3;border-color:rgba(230,1,85,.18);background:rgba(230,1,85,.07)}
html.is-page-navigating main{opacity:.56;filter:saturate(.8);pointer-events:none}
main{transition:opacity .15s ease,filter .15s ease}
body:has(.global-player--modern:not([hidden])) .site-footer-wide{padding-bottom:118px}

@media(max-width:920px){
  .global-player__inner{grid-template-columns:minmax(190px,.9fr) minmax(300px,1.4fr);gap:16px}
  .global-player__utilities{display:none}
}
@media(max-width:680px){
  .global-player--modern{
    --gp-height:78px;
    left:8px!important;right:8px!important;bottom:8px!important;
    border-radius:16px!important;
  }
  .global-player__inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:11px;
    padding:9px 11px;
  }
  .global-player--modern .global-player__track{grid-template-columns:48px minmax(0,1fr);gap:9px}
  .global-player--modern .global-player__track img{width:48px!important;height:48px!important;border-radius:10px!important}
  .global-player--modern .player-copy small{font-size:8px}
  .global-player--modern .player-copy strong{font-size:12px}
  .global-player__transport-top{display:flex;gap:0}
  .global-player__play{width:44px!important;height:44px!important}
  .global-player__timeline{position:absolute;left:0;right:0;bottom:0;display:block}
  .global-player--modern [data-player-seek]{display:block;height:3px!important}
  .global-player__times{display:none}
  body:has(.global-player--modern:not([hidden])) .site-footer-wide{padding-bottom:102px}
}
@media(prefers-reduced-motion:reduce){
  html.is-page-navigating main{transition:none}
}


/* ==========================================================================
   1.2.8.1 — 320 FM Soundbar
   SoundCloud-inspired information architecture, independent 320 FM styling.
   ========================================================================== */
.global-player--soundbar{
  height:64px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  border-radius:0!important;
  background:#111318!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  box-shadow:0 -10px 34px rgba(0,0,0,.26)!important;
  overflow:visible!important;
}
.global-player--soundbar[hidden]{display:none!important}
.global-player--soundbar::before{
  content:"";
  position:absolute;left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(230,1,85,.55) 40%,rgba(0,89,231,.45) 75%,transparent 100%);
  opacity:.8;
}
.soundbar__inner{
  width:min(1320px,100%);
  height:100%;
  margin:0 auto;
  padding:0 18px;
  display:grid;
  grid-template-columns:auto 42px minmax(200px,1fr) 42px auto minmax(180px,250px) auto;
  align-items:center;
  gap:13px;
}
.soundbar__transport{display:flex;align-items:center;gap:2px}
.soundbar__control{
  width:34px;height:34px;
  display:grid;place-items:center;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#c6cad2;
  cursor:pointer;
}
.soundbar__control:hover{background:rgba(255,255,255,.055);color:#fff}
.soundbar__control svg{
  width:18px;height:18px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.soundbar__control svg path[d*="Z"]{fill:currentColor;stroke:none}
.soundbar__control--play{
  width:36px;height:36px;
  color:#fff;
}
.soundbar__control--play .soundbar__icon-play{display:block;width:17px;height:17px}
.soundbar__control--play .soundbar__icon-pause{display:none}
.global-player--soundbar.is-playing .soundbar__icon-play{display:none}
.global-player--soundbar.is-playing .soundbar__icon-pause{display:block}
.global-player--soundbar.is-loading .soundbar__control--play{opacity:.55}
.soundbar__time{
  color:#8b919d;
  font-size:10px;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
.soundbar__time--current{color:#ff3d7f}
.soundbar__timeline{min-width:0}
.soundbar__timeline input,
.soundbar__volume{
  --range-progress:0%;
  width:100%;
  height:16px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent!important;
  border:0!important;
  outline:0;
  cursor:pointer;
}
.soundbar__timeline input::-webkit-slider-runnable-track,
.soundbar__volume::-webkit-slider-runnable-track{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pink) 0 var(--range-progress),rgba(255,255,255,.19) var(--range-progress) 100%);
}
.soundbar__timeline input::-moz-range-track,
.soundbar__volume::-moz-range-track{height:2px;border:0;border-radius:999px;background:rgba(255,255,255,.19)}
.soundbar__timeline input::-moz-range-progress,
.soundbar__volume::-moz-range-progress{height:2px;border:0;border-radius:999px;background:var(--pink)}
.soundbar__timeline input::-webkit-slider-thumb,
.soundbar__volume::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:10px;height:10px;
  margin-top:-4px;
  border:0;border-radius:50%;
  background:var(--pink);
  opacity:0;
  transition:opacity .14s ease;
}
.soundbar__timeline input:hover::-webkit-slider-thumb,
.soundbar__timeline input:focus-visible::-webkit-slider-thumb,
.soundbar__volume:hover::-webkit-slider-thumb,
.soundbar__volume:focus-visible::-webkit-slider-thumb{opacity:1}
.soundbar__timeline input::-moz-range-thumb,
.soundbar__volume::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--pink)}
.soundbar__volume-wrap{display:flex;align-items:center;gap:4px}
.soundbar__control--volume{width:30px}
.soundbar__control--volume.is-muted{color:#606672}
.soundbar__volume{width:70px}
.soundbar__track{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.soundbar__track img{
  width:42px!important;height:42px!important;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.075);
  border-radius:3px!important;
  box-shadow:none!important;
}
.soundbar__copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.soundbar__copy strong,
.soundbar__copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.soundbar__copy strong{color:#dfe2e8;font-size:11px;font-weight:650}
.soundbar__copy small{color:#757c89;font-size:10px}
.soundbar__copy strong:hover,.soundbar__copy small:hover{color:#fff}
.soundbar__state{
  color:#626977;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.global-player--soundbar.is-playing .soundbar__state{color:#a86a80}
body:has(.global-player--soundbar:not([hidden])) .site-footer-wide{padding-bottom:90px}

@media(max-width:980px){
  .soundbar__inner{
    grid-template-columns:auto 38px minmax(160px,1fr) 38px auto minmax(145px,210px);
  }
  .soundbar__state{display:none}
  .soundbar__volume{width:54px}
}
@media(max-width:720px){
  .global-player--soundbar{height:58px!important}
  .soundbar__inner{
    padding:0 9px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .soundbar__transport{
    grid-column:2;
    grid-row:1;
  }
  .soundbar__transport .soundbar__control:not(.soundbar__control--play){display:none}
  .soundbar__track{
    grid-column:1;
    grid-row:1;
    grid-template-columns:40px minmax(0,1fr);
    gap:8px;
  }
  .soundbar__track img{width:40px!important;height:40px!important}
  .soundbar__copy strong{font-size:11px}
  .soundbar__copy small{font-size:9px}
  .soundbar__timeline{
    position:absolute;
    left:0;right:0;bottom:-7px;
  }
  .soundbar__timeline input{height:14px}
  .soundbar__timeline input::-webkit-slider-runnable-track{height:2px;border-radius:0}
  .soundbar__timeline input::-moz-range-track,
  .soundbar__timeline input::-moz-range-progress{height:2px;border-radius:0}
  .soundbar__timeline input::-webkit-slider-thumb{display:none}
  .soundbar__time,.soundbar__volume-wrap,.soundbar__state{display:none}
  body:has(.global-player--soundbar:not([hidden])) .site-footer-wide{padding-bottom:80px}
}


/* ==========================================================================
   1.2.8.2 — Soundbar volume layout hotfix
   ========================================================================== */
.soundbar__volume-wrap{
  min-width:112px;
  display:grid!important;
  grid-template-columns:30px minmax(64px,88px);
  align-items:center;
  justify-content:end;
  gap:6px;
}
.soundbar__control--volume{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px;
}
.soundbar__volume{
  width:100%!important;
  min-width:0!important;
  max-width:88px;
  height:16px!important;
  display:block;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box;
}
.soundbar__volume::-webkit-slider-runnable-track{
  height:2px!important;
}
.soundbar__volume::-moz-range-track,
.soundbar__volume::-moz-range-progress{
  height:2px!important;
}
.soundbar__volume::-webkit-slider-thumb{
  margin-top:-4px!important;
}
@media(max-width:1100px){
  .soundbar__volume-wrap{
    min-width:94px;
    grid-template-columns:28px minmax(52px,64px);
    gap:4px;
  }
  .soundbar__control--volume{
    width:28px!important;
    height:28px!important;
  }
  .soundbar__volume{max-width:64px}
}
@media(max-width:860px){
  .soundbar__volume-wrap{display:none!important}
}


/* ==========================================================================
   1.2.9 — Timed Waveform Comments
   ========================================================================== */
.waveform-comments{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
}
.wave-comment-marker{
  position:absolute;
  left:var(--comment-position);
  bottom:5px;
  width:25px;
  height:25px;
  padding:0;
  border:2px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:#181b22;
  box-shadow:0 5px 16px rgba(0,0,0,.38);
  transform:translateX(-50%);
  cursor:pointer;
  pointer-events:auto;
  z-index:2;
}
.wave-comment-marker::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:1px;
  height:6px;
  background:rgba(255,255,255,.52);
}
.wave-comment-marker img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
.wave-comment-marker:hover,
.wave-comment-marker:focus-visible{
  z-index:12;
  transform:translateX(-50%) translateY(-2px) scale(1.08);
  border-color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 4px rgba(230,1,85,.11);
}
.wave-comment-marker.is-new{animation:wave-comment-in .38s cubic-bezier(.2,.8,.25,1)}
@keyframes wave-comment-in{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.6)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.wave-comment-preview{
  position:absolute;
  left:50%;
  bottom:34px;
  width:220px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(12,14,19,.96);
  box-shadow:0 14px 42px rgba(0,0,0,.44);
  backdrop-filter:blur(14px);
  text-align:left;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,6px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
  pointer-events:none;
}
.wave-comment-marker:hover .wave-comment-preview,
.wave-comment-marker:focus-visible .wave-comment-preview{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.wave-comment-preview strong{display:inline;color:#fff;font-size:11px}
.wave-comment-preview small{float:right;color:#ff4385;font-size:10px;font-variant-numeric:tabular-nums}
.wave-comment-preview em{
  display:block;
  clear:both;
  margin-top:5px;
  color:#aeb4c0;
  font-size:11px;
  font-style:normal;
  line-height:1.4;
}
.wave-comment-cta{
  position:absolute;
  left:50%;
  bottom:7px;
  z-index:14;
  transform:translateX(-50%);
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(10,12,17,.93);
  color:#d6dae2;
  box-shadow:0 8px 24px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
  font-size:10px;
  white-space:nowrap;
  cursor:pointer;
}
.wave-comment-cta span{color:#ff4385;font-weight:900}
.wave-comment-cta b{color:#fff;font-variant-numeric:tabular-nums}
.wave-comment-cta:hover{border-color:rgba(230,1,85,.38);background:#11141a}
.wave-comment-composer{
  position:absolute;
  left:50%;
  bottom:39px;
  z-index:20;
  width:min(330px,calc(100% - 24px));
  transform:translateX(-50%);
  padding:11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(12,14,20,.97);
  box-shadow:0 20px 58px rgba(0,0,0,.54);
  backdrop-filter:blur(18px) saturate(1.15);
}
.wave-comment-composer__head,
.wave-comment-composer__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.wave-comment-composer__head{
  margin-bottom:8px;
  color:#9ca3b0;
  font-size:10px;
}
.wave-comment-composer__head strong{color:#ff4385;font-variant-numeric:tabular-nums}
.wave-comment-composer__head button{
  width:25px;height:25px;padding:0;border:0;border-radius:7px;background:transparent;color:#777f8d;cursor:pointer;
}
.wave-comment-composer__head button:hover{background:rgba(255,255,255,.06);color:#fff}
.wave-comment-composer textarea{
  width:100%;
  min-height:62px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:#090b10;
  color:#fff;
  font:inherit;
  font-size:12px;
  line-height:1.45;
  resize:none;
}
.wave-comment-composer textarea:focus{outline:0;border-color:rgba(230,1,85,.45);box-shadow:0 0 0 3px rgba(230,1,85,.08)}
.wave-comment-composer__foot{margin-top:8px}
.wave-comment-composer__foot small{max-width:205px;color:#ff718f;font-size:9px;line-height:1.3}
.wave-comment-composer__foot button{
  min-height:31px;
  padding:0 11px;
  border:0;
  border-radius:8px;
  background:var(--pink);
  color:#fff;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.wave-comment-composer__foot button:disabled{opacity:.55;cursor:wait}
.sc-comment-head>div{min-width:0}
.sc-comment-at{
  margin-left:4px;
  color:#7f8795;
  font-size:11px;
  font-weight:500;
}
.sc-comment-at button{
  padding:1px 4px;
  border:0;
  border-radius:5px;
  background:rgba(230,1,85,.08);
  color:#ff4385;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.sc-comment-at button:hover{background:rgba(230,1,85,.15);color:#fff}
.sc-comments article.is-new{animation:comment-row-in .3s ease}
@keyframes comment-row-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

@media(max-width:720px){
  .wave-comment-marker{width:21px;height:21px;bottom:4px}
  .wave-comment-preview{display:none}
  .wave-comment-cta{bottom:5px;font-size:9px}
  .wave-comment-composer{bottom:34px;width:min(310px,calc(100% - 12px))}
  .sc-comment-head{align-items:flex-start}
  .sc-comment-at{display:block;margin:3px 0 0}
}
@media(prefers-reduced-motion:reduce){
  .wave-comment-marker.is-new,.sc-comments article.is-new{animation:none}
}


/* ==========================================================================
   1.2.9.1 — Timed comments UI polish
   ========================================================================== */
.sc-waveform{
  min-height:128px;
  overflow:visible!important;
}
.waveform-comments{
  bottom:10px;
}
.wave-comment-marker{
  bottom:9px;
  width:24px;
  height:24px;
  border-width:2px;
  background:#0c0e13;
  box-shadow:0 5px 16px rgba(0,0,0,.42);
}
.wave-comment-marker::after{
  bottom:-10px;
  height:9px;
  background:linear-gradient(to bottom,rgba(255,255,255,.55),rgba(255,255,255,.12));
}
.wave-comment-marker:hover,
.wave-comment-marker:focus-visible{
  transform:translateX(-50%) translateY(-3px) scale(1.1);
}
.wave-comment-preview{
  bottom:38px;
  width:238px;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(10,12,17,.98);
  border-color:rgba(255,255,255,.13);
}
.wave-comment-preview::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:9px;
  height:9px;
  background:rgba(10,12,17,.98);
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  transform:translateX(-50%) rotate(45deg);
}
.wave-comment-cta{
  bottom:12px;
  z-index:15;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(9,11,16,.96);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 8px 28px rgba(0,0,0,.4);
  font-size:10px;
}
.wave-comment-cta::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:1px;
  height:8px;
  background:rgba(230,1,85,.65);
}
.wave-comment-composer{
  position:fixed!important;
  z-index:5000!important;
  transform:none!important;
  margin:0!important;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 0 0,rgba(230,1,85,.09),transparent 35%),
    rgba(11,13,18,.985);
  box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(22px) saturate(1.2);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);
}
.wave-comment-composer::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:11px;
  height:11px;
  transform:translateX(-50%) rotate(45deg);
  background:#0d0f14;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
.wave-comment-composer.is-below::after{
  top:-6px;
  bottom:auto;
  border:0;
  border-left:1px solid rgba(255,255,255,.13);
  border-top:1px solid rgba(255,255,255,.13);
}
.wave-comment-composer__head{
  margin-bottom:10px;
  font-size:11px;
}
.wave-comment-composer__head span{
  display:flex;
  align-items:center;
  gap:5px;
}
.wave-comment-composer__head strong{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(230,1,85,.10);
}
.wave-comment-composer textarea{
  min-height:84px;
  border-radius:11px;
  background:#080a0f;
  font-size:12px;
  line-height:1.5;
}
.wave-comment-composer__foot{
  margin-top:10px;
}
.wave-comment-composer__foot button{
  min-height:36px;
  padding-inline:14px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--pink),#c90050);
  box-shadow:0 8px 22px rgba(230,1,85,.18);
}
body.has-wave-comment-popover::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:4990;
  background:rgba(0,0,0,.12);
  pointer-events:none;
}
.sc-comments-block{
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:24px;
}
.sc-comment-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.sc-comment-form textarea{
  min-height:44px;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sc-comment-form button{
  min-height:38px;
  border-radius:9px!important;
}
.sc-comments{
  margin-top:18px;
}
.sc-comments article{
  padding:15px 0!important;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.sc-comments article:last-child{border-bottom:0}
.sc-comments article>img{
  width:38px!important;
  height:38px!important;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.sc-comment-head{
  margin-bottom:5px;
}
.sc-comment-head strong{
  font-size:12px;
}
.sc-comment-head small{
  color:#656d7b!important;
  font-size:9px!important;
}
.sc-comment-at{
  color:#838b99;
  font-size:10px;
}
.sc-comment-at button{
  padding:2px 6px;
  border-radius:999px;
  background:rgba(230,1,85,.09);
  color:#ff4a88;
}
.sc-comments article p{
  margin:0!important;
  color:#bcc1cb!important;
  line-height:1.55;
  font-size:12px;
}

@media(max-width:720px){
  .sc-waveform{min-height:112px}
  .wave-comment-marker{width:20px;height:20px;bottom:7px}
  .wave-comment-cta{bottom:9px;padding:7px 9px}
  .wave-comment-composer{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
  }
  .wave-comment-composer::after{display:none}
  .sc-comment-form{grid-template-columns:1fr}
  .sc-comment-form button{justify-self:end}
}


/* ==========================================================================
   1.3.1 — Interactive Waveform
   ========================================================================== */
.sc-waveform{
  position:relative;
  min-height:142px!important;
  padding-bottom:24px;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),
    radial-gradient(circle at 50% 50%,rgba(0,89,231,.035),transparent 55%),
    rgba(5,7,11,.34)!important;
  border:1px solid rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.sc-waveform canvas{filter:drop-shadow(0 1px 0 rgba(255,255,255,.03))}
.waveform-playhead{
  width:1px!important;
  background:linear-gradient(to bottom,rgba(255,255,255,.05),#fff 18%,#fff 82%,rgba(255,255,255,.05))!important;
  box-shadow:0 0 10px rgba(255,255,255,.24);
  z-index:8!important;
}
.waveform-playhead::before{
  content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.06),0 0 12px rgba(230,1,85,.35);
  transform:translate(-50%,-50%);
}
.waveform-progress{display:none!important}
.waveform-scrubber{
  position:absolute;top:6px;bottom:24px;left:0;z-index:9;width:1px;background:rgba(255,255,255,.32);
  pointer-events:none;opacity:0;transform:translateX(-.5px);transition:opacity .10s ease;
}
.waveform-scrubber.is-visible{opacity:1}
.waveform-scrubber span{
  position:absolute;top:4px;left:6px;padding:4px 6px;border:1px solid rgba(255,255,255,.10);border-radius:6px;
  background:rgba(9,11,16,.90);color:#fff;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;
  box-shadow:0 6px 16px rgba(0,0,0,.28);
}
.waveform-axis{
  position:absolute;left:0;right:0;bottom:3px;height:18px;z-index:5;pointer-events:none;
}
.waveform-axis::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.045)}
.waveform-axis span{
  position:absolute;top:4px;transform:translateX(-50%);color:#59616e;font-size:8px;font-variant-numeric:tabular-nums;
}
.waveform-axis span:first-child{transform:none}
.waveform-axis span:last-child{transform:translateX(-100%)}
.waveform-axis span::before{
  content:"";position:absolute;top:-4px;left:50%;width:1px;height:3px;background:rgba(255,255,255,.10);
}
.wave-comment-marker{bottom:31px!important;width:22px!important;height:22px!important;border:1.5px solid rgba(255,255,255,.88)!important}
.wave-comment-marker::after{bottom:-13px!important;height:12px!important;opacity:.7}
.wave-comment-cta{bottom:34px!important}
.wave-comment-cta::after{height:11px!important;bottom:-12px!important}
.sc-waveform:hover{
  border-color:rgba(255,255,255,.085);
  background:
    linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008)),
    radial-gradient(circle at 50% 50%,rgba(0,89,231,.045),transparent 55%),
    rgba(5,7,11,.40)!important;
}
.sc-waveform[aria-disabled="false"]{cursor:crosshair}
.sc-waveform.is-processing{cursor:default}
.sc-waveform:not(.is-processing) canvas{transition:filter .2s ease}
.sc-waveform:not(.is-processing):hover canvas{filter:drop-shadow(0 1px 0 rgba(255,255,255,.03)) brightness(1.06)}
@media(max-width:720px){
  .sc-waveform{min-height:122px!important;padding-bottom:20px;border-radius:13px!important}
  .waveform-scrubber{bottom:20px}
  .waveform-axis{height:15px}
  .waveform-axis span{font-size:7px}
  .wave-comment-marker{bottom:25px!important;width:18px!important;height:18px!important}
  .wave-comment-cta{bottom:28px!important}
}
@media(prefers-reduced-motion:reduce){.waveform-scrubber,.sc-waveform canvas{transition:none!important}}


/* ==========================================================================
   1.3.1.1 — Waveform redesign
   Dense audio-platform waveform with 320 FM identity.
   ========================================================================== */
.sc-waveform{
  min-height:154px!important;
  padding:0 0 30px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.sc-waveform canvas{
  position:absolute;
  inset:0 0 30px 0;
  width:100%!important;
  height:calc(100% - 30px)!important;
  filter:none!important;
}
.sc-waveform:hover{
  border:0!important;
  background:transparent!important;
}
.sc-waveform:not(.is-processing):hover canvas{
  filter:none!important;
}
.waveform-progress{display:none!important}
.waveform-playhead{
  top:8px!important;
  bottom:30px!important;
  width:1px!important;
  z-index:8!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:none!important;
}
.waveform-playhead::before{
  top:-2px!important;
  width:5px!important;
  height:5px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.waveform-hover-time{
  top:4px!important;
  bottom:auto!important;
  z-index:18!important;
  padding:3px 5px!important;
  border-radius:3px!important;
  background:rgba(8,9,12,.9)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.waveform-scrubber,.waveform-axis{display:none!important}
.waveform-comments{
  inset:auto 0 0 0!important;
  height:34px!important;
  overflow:visible!important;
}
.wave-comment-marker{
  bottom:5px!important;
  width:22px!important;
  height:22px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 2px 7px rgba(0,0,0,.45)!important;
}
.wave-comment-marker::after{
  top:-12px!important;
  bottom:auto!important;
  height:11px!important;
  background:rgba(230,1,85,.55)!important;
}
.wave-comment-marker:hover,
.wave-comment-marker:focus-visible{
  transform:translateX(-50%) translateY(-2px) scale(1.08)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.5)!important;
}
.wave-comment-preview{
  bottom:32px!important;
  width:230px!important;
  border-radius:4px!important;
  background:#111318!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.42)!important;
  backdrop-filter:none!important;
}
.wave-comment-cta{
  bottom:7px!important;
  padding:5px 8px!important;
  border-radius:3px!important;
  background:#111318!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.34)!important;
}
.wave-comment-cta::after{
  top:-11px!important;
  bottom:auto!important;
  height:10px!important;
  background:rgba(230,1,85,.55)!important;
}
.sc-wave-times{
  margin-top:-24px!important;
  position:relative;
  z-index:6;
  pointer-events:none;
}
@media(max-width:720px){
  .sc-waveform{
    min-height:128px!important;
    padding-bottom:26px!important;
  }
  .sc-waveform canvas{bottom:26px!important;height:calc(100% - 26px)!important}
  .waveform-playhead{bottom:26px!important}
  .waveform-comments{height:30px!important}
  .wave-comment-marker{width:18px!important;height:18px!important;bottom:5px!important}
  .waveform-hover-time{font-size:8px!important}
}


/* ==========================================================================
   1.3.1.2 — Waveform Render & Seek Hotfix
   ========================================================================== */
.sc-waveform{
  min-height:154px!important;
  height:154px!important;
  padding:0!important;
  overflow:visible!important;
}
.sc-waveform canvas{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:auto!important;
  width:100%!important;
  height:122px!important;
  display:block!important;
  pointer-events:none!important;
}
.waveform-playhead{
  top:8px!important;
  bottom:auto!important;
  height:106px!important;
  pointer-events:none!important;
}
.waveform-hover-time{
  pointer-events:none!important;
}
.waveform-comments{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:32px!important;
  pointer-events:none!important;
  z-index:10!important;
}
.wave-comment-marker,
.wave-comment-cta,
.wave-comment-composer{
  pointer-events:auto!important;
}
.sc-waveform::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:121px;
  height:1px;
  background:rgba(255,255,255,.045);
  pointer-events:none;
}
@media(max-width:720px){
  .sc-waveform{
    height:130px!important;
    min-height:130px!important;
  }
  .sc-waveform canvas{height:104px!important}
  .waveform-playhead{height:89px!important}
  .waveform-comments{height:26px!important}
  .sc-waveform::after{top:103px}
}


/* ==========================================================================
   1.3.1.4 — Waveform runtime reliability
   ========================================================================== */
.sc-waveform{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:154px!important;
}
.sc-waveform canvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}


/* ==========================================================================
   1.3.3 — Listener Experience
   ========================================================================== */
.listener-head{max-width:900px}
.listener-overview{
  width:min(var(--max),calc(100% - 32px));
  margin:0 auto 16px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.listener-kpi{
  min-height:126px;padding:20px;border:1px solid var(--line);border-radius:17px;
  background:linear-gradient(145deg,rgba(19,22,29,.96),rgba(13,15,21,.96));
  color:inherit;text-decoration:none;box-shadow:var(--shadow-sm)
}
.listener-kpi:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.listener-kpi span{display:block;color:#747c8b;font-size:9px;font-weight:850;letter-spacing:.13em}
.listener-kpi strong{display:block;margin:9px 0 4px;font-size:34px;letter-spacing:-.05em}
.listener-kpi small{color:#7d8492}
.listener-section{padding-top:40px}
.playlist-create{
  display:grid;grid-template-columns:minmax(0,420px) auto;gap:8px;margin-bottom:20px
}
.playlist-create input{
  min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#0d0f15;color:#fff
}
.playlist-create button{
  min-height:44px;padding:0 15px;border:0;border-radius:11px;background:var(--pink);color:#fff;font-weight:800
}
.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.playlist-card{
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);overflow:hidden
}
.playlist-card>a{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;padding:10px;color:inherit;text-decoration:none}
.playlist-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.playlist-cover{
  width:82px;height:82px;border-radius:11px;background:linear-gradient(145deg,rgba(230,1,85,.17),rgba(0,89,231,.14));display:grid;place-items:center;overflow:hidden
}
.playlist-cover img{width:100%;height:100%;object-fit:cover}
.playlist-cover span{font-size:26px;color:#fff}
.playlist-card strong{display:block;font-size:13px}
.playlist-card small{display:block;margin-top:5px;color:#747c89}
.listener-empty{
  padding:24px;border:1px dashed rgba(255,255,255,.10);border-radius:14px;color:#777f8d;background:rgba(255,255,255,.012)
}
.resident-profile-actions{display:flex;align-items:center;gap:12px;margin:16px 0 4px}
.resident-follow{
  min-height:38px;padding:0 13px;border:1px solid rgba(230,1,85,.28);border-radius:10px;background:rgba(230,1,85,.08);color:#ff4a88;font-weight:800;cursor:pointer
}
.resident-follow.is-following{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#d4d8df}
.resident-followers{color:#737b89;font-size:10px}
.sc-action.is-active{color:#ff4a88;border-color:rgba(230,1,85,.22);background:rgba(230,1,85,.07)}
.playlist-action{position:relative}
.playlist-popover{
  position:absolute;left:0;top:calc(100% + 8px);z-index:80;width:260px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111318;box-shadow:0 18px 48px rgba(0,0,0,.46)
}
.playlist-popover strong{display:block;padding:4px 5px 9px;font-size:11px}
.playlist-popover form button,.playlist-popover>a{
  width:100%;display:block;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#b7bdc8;text-align:left;text-decoration:none;cursor:pointer
}
.playlist-popover form button:hover,.playlist-popover>a:hover{background:rgba(255,255,255,.05);color:#fff}
.playlist-popover p{margin:5px;color:#787f8c;font-size:10px;line-height:1.5}
.playlist-detail-actions,.notifications-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.playlist-detail-actions button,.notifications-toolbar button{
  min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:#aeb4bf
}
.playlist-set-list{display:grid;gap:13px}
.playlist-set-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;border-bottom:1px solid rgba(255,255,255,.055)
}
.playlist-set-row .playlist-set-card{max-width:260px}
.playlist-set-row>form button{border:0;background:transparent;color:#777f8d;cursor:pointer}
.playlist-set-row>form button:hover{color:#ff6b8e}
.notifications-list{display:grid;gap:7px}
.notification-item{margin:0}
.notification-item>button{
  width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015);color:inherit;text-align:left;cursor:pointer
}
.notification-item>button:hover{background:rgba(255,255,255,.03)}
.notification-item.is-unread>button{border-color:rgba(230,1,85,.16);background:rgba(230,1,85,.035)}
.notification-dot{width:6px;height:6px;margin-top:6px;border-radius:50%;background:#555d69}
.notification-item.is-unread .notification-dot{background:var(--pink);box-shadow:0 0 0 4px rgba(230,1,85,.07)}
.notification-item strong{font-size:12px}
.notification-item p{margin:4px 0;color:#9098a6;font-size:11px}
.notification-item small{color:#626a77;font-size:9px}
@media(max-width:900px){
  .listener-overview{grid-template-columns:repeat(2,1fr)}
  .playlist-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .listener-overview{width:calc(100% - 20px);gap:8px}
  .listener-kpi{min-height:105px;padding:15px}
  .listener-kpi strong{font-size:28px}
  .playlist-grid{grid-template-columns:1fr}
  .playlist-create{grid-template-columns:1fr}
  .playlist-set-row{grid-template-columns:1fr}
  .playlist-set-row .playlist-set-card{max-width:none}
  .playlist-popover{position:fixed;left:10px;right:10px;top:auto;bottom:72px;width:auto}
}


/* ==========================================================================
   1.4.0 — Discover & Ranking
   ========================================================================== */
.discover-hero{
  width:min(var(--max),calc(100% - 32px));
  margin:38px auto 10px;
  padding:48px clamp(24px,5vw,60px);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:36px;
  align-items:end;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 85% 10%,rgba(0,89,231,.16),transparent 36%),
    radial-gradient(circle at 10% 90%,rgba(230,1,85,.10),transparent 34%),
    linear-gradient(145deg,#151821,#0d0f14);
  box-shadow:var(--shadow);
}
.discover-hero h1{margin:10px 0 12px;font-size:clamp(42px,6vw,78px);letter-spacing:-.06em}
.discover-hero p{max-width:680px;margin:0;color:#9da4b1;font-size:14px;line-height:1.65}
.discover-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(8,10,14,.56);
}
.discover-search input{min-height:44px;padding:0 12px;border:0!important;background:transparent!important;color:#fff}
.discover-search button{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--pink);color:#fff;font-weight:800}
.genre-chips{
  width:min(var(--max),calc(100% - 32px));
  margin:18px auto 2px;
  display:flex;gap:7px;overflow:auto;padding-bottom:5px;scrollbar-width:none
}
.genre-chips::-webkit-scrollbar{display:none}
.genre-chips a{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;
  border:1px solid var(--line);border-radius:999px;color:#8c94a1;background:rgba(255,255,255,.018);
  text-decoration:none;font-size:10px
}
.genre-chips a:hover,.genre-chips a.is-active{color:#fff;border-color:rgba(230,1,85,.25);background:rgba(230,1,85,.075)}
.genre-chips span{min-width:19px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.055);text-align:center;font-size:8px}
.discover-section{padding-top:48px}
.discover-section .section-head p{margin:5px 0 0;color:#777f8d;font-size:11px}
.discover-section--personal{position:relative}
.discover-section--personal::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);opacity:.35
}
@media(max-width:850px){.discover-hero{grid-template-columns:1fr;padding:34px 24px}}
@media(max-width:620px){
  .discover-hero{width:calc(100% - 20px);margin-top:18px;border-radius:18px;padding:28px 18px}
  .discover-hero h1{font-size:44px}
  .discover-search{grid-template-columns:1fr}
  .genre-chips{width:calc(100% - 20px)}
}


/* ==========================================================================
   1.4.1 — Discover Control
   ========================================================================== */
.discover-admin-grid{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;margin-bottom:16px
}
.discover-settings-form{display:grid;gap:18px}
.discover-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.discover-setting-grid label{display:grid;gap:6px}
.discover-setting-grid label>span{color:#b5bbc6;font-size:10px;font-weight:750}
.discover-setting-grid input{
  min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#0b0d12;color:#fff
}
.discover-setting-grid small{color:#6f7785;font-size:9px;line-height:1.45}
.discover-section-switches{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.055)}
.discover-section-switches>.admin-kicker{width:100%;margin-top:12px}
.discover-section-switches label{
  display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--line);
  border-radius:9px;background:rgba(255,255,255,.018);color:#9ba2ae;font-size:10px
}
.discover-section-switches label:has(input:checked){border-color:rgba(230,1,85,.22);background:rgba(230,1,85,.06);color:#fff}
.discover-explainer p{color:#8f97a4;font-size:11px;line-height:1.65}
.discover-formula{display:grid;gap:7px;margin-top:16px}
.discover-formula code{padding:9px 10px;border-radius:8px;background:#0a0c11;color:#bfc5cf;font-size:10px}
.discover-preview{overflow:hidden}
.discover-preview-table{overflow:auto}
.discover-preview-row{
  min-width:820px;display:grid;grid-template-columns:42px minmax(210px,1.6fr) minmax(130px,1fr) 80px 70px 95px 85px;
  gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.05);color:#929aa7;font-size:10px
}
.discover-preview-row--head{color:#626b78;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.discover-preview-row strong{display:block;color:#dce0e7;font-size:11px}
.discover-preview-row small{display:block;margin-top:3px;color:#666e7b;font-size:8px}
.discover-score{color:#ff4a88;font-weight:850;font-variant-numeric:tabular-nums}
@media(max-width:950px){.discover-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.discover-setting-grid{grid-template-columns:1fr}}


/* ==========================================================================
   1.4.3.6 — Admin Pagination
   ========================================================================== */
.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 4px;padding:8px 0}
.admin-pagination a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#d7dbe2;text-decoration:none;font-size:10px;font-weight:750}
.admin-pagination a:hover{border-color:rgba(230,1,85,.35);color:#fff}
.admin-pagination span{color:#747d8a;font-size:9px}
@media(max-width:620px){.admin-pagination{justify-content:space-between}.admin-pagination span{font-size:8px;text-align:center}}

/* ==========================================================================
   1.4.2.6 — System Health
   ========================================================================== */
.health-overall{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.08em}
.health-overall.is-ok{color:#73dfa2;border:1px solid rgba(54,205,121,.2);background:rgba(54,205,121,.07)}
.health-overall.is-error{color:#ff809b;border:1px solid rgba(255,84,127,.2);background:rgba(255,84,127,.07)}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.health-check{display:flex!important;align-items:center;gap:11px;min-height:82px!important}
.health-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#68717e}
.health-check.is-ok .health-dot{background:#38c979;box-shadow:0 0 0 5px rgba(56,201,121,.07)}
.health-check.is-error .health-dot{background:#ff547f;box-shadow:0 0 0 5px rgba(255,84,127,.07)}
.health-check strong{display:block;font-size:11px}
.health-check small{display:block;margin-top:4px;color:#747d8a;font-size:9px}
.health-summary{margin-bottom:16px}
.health-errors{overflow:hidden}
.health-error-list{display:grid}
.health-error-list article{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:14px;align-items:start;padding:12px 2px;border-top:1px solid rgba(255,255,255,.05)}
.health-error-list article>div strong{display:block;color:#e7e9ed;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.health-error-list article>div span,.health-error-list article>small{display:block;margin-top:3px;color:#626b78;font-size:8px}
.health-error-list article p{margin:0;color:#9aa2ae;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.health-empty{padding:20px 0;color:#68717e;font-size:10px}
@media(max-width:950px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-error-list article{grid-template-columns:1fr}}
@media(max-width:620px){.health-grid{grid-template-columns:1fr}}

/* ==========================================================================
   1.4.3.2 — Media Engine Maintenance
   ========================================================================== */
.media-maintenance{margin-bottom:16px}
.media-maintenance__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.media-maintenance__actions form{margin:0}
.admin-card__copy--pad{padding:0 18px 14px}
.media-maintenance code,.admin-table code{font-size:9px;color:#929aa7}
@media(max-width:620px){
  .media-maintenance__actions{display:grid}
  .media-maintenance__actions .admin-secondary{width:100%}
}

/* ==========================================================================
   1.4.3.7.1 — Backend Layout Restoration
   ========================================================================== */
.admin-statgrid--engine{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.admin-statgrid--engine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-statgrid--engine{grid-template-columns:1fr}}

/* 1.4.4.0-rc2.2 — Contact & Mail Routing */
.contact-hero{max-width:850px;margin:54px auto 28px;padding:0 22px;text-align:center}.contact-hero h1{margin:8px 0 14px;font-size:clamp(34px,5vw,62px);letter-spacing:-.055em}.contact-hero p{margin:0 auto;max-width:760px;color:#9199a6;line-height:1.75}
.contact-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr);gap:18px;max-width:1160px;margin:0 auto 70px;padding:0 22px}.contact-info{display:grid;gap:10px;align-content:start}.contact-info article,.contact-form-card{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(16,18,24,.82);box-shadow:0 18px 48px rgba(0,0,0,.16)}.contact-info article{padding:18px}.contact-info article>span{color:#e60155;font-size:8px;font-weight:850;letter-spacing:.13em}.contact-info h2{margin:6px 0 8px;font-size:15px}.contact-info p{margin:0;color:#7f8794;font-size:11px;line-height:1.65}.contact-info a{color:#d9dde4}
.contact-form-card{padding:24px}.contact-form{display:grid;gap:15px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label,.support-admin-state label{display:grid;gap:7px;color:#a7aebb;font-size:10px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea,.support-admin-state input{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#0b0d12;color:#eef0f3;padding:11px 12px;font:inherit;outline:none}.contact-form textarea{resize:vertical;line-height:1.55}.contact-technical{display:grid;gap:12px;padding:15px;border-radius:13px;background:rgba(0,89,231,.055);border:1px solid rgba(0,89,231,.12)}.contact-technical[hidden]{display:none!important}.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-privacy{padding:13px 14px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.contact-privacy strong{display:block;font-size:10px}.contact-privacy p{margin:5px 0 0;color:#747d89;font-size:9px;line-height:1.6}.contact-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:0;border-radius:11px;background:#e60155;color:#fff!important;text-decoration:none;font-weight:850;font-size:11px;cursor:pointer}.support-admin-state{display:grid;gap:11px}.support-contact-list{margin-top:16px}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr}.contact-form__row{grid-template-columns:1fr}}


/* 1.4.4.0-rc2.2.2 — SMTP & centered feedback */
.mail-settings-row{display:grid;grid-template-columns:.55fr 1fr;gap:10px}.support-admin-state select{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#0b0d12;color:#eef0f3;padding:11px 12px}.mail-transport-grid{margin-top:16px}
.flash-modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:22px;background:rgba(3,4,7,.68);backdrop-filter:blur(8px);animation:flashFade .18s ease-out}
.flash-modal__card{width:min(440px,100%);padding:28px 26px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#101218;box-shadow:0 28px 90px rgba(0,0,0,.48);text-align:center;animation:flashPop .2s ease-out}
.flash-modal__icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;font-size:20px;font-weight:900}.flash-modal--success .flash-modal__icon{background:rgba(58,201,126,.12);color:#79e0aa;border:1px solid rgba(58,201,126,.24)}.flash-modal--error .flash-modal__icon{background:rgba(230,1,85,.12);color:#ff6c9e;border:1px solid rgba(230,1,85,.25)}
.flash-modal__card strong{display:block;font-size:18px}.flash-modal__card p{margin:9px auto 18px;color:#a4abb6;font-size:11px;line-height:1.65;max-width:350px}.flash-modal__card button{min-width:110px;min-height:38px;border:0;border-radius:10px;background:#e60155;color:#fff;font-weight:800;cursor:pointer}
@keyframes flashFade{from{opacity:0}to{opacity:1}}@keyframes flashPop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:620px){.mail-settings-row{grid-template-columns:1fr}.flash-modal__card{padding:24px 20px}}


/* ==========================================================================
   1.4.4.0-rc2.3 — Backend moderation polish
   ========================================================================== */
.admin-status-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 16px;
}
.admin-status-tabs a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#929aa7;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.admin-status-tabs a:hover{
  color:#fff;
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
}
.admin-status-tabs a.is-active{
  color:#fff;
  border-color:rgba(230,1,85,.34);
  background:rgba(230,1,85,.09);
}
.admin-status-tabs a span{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  font-size:8px;
}

.admin-review-list{
  display:grid;
  gap:12px;
}
.review-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,280px);
  gap:20px;
  align-items:start;
}
.review-card__main{
  min-width:0;
}
.review-card__main>div:first-child{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.review-card__main h2{
  margin:11px 0 4px;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.review-card__main>p{
  margin:0;
  color:#808895;
  font-size:10px;
}
.review-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 13px;
  margin-top:12px;
  color:#68717e;
  font-size:9px;
}
.review-meta span{
  position:relative;
}
.review-meta span+span:before{
  content:"";
  display:inline-block;
  width:3px;
  height:3px;
  margin:0 8px 2px 0;
  border-radius:50%;
  background:#343a45;
}
.review-description{
  max-width:760px;
  margin:13px 0 0!important;
  color:#a4abb5!important;
  font-size:10px!important;
  line-height:1.65;
}
.review-note{
  margin-top:13px;
  padding:11px 12px;
  border:1px solid rgba(230,1,85,.12);
  border-radius:10px;
  background:rgba(230,1,85,.045);
}
.review-note strong{
  display:block;
  color:#f0b2c8;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.review-note p{
  margin:5px 0 0;
  color:#a9929a;
  font-size:10px;
  line-height:1.55;
}

.review-card__actions{
  display:grid;
  gap:9px;
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.055);
}
.review-card__actions form{
  margin:0;
}
.review-card__actions .admin-primary{
  width:100%;
}
.review-reject-form{
  display:grid;
  gap:8px;
}
.review-reject-form textarea{
  width:100%;
  min-height:70px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#0b0d12;
  color:#eef0f3;
  padding:10px 11px;
  font:inherit;
  font-size:10px;
  line-height:1.45;
  outline:none;
}
.review-reject-form textarea:focus{
  border-color:rgba(230,1,85,.38);
  box-shadow:0 0 0 3px rgba(230,1,85,.06);
}
.review-reject-form button{
  min-height:36px;
  border:1px solid rgba(230,1,85,.18);
  border-radius:9px;
  background:rgba(230,1,85,.07);
  color:#eab2c6;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.review-reject-form button:hover{
  background:rgba(230,1,85,.12);
  color:#fff;
}

@media(max-width:900px){
  .review-card{
    grid-template-columns:1fr;
  }
  .review-card__actions{
    grid-template-columns:minmax(130px,.45fr) minmax(220px,1fr);
    align-items:start;
    padding:14px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.055);
  }
}
@media(max-width:620px){
  .admin-status-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .admin-status-tabs a{
    flex:0 0 auto;
  }
  .review-card__actions{
    grid-template-columns:1fr;
  }
  .review-meta{
    display:grid;
    gap:5px;
  }
  .review-meta span+span:before{
    display:none;
  }
}


/* 1.4.4.0-rc2.4 — Public page initialization */
.section-kicker{
  display:inline-block;
  color:#e60155;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}


/* 1.4.4.0-rc2.5 — sensitive admin promotion confirmation */
.admin-role-confirm{
  grid-column:1/-1;
  margin:4px 0 8px;
  padding:14px 15px;
  border:1px solid rgba(230,1,85,.16);
  border-radius:12px;
  background:rgba(230,1,85,.045);
}
.admin-role-confirm[hidden]{display:none!important}
.admin-role-confirm strong{display:block;color:#f1b4ca;font-size:10px}
.admin-role-confirm p{margin:5px 0 11px;color:#88747c;font-size:9px;line-height:1.55}
.admin-role-confirm label{display:grid;gap:6px;color:#a5acb7;font-size:9px;font-weight:700}
.admin-role-confirm input{width:100%;max-width:420px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0d12;color:#fff;padding:10px 11px}


/* ==========================================================================
   1.4.4.1 — Resident self-service profile
   ========================================================================== */
.resident-profile-head{align-items:flex-end}.resident-profile-head p{margin:5px 0 0;color:#747d89;font-size:10px}
.resident-profile-editor{display:grid;gap:16px}
.resident-avatar-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(135deg,rgba(230,1,85,.055),rgba(0,89,231,.035) 60%,rgba(16,18,24,.9));box-shadow:0 18px 48px rgba(0,0,0,.14)}
.resident-avatar-preview{position:relative;width:170px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0b0d12;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.resident-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.resident-avatar-preview img[hidden]{display:none}.resident-avatar-preview>span{font-size:36px;font-weight:850;color:#68717d;letter-spacing:-.06em}
.resident-profile-kicker{color:#e60155;font-size:8px;font-weight:850;letter-spacing:.13em}.resident-avatar-copy h2{margin:6px 0 8px;font-size:20px;letter-spacing:-.025em}.resident-avatar-copy>p{max-width:650px;margin:0;color:#828b97;font-size:10px;line-height:1.65}
.resident-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.resident-avatar-upload,.resident-avatar-remove{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:38px;padding:0 13px;border-radius:10px;cursor:pointer;font-size:9px!important;font-weight:800!important}.resident-avatar-upload{background:#e60155;color:#fff!important}.resident-avatar-remove{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#a4abb5!important}.resident-avatar-upload input,.resident-avatar-remove input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important}.resident-avatar-copy>small{display:block;margin-top:9px;color:#626b78;font-size:8px}
.resident-profile-panel{padding:22px}.resident-profile-section-head{margin-bottom:18px}.resident-profile-section-head>span{color:#e60155;font-size:8px;font-weight:850;letter-spacing:.12em}.resident-profile-section-head h2{margin:5px 0 3px;font-size:17px}.resident-profile-section-head p{margin:0;color:#727b87;font-size:9px}
.resident-profile-grid label small{margin-top:2px;color:#626b77;font-size:8px;font-weight:500}.resident-slug-field{display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b0d12;overflow:hidden}.resident-slug-field>span{padding:0 0 0 11px;color:#59626f;font-size:9px;white-space:nowrap}.resident-slug-field input{border:0!important;background:transparent!important;box-shadow:none!important}
.resident-profile-savebar{position:sticky;bottom:14px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(13,15,20,.94);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.32)}.resident-profile-savebar strong{display:block;font-size:10px}.resident-profile-savebar span{display:block;margin-top:2px;color:#69727e;font-size:8px}
@media(max-width:720px){.resident-avatar-card{grid-template-columns:1fr;text-align:center}.resident-avatar-preview{margin:auto;width:150px}.resident-avatar-actions{justify-content:center}.resident-profile-savebar{bottom:8px}.resident-profile-savebar>div{display:none}.resident-profile-savebar button{width:100%}}


/* ==========================================================================
   1.4.4.2 — Admin set deletion
   ========================================================================== */
.admin-delete-set{
  margin-top:4px;
  border-top:1px solid rgba(255,255,255,.055);
  padding-top:9px;
}
.admin-delete-set summary{
  list-style:none;
  cursor:pointer;
  color:#8a626f;
  font-size:9px;
  font-weight:800;
  text-align:center;
  user-select:none;
}
.admin-delete-set summary::-webkit-details-marker{display:none}
.admin-delete-set summary:hover{color:#ef8cab}
.admin-delete-set__panel{
  margin-top:9px;
  padding:11px;
  border:1px solid rgba(230,1,85,.16);
  border-radius:10px;
  background:rgba(230,1,85,.045);
}
.admin-delete-set__panel strong{
  display:block;
  color:#f0b1c7;
  font-size:9px;
}
.admin-delete-set__panel p{
  margin:5px 0 10px;
  color:#8d7680;
  font-size:8px;
  line-height:1.55;
}
.admin-danger-button{
  width:100%;
  min-height:36px;
  border:1px solid rgba(230,1,85,.28);
  border-radius:9px;
  background:rgba(230,1,85,.1);
  color:#ff9abb;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.admin-danger-button:hover{
  background:rgba(230,1,85,.18);
  color:#fff;
}


/* ==========================================================================
   1.0.1 — Simplified upload progress & modern publishing
   ========================================================================== */
.upload-progress--simple{
  padding:14px 0 2px;
  border:0;
  border-radius:0;
  background:transparent;
}
.upload-progress--simple .upload-progress__simple-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:9px;
}
.upload-progress--simple .upload-progress__simple-row strong{
  color:#e9e9ee;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.upload-progress--simple .upload-progress__simple-row span{
  color:#fff;
  font-size:12px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.upload-progress--simple .upload-progress__track{
  height:5px;
  background:#25252c;
}
.upload-progress--simple .upload-progress__track>span{
  background:linear-gradient(90deg,var(--pink),#ff3b81);
}
.upload-progress--simple.is-error{border:0}

.publish-modern{
  margin:4px 0 0;
  padding:22px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
.publish-modern>legend{display:none}
.publish-modern__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:15px;
}
.publish-modern__head>div>span{
  display:block;
  color:var(--pink);
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.publish-modern__head h3{
  margin:5px 0 0;
  color:#f3f3f5;
  font-size:17px;
  letter-spacing:-.025em;
}
.publish-modern__head>small{
  color:#696974;
  font-size:9px;
}
.publish-modern__choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.publish-modern__choice{
  position:relative;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 22px!important;
  align-items:center;
  gap:10px!important;
  min-height:92px;
  padding:13px!important;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#0d0d11;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.publish-modern__choice:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.14);
  background:#111116;
}
.publish-modern__choice.is-selected{
  border-color:rgba(230,1,85,.42);
  background:linear-gradient(145deg,rgba(230,1,85,.095),rgba(230,1,85,.025));
  box-shadow:0 0 0 1px rgba(230,1,85,.05) inset;
}
.publish-modern__choice>input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.publish-modern__icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:#9696a0;
  font-size:14px;
}
.publish-modern__choice.is-selected .publish-modern__icon{
  background:rgba(230,1,85,.14);
  color:#ff81ad;
}
.publish-modern__copy{
  display:block;
  min-width:0;
}
.publish-modern__copy strong{
  display:block;
  color:#e8e8ec;
  font-size:10px;
  line-height:1.35;
}
.publish-modern__copy small{
  display:block;
  margin-top:4px;
  color:#74747e;
  font-size:8px;
  line-height:1.45;
}
.publish-modern__check{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  color:transparent;
  font-size:9px;
  font-weight:900;
}
.publish-modern__choice.is-selected .publish-modern__check{
  border-color:var(--pink);
  background:var(--pink);
  color:#fff;
}
.publish-modern__schedule{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:10px;
  padding:13px 14px;
  border:1px solid rgba(230,1,85,.14);
  border-radius:11px;
  background:rgba(230,1,85,.035);
}
.publish-modern__schedule[hidden]{display:none!important}
.publish-modern__schedule>div>span{
  display:block;
  color:#875d6b;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
}
.publish-modern__schedule>div>strong{
  display:block;
  margin-top:3px;
  color:#d9d9df;
  font-size:10px;
}
.publish-modern__schedule input{
  width:min(280px,100%);
  margin:0;
}
@media(max-width:900px){
  .publish-modern__choices{grid-template-columns:1fr}
  .publish-modern__choice{min-height:76px}
}
@media(max-width:620px){
  .publish-modern{padding:16px}
  .publish-modern__head{align-items:flex-start;flex-direction:column;gap:5px}
  .publish-modern__head>small{display:none}
  .publish-modern__schedule{align-items:stretch;flex-direction:column}
  .publish-modern__schedule input{width:100%}
}

/* ==========================================================================
   1.0.3 — DJ Set Upload UX
   ========================================================================== */
.upload-page-head p{margin:6px 0 0;color:#727b87;font-size:10px}
.upload-panel--modern{padding:0;border:0;background:transparent;box-shadow:none}
.upload-form--modern{gap:14px}
.upload-zone--hero{
  min-height:235px;
  padding:30px 22px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(230,1,85,.035),rgba(255,255,255,.012))!important;
}
.upload-zone--hero:hover,.upload-zone--hero.is-dragging{border-color:rgba(230,1,85,.48)!important;background:rgba(230,1,85,.035)!important}
.upload-zone--hero.has-file{border-style:solid!important;border-color:rgba(66,204,132,.28)!important;background:rgba(66,204,132,.025)!important}
.upload-zone--hero .upload-zone__icon{width:54px;height:54px;border-radius:16px;font-size:25px}
.upload-zone--hero>strong{font-size:18px;letter-spacing:-.025em}
.upload-zone--hero .upload-zone__hint{font-size:9px}
.upload-zone--hero .upload-zone__file{max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-meta-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:8px;padding:4px 1px 2px}.upload-meta-head span{display:block;color:#e60155;font-size:8px;font-weight:900;letter-spacing:.14em}.upload-meta-head h2{margin:4px 0 0;font-size:17px}.upload-meta-head p{max-width:480px;margin:0;color:#69727e;font-size:8px;line-height:1.5;text-align:right}
.upload-form--modern>label:not(.upload-zone):not(.check){padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.018)}
.upload-form--modern>label small{display:block;margin-top:5px;color:#5f6874;font-size:8px;font-weight:500}
.upload-options-row{display:flex;flex-wrap:wrap;gap:18px;padding:2px 1px}
.upload-options-row .check{margin:0}
.upload-form--modern.is-uploading>*:not(.upload-progress):not(.upload-submit-row){display:none!important}
.upload-form--modern.is-uploading{display:block}
.upload-form--modern.is-uploading .upload-progress{display:block!important;margin:70px auto;max-width:680px;padding:0 12px}
.upload-form--modern.is-uploading .upload-submit-row{display:none!important}
@media(max-width:760px){.upload-meta-head{align-items:flex-start;flex-direction:column;gap:5px}.upload-meta-head p{text-align:left}.upload-zone--hero{min-height:205px;padding:24px 16px!important}}


/* ==========================================================================
   1.0.5 — DJ upload layout containment hotfix
   ========================================================================== */
.upload-panel--modern{
  width:min(var(--max),calc(100% - 40px));
  max-width:var(--max);
  margin:0 auto 70px;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:18px!important;
  background:rgba(16,18,24,.82)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.14)!important;
}

.upload-form--modern{
  width:100%;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start;
}

.upload-form--modern>.wide,
.upload-form--modern>.upload-zone,
.upload-form--modern>fieldset,
.upload-form--modern>.upload-rights,
.upload-form--modern>.upload-progress,
.upload-form--modern>.upload-submit-row,
.upload-form--modern>.upload-meta-head,
.upload-form--modern>.upload-options-row{
  grid-column:1/-1!important;
  min-width:0;
}

.upload-form--modern>label:not(.upload-zone):not(.check){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  min-width:0;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.018)!important;
  color:#aab1bc!important;
  font-size:9px!important;
  font-weight:750!important;
}

.upload-form--modern input[type="text"],
.upload-form--modern input[type="url"],
.upload-form--modern input:not([type]),
.upload-form--modern select,
.upload-form--modern textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:10px!important;
  background:#0b0d12!important;
  color:#eef0f3!important;
  padding:11px 12px!important;
  font:inherit!important;
  outline:0!important;
}

.upload-form--modern textarea{
  resize:vertical!important;
  line-height:1.55!important;
}

.upload-form--modern input:focus,
.upload-form--modern select:focus,
.upload-form--modern textarea:focus{
  border-color:rgba(230,1,85,.42)!important;
  box-shadow:0 0 0 3px rgba(230,1,85,.07)!important;
}

.upload-form--modern input[type="file"]:not(.upload-file-input){
  width:100%!important;
  min-width:0!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0b0d12!important;
  color:#8c95a2!important;
  font-size:9px!important;
}

.upload-form--modern input[type="file"]:not(.upload-file-input)::file-selector-button{
  margin-right:10px;
  padding:8px 11px;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.075);
  color:#e7e9ed;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}

/* Upload hero fully owns its internal layout. */
.upload-zone--hero{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
  overflow:hidden!important;
}

.upload-zone--hero .upload-file-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  opacity:0!important;
  cursor:pointer!important;
}

.upload-zone--hero .upload-select-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  background:#e60155!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}

.upload-zone--hero .upload-zone__file{
  display:block!important;
  width:min(620px,100%)!important;
  color:#737c88!important;
  font-size:8px!important;
}

/* Publication section is independent of any legacy fieldset styles. */
.upload-form--modern .publish-options{
  display:block!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
}

.publish-modern__choices{
  width:100%;
}

.publish-modern__choice{
  box-sizing:border-box!important;
  margin:0!important;
}

.publish-modern__schedule input[type="datetime-local"]{
  width:min(300px,100%)!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:9px!important;
  background:#0b0d12!important;
  color:#eef0f3!important;
  padding:10px 11px!important;
}

/* Rights section had no self-contained styles in 1.0.4. */
.upload-form--modern .upload-rights{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;
}

.upload-rights__badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(230,1,85,.08)!important;
  color:#e98ead!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}

.upload-rights h3{
  margin:8px 0 5px!important;
  color:#e9ebef!important;
  font-size:13px!important;
}

.upload-rights p{
  margin:0!important;
  color:#747d89!important;
  font-size:9px!important;
  line-height:1.6!important;
}

.upload-rights .auth-consent{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  background:#0b0d12!important;
  color:#939ba7!important;
  font-size:8px!important;
  line-height:1.55!important;
}

.upload-rights .auth-consent input{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:1px 0 0!important;
}

.upload-options-row{
  align-items:center!important;
  min-height:38px!important;
}

.upload-options-row .check{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#8d96a2!important;
  font-size:9px!important;
}

.upload-options-row .check input{
  width:16px!important;
  height:16px!important;
}

.upload-submit-row{
  display:flex!important;
  justify-content:flex-end!important;
  padding-top:2px!important;
}

.upload-submit{
  min-width:220px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:11px!important;
  background:#e60155!important;
  color:#fff!important;
  padding:0 15px!important;
  font-size:9px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

/* During transfer, deliberately show nothing except the progress itself. */
.upload-form--modern.is-uploading{
  display:block!important;
  min-height:260px!important;
}
.upload-form--modern.is-uploading>*{
  display:none!important;
}
.upload-form--modern.is-uploading>.upload-progress{
  display:block!important;
  width:min(680px,100%)!important;
  margin:90px auto!important;
  padding:0!important;
}

@media(max-width:780px){
  .upload-panel--modern{
    width:calc(100% - 24px);
    padding:15px!important;
  }
  .upload-form--modern{
    grid-template-columns:1fr!important;
  }
  .upload-form--modern>label{
    grid-column:1!important;
  }
  .upload-form--modern .upload-rights{
    grid-template-columns:1fr!important;
  }
  .upload-submit{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:520px){
  .upload-panel--modern{
    width:calc(100% - 16px);
    padding:11px!important;
    border-radius:14px!important;
  }
  .upload-zone--hero{
    min-height:190px!important;
  }
  .publish-modern{
    padding:14px!important;
  }
}


/* ==========================================================================
   1.0.6 — Update Center functional UI repair
   ========================================================================== */
.update-pagehead{align-items:flex-end}
.update-current-version{
  min-width:185px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(255,255,255,.022);
  text-align:right;
}
.update-current-version span{
  display:block;
  color:#69727e;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.update-current-version strong{
  display:block;
  margin-top:3px;
  color:#f2f3f5;
  font-size:21px;
  letter-spacing:-.035em;
}
.update-current-version small{
  display:block;
  margin-top:2px;
  color:#67707c;
  font-size:8px;
}

.update-status-row{
  max-width:var(--max);
  margin:0 auto 15px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  padding:0 20px;
}
.update-status-row article{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.update-status-icon{
  display:grid;
  place-items:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border-radius:9px;
  background:rgba(230,1,85,.08);
  color:#ff78a7;
  font-size:13px;
}
.update-status-row small{
  display:block;
  color:#626b77;
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
}
.update-status-row strong{
  display:block;
  margin-top:3px;
  color:#e4e7eb;
  font-size:10px;
}
.update-status-row p{
  margin:4px 0 0;
  color:#707985;
  font-size:8px;
  line-height:1.5;
}

.update-center-grid{
  max-width:var(--max);
  margin:0 auto 70px;
  padding:0 20px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:14px;
  align-items:start;
}
.update-center-grid .admin-card{
  margin:0;
}

.update-secure-badge{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 8px;
  border:1px solid rgba(64,204,132,.14);
  border-radius:999px;
  background:rgba(64,204,132,.07);
  color:#75dba5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.update-upload-form{
  display:grid;
  gap:15px;
}

.update-file-picker{
  position:relative;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:132px;
  box-sizing:border-box;
  padding:18px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:#0b0d12!important;
  cursor:pointer!important;
  overflow:hidden;
}
.update-file-picker:hover,
.update-file-picker.has-file{
  border-color:rgba(230,1,85,.42)!important;
  background:rgba(230,1,85,.02)!important;
}
.update-file-picker input[type="file"]{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.update-file-picker__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:12px;
  background:rgba(230,1,85,.1);
  color:#ff7baa;
  font-size:20px;
}
.update-file-picker__text{
  min-width:0;
}
.update-file-picker__text strong{
  display:block;
  color:#eef0f3;
  font-size:11px;
}
.update-file-picker__text small{
  display:block;
  margin-top:4px;
  color:#6d7682;
  font-size:8px;
}
.update-file-picker__name{
  grid-column:1/-1;
  display:block;
  min-width:0;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#747d89;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.update-process{
  display:flex;
  align-items:center;
  gap:7px;
  padding:2px 0;
}
.update-process span{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.update-process b{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  color:#a0a7b1;
  font-size:7px;
}
.update-process em{
  color:#737c88;
  font-size:7px;
  font-style:normal;
  font-weight:750;
}
.update-process i{
  flex:1;
  height:1px;
  background:rgba(255,255,255,.06);
}

.update-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:44px!important;
  cursor:pointer!important;
}
.update-upload-hint{
  margin:0;
  color:#646d79;
  font-size:8px;
  line-height:1.5;
}

.update-protection-list{
  display:grid;
}
.update-protection-list>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.update-protection-list>div:last-child{
  border-bottom:0;
}
.update-protection-list b{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#636c78;
  font-size:7px;
}
.update-protection-list strong{
  display:block;
  color:#dce0e5;
  font-size:9px;
}
.update-protection-list small{
  display:block;
  margin-top:4px;
  color:#707985;
  font-size:8px;
  line-height:1.5;
}

@media(max-width:900px){
  .update-status-row{grid-template-columns:1fr}
  .update-center-grid{grid-template-columns:1fr}
  .update-pagehead{align-items:flex-start}
  .update-current-version{text-align:left}
}
@media(max-width:620px){
  .update-status-row,
  .update-center-grid{padding-left:12px;padding-right:12px}
  .update-process{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .update-process i{display:none}
}


/* ==========================================================================
   1.0.7 — DJ Set Upload visual refresh + readability
   ========================================================================== */
.upload-page-head{
  padding-bottom:22px!important;
}
.upload-page-head>div{
  max-width:760px;
}
.upload-page-head>div>span{
  font-size:10px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.upload-page-head h1{
  margin:8px 0 7px!important;
  font-size:clamp(34px,4.2vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.upload-page-head p{
  max-width:680px;
  margin:0!important;
  color:#929aa6!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.upload-panel--modern{
  padding:28px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(230,1,85,.055),transparent 34%),
    rgba(16,18,24,.9)!important;
}

.upload-form--modern{
  gap:18px!important;
}

.upload-zone--hero{
  min-height:280px!important;
  gap:12px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 10%,rgba(230,1,85,.08),transparent 36%),
    #0b0d12!important;
}
.upload-zone--hero .upload-zone__icon{
  width:62px!important;
  height:62px!important;
  border-radius:18px!important;
  font-size:28px!important;
}
.upload-zone--hero>strong{
  font-size:22px!important;
  line-height:1.15!important;
}
.upload-zone--hero .upload-zone__hint{
  color:#969eaa!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.upload-zone--hero .upload-select-button{
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:11px!important;
  font-size:10px!important;
}
.upload-zone--hero .upload-zone__file{
  margin-top:2px!important;
  color:#89929e!important;
  font-size:11px!important;
}

.upload-meta-head{
  align-items:flex-start!important;
  margin-top:12px!important;
  padding:8px 2px 4px!important;
}
.upload-meta-head span{
  font-size:10px!important;
}
.upload-meta-head h2{
  margin-top:5px!important;
  font-size:22px!important;
  line-height:1.15!important;
}
.upload-meta-head p{
  max-width:520px!important;
  color:#929aa6!important;
  font-size:12px!important;
  line-height:1.6!important;
}

.upload-form--modern>label:not(.upload-zone):not(.check){
  gap:9px!important;
  padding:17px!important;
  border-radius:14px!important;
  color:#c0c6cf!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.upload-form--modern>label small{
  margin-top:0!important;
  color:#858e9a!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.upload-form--modern input[type="text"],
.upload-form--modern input[type="url"],
.upload-form--modern input:not([type]),
.upload-form--modern select,
.upload-form--modern textarea{
  min-height:46px!important;
  padding:12px 13px!important;
  border-radius:11px!important;
  color:#f1f3f5!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.upload-form--modern textarea{
  min-height:132px!important;
}
.upload-form--modern>label.wide textarea[name="tracklist"]{
  min-height:190px!important;
}
.upload-form--modern input::placeholder,
.upload-form--modern textarea::placeholder{
  color:#626b77!important;
  opacity:1!important;
}

.upload-form--modern input[type="file"]:not(.upload-file-input){
  min-height:46px!important;
  padding:8px!important;
  color:#9aa2ad!important;
  font-size:11px!important;
}
.upload-form--modern input[type="file"]:not(.upload-file-input)::file-selector-button{
  min-height:30px!important;
  padding:7px 12px!important;
  font-size:10px!important;
}

.upload-options-row{
  gap:22px!important;
  min-height:44px!important;
  padding:5px 3px!important;
}
.upload-options-row .check{
  gap:9px!important;
  color:#aab2bd!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.upload-options-row .check input{
  width:18px!important;
  height:18px!important;
}

.publish-modern{
  padding:20px!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.008))!important;
}
.publish-modern__head{
  gap:18px!important;
  margin-bottom:16px!important;
}
.publish-modern__head>div>span{
  font-size:10px!important;
}
.publish-modern__head h3{
  margin-top:5px!important;
  font-size:18px!important;
  line-height:1.3!important;
}
.publish-modern__head>small{
  color:#858e9a!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.publish-modern__choices{
  gap:10px!important;
}
.publish-modern__choice{
  min-height:92px!important;
  padding:15px!important;
  border-radius:13px!important;
}
.publish-modern__icon{
  width:38px!important;
  height:38px!important;
  font-size:15px!important;
}
.publish-modern__copy strong{
  font-size:13px!important;
}
.publish-modern__copy small{
  margin-top:4px!important;
  color:#8c95a1!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.publish-modern__check{
  width:22px!important;
  height:22px!important;
  font-size:10px!important;
}
.publish-modern__schedule{
  margin-top:12px!important;
  padding:14px!important;
  border-radius:11px!important;
}
.publish-modern__schedule span{
  font-size:9px!important;
}
.publish-modern__schedule strong{
  font-size:12px!important;
}
.publish-modern__schedule input[type="datetime-local"]{
  min-height:43px!important;
  font-size:12px!important;
}

.upload-form--modern .upload-rights{
  gap:22px!important;
  padding:20px!important;
  border-radius:15px!important;
}
.upload-rights__badge{
  min-height:25px!important;
  padding:0 9px!important;
  font-size:9px!important;
}
.upload-rights h3{
  margin:10px 0 6px!important;
  font-size:16px!important;
}
.upload-rights p{
  color:#929aa6!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.upload-rights .auth-consent{
  gap:10px!important;
  padding:14px!important;
  border-radius:11px!important;
  color:#aab2bd!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.upload-rights .auth-consent a{
  color:#ff78a7!important;
  text-decoration:none!important;
}
.upload-rights .auth-consent a:hover{
  text-decoration:underline!important;
}

.upload-submit-row{
  padding-top:6px!important;
}
.upload-submit{
  min-width:260px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
  box-shadow:0 12px 30px rgba(230,1,85,.16)!important;
}
.upload-submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

.upload-progress--simple{
  max-width:760px!important;
}
.upload-progress__simple-row{
  margin-bottom:10px!important;
}
.upload-progress__simple-row strong,
.upload-progress__simple-row span{
  font-size:14px!important;
}
.upload-progress__track{
  height:10px!important;
  border-radius:999px!important;
}

@media(max-width:780px){
  .upload-page-head h1{font-size:36px!important}
  .upload-page-head p{font-size:13px!important}
  .upload-panel--modern{padding:18px!important}
  .upload-meta-head p{font-size:11px!important}
  .publish-modern__head{display:block!important}
  .publish-modern__head>small{display:block!important;margin-top:7px!important}
  .upload-form--modern .upload-rights{gap:14px!important}
}
@media(max-width:520px){
  .upload-page-head{padding-top:38px!important}
  .upload-page-head h1{font-size:32px!important}
  .upload-panel--modern{padding:13px!important}
  .upload-zone--hero{min-height:220px!important}
  .upload-zone--hero>strong{font-size:19px!important}
  .upload-zone--hero .upload-zone__hint{font-size:11px!important}
  .upload-form--modern>label:not(.upload-zone):not(.check){padding:14px!important}
  .publish-modern{padding:14px!important}
  .publish-modern__choice{min-height:84px!important;padding:12px!important}
  .upload-submit{min-width:0!important;width:100%!important}
}


/* 1.0.9 — pre-upload local ID3 status */
.upload-tag-status{
  grid-column:1/-1!important;
  display:flex;
  align-items:center;
  min-height:38px;
  margin-top:-3px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.018);
  color:#89929e;
  font-size:11px;
  line-height:1.45;
}
.upload-tag-status.is-success{
  border-color:rgba(66,204,132,.18);
  background:rgba(66,204,132,.045);
  color:#82dcae;
}


/* ==========================================================================
   1.0.10 — Modern DJ-set upload status modal
   ========================================================================== */
html.has-upload-modal,
html.has-upload-modal body{overflow:hidden!important}

.set-upload-modal[hidden]{display:none!important}
.set-upload-modal{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:center;
  padding:24px;
}
.set-upload-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,4,7,.78);
  backdrop-filter:blur(11px);
}
.set-upload-modal__card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  box-sizing:border-box;
  padding:34px 32px 30px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0,rgba(230,1,85,.09),transparent 40%),
    #101218;
  box-shadow:0 38px 120px rgba(0,0,0,.58);
  text-align:center;
  animation:setUploadModalIn .2s ease-out;
}
.set-upload-modal__status-icon{
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  margin:0 auto 14px;
  border:1px solid rgba(230,1,85,.22);
  border-radius:18px;
  background:rgba(230,1,85,.1);
  color:#ff78a8;
  font-size:26px;
  font-weight:900;
}
.set-upload-modal__status-icon.is-success{
  border-color:rgba(66,204,132,.26);
  background:rgba(66,204,132,.1);
  color:#82dfb0;
}
.set-upload-modal__status-icon.is-error{
  border-color:rgba(255,92,130,.28);
  background:rgba(255,92,130,.1);
  color:#ff8fab;
}
.set-upload-modal__eyebrow{
  color:#e60155;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.set-upload-modal__card h2{
  margin:7px 0;
  color:#f1f3f5;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.035em;
}
.set-upload-modal__card>p{
  max-width:410px;
  margin:0 auto;
  color:#939ba7;
  font-size:12px;
  line-height:1.6;
}
.set-upload-modal__progress{
  margin-top:24px;
}
.set-upload-modal__progress[hidden],
.set-upload-modal__actions[hidden]{
  display:none!important;
}
.set-upload-modal__progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:9px;
}
.set-upload-modal__progress-head span{
  color:#a2a9b3;
  font-size:11px;
  font-weight:700;
}
.set-upload-modal__progress-head strong{
  color:#fff;
  font-size:14px;
  font-variant-numeric:tabular-nums;
}
.set-upload-modal__track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#25272e;
}
.set-upload-modal__track>span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#e60155,#ff3b81);
  transition:width .15s linear;
}
.set-upload-modal__actions{
  margin-top:22px;
}
.set-upload-modal__actions .admin-primary{
  min-width:190px;
  min-height:44px;
}
.upload-form--modern.is-uploading>.upload-progress{
  display:none!important;
}
@keyframes setUploadModalIn{
  from{opacity:0;transform:translateY(10px) scale(.97)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .set-upload-modal{padding:14px}
  .set-upload-modal__card{padding:27px 20px 24px;border-radius:18px}
  .set-upload-modal__card h2{font-size:21px}
  .set-upload-modal__card>p{font-size:11px}
}

/* ==========================================================================
   1.0.11 — Two-step DJ upload workflow
   ========================================================================== */
.upload-first-step{max-width:980px!important}.upload-file-only{display:grid;gap:20px}.upload-preflight-note{display:grid;grid-template-columns:34px minmax(0,1fr) 60px 34px minmax(0,1fr);align-items:center;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.018)}.upload-preflight-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(230,1,85,.1);color:#ff84ae;font-size:11px;font-weight:900}.upload-preflight-note strong{display:block;font-size:12px}.upload-preflight-note small{display:block;margin-top:3px;color:#818a96;font-size:10px;line-height:1.45}.upload-preflight-note i{height:1px;background:rgba(255,255,255,.09)}.upload-submit--first{justify-self:end;min-width:240px!important}
.set-edit-head p{font-size:13px!important}.set-edit-shell{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.set-edit-summary{position:sticky;top:84px;display:grid;gap:9px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(16,18,24,.88)}.set-edit-summary img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#0b0d12}.set-edit-summary>span{margin-top:5px;color:#70dca5;font-size:8px;font-weight:900;letter-spacing:.12em}.set-edit-summary>strong{font-size:18px;line-height:1.25}.set-edit-summary>small{color:#89929e;font-size:11px}.set-edit-processing{display:flex;gap:8px;align-items:flex-start;margin-top:4px;padding:10px;border-radius:10px;background:rgba(230,1,85,.04);color:#8e97a3;font-size:9px;line-height:1.5}.set-edit-processing i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#e60155;box-shadow:0 0 0 5px rgba(230,1,85,.08)}.set-edit-form{display:grid;gap:14px}.set-edit-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(16,18,24,.84)}.set-edit-card>header span,.set-edit-rights>div>span{color:#e60155;font-size:9px;font-weight:900;letter-spacing:.13em}.set-edit-card>header h2,.set-edit-rights h3{margin:5px 0 4px;font-size:19px}.set-edit-card>header p,.set-edit-rights p{margin:0;color:#87909c;font-size:10px;line-height:1.55}.set-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.set-edit-grid .wide{grid-column:1/-1}.set-edit-grid label{display:grid;gap:7px;color:#bbc2cc;font-size:11px;font-weight:700}.set-edit-grid input,.set-edit-grid select,.set-edit-grid textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b0d12;color:#eef0f3;font-size:13px}.set-edit-grid textarea{resize:vertical;line-height:1.55}.set-edit-toggles{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}.set-edit-toggles label{display:flex;align-items:center;gap:8px;color:#9fa7b2;font-size:11px}.set-edit-rights{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:18px;align-items:center}.set-edit-rights>label{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0b0d12;color:#a7afba;font-size:10px;line-height:1.55}.set-edit-rights a{color:#ff79a7}.set-edit-savebar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(13,15,20,.95);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.3)}.set-edit-savebar strong{display:block;font-size:11px}.set-edit-savebar span{display:block;margin-top:2px;color:#737c88;font-size:9px}.set-preview-banner{max-width:var(--max);margin:18px auto -6px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(230,1,85,.16);border-radius:13px;background:rgba(230,1,85,.045)}.set-preview-banner span{display:block;color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}.set-preview-banner strong{display:block;margin-top:3px;font-size:13px}.set-preview-banner small{display:block;margin-top:3px;color:#8d96a2;font-size:9px}.set-preview-banner a{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);font-size:9px;font-weight:800}
@media(max-width:900px){.set-edit-shell{grid-template-columns:1fr}.set-edit-summary{position:static;grid-template-columns:120px 1fr;align-items:center}.set-edit-summary img{grid-row:1/6}.set-edit-rights{grid-template-columns:1fr}.upload-preflight-note{grid-template-columns:34px 1fr}.upload-preflight-note i{display:none}.upload-preflight-note>span:nth-of-type(2){margin-top:8px}}
@media(max-width:620px){.set-edit-shell{padding:0 12px}.set-edit-grid{grid-template-columns:1fr}.set-edit-grid .wide{grid-column:auto}.set-edit-summary{grid-template-columns:88px 1fr}.set-edit-savebar>div{display:none}.set-edit-savebar button{width:100%}.set-preview-banner{margin-left:12px;margin-right:12px;align-items:flex-start;flex-direction:column}.upload-submit--first{width:100%;justify-self:stretch}}

/* ==========================================================================\n   1.0.13 — Resident Creator Workspace\n   ========================================================================== */
.resident-creator-hero{position:relative;max-width:var(--max);min-height:330px;margin:24px auto 0;padding:38px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(120deg,#171820,#101117 55%,#10141f)}.resident-creator-hero__glow{position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(0,89,231,.2),transparent 32%),radial-gradient(circle at 45% 85%,rgba(230,1,85,.17),transparent 38%);pointer-events:none}.resident-creator-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:end}.resident-creator-avatar{width:190px;aspect-ratio:1;object-fit:cover;border:4px solid rgba(255,255,255,.86);border-radius:50%;background:#17171d;box-shadow:0 22px 55px rgba(0,0,0,.38)}.resident-creator-copy>span{color:#e60155;font-size:10px;font-weight:900;letter-spacing:.16em}.resident-creator-copy h1{margin:7px 0 8px;font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em}.resident-creator-copy>p{max-width:720px;margin:0;color:#b1b8c3;font-size:13px;line-height:1.65}.resident-creator-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;color:#8f98a4;font-size:10px}.resident-creator-meta strong{color:#f0f2f4;font-size:12px}.resident-creator-meta i{width:3px;height:3px;border-radius:50%;background:#59616c}.resident-creator-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.resident-creator-actions form{margin:0}.resident-action-primary,.resident-action-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}.resident-action-primary{border:0;background:#e60155;color:#fff}.resident-action-primary.is-following{background:#252833;color:#d9dde2}.resident-action-secondary{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#d9dde2}
.resident-workspace{max-width:var(--max);margin:20px auto 80px;padding:0 20px}.resident-workspace-tabs{display:flex;align-items:center;gap:7px;overflow:auto;padding:3px 0 16px}.resident-workspace-tabs a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.018);color:#8f98a4;font-size:9px;font-weight:750;white-space:nowrap}.resident-workspace-tabs a b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.05);color:#aab2bd;font-size:8px}.resident-workspace-tabs a.is-active{border-color:rgba(230,1,85,.38);background:rgba(230,1,85,.08);color:#ff8db5}.resident-workspace-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:4px 0 14px}.resident-workspace-head span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.14em}.resident-workspace-head h2{margin:4px 0 4px;font-size:24px;letter-spacing:-.03em}.resident-workspace-head p{margin:0;color:#7f8894;font-size:10px}.resident-workspace-head>a{color:#dce0e5;font-size:9px;font-weight:800}.resident-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px;border:1px dashed rgba(255,255,255,.09);border-radius:14px;color:#8c95a1}.resident-empty a{color:#ff78a7;font-size:10px;font-weight:800}
.resident-set-list{display:grid;gap:9px}.resident-set-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(110deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:border-color .16s ease,transform .16s ease}.resident-set-row:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.12)}.resident-set-row.is-managed{border-color:rgba(230,1,85,.1)}.resident-set-cover-wrap{position:relative;width:105px;height:105px}.resident-set-cover-wrap img{width:100%;height:100%;object-fit:cover;border-radius:10px;background:#0d0e12}.resident-set-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#e60155;color:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.3)}.resident-set-main{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:8px}.resident-set-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.resident-set-main h3{margin:4px 0 2px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resident-set-main p{margin:0;color:#8d96a2;font-size:10px}.resident-set-status{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.08em}.resident-set-status.is-published{background:rgba(66,204,132,.09);color:#7edcac}.resident-set-status.is-draft{background:rgba(255,255,255,.055);color:#939ca8}.resident-set-status.is-review{background:rgba(255,180,72,.09);color:#e4b972}.resident-set-status.is-scheduled{background:rgba(0,89,231,.1);color:#7daaf0}.resident-set-manage{display:flex;gap:6px}.resident-set-manage a{display:inline-flex;align-items:center;min-height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.025);color:#9fa8b3;font-size:8px;font-weight:800}.resident-set-manage a.is-primary{border-color:rgba(230,1,85,.2);background:rgba(230,1,85,.08);color:#ff8db4}.resident-set-waveform{height:34px;display:flex;align-items:center;gap:2px;overflow:hidden}.resident-set-waveform i{display:block;flex:1;min-width:1px;height:var(--h);max-height:100%;border-radius:2px;background:linear-gradient(180deg,#f4f5f7,#7c8490);opacity:.8}.resident-set-waveform.is-processing{position:relative;border-radius:5px;background:rgba(255,255,255,.035)}.resident-set-waveform.is-processing span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,rgba(230,1,85,.35),rgba(0,89,231,.22));transition:width .3s}.resident-set-main>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:0;border:0;color:#6f7884;font-size:8px}.resident-set-stats{display:flex;gap:12px}.resident-set-date{white-space:nowrap}
@media(max-width:800px){.resident-creator-hero{margin:14px 12px 0;padding:24px}.resident-creator-hero__content{grid-template-columns:130px minmax(0,1fr)}.resident-creator-avatar{width:130px}.resident-set-row{grid-template-columns:82px minmax(0,1fr)}.resident-set-cover-wrap{width:82px;height:82px}.resident-set-waveform{height:28px}.resident-set-manage a:first-child{display:none}}
@media(max-width:580px){.resident-creator-hero__content{grid-template-columns:1fr;align-items:start}.resident-creator-avatar{width:120px}.resident-creator-copy h1{font-size:38px}.resident-workspace{padding:0 12px}.resident-workspace-head{align-items:flex-start;flex-direction:column}.resident-set-row{grid-template-columns:68px minmax(0,1fr);padding:9px;gap:10px}.resident-set-cover-wrap{width:68px;height:68px}.resident-set-main h3{font-size:14px}.resident-set-waveform{display:none}.resident-set-main>footer{margin-top:4px}.resident-set-manage a{min-height:29px}.resident-set-stats span:nth-child(2),.resident-set-stats span:nth-child(3){display:none}}

/* 1.0.14 — Resident entry links */
.creator-dashboard-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.creator-dashboard-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);font-size:10px;font-weight:800}.creator-dashboard-links a:first-child{border-color:rgba(230,1,85,.22);background:rgba(230,1,85,.06);color:#ff8ab2}


/* ==========================================================================
   1.0.15 — Visible Resident navigation
   ========================================================================== */
.creator-dashboard-head{
  align-items:center!important;
}
.creator-dashboard-head>div:first-child p{
  margin:6px 0 0;
  color:#848d99;
  font-size:12px;
}
.creator-dashboard-head__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.creator-head-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#d9dde2;
  font-size:10px;
  font-weight:800;
}
.creator-head-link:first-child{
  border-color:rgba(230,1,85,.25);
  background:rgba(230,1,85,.07);
  color:#ff8bb3;
}
.creator-head-link:hover{
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.05);
}
.account-resident-link{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border:1px solid rgba(230,1,85,.22);
  border-radius:999px;
  background:rgba(230,1,85,.06);
  color:#ff8bb3!important;
  font-size:10px!important;
  font-weight:800!important;
}
@media(max-width:900px){
  .creator-dashboard-head{
    align-items:flex-start!important;
  }
  .creator-dashboard-head__actions{
    justify-content:flex-start;
  }
}
@media(max-width:620px){
  .creator-dashboard-head__actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .creator-dashboard-head__actions .cta{
    grid-column:1/-1;
  }
  .creator-head-link,
  .creator-dashboard-head__actions .cta{
    width:100%;
  }
  .account-resident-link{
    display:none;
  }
}


/* ==========================================================================
   1.0.16 — Resident real waveform + admin username slug
   ========================================================================== */
.resident-set-waveform{
  position:relative;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  width:100%;
  height:68px!important;
  min-height:68px!important;
  overflow:hidden;
  border-radius:8px;
  background:
    linear-gradient(to bottom,transparent 49%,rgba(255,255,255,.055) 50%,transparent 51%),
    rgba(255,255,255,.012);
}
.resident-set-waveform.is-ready i{
  display:block!important;
  flex:1 1 0!important;
  min-width:1px!important;
  max-width:5px!important;
  height:var(--h)!important;
  min-height:4px!important;
  margin:0!important;
  border:0!important;
  border-radius:2px!important;
  background:linear-gradient(to bottom,#f7f8f9,#9ca4af)!important;
  opacity:.94;
}
.resident-set-row:hover .resident-set-waveform.is-ready i{
  background:linear-gradient(to bottom,#fff,#cfd4dc)!important;
}
.resident-set-waveform.is-processing{
  display:block!important;
  height:68px!important;
  background:rgba(255,255,255,.02)!important;
}
.resident-set-waveform.is-processing>span{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--progress);
  background:linear-gradient(90deg,rgba(230,1,85,.12),rgba(230,1,85,.30));
  border-right:1px solid rgba(255,107,159,.55);
}
.resident-set-waveform.is-processing::after{
  content:'Waveform wird verarbeitet';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#818a96;
  font-size:10px;
  font-weight:750;
}

.resident-admin-slug-option{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:2px!important;
  padding:14px!important;
  border:1px solid rgba(230,1,85,.14)!important;
  border-radius:11px!important;
  background:rgba(230,1,85,.035)!important;
}
.resident-admin-slug-option>div>span{
  display:block;
  color:#e60155;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.resident-admin-slug-option>div>strong{
  display:block;
  margin-top:4px;
  color:#e8eaed;
  font-size:12px;
}
.resident-admin-slug-option>div>small{
  display:block;
  margin-top:3px;
  color:#838c98;
  font-size:10px;
}
.resident-admin-slug-toggle{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:9px!important;
  background:#0b0d12!important;
  color:#b0b7c1!important;
  font-size:10px!important;
  font-weight:750!important;
}
.resident-admin-slug-toggle input{
  width:17px!important;
  height:17px!important;
}
@media(max-width:720px){
  .resident-set-waveform{height:56px!important;min-height:56px!important;gap:1px!important}
  .resident-admin-slug-option{align-items:flex-start!important;flex-direction:column!important}
  .resident-admin-slug-toggle{width:100%;justify-content:center}
}


/* ==========================================================================
   1.0.17 — Interactive Resident waveform
   ========================================================================== */
.resident-set-waveform[data-resident-waveform]{
  cursor:crosshair;
  outline:none;
}
.resident-set-waveform[data-resident-waveform]:focus-visible{
  box-shadow:0 0 0 2px rgba(230,1,85,.45);
}
.resident-waveform-bars{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  gap:2px;
}
.resident-waveform-bars i{
  display:block;
  flex:1 1 0;
  min-width:1px;
  max-width:5px;
  height:var(--h);
  min-height:4px;
  border-radius:2px;
  background:linear-gradient(to bottom,#f5f6f8,#a4abb5);
  opacity:.82;
  transition:background .1s linear,opacity .1s linear;
}
.resident-waveform-bars i.is-played{
  background:linear-gradient(to bottom,#ff5a96,#e60155)!important;
  opacity:1!important;
}
.resident-waveform-playhead{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:#ff7fab;
  box-shadow:0 0 10px rgba(230,1,85,.65);
  pointer-events:none;
}
.resident-waveform-tooltip{
  position:absolute;
  top:4px;
  z-index:5;
  transform:translateX(-50%);
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  background:rgba(8,9,13,.94);
  color:#fff;
  font-size:9px;
  font-variant-numeric:tabular-nums;
  opacity:0;
  pointer-events:none;
  transition:opacity .1s ease;
}
.resident-set-transport{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  margin-top:4px;
  color:#7d8692;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.resident-set-transport button{
  min-height:26px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#aab2bd;
  font-size:8px;
  font-weight:750;
  cursor:pointer;
}
.resident-set-transport button:hover{
  border-color:rgba(230,1,85,.28);
  background:rgba(230,1,85,.06);
  color:#ff8bb3;
}
.resident-set-transport button:last-child{
  margin-left:auto;
}
@media(max-width:720px){
  .resident-waveform-bars{gap:1px}
  .resident-set-transport{flex-wrap:wrap}
  .resident-set-transport button:last-child{margin-left:0}
}


/* ========================================================================== 
   1.0.18 — Resident creator action menu + set analytics
   ========================================================================== */
.resident-set-menu-wrap{position:relative;flex:0 0 auto}.resident-set-menu-button{display:grid;place-items:center;width:36px;height:32px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.025);color:#a4acb7;font-size:13px;font-weight:900;letter-spacing:2px;cursor:pointer}.resident-set-menu-button:hover,.resident-set-menu-button[aria-expanded="true"]{border-color:rgba(230,1,85,.28);background:rgba(230,1,85,.06);color:#ff8bb3}.resident-set-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:180;width:220px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#111319;box-shadow:0 20px 55px rgba(0,0,0,.5)}.resident-set-menu[hidden],.resident-set-playlists[hidden]{display:none!important}.resident-set-menu>a,.resident-set-menu>button,.resident-set-menu>form>button,.resident-set-menu-sub>button{width:100%;display:flex;align-items:center;gap:9px;min-height:36px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#b9c0ca;text-decoration:none;text-align:left;font-size:9px;font-weight:700;cursor:pointer}.resident-set-menu>a:hover,.resident-set-menu>button:hover,.resident-set-menu>form>button:hover,.resident-set-menu-sub>button:hover{background:rgba(255,255,255,.05);color:#fff}.resident-set-menu span{width:17px;text-align:center;color:#747d89}.resident-set-menu .is-danger{color:#ff7997!important}.resident-set-menu .is-danger:hover{background:rgba(255,65,100,.08)!important}.resident-set-menu-separator{height:1px;margin:5px 3px;background:rgba(255,255,255,.065)}.resident-set-menu-sub{position:relative}.resident-set-playlists{position:absolute;right:calc(100% + 7px);top:0;width:210px;max-height:260px;overflow:auto;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#111319;box-shadow:0 18px 48px rgba(0,0,0,.46)}.resident-set-playlists form button,.resident-set-playlists>a{width:100%;display:block;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#aeb6c1;text-align:left;text-decoration:none;font-size:9px;cursor:pointer}.resident-set-playlists form button:hover,.resident-set-playlists>a:hover{background:rgba(255,255,255,.05);color:#fff}
.set-stats-head__actions{display:flex;gap:8px}.set-stats-shell{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.set-stats-summary{position:sticky;top:84px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(16,18,24,.88)}.set-stats-summary img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.set-stats-summary>span{display:block;margin-top:12px;color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}.set-stats-summary>strong{display:block;margin-top:4px;font-size:17px}.set-stats-summary>small{display:block;margin-top:3px;color:#818a96;font-size:10px}.set-stats-main{display:grid;gap:14px}.set-stats-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.set-stats-kpis article,.set-stats-card,.set-stats-engagement article{border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018)}.set-stats-kpis article{padding:15px}.set-stats-kpis span,.set-stats-card header span{display:block;color:#69727e;font-size:7px;font-weight:900;letter-spacing:.12em}.set-stats-kpis strong{display:block;margin:5px 0 2px;font-size:27px;letter-spacing:-.04em}.set-stats-kpis small{color:#747d89;font-size:8px}.set-stats-card{padding:18px}.set-stats-card header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.set-stats-card header h2{margin:4px 0 0;font-size:17px}.set-stats-card header>strong{font-size:10px;color:#949ca8}.set-stats-chart{height:240px;margin-top:20px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px;align-items:end}.set-stats-chart>div{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;align-items:end;text-align:center}.set-stats-chart b{display:block;width:100%;height:var(--h);min-height:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,rgba(230,1,85,.55),#ff4b89)}.set-stats-chart span{color:#666f7b;font-size:7px}.set-stats-chart small{color:#929aa6;font-size:8px;font-weight:700}.set-stats-engagement{display:grid;grid-template-columns:1fr 1fr;gap:10px}.set-stats-engagement article{display:flex;align-items:center;gap:12px;padding:15px}.set-stats-engagement article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(230,1,85,.07);color:#ff76a6}.set-stats-engagement strong{display:block;font-size:20px}.set-stats-engagement small{color:#7d8692;font-size:9px}
@media(max-width:900px){.set-stats-shell{grid-template-columns:1fr}.set-stats-summary{position:static;display:grid;grid-template-columns:100px 1fr;align-items:center;column-gap:12px}.set-stats-summary img{grid-row:1/5}.set-stats-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.resident-set-menu{position:fixed;left:12px;right:12px;top:auto;bottom:80px;width:auto}.resident-set-playlists{position:fixed;left:20px;right:20px;top:auto;bottom:130px;width:auto}.set-stats-shell{padding:0 12px}.set-stats-kpis{grid-template-columns:1fr 1fr}.set-stats-chart{gap:3px;height:200px}.set-stats-chart span{display:none}.set-stats-head__actions{width:100%}}


/* ==========================================================================
   1.0.19 — Resident playback progress reliability
   ========================================================================== */
.resident-waveform-progress-fill{
  position:absolute;
  inset:0 auto 0 0;
  z-index:2;
  width:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(230,1,85,.14),rgba(255,55,127,.24));
  border-right:1px solid rgba(255,118,169,.55);
  transition:none!important;
}
.resident-waveform-bars{
  z-index:1;
}
.resident-waveform-bars i{
  position:relative;
  z-index:1;
}
.resident-waveform-bars i.is-played{
  background:linear-gradient(to bottom,#ff73a8,#e60155)!important;
  opacity:1!important;
}
.resident-waveform-playhead{
  z-index:4!important;
  transition:none!important;
}
.resident-waveform-tooltip{
  z-index:6!important;
}


/* ==========================================================================
   1.0.20 — Resident profile media editor
   ========================================================================== */
.resident-creator-hero.has-header-image{
  background:
    linear-gradient(90deg,rgba(8,9,13,.92),rgba(8,9,13,.58) 55%,rgba(8,9,13,.72)),
    var(--resident-header-image) center/cover no-repeat!important;
}
.resident-creator-hero.has-header-image .resident-creator-hero__glow{
  opacity:.6;
}

.resident-profile-editor--v2{display:grid;gap:16px}
.resident-media-editor{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);
  gap:16px;
}
.resident-header-editor,
.resident-avatar-editor{
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:rgba(16,18,24,.85);
  overflow:hidden;
}
.resident-header-preview{
  position:relative;
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px;
  background:
    radial-gradient(circle at 25% 30%,rgba(230,1,85,.18),transparent 34%),
    linear-gradient(120deg,#191c27,#0d1422 64%,#121520);
  isolation:isolate;
}
.resident-header-preview.has-image{
  background:
    linear-gradient(0deg,rgba(5,6,9,.68),rgba(5,6,9,.18)),
    var(--header-preview) center/cover no-repeat;
}
.resident-header-preview__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}
.resident-header-preview>span{color:#ff6da2;font-size:9px;font-weight:900;letter-spacing:.14em}
.resident-header-preview>strong{margin-top:5px;color:#fff;font-size:24px;letter-spacing:-.035em}
.resident-header-preview>small{margin-top:5px;color:#c1c6ce;font-size:10px}
.resident-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px}
.resident-header-actions>small{width:100%;color:#7f8894;font-size:9px}

.resident-avatar-editor{display:grid;align-content:center;justify-items:center;padding:22px;text-align:center}
.resident-avatar-preview--large{width:160px!important;height:160px!important;margin:0 auto 16px;border:3px solid rgba(255,255,255,.85)!important;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.resident-avatar-copy h2{margin:6px 0 7px;font-size:17px}
.resident-avatar-copy p{max-width:390px;margin:0 auto;color:#858e9a;font-size:10px;line-height:1.55}
.resident-avatar-actions{justify-content:center!important;margin-top:14px!important}
.resident-media-button{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px;padding:0 12px!important;border:1px solid rgba(230,1,85,.26)!important;border-radius:9px!important;background:rgba(230,1,85,.07)!important;color:#ff8bb3!important;font-size:9px!important;font-weight:800!important;cursor:pointer}
.resident-media-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.resident-media-remove{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important;color:#aeb5bf!important;font-size:9px!important}
.resident-media-remove input{width:15px!important;height:15px!important}

html.has-resident-crop,html.has-resident-crop body{overflow:hidden!important}
.resident-crop-modal[hidden]{display:none!important}
.resident-crop-modal{position:fixed;inset:0;z-index:40000;display:grid;place-items:center;padding:20px}
.resident-crop-modal__backdrop{position:absolute;inset:0;background:rgba(2,3,6,.82);backdrop-filter:blur(12px)}
.resident-crop-modal__card{position:relative;z-index:1;width:min(620px,100%);padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111319;box-shadow:0 40px 120px rgba(0,0,0,.65)}
.resident-crop-modal__card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}
.resident-crop-modal__card>header span{display:block;color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}
.resident-crop-modal__card>header h2{margin:4px 0;font-size:20px}
.resident-crop-modal__card>header p{margin:0;color:#838c98;font-size:10px}
.resident-crop-modal__card>header>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.03);color:#bbb;font-size:20px;cursor:pointer}
.resident-crop-stage{position:relative;width:min(100%,520px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:50%;background:#08090c;cursor:grab;touch-action:none}
.resident-crop-stage.is-dragging{cursor:grabbing}
.resident-crop-stage canvas{display:block;width:100%;height:100%}
.resident-crop-mask{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.38) inset;pointer-events:none}
.resident-crop-controls{display:grid;gap:14px;margin-top:17px}
.resident-crop-controls>label{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:10px;color:#9ba3af;font-size:10px}
.resident-crop-controls input[type="range"]{width:100%}
.resident-crop-controls>div{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:900px){
  .resident-media-editor{grid-template-columns:1fr}
  .resident-header-preview{min-height:230px}
}
@media(max-width:620px){
  .resident-profile-head{align-items:flex-start!important}
  .resident-crop-modal{padding:10px}
  .resident-crop-modal__card{padding:14px;border-radius:16px}
  .resident-header-preview{min-height:200px;padding:16px}
  .resident-header-preview>strong{font-size:20px}
  .resident-avatar-editor{padding:18px}
}


/* ==========================================================================
   1.0.21 — Resident profile workspace redesign
   ========================================================================== */
.resident-profile-head--modern{
  max-width:1180px!important;
  width:calc(100% - 40px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-bottom:20px!important;
  align-items:flex-end!important;
}
.resident-profile-head--modern h1{
  font-size:clamp(30px,3.6vw,46px)!important;
}
.resident-profile-head--modern p{
  max-width:640px;
  margin:7px 0 0;
  color:#858e9a;
  font-size:12px;
  line-height:1.55;
}

.resident-profile-editor--workspace{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto 70px;
  display:grid;
  gap:16px;
}
.resident-profile-stage{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);
  gap:16px;
  align-items:stretch;
}
.resident-profile-cover,
.resident-profile-identity,
.resident-profile-main-card,
.resident-profile-side-card{
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:rgba(16,18,24,.88);
  overflow:hidden;
}
.resident-profile-cover{
  display:grid;
  grid-template-rows:minmax(270px,1fr) auto;
}
.resident-profile-cover__image{
  position:relative;
  min-height:310px;
  display:flex;
  align-items:flex-end;
  padding:24px;
  isolation:isolate;
  background:
    radial-gradient(circle at 20% 30%,rgba(230,1,85,.19),transparent 33%),
    linear-gradient(120deg,#191b27,#0d1523 68%,#11141d);
}
.resident-profile-cover__image.has-image{
  background:
    linear-gradient(0deg,rgba(4,5,8,.72),rgba(4,5,8,.13)),
    var(--header-preview) center/cover no-repeat;
}
.resident-profile-cover__overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 60%);
}
.resident-profile-cover__copy span{
  color:#ff6da2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.resident-profile-cover__copy strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:27px;
  letter-spacing:-.04em;
}
.resident-profile-cover__copy small{
  display:block;
  margin-top:6px;
  color:#c0c5cd;
  font-size:10px;
}
.resident-profile-cover__actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.055);
}
.resident-profile-cover__actions>small{
  flex:1 1 100%;
  color:#78818d;
  font-size:9px;
}

.resident-profile-identity{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:26px 22px;
  text-align:center;
}
.resident-avatar-preview--workspace{
  width:156px!important;
  height:156px!important;
  border:3px solid rgba(255,255,255,.9)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}
.resident-profile-identity__copy{
  margin-top:15px;
}
.resident-profile-identity__copy h2{
  margin:5px 0 5px;
  font-size:21px;
  letter-spacing:-.025em;
}
.resident-profile-identity__copy p{
  max-width:330px;
  margin:0;
  color:#858e9a;
  font-size:10px;
  line-height:1.55;
}
.resident-avatar-actions--workspace{
  justify-content:center!important;
  margin-top:15px!important;
}
.resident-profile-file-status{
  margin-top:7px;
  color:#737c88;
  font-size:9px;
}

.resident-profile-content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}
.resident-profile-main-card{
  padding:22px;
}
.resident-profile-section-head{
  margin-bottom:18px;
}
.resident-profile-section-head>span{
  display:block;
  color:#e60155;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.resident-profile-section-head h2{
  margin:5px 0 4px;
  font-size:21px;
}
.resident-profile-section-head p{
  margin:0;
  color:#808995;
  font-size:10px;
}
.resident-profile-grid--modern{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
}
.resident-profile-field{
  display:grid!important;
  gap:7px!important;
  min-width:0;
}
.resident-profile-field>span{
  color:#b8bec7;
  font-size:10px;
  font-weight:750;
}
.resident-profile-field>small{
  color:#737c88;
  font-size:9px;
  line-height:1.45;
}
.resident-profile-field--wide{
  grid-column:1/-1;
}
.resident-profile-grid--modern input,
.resident-profile-grid--modern textarea{
  width:100%;
  box-sizing:border-box;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#0b0d12;
  color:#eef0f3;
  font-size:12px;
}
.resident-profile-grid--modern textarea{
  min-height:160px;
  resize:vertical;
  line-height:1.55;
}
.resident-slug-field{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  min-width:0;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0b0d12!important;
  overflow:hidden;
}
.resident-slug-field>span{
  padding-left:12px;
  color:#69727e;
  font-size:10px;
}
.resident-slug-field input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.resident-admin-slug-option{
  margin:0!important;
  min-height:86px;
}

.resident-profile-side-card{
  position:sticky;
  top:84px;
  padding:18px;
}
.resident-profile-side-card>span{
  color:#e60155;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.resident-profile-side-card h3{
  margin:5px 0 14px;
  font-size:15px;
}
.resident-profile-side-card>p{
  margin:14px 0 0;
  color:#7f8894;
  font-size:9px;
  line-height:1.55;
}
.resident-profile-mini-preview{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#0b0d12;
}
.resident-profile-mini-preview__header{
  height:105px;
  background:
    radial-gradient(circle at 25% 30%,rgba(230,1,85,.18),transparent 35%),
    linear-gradient(120deg,#191b27,#0c1320);
}
.resident-profile-mini-preview__header.has-image{
  background:
    linear-gradient(0deg,rgba(5,6,9,.52),rgba(5,6,9,.1)),
    var(--mini-header) center/cover no-repeat;
}
.resident-profile-mini-preview__body{
  position:relative;
  padding:42px 13px 14px;
}
.resident-profile-mini-avatar{
  position:absolute;
  left:13px;
  top:-31px;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:3px solid #0b0d12;
  border-radius:50%;
  overflow:hidden;
  background:#20232b;
  color:#aeb5bf;
  font-weight:800;
}
.resident-profile-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.resident-profile-mini-preview__body>strong{
  display:block;
  font-size:11px;
}
.resident-profile-mini-preview__body>small{
  display:block;
  margin-top:3px;
  color:#707985;
  font-size:8px;
}

.resident-profile-savebar--modern{
  position:sticky!important;
  bottom:12px!important;
  width:100%!important;
  min-height:64px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
  padding:11px 12px 11px 16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(13,15,20,.94)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.32)!important;
  z-index:40!important;
}
.resident-profile-savebar--modern strong{
  display:block;
  font-size:11px;
}
.resident-profile-savebar--modern span{
  display:block;
  margin-top:2px;
  color:#757e8a;
  font-size:9px;
}
.resident-profile-savebar--modern button{
  min-width:150px;
  min-height:40px;
}

@media(max-width:980px){
  .resident-profile-stage{
    grid-template-columns:1fr;
  }
  .resident-profile-identity{
    display:grid;
    grid-template-columns:130px 1fr;
    column-gap:18px;
    text-align:left;
  }
  .resident-avatar-preview--workspace{
    grid-row:1/5;
    width:126px!important;
    height:126px!important;
  }
  .resident-avatar-actions--workspace{
    justify-content:flex-start!important;
  }
  .resident-profile-content{
    grid-template-columns:1fr;
  }
  .resident-profile-side-card{
    position:static;
  }
}
@media(max-width:700px){
  .resident-profile-head--modern,
  .resident-profile-editor--workspace{
    width:calc(100% - 24px)!important;
  }
  .resident-profile-head--modern{
    align-items:flex-start!important;
  }
  .resident-profile-cover__image{
    min-height:220px;
    padding:18px;
  }
  .resident-profile-cover__copy strong{
    font-size:22px;
  }
  .resident-profile-identity{
    display:flex;
    text-align:center;
  }
  .resident-profile-grid--modern{
    grid-template-columns:1fr!important;
  }
  .resident-profile-field--wide{
    grid-column:auto;
  }
  .resident-admin-slug-option{
    grid-column:auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .resident-profile-savebar--modern>div{
    display:none;
  }
  .resident-profile-savebar--modern button{
    width:100%;
  }
}


/* 1.0.22 — Creator profile expansion */
.resident-header-crop-modal[hidden]{display:none!important}
.resident-header-crop-modal{position:fixed;inset:0;z-index:40010;display:grid;place-items:center;padding:20px}
.resident-header-crop-card{position:relative;z-index:1;width:min(900px,100%);padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111319;box-shadow:0 40px 120px rgba(0,0,0,.65)}
.resident-header-crop-card>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}
.resident-header-crop-card>header span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}
.resident-header-crop-card>header h2{margin:4px 0;font-size:21px}.resident-header-crop-card>header p{margin:0;color:#838c98;font-size:10px}
.resident-header-crop-card>header button{width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#171920;color:#bbb;font-size:20px}
.resident-header-crop-stage{position:relative;width:100%;aspect-ratio:16/5;overflow:hidden;border-radius:13px;background:#08090c;cursor:grab;touch-action:none}
.resident-header-crop-stage canvas{width:100%;height:100%;display:block}
.resident-header-crop-stage.is-mobile-preview{width:38%;aspect-ratio:4/5;margin:auto}
.resident-header-focus{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e60155,0 3px 15px #000;cursor:move}
.resident-header-focus:before,.resident-header-focus:after{content:"";position:absolute;background:#fff;opacity:.75}.resident-header-focus:before{left:50%;top:-7px;bottom:-7px;width:1px}.resident-header-focus:after{top:50%;left:-7px;right:-7px;height:1px}
.resident-header-crop-controls{display:grid;gap:13px;margin-top:15px}.resident-header-crop-controls>label{display:grid;grid-template-columns:45px 1fr;gap:10px;align-items:center;font-size:10px;color:#929ba7}
.resident-header-device-preview{display:flex;align-items:center;gap:6px}.resident-header-device-preview button{padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0c0e13;color:#89929d;font-size:9px}.resident-header-device-preview button.is-active{border-color:rgba(230,1,85,.35);color:#ff77a8;background:rgba(230,1,85,.08)}.resident-header-device-preview small{margin-left:auto;color:#6f7884;font-size:9px}
.resident-header-crop-actions{display:flex;justify-content:flex-end;gap:8px}
.resident-genre-picker{display:flex;gap:7px;flex-wrap:wrap}.resident-genre-picker label{position:relative}.resident-genre-picker input{position:absolute!important;opacity:0!important;pointer-events:none}.resident-genre-picker span{display:block;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0b0d12;color:#929ba7;font-size:9px;cursor:pointer}.resident-genre-picker input:checked+span{border-color:rgba(230,1,85,.42);background:rgba(230,1,85,.1);color:#ff7eac}
.resident-profile-mini-preview__body em{display:block;margin-top:3px;color:#a3abb5;font-size:8px;font-style:normal}
.resident-profile-completion{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.resident-profile-completion>div{display:flex;justify-content:space-between;font-size:9px}.resident-profile-completion b{color:#ff6f9f}.resident-profile-completion>span{display:block;height:5px;margin-top:7px;border-radius:999px;background:#08090d;overflow:hidden}.resident-profile-completion i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e60155,#ff6c9f);transition:width .2s}
.resident-creator-hero.has-header-image{background:linear-gradient(90deg,rgba(8,9,13,.92),rgba(8,9,13,.58) 55%,rgba(8,9,13,.72)),var(--resident-header-image) var(--resident-focus-x,50%) var(--resident-focus-y,50%)/cover no-repeat!important}
.resident-creator-tagline{margin-top:4px;color:#c5cbd3;font-size:12px;font-weight:650}.resident-creator-genres{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.resident-creator-genres span{padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(8,9,13,.35);color:#c4cad2;font-size:8px;font-weight:750}
@media(max-width:700px){.resident-header-crop-card{padding:13px}.resident-header-device-preview{flex-wrap:wrap}.resident-header-device-preview small{width:100%;margin:0}.resident-header-crop-stage.is-mobile-preview{width:62%}}


/* ==========================================================================
   1.0.23 — Profile crop bootstrap hotfix
   ========================================================================== */
.resident-media-button span{
  white-space:nowrap;
}


/* ==========================================================================
   1.0.24 — True Header Crop + distortion-free mobile preview
   ========================================================================== */
.resident-header-crop-card{
  width:min(1120px,100%)!important;
}
.resident-header-crop-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  align-items:start;
}
.resident-header-crop-editor,
.resident-header-mobile-preview{
  min-width:0;
}
.resident-header-crop-label,
.resident-header-mobile-preview__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
}
.resident-header-crop-label span,
.resident-header-mobile-preview__head span{
  display:block;
  color:#e60155;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.resident-header-crop-label strong,
.resident-header-mobile-preview__head strong{
  display:block;
  margin-top:3px;
  color:#e8eaed;
  font-size:11px;
}
.resident-header-crop-label small,
.resident-header-mobile-preview__head small{
  color:#747d89;
  font-size:8px;
}

.resident-header-crop-stage{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/5!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px!important;
  background:#08090c!important;
  cursor:grab!important;
  touch-action:none!important;
}
.resident-header-crop-stage.is-dragging{
  cursor:grabbing!important;
}
.resident-header-crop-stage canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
}
.resident-header-crop-frame{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.35),
    inset 0 0 60px rgba(0,0,0,.13);
}
.resident-header-crop-frame::before,
.resident-header-crop-frame::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.25;
}
.resident-header-crop-frame::before{
  left:33.333%;
  right:33.333%;
  top:0;
  bottom:0;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}
.resident-header-crop-frame::after{
  top:50%;
  left:0;
  right:0;
  border-top:1px solid #fff;
}
.resident-header-focus{
  z-index:4!important;
}
.resident-header-crop-tools{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
}
.resident-header-crop-tools>label{
  flex:1;
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:8px;
  color:#929aa6;
  font-size:9px;
}
.resident-header-crop-tools input{
  width:100%;
}

.resident-header-mobile-preview{
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.resident-header-mobile-device{
  width:min(220px,100%);
  margin:0 auto;
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:#08090d;
  box-shadow:0 18px 42px rgba(0,0,0,.35);
}
.resident-header-mobile-screen{
  position:relative;
  aspect-ratio:7/5;
  overflow:hidden;
  border-radius:16px;
  background:#10131a;
}
.resident-header-mobile-screen canvas{
  display:block;
  width:100%;
  height:100%;
}
.resident-header-mobile-safe{
  position:absolute;
  inset:auto 10px 10px;
  padding:8px;
  border-radius:8px;
  background:linear-gradient(90deg,rgba(5,6,9,.72),rgba(5,6,9,.2));
  color:#fff;
  pointer-events:none;
}
.resident-header-mobile-safe span{
  display:block;
  font-size:9px;
  font-weight:850;
}
.resident-header-mobile-safe small{
  display:block;
  margin-top:2px;
  color:#c9ced5;
  font-size:7px;
}
.resident-header-mobile-preview>p{
  margin:12px 0 0;
  color:#7e8793;
  font-size:8px;
  line-height:1.55;
}
.resident-header-mobile-preview>p strong{
  color:#afb6c0;
}

.resident-header-crop-controls--final{
  display:flex!important;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:16px!important;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}
.resident-header-focus-help{
  max-width:650px;
}
.resident-header-focus-help>span{
  display:block;
  color:#e60155;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.resident-header-focus-help>p{
  margin:4px 0 0;
  color:#7e8793;
  font-size:8px;
  line-height:1.5;
}

/* The saved header preview and public hero always crop, never stretch. */
.resident-profile-cover__image.has-image{
  background-position:
    var(--header-preview-x,50%)
    var(--header-preview-y,50%)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.resident-creator-hero.has-header-image{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:
    var(--resident-focus-x,50%)
    var(--resident-focus-y,50%)!important;
}

@media(max-width:900px){
  .resident-header-crop-workspace{
    grid-template-columns:1fr;
  }
  .resident-header-mobile-preview{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:15px;
    align-items:center;
  }
  .resident-header-mobile-preview__head{
    grid-column:1/-1;
  }
  .resident-header-mobile-preview>p{
    margin:0;
  }
}
@media(max-width:620px){
  .resident-header-crop-card{
    padding:12px!important;
  }
  .resident-header-crop-label{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .resident-header-crop-tools{
    align-items:stretch;
    flex-direction:column;
  }
  .resident-header-crop-tools>label{
    width:100%;
  }
  .resident-header-crop-tools>button{
    width:100%;
  }
  .resident-header-mobile-preview{
    display:block;
  }
  .resident-header-mobile-preview>p{
    margin-top:12px;
  }
  .resident-header-crop-controls--final{
    align-items:stretch;
    flex-direction:column;
  }
  .resident-header-crop-actions{
    width:100%;
  }
  .resident-header-crop-actions button{
    flex:1;
  }
}


/* ==========================================================================
   1.0.25 — Complete Resident Creator Workspace
   ========================================================================== */
.resident-profile-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.resident-profile-editor--pro{width:min(1240px,calc(100% - 40px));margin:0 auto 80px}
.resident-profile-section-nav{position:sticky;top:60px;z-index:70;display:flex;gap:4px;margin-bottom:14px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(11,13,18,.93);backdrop-filter:blur(15px);overflow:auto}
.resident-profile-section-nav a{flex:0 0 auto;padding:8px 11px;border-radius:8px;color:#87909c;font-size:9px;font-weight:800}.resident-profile-section-nav a:hover{background:rgba(255,255,255,.04);color:#fff}
.resident-profile-pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.resident-profile-pro-main{display:grid;gap:15px}.resident-profile-pro-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(16,18,24,.87);scroll-margin-top:115px}.resident-profile-pro-card>header{margin-bottom:17px}.resident-profile-pro-card>header span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}.resident-profile-pro-card>header h2{margin:5px 0 4px;font-size:20px}.resident-profile-pro-card>header p{margin:0;color:#7f8894;font-size:10px;line-height:1.5}
.resident-profile-stage--pro{grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr)}
.resident-media-edit{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);color:#c1c6ce;font-size:9px;font-weight:750;cursor:pointer}.resident-media-edit:hover{border-color:rgba(230,1,85,.28);color:#ff8bb3}
.resident-profile-identity h3{margin:6px 0 5px;font-size:19px}
.resident-custom-genre{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:10px}.resident-custom-genre small{color:#727b87;font-size:8px}.resident-genre-order{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.resident-genre-order>div{display:flex;align-items:center;gap:5px;padding:5px 6px 5px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0d12}.resident-genre-order strong{font-size:9px}.resident-genre-order span{color:#e60155;font-size:7px;font-weight:800}.resident-genre-order button{width:23px;height:23px;border:0;border-radius:6px;background:rgba(255,255,255,.04);color:#8d96a2;cursor:pointer}
.resident-social-editor{display:grid;gap:10px}.resident-social-editor>[data-social-list]{display:grid;gap:8px}.resident-social-row{display:grid;grid-template-columns:170px minmax(0,1fr) 36px;gap:8px}.resident-social-row select,.resident-social-row input{min-height:41px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0b0d12;color:#e7e9ec;font-size:10px}.resident-social-row button{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#ff7898;font-size:18px;cursor:pointer}.resident-add-social{justify-self:start;padding:9px 12px;border:1px dashed rgba(255,255,255,.12);border-radius:9px;background:transparent;color:#9ca5b1;font-size:9px;font-weight:750;cursor:pointer}
.resident-page-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resident-public-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0b0d12}.resident-public-toggle strong{display:block;font-size:11px}.resident-public-toggle small{display:block;margin-top:4px;max-width:600px;color:#78818d;font-size:9px;line-height:1.5}.resident-switch input{position:absolute;opacity:0}.resident-switch span{display:block;width:42px;height:24px;padding:3px;border-radius:999px;background:#2a2d34;cursor:pointer}.resident-switch span:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#8b929d;transition:.18s}.resident-switch input:checked+span{background:rgba(230,1,85,.28)}.resident-switch input:checked+span:before{transform:translateX(18px);background:#ff659c}
.resident-slug-actions{display:flex;gap:6px;margin-top:3px}.resident-slug-actions button,.resident-slug-actions a{padding:5px 8px;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:rgba(255,255,255,.02);color:#8d96a2;font-size:8px}.resident-profile-field.has-slug-warning>small{color:#ffb369}.resident-status-readonly{padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0b0d12}.resident-status-readonly span{display:block;color:#69727e;font-size:7px;font-weight:900;letter-spacing:.12em}.resident-status-readonly strong{display:block;margin-top:4px;font-size:13px}.resident-status-readonly small{display:block;margin-top:3px;color:#737c88;font-size:8px}
.resident-set-order{grid-column:1/-1}.resident-set-order>span{display:block;margin-bottom:8px;color:#b7bec8;font-size:10px;font-weight:750}.resident-set-order [data-set-order-list]{display:grid;gap:6px}.resident-set-order [data-set-order-id]{display:grid;grid-template-columns:22px minmax(0,1fr) auto 30px 30px;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0b0d12}.resident-set-order strong{font-size:9px}.resident-set-order small{color:#707985;font-size:8px}.resident-set-order button{height:27px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#14171d;color:#929aa6}
.resident-share-image{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:center}.resident-share-image-preview{aspect-ratio:1200/630;display:flex;flex-direction:column;justify-content:flex-end;padding:13px;border-radius:11px;background:radial-gradient(circle at 25% 30%,rgba(230,1,85,.2),transparent 35%),#0b111c;overflow:hidden}.resident-share-image-preview.has-image{background:linear-gradient(0deg,rgba(5,6,9,.55),rgba(5,6,9,.05)),var(--share-image) center/cover no-repeat}.resident-share-image-preview span{color:#ff76a6;font-size:7px;font-weight:900}.resident-share-image-preview strong{margin-top:3px;font-size:11px}.resident-share-image>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.resident-share-image>div:last-child>small{width:100%;color:#737c88;font-size:8px}
.resident-profile-live-panel{position:sticky;top:112px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(13,15,20,.94)}.resident-live-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.resident-live-panel-head span{display:block;color:#e60155;font-size:7px;font-weight:900;letter-spacing:.13em}.resident-live-panel-head strong{font-size:11px}.resident-live-panel-head>div:last-child{display:flex;gap:4px}.resident-live-panel-head button{padding:5px 7px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:transparent;color:#737c88;font-size:7px}.resident-live-panel-head button.is-active{background:rgba(230,1,85,.08);border-color:rgba(230,1,85,.25);color:#ff79a7}
.resident-live-device{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#090b0f;transition:.2s}.resident-live-device.is-mobile{width:210px;margin:auto}.resident-live-hero{min-height:190px;display:flex;align-items:flex-end;gap:11px;padding:14px;background:radial-gradient(circle at 20% 20%,rgba(230,1,85,.18),transparent 35%),#101725}.resident-live-hero.has-header{background:linear-gradient(0deg,rgba(5,6,9,.75),rgba(5,6,9,.15)),var(--live-header) var(--live-x,50%) var(--live-y,50%)/cover no-repeat}.resident-live-avatar{flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;overflow:hidden;background:#252832}.resident-live-avatar img{width:100%;height:100%;object-fit:cover}.resident-live-hero b{color:#ff78a8;font-size:6px;letter-spacing:.1em}.resident-live-hero h3{margin:2px 0;font-size:14px}.resident-live-hero p{margin:0;color:#d0d4da;font-size:7px}.resident-live-genres{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.resident-live-genres span{padding:3px 5px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(0,0,0,.3);font-size:6px}.resident-live-body{padding:12px}.resident-live-body>p{margin:0;color:#838c98;font-size:7px;line-height:1.5}.resident-live-featured{margin-top:10px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0d0f14}.resident-live-featured span{display:block;color:#e60155;font-size:6px;font-weight:900}.resident-live-featured strong{display:block;margin-top:3px;font-size:8px}.resident-live-featured i{display:block;height:18px;margin-top:6px;background:repeating-linear-gradient(90deg,#ff5a94 0 2px,transparent 2px 5px);opacity:.45}
.resident-profile-health{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.resident-profile-health>div:first-child{display:flex;justify-content:space-between}.resident-profile-health>div:first-child span{color:#777f8b;font-size:7px;font-weight:900}.resident-profile-health>div:first-child strong{color:#ff75a5;font-size:10px}.resident-profile-health-bar{height:5px;margin-top:6px;border-radius:999px;background:#08090d;overflow:hidden}.resident-profile-health-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#e60155,#ff659c);transition:width .2s}.resident-profile-health ul{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0 0;padding:0;list-style:none}.resident-profile-health li{position:relative;padding-left:13px;color:#6f7884;font-size:7px}.resident-profile-health li:before{content:"○";position:absolute;left:0}.resident-profile-health li.is-complete{color:#9fcfb5}.resident-profile-health li.is-complete:before{content:"✓";color:#5bd291}
.resident-profile-savebar.is-dirty{border-color:rgba(255,172,76,.28)!important}.resident-profile-savebar.is-dirty [data-save-state]{color:#ffba6a}
.resident-private-preview{max-width:var(--max);margin:16px auto -6px;padding:10px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,180,70,.22);border-radius:10px;background:rgba(255,180,70,.05)}.resident-private-preview strong{color:#ffbb6e;font-size:9px}.resident-private-preview span{color:#9098a3;font-size:9px}.resident-private-preview a{margin-left:auto;font-size:8px}
.resident-public-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.resident-public-badges>span{color:#ff78a8!important}.resident-public-badges b{padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.24);color:#d0d4da;font-size:7px}
.resident-featured-set{max-width:var(--max);margin:18px auto 0;padding:18px 20px;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border:1px solid rgba(230,1,85,.15);border-radius:15px;background:radial-gradient(circle at 90% 20%,rgba(230,1,85,.08),transparent 35%),rgba(16,18,24,.8)}.resident-featured-set__cover{position:relative}.resident-featured-set__cover img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.resident-featured-set__cover button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border:0;border-radius:50%;background:#e60155;color:#fff;font-size:16px}.resident-featured-set__copy>span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.13em}.resident-featured-set__copy h2{margin:5px 0 3px;font-size:22px}.resident-featured-set__copy p{margin:0;color:#8c95a1;font-size:10px}.resident-featured-set__copy>div{display:flex;gap:6px;align-items:baseline;margin-top:12px}.resident-featured-set__copy strong{font-size:14px}.resident-featured-set__copy small{margin-right:9px;color:#737c88;font-size:8px}
@media(max-width:1050px){.resident-profile-pro-layout{grid-template-columns:1fr}.resident-profile-live-panel{position:static}.resident-live-device{max-width:520px}.resident-page-settings-grid{grid-template-columns:1fr}.resident-public-toggle,.resident-set-order{grid-column:auto}.resident-profile-stage--pro{grid-template-columns:1fr}}
@media(max-width:700px){.resident-profile-editor--pro{width:calc(100% - 24px)}.resident-profile-section-nav{top:58px}.resident-social-row{grid-template-columns:1fr 36px}.resident-social-row select{grid-column:1/-1}.resident-share-image{grid-template-columns:1fr}.resident-set-order [data-set-order-id]{grid-template-columns:18px minmax(0,1fr) 28px 28px}.resident-set-order small{display:none}.resident-featured-set{margin-left:12px;margin-right:12px;grid-template-columns:90px 1fr}.resident-featured-set__copy h2{font-size:17px}.resident-profile-head-actions{width:100%}}


/* ==========================================================================
   1.1.0 — Creator Network & 320 FM Integration
   ========================================================================== */
.creator-network-head{align-items:flex-end!important}
.creator-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.creator-analytics-grid{max-width:var(--max);margin:0 auto 16px;padding:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.creator-analytics-grid article,.creator-panel,.creator-editor-card,.creator-item-list article,.creator-collection-list article,.creator-notification-settings,.creator-history article,.share-center-grid article{
  border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(16,18,24,.85)
}
.creator-analytics-grid article{padding:17px}
.creator-analytics-grid span,.creator-panel header span,.creator-editor-card header span{display:block;color:#737c88;font-size:8px;font-weight:900;letter-spacing:.13em}
.creator-analytics-grid strong{display:block;margin-top:5px;font-size:28px;letter-spacing:-.04em}
.creator-analytics-grid small{color:#737c88;font-size:8px}
.creator-network-columns{max-width:var(--max);margin:0 auto 16px;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.creator-panel{padding:18px}.creator-panel header h2,.creator-editor-card header h2{margin:5px 0 0;font-size:18px}
.creator-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.creator-periods article{padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0b0d12}.creator-periods strong{display:block;font-size:20px}.creator-periods span{margin-top:3px;font-size:8px;color:#7b8490}
.creator-best{margin-top:10px;padding:12px;border:1px solid rgba(230,1,85,.12);border-radius:10px;background:rgba(230,1,85,.04)}.creator-best>span{color:#e60155!important}.creator-best>strong{display:block;margin-top:4px;font-size:12px}.creator-best>small{display:block;margin-top:3px;color:#7b8490;font-size:8px}
.creator-insights{display:grid;gap:7px;margin-top:14px}.creator-insights>div{display:flex;gap:8px;align-items:flex-start;padding:9px;border-radius:9px;background:#0b0d12;color:#9099a5;font-size:9px;line-height:1.45}.creator-insights i{color:#ff699f;font-style:normal}
.creator-module-grid{max-width:var(--max);margin:0 auto 70px;padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creator-module-grid a{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}.creator-module-grid b{display:block;font-size:12px}.creator-module-grid span{display:block;margin-top:4px;color:#78818d;font-size:8px}
.creator-recent-followers{max-width:var(--max);margin:0 auto 70px}.creator-recent-followers>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.creator-recent-followers article{display:flex;align-items:center;gap:9px;padding:9px;background:#0b0d12;border-radius:9px}.creator-recent-followers article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(230,1,85,.08);color:#ff78a8}.creator-recent-followers strong{display:block;font-size:9px}.creator-recent-followers small{display:block;margin-top:2px;color:#707985;font-size:7px}

.creator-form-list{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}
.creator-editor-card{padding:18px;position:sticky;top:80px}.creator-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.creator-form-grid label{display:grid;gap:6px;color:#aeb5bf;font-size:9px}.creator-form-grid .wide{grid-column:1/-1}.creator-form-grid input,.creator-form-grid select,.creator-form-grid textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0b0d12;color:#edf0f3;font-size:10px}.creator-check{display:flex!important;align-items:center;grid-auto-flow:column;justify-content:start}.creator-check input{width:16px!important;height:16px!important}
.creator-editor-card>.admin-primary{margin-top:12px}
.creator-item-list,.creator-collection-list{display:grid;gap:8px}.creator-item-list article,.creator-collection-list article{display:flex;align-items:center;gap:12px;padding:12px}.creator-item-list article>div:not(.creator-release-cover),.creator-collection-list article>div:first-child{min-width:0;flex:1}.creator-item-list span,.creator-collection-list span{display:block;color:#e60155;font-size:7px;font-weight:900}.creator-item-list strong,.creator-collection-list strong{display:block;margin-top:3px;font-size:11px}.creator-item-list small,.creator-collection-list small{display:block;margin-top:2px;color:#747d89;font-size:8px}.creator-item-list article.is-past{opacity:.62}.creator-item-list form button,.creator-collection-list form button{border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0d12;color:#aeb5bf;padding:7px 9px;font-size:8px}.creator-collection-list article{display:grid;grid-template-columns:1fr minmax(260px,.8fr) auto}.creator-collection-list select{width:100%;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0d12;color:#ddd;font-size:9px}
.creator-release-cover{width:50px;height:50px;display:grid;place-items:center;border-radius:8px;background:rgba(230,1,85,.08);color:#ff78a8}

.share-center-grid{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.share-center-grid article{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px}.share-center-art{aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;border-radius:10px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 35%),linear-gradient(135deg,#e60155,#10131d 60%,#05070b)}.share-center-art span{font-size:7px;font-weight:900}.share-center-art strong{margin-top:auto;font-size:13px}.share-center-art small{margin-top:3px;font-size:8px;color:#ddd}.share-center-grid article>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.share-center-grid article>div:last-child>strong{font-size:11px;margin-bottom:4px}.share-center-grid a{padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#aeb5bf;font-size:8px}

.creator-history{max-width:900px;margin:0 auto 80px;padding:0 20px;display:grid;gap:8px}.creator-history article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px}.creator-history span{display:block;color:#737c88;font-size:8px}.creator-history strong{display:block;margin-top:3px;font-size:11px}.creator-history small{display:block;margin-top:2px;color:#707985;font-size:8px}
.creator-notification-settings{max-width:700px;margin:0 auto 80px;padding:17px;display:grid;gap:7px}.creator-notification-settings>label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border-radius:9px;background:#0b0d12}.creator-notification-settings strong{display:block;font-size:10px}.creator-notification-settings small{display:block;margin-top:2px;color:#727b87;font-size:8px}.creator-notification-settings input{width:18px;height:18px}.creator-notification-settings button{justify-self:end;margin-top:8px}

.feed-list,.collection-public-list{max-width:900px;margin:0 auto 80px;padding:0 20px;display:grid;gap:8px}.feed-list article,.collection-public-list article{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(16,18,24,.8)}.feed-list img,.collection-public-list img{width:72px;height:72px;object-fit:cover;border-radius:8px}.feed-list span,.collection-public-list span{display:block;color:#747d89;font-size:8px}.feed-list strong,.collection-public-list strong{display:block;margin-top:3px;font-size:11px}.feed-list small,.collection-public-list small{display:block;margin-top:2px;color:#818a96;font-size:8px}.feed-list button,.collection-public-list button{width:36px;height:36px;border:0;border-radius:50%;background:#e60155;color:#fff}
.creator-public-head{max-width:900px!important}.creator-public-head>a{display:inline-flex;margin-top:12px;color:#ff7ca9;font-size:9px}.show-public-meta{display:flex;gap:8px;align-items:center;margin-top:12px}.show-public-meta>*{padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:8px}.show-public-residents{max-width:900px;margin:0 auto 18px;padding:0 20px;display:flex;gap:8px;flex-wrap:wrap}.show-public-residents a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#101218}.show-public-residents img{width:36px;height:36px;border-radius:50%;object-fit:cover}.show-public-residents span{display:block;color:#e60155;font-size:6px;font-weight:900}.show-public-residents strong{font-size:9px}

.residents-discovery-filter{max-width:var(--max);margin:0 auto 14px;padding:0 20px}.residents-discovery-filter form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(16,18,24,.75)}.residents-discovery-filter label{display:grid;gap:5px}.residents-discovery-filter label>span{color:#707985;font-size:7px;font-weight:900}.residents-discovery-filter select{min-width:170px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0d12;color:#ddd;font-size:9px}.residents-discovery-filter button,.residents-discovery-filter a{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#171920;color:#b7bec7;font-size:8px}
.resident-grid--discovery{grid-template-columns:repeat(4,minmax(0,1fr))!important}.resident--discovery{display:block!important;overflow:hidden}.resident-discovery-image{position:relative;aspect-ratio:1}.resident-discovery-image img{width:100%;height:100%;object-fit:cover}.resident-verified-badge{position:absolute;right:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(230,1,85,.9);color:#fff;font-size:7px;font-weight:900}.resident-discovery-copy{padding:10px}.resident-discovery-copy>span{color:#e60155;font-size:7px;font-weight:900}.resident-discovery-copy>strong{display:block;margin-top:3px;font-size:12px}.resident-discovery-copy>small{display:block;margin-top:3px;min-height:20px;color:#828b97;font-size:8px}.resident-discovery-genres{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.resident-discovery-genres b{padding:4px 6px;border-radius:999px;background:#0b0d12;color:#939ca7;font-size:6px}.resident-discovery-copy footer{display:flex;gap:9px;margin-top:9px;color:#6f7884;font-size:7px}

.resident-layout-minimal .resident-creator-hero__glow{display:none}.resident-layout-minimal .resident-creator-copy>p{max-width:620px}.resident-layout-club{min-height:500px!important}.resident-layout-club .resident-creator-hero__glow{opacity:1!important;filter:blur(55px)}
.resident-accent-pink{--resident-accent:#e60155;--resident-accent-soft:#ff76a6}
.resident-accent-violet{--resident-accent:#7c5cff;--resident-accent-soft:#a998ff}
.resident-accent-cyan{--resident-accent:#00b8d9;--resident-accent-soft:#66e6ff}
.resident-accent-gold{--resident-accent:#c9963e;--resident-accent-soft:#f1c56e}
.resident-creator-hero[class*="resident-accent-"] .resident-public-badges>span,.resident-creator-hero[class*="resident-accent-"] .resident-creator-tagline{color:var(--resident-accent-soft)!important}.resident-creator-hero[class*="resident-accent-"] .resident-action-primary{background:var(--resident-accent)!important}
.resident-public-badges .is-official{border-color:rgba(255,255,255,.2);background:var(--resident-accent,#e60155);color:#fff}.resident-public-badges .is-verified{background:rgba(255,255,255,.1);color:#fff}
.resident-action-onair{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid rgba(255,68,94,.3);border-radius:9px;background:rgba(255,40,75,.1);color:#ff7690;font-size:8px;font-weight:900}.resident-action-onair i{width:7px;height:7px;border-radius:50%;background:#ff375f;box-shadow:0 0 0 5px rgba(255,55,95,.12)}
.resident-spotlight-public{max-width:var(--max);margin:16px auto 0;padding:14px 18px;display:flex;align-items:center;gap:16px;border:1px solid color-mix(in srgb,var(--resident-accent,#e60155) 25%,transparent);border-radius:13px;background:color-mix(in srgb,var(--resident-accent,#e60155) 6%,#101218)}.resident-spotlight-public>span{color:var(--resident-accent-soft,#ff76a6);font-size:7px;font-weight:900;letter-spacing:.13em}.resident-spotlight-public>div{min-width:0;flex:1}.resident-spotlight-public strong{display:block;font-size:12px}.resident-spotlight-public p{margin:2px 0 0;color:#7e8793;font-size:8px}.resident-spotlight-public>a{font-size:8px;color:var(--resident-accent-soft,#ff76a6)}
.resident-network-section{max-width:var(--max);margin:24px auto 0;padding:0 20px}.resident-network-section>header{margin-bottom:10px}.resident-network-section>header>span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.13em}.resident-network-section>header h2{margin:4px 0 0;font-size:19px}.resident-network-section>header p{margin:3px 0 0;color:#747d89;font-size:8px}
.resident-show-list,.resident-event-list{display:grid;gap:7px}.resident-show-list article,.resident-event-list article{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#101218}.resident-show-list article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(230,1,85,.08);color:#ff77a8;font-size:8px}.resident-show-list article>div,.resident-event-list article>div{flex:1}.resident-show-list strong,.resident-event-list strong{display:block;font-size:10px}.resident-show-list small,.resident-event-list small{display:block;margin-top:2px;color:#737c88;font-size:8px}.resident-show-list a,.resident-event-list a{font-size:8px;color:#ff7ca9}
.resident-release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resident-release-grid article{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#101218}.resident-release-art{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,rgba(230,1,85,.12),#0b0d12);color:#ff79a8;font-size:9px}.resident-release-grid article>div:last-child>span{color:#e60155;font-size:6px}.resident-release-grid strong{display:block;margin-top:3px;font-size:9px}.resident-release-grid small{display:block;margin-top:2px;color:#737c88;font-size:7px}.resident-release-grid nav{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.resident-release-grid nav a{font-size:6px;color:#aeb5bf}
.resident-event-list time{width:44px;text-align:center}.resident-event-list time b{display:block;font-size:16px}.resident-event-list time span{color:#e60155;font-size:7px;font-weight:900}.resident-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.resident-collection-grid article{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#101218}.resident-collection-grid span{color:#e60155;font-size:6px;font-weight:900}.resident-collection-grid strong{display:block;margin-top:4px;font-size:10px}.resident-collection-grid p{min-height:28px;margin:4px 0;color:#7b8490;font-size:7px;line-height:1.4}.resident-collection-grid small{color:#69727e;font-size:7px}
.resident-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.resident-related-grid a{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#101218}.resident-related-grid img{width:42px;height:42px;object-fit:cover;border-radius:50%}.resident-related-grid strong{display:block;font-size:9px}.resident-related-grid small{display:block;margin-top:2px;color:#737c88;font-size:7px}
.resident-private-preview{position:relative}.resident-private-preview:before{content:"PRIVATE";padding:3px 5px;border-radius:5px;background:#ffb65d;color:#101010;font-size:6px;font-weight:900}

.resident-spotlight-settings,.resident-preview-access{grid-column:1/-1;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0b0d12}.resident-spotlight-settings>div:first-child>span,.resident-preview-access>div:first-child>span{display:block;color:#e60155;font-size:7px;font-weight:900;letter-spacing:.12em}.resident-spotlight-settings strong,.resident-preview-access strong{display:block;margin-top:3px;font-size:10px}.resident-spotlight-settings small,.resident-preview-access small{display:block;margin-top:3px;color:#727b87;font-size:8px}.resident-spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.resident-spotlight-grid label{display:grid;gap:5px}.resident-preview-access{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.resident-preview-access>a{grid-column:1/-1;color:#ff77a8;font-size:8px}.resident-preview-url{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px}.resident-preview-url input{min-width:0}.resident-preview-url button{padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#15171d;color:#aeb5bf;font-size:8px}

.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onair-admin-state{display:grid;gap:4px;margin:12px 0;padding:12px;border:1px solid rgba(255,68,94,.2);border-radius:10px;background:rgba(255,48,82,.06)}.onair-admin-state b{color:#ff5470;font-size:8px}.onair-admin-state strong{font-size:13px}.onair-admin-state small{color:#7f8894;font-size:8px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-form-grid .wide{grid-column:1/-1}.admin-form-grid label{display:grid;gap:5px;color:#9aa3ae;font-size:8px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0d12;color:#eee;font-size:9px}.admin-resident-badges,.admin-show-set-links{display:grid;gap:6px}.admin-resident-badges form,.admin-show-set-links form{display:grid;grid-template-columns:minmax(0,1fr) 180px 150px 90px;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0b0d12}.admin-resident-badges strong,.admin-show-set-links strong{display:block;font-size:9px}.admin-resident-badges small,.admin-show-set-links small{display:block;margin-top:2px;color:#707985;font-size:7px}.admin-resident-badges select,.admin-show-set-links select,.admin-show-set-links input{padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#12141a;color:#ddd;font-size:8px}.admin-resident-badges button,.admin-show-set-links button{padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#171920;color:#c1c6ce;font-size:8px}

@media(max-width:1000px){
  .creator-analytics-grid{grid-template-columns:repeat(2,1fr)}
  .creator-network-columns,.creator-form-list{grid-template-columns:1fr}
  .creator-editor-card{position:static}
  .creator-module-grid{grid-template-columns:repeat(2,1fr)}
  .resident-grid--discovery{grid-template-columns:repeat(3,1fr)!important}
  .resident-release-grid{grid-template-columns:repeat(2,1fr)}
  .resident-collection-grid,.resident-related-grid{grid-template-columns:repeat(2,1fr)}
  .admin-two-col{grid-template-columns:1fr}
  .admin-resident-badges form,.admin-show-set-links form{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .creator-analytics-grid,.creator-module-grid,.share-center-grid{grid-template-columns:1fr}
  .creator-network-columns,.creator-analytics-grid,.creator-module-grid,.creator-form-list,.share-center-grid,.feed-list,.collection-public-list{padding-left:12px;padding-right:12px}
  .creator-periods{grid-template-columns:1fr 1fr 1fr}
  .creator-form-grid{grid-template-columns:1fr}.creator-form-grid .wide{grid-column:auto}
  .creator-collection-list article{grid-template-columns:1fr}
  .share-center-grid article{grid-template-columns:120px 1fr}
  .creator-recent-followers>div{grid-template-columns:1fr 1fr}
  .resident-grid--discovery{grid-template-columns:repeat(2,1fr)!important}
  .resident-release-grid,.resident-collection-grid,.resident-related-grid{grid-template-columns:1fr}
  .resident-spotlight-public{margin-left:12px;margin-right:12px;align-items:flex-start;flex-direction:column}
  .resident-network-section{padding-left:12px;padding-right:12px}
  .resident-spotlight-grid,.admin-form-grid{grid-template-columns:1fr}
  .resident-preview-access{grid-template-columns:1fr}
  .admin-resident-badges form,.admin-show-set-links form{grid-template-columns:1fr}
}


/* 1.1.0 additions */
.residents-discovery-filter input[type="search"]{
  min-width:220px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0d12;color:#ddd;font-size:9px
}
.resident-search-field{flex:1 1 240px}
.resident-release-art img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.resident-collection-grid .resident-collection-card{display:block;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#101218}
.resident-collection-grid .resident-collection-card:hover{border-color:rgba(230,1,85,.22);background:#141720}
.resident-collection-grid .resident-collection-card span{color:#e60155;font-size:6px;font-weight:900}
.resident-collection-grid .resident-collection-card strong{display:block;margin-top:4px;font-size:10px}
.resident-collection-grid .resident-collection-card p{min-height:28px;margin:4px 0;color:#7b8490;font-size:7px;line-height:1.4}
.resident-collection-grid .resident-collection-card small{color:#69727e;font-size:7px}
.feed-list--mixed .feed-symbol{width:72px;height:72px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(230,1,85,.16),#0b0d12);color:#ff78a8;font-size:18px;font-weight:900}
.feed-action{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:#12151b;color:#ff7ba8;font-size:14px}
.preview-layout-minimal .resident-live-body{display:none}.preview-layout-club .resident-live-hero{min-height:240px}
.preview-accent-pink{--preview-accent:#e60155}.preview-accent-violet{--preview-accent:#7c5cff}.preview-accent-cyan{--preview-accent:#00b8d9}.preview-accent-gold{--preview-accent:#c9963e}
.resident-live-device[class*="preview-accent-"] .resident-live-hero b,.resident-live-device[class*="preview-accent-"] .resident-live-featured span{color:var(--preview-accent)!important}
.resident-live-device[class*="preview-accent-"] .resident-live-featured i{background:repeating-linear-gradient(90deg,var(--preview-accent) 0 2px,transparent 2px 5px)}
.admin-show-editor-list{display:grid;gap:8px}.admin-show-editor-list>form:not(.admin-show-delete){display:grid;grid-template-columns:1.3fr 70px 90px 90px 1fr 1.2fr 1.4fr auto auto;gap:7px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0b0d12}.admin-show-editor-list input,.admin-show-editor-list select,.admin-show-editor-list textarea{width:100%;box-sizing:border-box;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#12141a;color:#ddd;font-size:8px}.admin-show-editor-list label{font-size:8px;color:#a6adb7;white-space:nowrap}.admin-show-editor-list button{padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#171920;color:#c1c6ce;font-size:8px}.admin-show-delete{margin-top:-4px;text-align:right}.admin-show-delete .is-danger{color:#ff7895;border-color:rgba(255,90,120,.16)}
@media(max-width:1100px){.admin-show-editor-list>form:not(.admin-show-delete){grid-template-columns:1fr 1fr 1fr 1fr}.admin-show-editor-list textarea{grid-column:1/-1}}
@media(max-width:650px){.admin-show-editor-list>form:not(.admin-show-delete){grid-template-columns:1fr 1fr}.admin-show-editor-list textarea{grid-column:1/-1}.feed-list--mixed .feed-symbol{width:58px;height:58px}.feed-list article,.collection-public-list article{grid-template-columns:58px 1fr 36px}.feed-list img,.collection-public-list img{width:58px;height:58px}}


/* ==========================================================================
   1.1.1 — Dynamic UI & Login Popover
   ========================================================================== */
:root{
  --ui-glass:rgba(13,15,21,.76);
  --ui-glass-strong:rgba(14,16,23,.92);
  --ui-line:rgba(255,255,255,.075);
  --ui-line-hover:rgba(255,255,255,.145);
  --ui-shadow:0 24px 70px rgba(0,0,0,.34);
  --ui-ease:cubic-bezier(.2,.8,.2,1);
}
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 12% -5%,rgba(230,1,85,.07),transparent 28rem),
  radial-gradient(circle at 92% 8%,rgba(0,89,231,.055),transparent 32rem),
  #090a0e
}
body>main,body>footer{position:relative;z-index:2}.topbar{z-index:100}
.site-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.74}
.site-ambient i{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.085;will-change:transform}
.site-ambient i:nth-child(1){left:-12vw;top:9vh;background:#e60155;animation:ambientFloatA 18s ease-in-out infinite alternate}
.site-ambient i:nth-child(2){right:-12vw;top:25vh;background:#0059e7;animation:ambientFloatB 23s ease-in-out infinite alternate}
.site-ambient i:nth-child(3){left:37vw;bottom:-24vw;background:#8a3ffc;animation:ambientFloatC 27s ease-in-out infinite alternate}
@keyframes ambientFloatA{to{transform:translate3d(9vw,12vh,0) scale(1.12)}}
@keyframes ambientFloatB{to{transform:translate3d(-11vw,-8vh,0) scale(.9)}}
@keyframes ambientFloatC{to{transform:translate3d(8vw,-14vh,0) scale(1.08)}}
.site-scroll-progress{position:fixed;left:0;top:0;z-index:110;width:0;height:2px;background:linear-gradient(90deg,#e60155,#ff70a3,#705cff);box-shadow:0 0 18px rgba(230,1,85,.6);pointer-events:none;transition:width .06s linear}

.topbar--dynamic{
  height:68px;border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(9,10,14,.91),rgba(9,10,14,.72));
  box-shadow:0 12px 45px rgba(0,0,0,.15);
  backdrop-filter:blur(24px) saturate(145%);
  transition:height .25s var(--ui-ease),background .25s var(--ui-ease),box-shadow .25s var(--ui-ease)
}
.topbar--dynamic.is-scrolled{height:60px;background:rgba(8,9,13,.9);box-shadow:0 14px 42px rgba(0,0,0,.3)}
.topbar--dynamic .brand{position:relative}.topbar--dynamic .brand:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,#e60155,transparent);opacity:.7}
.topbar--dynamic nav{gap:3px;padding:9px 0}
.topbar--dynamic nav a{
  align-self:center;height:38px;padding:0 13px;border:0!important;border-radius:9px;
  color:#929aa6;font-size:10px;letter-spacing:.1em;transition:.2s var(--ui-ease)
}
.topbar--dynamic nav a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateY(-1px)}
.topbar--dynamic nav a.is-active{color:#fff;background:rgba(230,1,85,.075);box-shadow:inset 0 0 0 1px rgba(230,1,85,.14)}
.topbar--dynamic nav a.is-active:after{content:"";position:absolute;bottom:2px;width:14px;height:2px;border-radius:999px;background:#e60155}

.topbar-live{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 7px 6px 9px;border:1px solid rgba(255,64,99,.18);border-radius:10px;background:rgba(255,43,83,.045);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.topbar-live[hidden]{display:none!important}.topbar-live>i{width:7px;height:7px;border-radius:50%;background:#ff3e63;box-shadow:0 0 0 5px rgba(255,62,99,.09);animation:livePulse 1.7s ease-out infinite}.topbar-live>div{display:grid;line-height:1}.topbar-live span{color:#ff6b88;font-size:6px;font-weight:900;letter-spacing:.15em}.topbar-live strong{max-width:125px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.topbar-live>a{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.045);font-size:9px}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 4px rgba(255,62,99,.08)}50%{box-shadow:0 0 0 8px rgba(255,62,99,0)}}
.account{position:relative;margin-left:0}.account-user,.account-resident-link,.link-btn{padding:7px 9px;border-radius:8px;transition:.18s var(--ui-ease)}.account-user:hover,.account-resident-link:hover,.link-btn:hover{background:rgba(255,255,255,.045);color:#fff}.register-pill{padding:9px 14px;box-shadow:0 8px 24px rgba(230,1,85,.16);transition:.2s var(--ui-ease)}.register-pill:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(230,1,85,.25)}

.login-popover-wrap{position:relative}
.login-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d8dce2;font-size:11px;font-weight:750;cursor:pointer;transition:.18s var(--ui-ease)}
.login-trigger:hover,.login-trigger[aria-expanded="true"]{border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.045);color:#fff}.login-trigger span{color:#777f8b;font-size:9px;transition:transform .18s}.login-trigger[aria-expanded="true"] span{transform:rotate(180deg)}
.login-popover{
  position:absolute;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 24px));padding:14px;
  border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(160deg,rgba(22,24,32,.985),rgba(10,11,16,.985));
  box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(28px) saturate(145%);
  transform-origin:calc(100% - 34px) top;z-index:120
}
.login-popover:not([hidden]){animation:loginPopoverIn .2s var(--ui-ease)}
@keyframes loginPopoverIn{from{opacity:0;transform:translateY(-7px) scale(.975)}to{opacity:1;transform:none}}
.login-popover__arrow{position:absolute;right:25px;top:-6px;width:11px;height:11px;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);background:#15171f}
.login-popover>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:3px 2px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.login-popover>header span{display:block;color:#e60155;font-size:7px;font-weight:900;letter-spacing:.15em}.login-popover>header strong{display:block;margin-top:4px;font-size:14px;letter-spacing:-.025em}.login-popover>header button{width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.035);color:#929aa6;font-size:17px;cursor:pointer}
.login-popover form{display:grid;gap:10px;padding-top:12px}.login-popover form>label{display:grid;gap:5px}.login-popover form>label>span{color:#929aa5;font-size:8px;font-weight:720}.login-popover input[type="email"],.login-popover input[type="password"]{width:100%;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.075);border-radius:9px;outline:none;background:#0b0d12;color:#f4f5f6;font-size:10px;transition:.18s}.login-popover input:focus{border-color:rgba(230,1,85,.42);box-shadow:0 0 0 3px rgba(230,1,85,.07);background:#0e1016}
.login-password-field{position:relative}.login-password-field input{padding-right:42px!important}.login-password-field button{position:absolute;right:5px;top:5px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#747d89;cursor:pointer}.login-password-field button:hover{background:rgba(255,255,255,.04);color:#fff}
.login-popover__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-popover__meta>a{color:#9da5b0;font-size:8px}.login-popover__meta>a:hover{color:#fff}.login-remember{display:flex!important;align-items:center;gap:6px!important;color:#7e8792!important;font-size:8px}.login-remember input{accent-color:#e60155}
.login-popover__status{padding:8px 9px;border:1px solid rgba(255,86,116,.18);border-radius:8px;background:rgba(255,66,100,.05);color:#ff91a7;font-size:8px;line-height:1.4}.login-popover__status.is-success{border-color:rgba(76,208,144,.2);background:rgba(76,208,144,.05);color:#82deb0}
.login-submit{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 13px;border:0;border-radius:10px;background:linear-gradient(100deg,#d90050,#f22470);color:#fff;font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 10px 28px rgba(230,1,85,.2);transition:.18s var(--ui-ease)}.login-submit i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:rgba(255,255,255,.12);font-style:normal}.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(230,1,85,.28)}.login-submit:disabled{opacity:.55;transform:none;cursor:wait}
.login-popover>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 2px 1px;border-top:1px solid rgba(255,255,255,.055);font-size:8px}.login-popover>footer span{color:#6f7884}.login-popover>footer a{color:#ff77a8;font-weight:750}

.hero,.page-head,.section,.resident-network-section,.creator-panel,.creator-editor-card,.resident-profile-pro-card{
  isolation:isolate
}
.hero{position:relative;border:1px solid rgba(255,255,255,.055);box-shadow:0 35px 100px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);transition:transform .5s var(--ui-ease),box-shadow .5s var(--ui-ease)}
.hero:before{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 30%,rgba(230,1,85,.04),transparent 75%);pointer-events:none}
.hero:hover{box-shadow:0 42px 120px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)}
.section-head h2,.page-head h1,.dashboard-head h1{text-wrap:balance}
.section-head>a,.resident-workspace-head>a{transition:.18s var(--ui-ease)}.section-head>a:hover,.resident-workspace-head>a:hover{color:#fff;transform:translateX(3px)}

.set-card,.resident--discovery,.resident-featured-set,.resident-set-row,.creator-module-grid>a,.resident-release-grid article,.resident-collection-card,.resident-related-grid a,.feed-item{
  position:relative;transition:transform .25s var(--ui-ease),border-color .25s var(--ui-ease),background .25s var(--ui-ease),box-shadow .25s var(--ui-ease);
  --mx:50%;--my:50%
}
.set-card:after,.resident--discovery:after,.creator-module-grid>a:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;
  background:radial-gradient(340px circle at var(--mx) var(--my),rgba(255,255,255,.075),transparent 42%);
  transition:opacity .2s
}
.set-card:hover,.resident--discovery:hover,.creator-module-grid>a:hover,.resident-featured-set:hover,.resident-set-row:hover,.resident-release-grid article:hover,.resident-collection-card:hover,.resident-related-grid a:hover,.feed-item:hover{
  transform:translateY(-4px);border-color:var(--ui-line-hover);box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.set-card:hover:after,.resident--discovery:hover:after,.creator-module-grid>a:hover:after{opacity:1}
.set-card .cover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.set-card .cover img{transition:transform .45s var(--ui-ease),filter .35s}.set-card:hover .cover img{transform:scale(1.045);filter:brightness(.7) saturate(1.08)}
.play-orb{transform:translateY(10px) scale(.92);transition:.25s var(--ui-ease)}.cover:hover .play-orb{transform:none}
.resident--discovery .resident-discovery-image{overflow:hidden}.resident--discovery img{transition:transform .45s var(--ui-ease),filter .35s}.resident--discovery:hover img{transform:scale(1.055);filter:saturate(1.08)}

.ui-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ui-ease),transform .65s var(--ui-ease)}
.ui-reveal.is-visible{opacity:1;transform:none}
.ui-reveal[data-reveal-delay="1"]{transition-delay:.05s}.ui-reveal[data-reveal-delay="2"]{transition-delay:.1s}.ui-reveal[data-reveal-delay="3"]{transition-delay:.15s}
.ui-reveal[data-reveal-delay="4"]{transition-delay:.2s}.ui-reveal[data-reveal-delay="5"]{transition-delay:.25s}

.site-footer-wide{border-top:1px solid rgba(255,255,255,.05)!important;background:linear-gradient(180deg,rgba(11,12,17,.35),rgba(7,8,11,.78))!important;backdrop-filter:blur(20px)}
footer .footer-legal a{transition:.18s}footer .footer-legal a:hover{color:#fff}

@media(max-width:1050px){
  .topbar-live{display:none!important}
  .topbar--dynamic{gap:14px}
}
@media(max-width:760px){
  .topbar--dynamic{height:62px;padding-left:14px;padding-right:14px}.topbar--dynamic.is-scrolled{height:58px}
  .login-popover{position:fixed;right:12px;top:68px;width:calc(100vw - 24px);max-width:390px}.login-popover__arrow{display:none}
  .account{gap:7px}.register-pill{padding:8px 10px;font-size:10px}.login-trigger{padding:7px 8px}
}
@media(max-width:520px){
  .register-pill{font-size:0}.register-pill:after{content:"Join";font-size:9px}
  .site-ambient{opacity:.55}
}
@media(prefers-reduced-motion:reduce){
  .site-ambient i,.topbar-live>i{animation:none!important}
  .ui-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .set-card,.resident--discovery,.resident-featured-set,.resident-set-row,.creator-module-grid>a,.resident-release-grid article,.resident-collection-card,.resident-related-grid a,.feed-item,.hero{transition:none!important}
}


/* ==========================================================================
   1.1.2 — Sticky Navigation Hotfix
   ========================================================================== */
.topbar,
.topbar--dynamic{
  position:sticky!important;
  top:0!important;
  left:0;
  right:0;
  width:100%;
  z-index:100!important;
}
.topbar--dynamic.is-scrolled{
  position:sticky!important;
  top:0!important;
}
@media(max-width:760px){
  .topbar,
  .topbar--dynamic,
  .topbar--dynamic.is-scrolled{
    position:sticky!important;
    top:0!important;
  }
}


/* ==========================================================================
   1.1.3 — Login Overlay Layer Hotfix
   ========================================================================== */
.topbar,
.topbar--dynamic{
  isolation:isolate;
  z-index:1000!important;
}
body>main{
  z-index:1!important;
}
.login-popover.is-portaled{
  position:fixed!important;
  right:auto!important;
  top:var(--login-popover-top,72px)!important;
  left:var(--login-popover-left,20px)!important;
  width:min(360px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  z-index:2147483000!important;
  transform:none;
}
.login-popover.is-portaled .login-popover__arrow{
  display:block!important;
  position:absolute;
  left:var(--login-arrow-left,calc(100% - 32px));
  right:auto!important;
}
@media(max-width:760px){
  .login-popover.is-portaled{
    top:var(--login-popover-top,66px)!important;
    left:12px!important;
    width:calc(100vw - 24px)!important;
    max-width:390px!important;
  }
  .login-popover.is-portaled .login-popover__arrow{
    display:none!important;
  }
}


/* ==========================================================================
   1.1.4 — Editorial Discover & Smart Set Cards
   ========================================================================== */
.discover-editorial{
  width:min(1440px,calc(100% - 32px));
  margin:24px auto 0;
  position:relative;
}
.discover-feature-stage{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:#0b0d13;
  box-shadow:0 40px 120px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
}
.discover-feature-track{position:relative;min-height:540px}
.discover-feature-slide{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateX(25px) scale(.992);
  transition:opacity .55s var(--ui-ease),transform .65s var(--ui-ease),visibility .55s;
  background:
    linear-gradient(90deg,rgba(7,8,12,.97) 0%,rgba(9,11,16,.92) 42%,rgba(7,10,17,.58) 100%),
    var(--feature-cover) center/cover no-repeat;
}
.discover-feature-slide:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 78% 14%,rgba(0,89,231,.18),transparent 30%),
    radial-gradient(circle at 48% 88%,rgba(230,1,85,.14),transparent 34%);
}
.discover-feature-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2}
.discover-feature-slide__visual{
  position:relative;z-index:2;
  display:grid;place-items:center;
  padding:54px 30px 54px 54px;
}
.discover-feature-slide__visual img{
  width:min(360px,100%);
  aspect-ratio:1;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 35px 80px rgba(0,0,0,.52);
  transform:rotate(-1.5deg);
  transition:transform .6s var(--ui-ease);
}
.discover-feature-slide.is-active .discover-feature-slide__visual img{transform:rotate(-1.5deg) translateY(-3px)}
.discover-feature-rank{
  position:absolute;left:34px;bottom:28px;
  font-size:clamp(64px,8vw,112px);font-weight:950;line-height:.8;
  letter-spacing:-.08em;color:rgba(255,255,255,.035);
}
.discover-feature-slide__copy{
  position:relative;z-index:3;
  align-self:center;
  padding:64px 80px 70px 40px;
  max-width:820px;
}
.discover-feature-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.discover-feature-kicker>span{color:#ff649c;font-size:8px;font-weight:950;letter-spacing:.18em}
.discover-feature-kicker>b{
  padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;
  background:rgba(255,255,255,.04);color:#d6dbe2;font-size:7px;letter-spacing:.08em
}
.discover-feature-slide h1{
  max-width:760px;
  margin:14px 0 8px;
  font-size:clamp(42px,5.5vw,82px);
  line-height:.9;letter-spacing:-.06em;text-wrap:balance;
}
.discover-feature-slide__copy>p{margin:0;color:#afb7c2;font-size:14px}
.discover-feature-wave{
  --wave-idle:rgba(212,218,228,.34);--wave-active:#ff377e;
  position:relative;height:70px;margin-top:30px;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);
  cursor:pointer;opacity:.9
}
.discover-feature-wave canvas{display:block;width:100%;height:100%}
.discover-feature-wave .set-card-wave-progress{position:absolute;left:0;bottom:0;height:2px;background:#e60155;box-shadow:0 0 10px rgba(230,1,85,.6)}
.discover-feature-stats{display:flex;gap:16px;margin-top:12px;color:#747e8b;font-size:8px}
.discover-feature-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}
.discover-feature-actions>*{
  min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;
  border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);
  color:#c4cad3;font-size:8px;font-weight:800;cursor:pointer;transition:.18s var(--ui-ease)
}
.discover-feature-actions>*:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff}
.discover-feature-actions .discover-feature-play{padding:0 15px;border-color:transparent;background:linear-gradient(100deg,#d90050,#f12670);color:#fff;box-shadow:0 10px 28px rgba(230,1,85,.18)}
.discover-feature-nav{
  position:absolute;z-index:5;right:20px;bottom:18px;
  display:flex;align-items:center;gap:8px;padding:6px;
  border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(8,9,13,.55);backdrop-filter:blur(14px)
}
.discover-feature-nav>button{width:30px;height:30px;border:0;border-radius:7px;background:rgba(255,255,255,.035);color:#9aa3ae;cursor:pointer}
.discover-feature-nav>div{display:flex;gap:4px}
.discover-feature-nav>div button{width:25px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}
.discover-feature-nav>div span{display:block;width:100%;height:2px;border-radius:999px;background:rgba(255,255,255,.16);transition:.2s}
.discover-feature-nav>div button.is-active span{background:#e60155;box-shadow:0 0 8px rgba(230,1,85,.5)}
.discover-feature-stage--empty{display:grid;place-items:center;padding:60px;min-height:360px;background:radial-gradient(circle at 30% 30%,rgba(230,1,85,.14),transparent 30%),radial-gradient(circle at 75% 45%,rgba(0,89,231,.14),transparent 32%),#0b0d13}
.discover-feature-stage--empty>div{max-width:700px;text-align:center}.discover-feature-stage--empty span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.16em}.discover-feature-stage--empty h1{font-size:clamp(44px,7vw,86px);margin:8px 0;letter-spacing:-.06em}.discover-feature-stage--empty p{color:#818b97}

.discover-editorial-search{
  position:relative;z-index:7;
  width:calc(100% - 80px);
  margin:-28px auto 0;
  min-height:92px;
  display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:30px;
  padding:17px 19px 17px 22px;
  border:1px solid rgba(255,255,255,.085);border-radius:16px;
  background:rgba(15,17,23,.9);backdrop-filter:blur(24px) saturate(135%);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.discover-editorial-search>div>span{display:block;color:#e60155;font-size:7px;font-weight:950;letter-spacing:.15em}
.discover-editorial-search>div>strong{display:block;margin-top:3px;font-size:12px}
.discover-editorial-search>div>p{margin:2px 0 0;color:#717b87;font-size:8px}
.discover-editorial-search .discover-search{margin:0;display:grid;grid-template-columns:1fr auto;gap:7px}
.discover-editorial-search .discover-search input{height:45px;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#0a0c11;color:#eef0f3;outline:none;font-size:10px}
.discover-editorial-search .discover-search input:focus{border-color:rgba(230,1,85,.38);box-shadow:0 0 0 3px rgba(230,1,85,.06)}
.discover-editorial-search .discover-search button{padding:0 17px;border:0;border-radius:9px;background:#e60155;color:#fff;font-size:9px;font-weight:900}

.genre-chips--editorial{max-width:1320px;margin:22px auto 0;padding:0 20px;overflow:auto;scrollbar-width:none}.genre-chips--editorial::-webkit-scrollbar{display:none}
.discover-section{padding-top:46px;padding-bottom:42px}
.discover-section .section-head p{margin:4px 0 0;color:#737d89;font-size:9px}
.discover-section--personal{position:relative}
.discover-section--personal:before{content:"";position:absolute;left:-120px;top:50px;width:240px;height:240px;border-radius:50%;background:#e60155;filter:blur(130px);opacity:.045;pointer-events:none}
.discover-section--following{max-width:none;padding-left:max(20px,calc((100vw - var(--max))/2));padding-right:0;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent)}
.discover-section--following .section-head{max-width:var(--max);padding-right:max(20px,calc((100vw - var(--max))/2))}
.discover-horizontal-rail{overflow:auto hidden;padding:3px max(20px,calc((100vw - var(--max))/2)) 25px 0;scrollbar-width:none;scroll-snap-type:x proximity}.discover-horizontal-rail::-webkit-scrollbar{display:none}
.cards--rail{display:flex!important;gap:15px!important;width:max-content}.cards--rail .set-card{width:260px;scroll-snap-align:start}
.cards--editorial{gap:17px!important}

.set-card--smart{
  overflow:visible;
  border-radius:14px;
}
.set-card--smart .cover-wrap{
  border-radius:13px;overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  background:#101218;
  box-shadow:0 12px 32px rgba(0,0,0,.13)
}
.set-card--smart .cover{border-radius:0!important}
.set-card-context{
  position:absolute;z-index:5;left:9px;right:9px;top:9px;
  display:flex;align-items:center;gap:5px;
  opacity:0;transform:translateY(-7px);
  transition:.2s var(--ui-ease);pointer-events:none
}
.set-card--smart:hover .set-card-context,.set-card--smart:focus-within .set-card-context{opacity:1;transform:none;pointer-events:auto}
.set-quick-action{
  width:31px;height:31px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.09);border-radius:8px;
  background:rgba(8,9,13,.72);backdrop-filter:blur(10px);
  color:#e3e6ea;font-size:9px;font-weight:800;cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18);transition:.15s var(--ui-ease)
}
.set-quick-action:hover{transform:translateY(-1px);background:rgba(23,25,32,.94);border-color:rgba(255,255,255,.16);color:#fff}
.set-quick-action--play{background:rgba(230,1,85,.86);border-color:transparent;color:#fff}
.set-quick-action--like.is-liked{color:#ff5f94;background:rgba(230,1,85,.11);border-color:rgba(230,1,85,.25)}
.set-quick-action.has-error{animation:quickActionError .3s ease 2}
@keyframes quickActionError{50%{transform:translateX(2px);border-color:#ff617c}}
.set-card--smart .play-orb{right:11px;bottom:11px;width:46px;height:46px}

.set-card-wave{
  --wave-idle:rgba(151,160,172,.44);--wave-active:#e60155;
  position:relative;height:44px;margin:8px 1px 0;overflow:hidden;
  border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,.03));
  cursor:pointer
}
.set-card-wave canvas{display:block;width:100%;height:100%;opacity:.92}
.set-card-wave-progress{position:absolute;left:0;bottom:0;width:0;height:1px;background:#e60155;box-shadow:0 0 8px rgba(230,1,85,.5);transition:width .08s linear}
.set-card-wave.is-pending{display:grid;place-items:center;cursor:default}.set-card-wave.is-pending:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 6px);opacity:.5}.set-card-wave.is-pending small{position:relative;color:#59616c;font-size:6px;text-transform:uppercase;letter-spacing:.09em}
.set-card-wave.is-ready:not(.is-loaded){background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(230,1,85,.025));}
.set-card-wave.is-ready:not(.is-loaded):after{content:"";position:absolute;left:0;top:0;bottom:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:waveLoading 1.2s linear infinite}
@keyframes waveLoading{from{transform:translateX(-100%)}to{transform:translateX(450%)}}
.set-card-eyebrow{display:flex;justify-content:space-between;gap:8px;align-items:center}.set-card-eyebrow>span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.11em}.set-card-eyebrow time{color:#626b76;font-size:7px}
.set-card--smart .set-meta{padding:9px 2px 3px}.set-card--smart .set-meta h3{margin:4px 0 3px;font-size:13px}.set-card--smart .set-meta p{font-size:9px;color:#8f98a4}.set-card--smart .set-meta p a:hover{color:#fff}
.set-card-stats{display:flex;gap:9px;margin-top:7px;color:#69727e;font-size:7px;font-variant-numeric:tabular-nums}

.discover-personalization-cta{
  max-width:1280px;margin:20px auto 80px;padding:28px 30px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid rgba(230,1,85,.13);border-radius:17px;
  background:radial-gradient(circle at 15% 50%,rgba(230,1,85,.1),transparent 28%),linear-gradient(110deg,#12141b,#0c0e13);
}
.discover-personalization-cta span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.15em}.discover-personalization-cta h2{margin:5px 0 3px;font-size:22px}.discover-personalization-cta p{margin:0;color:#77818d;font-size:9px}.discover-personalization-cta>a{flex:0 0 auto;padding:11px 13px;border-radius:9px;background:#e60155;color:#fff;font-size:8px;font-weight:850}

@media(max-width:1050px){
  .discover-feature-slide{grid-template-columns:310px minmax(0,1fr)}
  .discover-feature-slide__visual{padding:45px 20px 45px 35px}
  .discover-feature-slide__copy{padding:55px 45px 65px 25px}
  .discover-editorial-search{width:calc(100% - 42px)}
}
@media(max-width:780px){
  .discover-editorial{width:calc(100% - 20px);margin-top:12px}
  .discover-feature-stage,.discover-feature-track{min-height:600px}
  .discover-feature-slide{grid-template-columns:1fr;grid-template-rows:245px 1fr;background:linear-gradient(0deg,rgba(7,8,12,.99) 0%,rgba(7,8,12,.78) 68%,rgba(7,8,12,.3)),var(--feature-cover) center/cover no-repeat}
  .discover-feature-slide__visual{padding:22px 22px 0;align-items:end}.discover-feature-slide__visual img{width:190px;border-radius:13px}.discover-feature-rank{display:none}
  .discover-feature-slide__copy{padding:22px 22px 70px;align-self:start}.discover-feature-slide h1{font-size:clamp(36px,10vw,56px)}.discover-feature-wave{margin-top:18px}
  .discover-editorial-search{width:calc(100% - 20px);margin:-18px auto 0;grid-template-columns:1fr;gap:9px}.discover-editorial-search>div>p{display:none}
  .discover-feature-nav{right:12px;bottom:12px}
  .discover-section--following{padding-left:12px}.cards--rail .set-card{width:225px}
  .set-card-context{opacity:1;transform:none;pointer-events:auto}.set-card-context .set-quick-action:not(.set-quick-action--play):not(.set-quick-action--like){display:none}
}
@media(max-width:520px){
  .discover-feature-stage,.discover-feature-track{min-height:570px}
  .discover-feature-slide{grid-template-rows:220px 1fr}
  .discover-feature-slide__visual img{width:165px}
  .discover-feature-slide__copy{padding:18px 17px 62px}.discover-feature-slide__copy>p{font-size:11px}.discover-feature-wave{height:54px}.discover-feature-stats{gap:9px}
  .discover-editorial-search{padding:13px}.discover-editorial-search .discover-search{grid-template-columns:1fr}.discover-editorial-search .discover-search button{height:40px}
  .discover-personalization-cta{margin:15px 12px 65px;padding:20px;align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .discover-feature-slide,.discover-feature-slide__visual img,.set-card-context,.set-quick-action{transition:none!important}
  .set-card-wave.is-ready:not(.is-loaded):after{animation:none!important}
}


/* ==========================================================================
   1.1.5 — Live Search & Inline Password Reset
   ========================================================================== */
.login-forgot-link,.login-back{
  border:0;background:transparent;color:#9da5b0;font-size:8px;cursor:pointer;padding:0
}
.login-forgot-link:hover,.login-back:hover{color:#fff}
.login-reset-intro{padding:2px 0 2px}.login-reset-intro>span{display:block;color:#e60155;font-size:7px;font-weight:900;letter-spacing:.15em}.login-reset-intro>strong{display:block;margin-top:4px;font-size:13px}.login-reset-intro>p{margin:5px 0 0;color:#78818d;font-size:8px;line-height:1.45}
.login-back{justify-self:start;margin-top:-2px;padding:4px 0;color:#7d8691}
.login-popover [hidden]{display:none!important}

.discover-live-search{position:relative}
.discover-live-search__field{position:relative;display:flex;align-items:center}
.discover-live-search__field>svg{
  position:absolute;left:13px;width:16px;height:16px;fill:none;stroke:#69737f;stroke-width:1.8;pointer-events:none
}
.discover-editorial-search .discover-live-search__field input{padding-left:39px;padding-right:62px}
.discover-search-clear{
  position:absolute;right:10px;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#77818d;font-size:16px;cursor:pointer
}
.discover-search-clear:hover{background:rgba(255,255,255,.04);color:#fff}
.discover-search-spinner{
  position:absolute;right:16px;width:13px;height:13px;border:2px solid rgba(255,255,255,.11);border-top-color:#e60155;border-radius:50%;animation:discoverSearchSpin .65s linear infinite
}
@keyframes discoverSearchSpin{to{transform:rotate(360deg)}}
.discover-live-search.is-loading .discover-search-clear{display:none}

.discover-search-results{
  position:absolute;z-index:60;left:0;right:0;top:calc(100% + 9px);
  overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;
  background:linear-gradient(160deg,rgba(19,21,29,.99),rgba(10,11,16,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(24px)
}
.discover-search-results__body{max-height:490px;overflow:auto;padding:8px}
.discover-search-results section+section{margin-top:6px;padding-top:7px;border-top:1px solid rgba(255,255,255,.055)}
.discover-search-results section>header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 6px}.discover-search-results section>header span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.13em}.discover-search-results section>header small{color:#626c77;font-size:7px}
.discover-live-items,.discover-live-residents{display:grid;gap:3px}
.discover-live-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border-radius:9px;transition:.14s;background:transparent}
.discover-live-result:hover,.discover-live-result.is-active{background:rgba(255,255,255,.045)}
.discover-live-result img{width:42px;height:42px;object-fit:cover;border-radius:7px}.discover-live-result--resident img{border-radius:50%}
.discover-live-result strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.discover-live-result strong b{margin-left:4px;padding:2px 4px;border-radius:4px;background:rgba(230,1,85,.13);color:#ff77a8;font-size:5px;vertical-align:middle}
.discover-live-result span{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c8692;font-size:7px}.discover-live-result>small{color:#68727d;font-size:7px}
.discover-live-genres{display:flex;gap:5px;flex-wrap:wrap;padding:0 5px 5px}.discover-live-genres a{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0c0e13}.discover-live-genres a:hover,.discover-live-genres a.is-active{border-color:rgba(230,1,85,.2);background:rgba(230,1,85,.05)}.discover-live-genres strong{font-size:8px}.discover-live-genres span{color:#68727d;font-size:6px}
.discover-live-empty{padding:20px;text-align:center}.discover-live-empty strong{display:block;font-size:10px}.discover-live-empty span{display:block;margin-top:4px;color:#737d89;font-size:8px}
.discover-search-results>footer{display:flex;align-items:center;gap:7px;padding:8px 11px;border-top:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.015);color:#717b87;font-size:7px}.discover-search-results>footer span{padding:3px 5px;border:1px solid rgba(255,255,255,.07);border-radius:5px;background:#0b0d12;color:#a5adb7;font-size:6px}

@media(max-width:780px){
  .discover-editorial-search .discover-live-search{grid-template-columns:1fr auto}
  .discover-search-results{left:0;right:0}
}
@media(max-width:520px){
  .discover-editorial-search .discover-live-search{grid-template-columns:1fr}
  .discover-search-submit{display:none}
  .discover-search-results{top:calc(100% + 7px)}
  .discover-search-results__body{max-height:55vh}
  .discover-live-result{grid-template-columns:38px minmax(0,1fr)}.discover-live-result>small{display:none}.discover-live-result img{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.discover-search-spinner{animation:none}}


/* ==========================================================================
   1.1.7 — Restored Discover Hero
   Keeps the earlier calm hero composition while retaining live search and
   the newer editorial/personalized content below it.
   ========================================================================== */
.discover-hero--restored{
  position:relative;
  margin-top:30px;
  min-height:430px;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  align-items:center;
  gap:clamp(34px,5vw,72px);
  overflow:visible;
  padding:clamp(38px,5vw,68px);
  background:
    radial-gradient(circle at 86% 18%,rgba(0,89,231,.15),transparent 31%),
    radial-gradient(circle at 14% 86%,rgba(230,1,85,.10),transparent 34%),
    linear-gradient(145deg,#151821 0%,#0d0f14 62%,#0a0c11 100%);
}
.discover-hero--restored:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 32%);
}
.discover-hero__copy{position:relative;z-index:4;min-width:0}
.discover-hero--restored .eyebrow{color:#e60155;font-size:8px;font-weight:950;letter-spacing:.18em}
.discover-hero--restored h1{max-width:700px;margin:11px 0 14px;font-size:clamp(50px,6vw,84px);line-height:.9}
.discover-hero--restored .discover-hero__copy>p{max-width:620px;font-size:13px;line-height:1.7}
.discover-hero-search{
  position:relative;
  width:min(650px,100%);
  margin-top:30px;
  grid-template-columns:minmax(0,1fr) auto;
  border-color:rgba(255,255,255,.09);
  background:rgba(7,9,13,.62);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}
.discover-hero-search .discover-live-search__field{position:relative;display:flex;align-items:center;min-width:0}
.discover-hero-search .discover-live-search__field>svg{position:absolute;left:13px;width:17px;height:17px;fill:none;stroke:#737c89;stroke-width:1.7;pointer-events:none}
.discover-hero-search input{width:100%;padding-left:40px!important;padding-right:58px!important;font-size:11px}
.discover-hero-search .discover-search-clear{position:absolute;right:10px;width:28px;height:28px;min-height:0;padding:0;border-radius:50%;background:rgba(255,255,255,.05);color:#9ca4af}
.discover-hero-search .discover-search-spinner{position:absolute;right:15px;width:15px;height:15px;border:2px solid rgba(255,255,255,.14);border-top-color:#e60155;border-radius:50%;animation:spin .7s linear infinite}
.discover-hero-search .discover-search-results{
  position:absolute;z-index:40;left:7px;right:7px;top:calc(100% + 8px);
  overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:13px;
  background:rgba(12,14,19,.97);backdrop-filter:blur(24px);
  box-shadow:0 24px 70px rgba(0,0,0,.42)
}
.discover-hero-feature{
  position:relative;z-index:3;
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;
  min-width:0;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:18px;
  background:rgba(8,10,14,.55);backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
.discover-hero-feature__cover{position:relative;display:block;aspect-ratio:1;text-decoration:none}
.discover-hero-feature__cover img{width:100%;height:100%;object-fit:cover;border-radius:13px;box-shadow:0 18px 38px rgba(0,0,0,.35)}
.discover-hero-feature__cover>span{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(7,8,12,.78);backdrop-filter:blur(8px);color:#fff;font-size:6px;font-weight:950;letter-spacing:.12em}
.discover-hero-feature__body{min-width:0}
.discover-hero-feature__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.discover-hero-feature__meta b{color:#ff5e98;font-size:7px;letter-spacing:.1em}
.discover-hero-feature__meta span{color:#737c89;font-size:8px}
.discover-hero-feature__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f4f5f7;text-decoration:none;font-size:clamp(18px,2vw,27px);font-weight:900;line-height:1.05;letter-spacing:-.035em}
.discover-hero-feature__body>p{margin:7px 0 0;color:#8e97a4;font-size:10px}
.discover-hero-feature__actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.discover-hero-feature__actions>*{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);color:#c8ced6;text-decoration:none;font-size:8px;font-weight:850}
.discover-hero-feature__actions .discover-feature-play{border:0;background:#e60155;color:#fff;cursor:pointer}
.discover-hero-feature__actions .discover-feature-play:disabled{opacity:.55;cursor:wait;background:#343943}
.genre-chips--editorial{margin-top:18px}

@media(max-width:900px){
  .discover-hero--restored{grid-template-columns:1fr;min-height:0;padding:40px 30px;gap:30px}
  .discover-hero-feature{max-width:600px}
}
@media(max-width:620px){
  .discover-hero--restored{width:calc(100% - 20px);margin-top:14px;padding:30px 18px 20px;border-radius:18px;gap:24px}
  .discover-hero--restored h1{font-size:clamp(44px,14vw,62px)}
  .discover-hero--restored .discover-hero__copy>p{font-size:12px}
  .discover-hero-search{grid-template-columns:1fr;margin-top:23px;padding:6px}
  .discover-hero-search .discover-search-submit{display:none}
  .discover-hero-search input{min-height:48px}
  .discover-hero-feature{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:11px;border-radius:14px}
  .discover-hero-feature__cover img{border-radius:10px}
  .discover-hero-feature__cover>span{display:none}
  .discover-hero-feature__title{font-size:17px}
  .discover-hero-feature__actions{margin-top:10px}
  .discover-hero-feature__actions>*{min-height:38px}
}


/* ==========================================================================
   1.2.0 — Listening Experience
   ========================================================================== */
.set-card--clean .set-card-context{display:none!important}
.set-card--clean .set-card-more{position:absolute;right:9px;top:9px;z-index:7}
.set-card-more__toggle{width:34px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(8,10,14,.74);backdrop-filter:blur(10px);color:#fff;font-size:13px;letter-spacing:2px;opacity:0;transform:translateY(-3px);transition:.18s}
.set-card--clean:hover .set-card-more__toggle,.set-card-more__toggle:focus-visible,.set-card-more:has(.set-card-more__menu:not([hidden])) .set-card-more__toggle{opacity:1;transform:none}
.set-card-more__menu{position:absolute;right:0;top:37px;width:180px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(12,14,19,.98);box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.set-card-more__menu a,.set-card-more__menu button{display:flex;width:100%;min-height:36px;align-items:center;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#c8ced6;text-align:left;text-decoration:none;font:inherit;font-size:9px;cursor:pointer}
.set-card-more__menu a:hover,.set-card-more__menu button:hover{background:rgba(255,255,255,.055);color:#fff}
.set-card-reason{margin-bottom:7px;color:#e60155;font-size:7px;font-weight:850;letter-spacing:.04em}
.set-card--clean .set-card-stats{opacity:.7}
.set-card--clean{transition:transform .22s ease,border-color .22s ease}
.set-card--clean:hover{transform:translateY(-3px)}

.discover-charts{display:grid;gap:2px;border-top:1px solid rgba(255,255,255,.07)}
.chart-row{display:grid;grid-template-columns:52px 54px minmax(0,1fr) auto 42px;gap:13px;align-items:center;min-height:76px;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.06);transition:.18s}
.chart-row:hover{background:rgba(255,255,255,.025);transform:translateX(3px)}
.chart-rank{color:#444b57;font-size:24px;font-weight:950;letter-spacing:-.06em;text-align:center}
.chart-row:nth-child(-n+3) .chart-rank{color:#e60155}
.chart-row>img{width:54px;height:54px;border-radius:8px;object-fit:cover}
.chart-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.chart-copy>span{color:#727b88;font-size:7px;font-weight:850;letter-spacing:.1em}
.chart-copy>a{overflow:hidden;color:#eef0f4;text-decoration:none;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.chart-copy>small{color:#7e8794;font-size:9px}
.chart-stats{display:flex;gap:13px;color:#747d89;font-size:8px}
.chart-play{width:36px;height:36px;border:0;border-radius:50%;background:#e60155;color:#fff;cursor:pointer}
.chart-play:disabled{opacity:.35;cursor:wait}

.resident-discovery-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resident-discovery-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#11141a;transition:.2s}
.resident-discovery-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.12)}
.resident-discovery-card__visual{position:relative;display:block;height:92px;background:linear-gradient(135deg,#191e28,#0c0e13)}
.resident-discovery-card__header{width:100%;height:100%;object-fit:cover;opacity:.68}
.resident-discovery-card__avatar{position:absolute;left:14px;bottom:-24px;width:58px;height:58px;border:3px solid #11141a;border-radius:50%;object-fit:cover;background:#191c23}
.resident-discovery-card__body{padding:33px 14px 14px}
.resident-discovery-card__body>div:first-child{display:flex;flex-direction:column;gap:3px}
.resident-discovery-card__body>div:first-child>span{color:#e60155;font-size:6px;font-weight:950;letter-spacing:.1em}
.resident-discovery-card__body>div:first-child>a{color:#f1f3f6;text-decoration:none;font-size:13px;font-weight:900}
.resident-discovery-card__body small{overflow:hidden;color:#727b88;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.resident-discovery-card__meta{display:flex;gap:10px;margin:11px 0;color:#6f7884;font-size:7px}
.resident-discovery-follow{min-height:34px;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#e60155;color:#fff;font-size:8px;font-weight:850;cursor:pointer}
.resident-discovery-follow.is-following{background:rgba(255,255,255,.05);color:#b9c0ca}

.soundbar__expand{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#89919d;cursor:pointer}
.player-drawer{position:absolute;right:12px;bottom:calc(100% + 12px);width:min(430px,calc(100vw - 24px));max-height:min(650px,75vh);overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(11,13,18,.98);box-shadow:0 28px 80px rgba(0,0,0,.55);backdrop-filter:blur(28px)}
.player-drawer>header{display:flex;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.player-drawer>header>div{min-width:0;display:flex;flex-direction:column}
.player-drawer>header span,.player-drawer__queue-head span{color:#e60155;font-size:7px;font-weight:950;letter-spacing:.13em}
.player-drawer>header strong{overflow:hidden;margin-top:4px;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.player-drawer>header small{color:#747d89;font-size:9px}
.player-drawer>header button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.05);color:#fff}
.player-drawer__now{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:18px}
.player-drawer__now>img{width:96px;height:96px;border-radius:12px;object-fit:cover}
.player-drawer__wave{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.player-drawer__wave input{width:100%;accent-color:#e60155}
.player-drawer__wave span{color:#737c88;font-size:8px}
.player-drawer__queue-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.player-drawer__queue-head button{border:0;background:transparent;color:#747d89;font-size:8px;cursor:pointer}
.player-drawer__queue{padding:6px 10px 14px}
.player-drawer__queue>p{padding:14px 8px;color:#666f7b;font-size:9px}
.player-queue-item{display:grid;grid-template-columns:42px minmax(0,1fr) 30px 30px;gap:9px;align-items:center;padding:7px;border-radius:9px}
.player-queue-item:hover{background:rgba(255,255,255,.035)}
.player-queue-item img{width:42px;height:42px;border-radius:7px;object-fit:cover}
.player-queue-item div{min-width:0;display:flex;flex-direction:column}
.player-queue-item strong,.player-queue-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-queue-item strong{color:#dfe3e9;font-size:9px}.player-queue-item small{color:#727b87;font-size:8px}
.player-queue-item button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.04);color:#b3bac4;cursor:pointer}

.mobile-app-nav{display:none}

@media(max-width:900px){.resident-discovery-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  body{padding-bottom:62px}
  .mobile-app-nav{position:fixed;z-index:95;left:8px;right:8px;bottom:8px;height:56px;display:flex;align-items:center;justify-content:space-around;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(10,12,16,.94);box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(22px)}
  .mobile-app-nav a,.mobile-app-nav button{min-width:48px;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#858e9a;text-decoration:none;font:inherit}
  .mobile-app-nav span{font-size:17px;line-height:1}.mobile-app-nav small{font-size:7px}
  .mobile-app-nav__primary span{width:34px;height:34px;display:grid;place-items:center;margin-top:-18px;border-radius:50%;background:#e60155;color:#fff;box-shadow:0 7px 22px rgba(230,1,85,.3)}
  .global-player--soundbar{bottom:72px!important}
  body:has(.global-player--soundbar:not([hidden])){padding-bottom:120px}
  .soundbar__expand{display:block;position:absolute;right:54px;width:34px;height:34px}
  .player-drawer{position:fixed;z-index:110;inset:0;width:100%;max-height:none;border:0;border-radius:0;background:#0b0d12;padding-top:max(10px,env(safe-area-inset-top))}
  .player-drawer>header{padding:20px}
  .player-drawer__now{grid-template-columns:1fr;padding:22px}
  .player-drawer__now>img{width:min(78vw,340px);height:auto;aspect-ratio:1;justify-self:center;border-radius:18px}
  .player-drawer__wave{margin-top:12px}
  .chart-row{grid-template-columns:38px 48px minmax(0,1fr) 38px;gap:9px;min-height:68px}
  .chart-row>img{width:48px;height:48px}.chart-stats{display:none}.chart-rank{font-size:19px}
  .resident-discovery-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .resident-discovery-card{min-width:76vw;scroll-snap-align:start}
  .set-card-more__toggle{opacity:1;transform:none}
}
@media(max-width:480px){.resident-discovery-card{min-width:82vw}}


/* ==========================================================================
   1.2.1 — Unified Likes
   ========================================================================== */
.set-card-like{
  position:absolute;z-index:8;right:49px;top:9px;
  width:34px;height:30px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.10);border-radius:9px;
  background:rgba(8,10,14,.74);backdrop-filter:blur(10px);
  color:#fff;font-size:15px;cursor:pointer;
  opacity:0;transform:translateY(-3px);transition:.18s var(--ui-ease)
}
.set-card--clean:hover .set-card-like,.set-card-like:focus-visible,.set-card-like.is-liked{opacity:1;transform:none}
.set-card-like.is-liked{color:#ff5e94;border-color:rgba(230,1,85,.28);background:rgba(230,1,85,.13)}
.set-card-like:hover{border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.set-card-like:disabled{opacity:.55;cursor:wait}
.set-card-like.has-error,.resident-row-like.has-error,.resident-featured-like.has-error,.soundbar__like.has-error{animation:likeError .28s ease 2}
@keyframes likeError{50%{transform:translateX(2px)}}

.sc-action--like{gap:5px}
.sc-action--like b{font-size:14px;font-weight:500;line-height:1}
.sc-action--like.is-active{border-color:rgba(230,1,85,.25);background:rgba(230,1,85,.08);color:#ff669a}
.sc-action--like.is-active b{color:#ff4d89}

.resident-featured-like{
  margin-top:13px;min-height:35px;padding:0 12px;
  border:1px solid rgba(255,255,255,.09);border-radius:9px;
  background:rgba(255,255,255,.035);color:#aab2bd;
  font-size:8px;font-weight:850;cursor:pointer
}
.resident-featured-like.is-liked{border-color:rgba(230,1,85,.24);background:rgba(230,1,85,.08);color:#ff6499}
.resident-row-like{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:0 9px;
  border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);
  color:#858e9a;font-size:8px;cursor:pointer
}
.resident-row-like.is-liked{border-color:rgba(230,1,85,.22);background:rgba(230,1,85,.07);color:#ff6096}

.soundbar__like{
  width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:rgba(255,255,255,.025);color:#89919d;font-size:14px;cursor:pointer
}
.soundbar__like.is-liked{border-color:rgba(230,1,85,.25);background:rgba(230,1,85,.08);color:#ff5e94}
.soundbar__like:disabled{opacity:.3;cursor:default}
.player-drawer__actions{display:flex;padding:0 18px 14px}
.player-drawer__actions button{
  min-height:37px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;
  border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);
  color:#aeb5bf;font-size:8px;font-weight:800;cursor:pointer
}
.player-drawer__actions button.is-liked{border-color:rgba(230,1,85,.24);background:rgba(230,1,85,.08);color:#ff6398}

@media(max-width:720px){
  .set-card-like{opacity:1;transform:none;right:49px}
  .resident-row-like{min-height:34px}
  .soundbar__like{position:absolute;right:94px;width:34px;height:34px}
}


/* ==========================================================================
   1.2.2 — Persistent Set Actions
   ========================================================================== */
[data-like-login]{cursor:pointer}
[data-like-login]:hover{border-color:rgba(230,1,85,.22);color:#ff6799}

.djplay-action-toast{
  position:fixed;z-index:2147483001;left:50%;top:86px;
  max-width:min(430px,calc(100vw - 24px));
  padding:11px 15px;border:1px solid rgba(255,255,255,.09);border-radius:11px;
  background:rgba(14,16,22,.96);backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.42);
  color:#e8ebef;font-size:9px;font-weight:750;
  opacity:0;transform:translate(-50%,-10px);pointer-events:none;
  transition:opacity .18s var(--ui-ease),transform .18s var(--ui-ease)
}
.djplay-action-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.djplay-action-toast.is-success{border-color:rgba(94,216,152,.17)}
.djplay-action-toast.is-error{border-color:rgba(255,82,112,.22);color:#ff9aab}

.sc-action[data-share-set]:disabled,[data-share-set]:disabled{opacity:.6;cursor:wait}

@media(max-width:720px){
  .djplay-action-toast{top:auto;bottom:144px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .djplay-action-toast{transition:none}
}


/* ==========================================================================
   1.2.3 — Content Glass & Full-width Footer
   ========================================================================== */
.site-content-glass{
  position:relative;
  width:min(var(--max),calc(100% - 40px));
  max-width:var(--max);
  margin:28px auto 0;
  padding:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(24,26,34,.68),rgba(10,12,17,.54)),
    rgba(12,14,19,.46);
  -webkit-backdrop-filter:blur(22px) saturate(1.22);
  backdrop-filter:blur(22px) saturate(1.22);
  box-shadow:
    0 26px 80px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.055);
  overflow:visible;
}
.site-content-glass::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  border-radius:inherit;
  background:
    radial-gradient(circle at 12% 0%,rgba(230,1,85,.085),transparent 29%),
    radial-gradient(circle at 88% 8%,rgba(106,116,255,.055),transparent 27%);
  pointer-events:none;
}
.site-content-glass__inner{
  position:relative;
  min-width:0;
  padding:clamp(18px,2.2vw,32px);
}
.site-content-glass__inner>:first-child{margin-top:0}
.site-content-glass__inner>:last-child{margin-bottom:0}

/* The footer background spans the viewport. Its content remains aligned
   with the same site grid as the glass content above. */
.site-footer-wide{
  width:100%;
  max-width:none!important;
  margin:64px 0 0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  background:
    linear-gradient(180deg,rgba(13,15,21,.82),rgba(7,8,12,.97))!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
  backdrop-filter:blur(22px) saturate(1.15);
  box-shadow:0 -20px 60px rgba(0,0,0,.12);
}
.site-footer-wide__inner{
  width:min(var(--max),calc(100% - 40px));
  max-width:var(--max);
  min-height:154px;
  margin:0 auto;
  padding:38px 0 34px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}
.site-footer-wide__inner>div:first-child p{margin:8px 0 0;color:#6f7582}

/* Keep page-specific layouts inside the new content surface instead of
   applying old full-page width/padding rules to the main wrapper. */
.site-content-glass.sc-body,
.site-content-glass body{max-width:none}

@media(max-width:760px){
  .site-content-glass{
    width:calc(100% - 20px);
    margin-top:10px;
    border-radius:17px;
  }
  .site-content-glass__inner{padding:14px}
  .site-footer-wide{margin-top:34px!important}
  .site-footer-wide__inner{
    width:calc(100% - 32px);
    min-height:0;
    padding:28px 0 88px;
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
}
@media(prefers-reduced-transparency:reduce){
  .site-content-glass{background:#101219;-webkit-backdrop-filter:none;backdrop-filter:none}
  .site-footer-wide{-webkit-backdrop-filter:none;backdrop-filter:none}
}


/* ==========================================================================
   1.2.4 — Softer Glass & Mobile Layout Refresh
   ========================================================================== */
.site-content-glass{
  background:
    linear-gradient(145deg,rgba(21,23,30,.56),rgba(10,12,17,.42)),
    rgba(12,14,19,.34);
  -webkit-backdrop-filter:blur(12px) saturate(1.10);
  backdrop-filter:blur(12px) saturate(1.10);
  border-color:rgba(255,255,255,.065);
  box-shadow:
    0 20px 58px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
}
.site-content-glass::before{
  background:
    radial-gradient(circle at 12% 0%,rgba(230,1,85,.055),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(106,116,255,.035),transparent 29%);
}
.site-footer-wide{
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  backdrop-filter:blur(12px) saturate(1.08);
  background:linear-gradient(180deg,rgba(13,15,21,.72),rgba(7,8,12,.96))!important;
}

/* Mobile is treated as its own composition instead of a squeezed desktop shell. */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  .topbar--dynamic{
    min-height:58px;height:58px!important;
    padding:0 12px!important;
    gap:9px;
  }
  .topbar--dynamic .brand{font-size:18px}
  .topbar--dynamic .brand span{font-size:7px;margin-left:4px}
  .topbar--dynamic nav{display:none}
  .topbar--dynamic .account{margin-left:auto;gap:5px}
  .topbar--dynamic .account-resident-link,
  .topbar--dynamic .account-user,
  .topbar--dynamic .link-btn{display:none}
  .topbar--dynamic .register-pill{padding:8px 9px}
  .nav-toggle{display:flex!important;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.035);color:#fff}

  .site-content-glass{
    width:calc(100% - 16px);
    margin:8px auto 0;
    border-radius:15px;
    -webkit-backdrop-filter:blur(8px) saturate(1.05);
    backdrop-filter:blur(8px) saturate(1.05);
    background:linear-gradient(155deg,rgba(20,22,29,.48),rgba(10,12,17,.36));
    box-shadow:0 15px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
  }
  .site-content-glass__inner{padding:10px}

  .discover-hero--restored{
    width:100%;
    margin:0;
    padding:24px 15px 16px;
    border-radius:13px;
    gap:19px;
    background:
      radial-gradient(circle at 90% 8%,rgba(0,89,231,.095),transparent 34%),
      radial-gradient(circle at 5% 88%,rgba(230,1,85,.07),transparent 38%),
      linear-gradient(150deg,#14171f,#0c0e13);
  }
  .discover-hero--restored h1{
    margin:9px 0 11px;
    font-size:clamp(39px,12.8vw,55px);
    line-height:.91;
    letter-spacing:-.055em;
  }
  .discover-hero--restored .discover-hero__copy>p{font-size:11px;line-height:1.55}
  .discover-hero-search{
    width:100%;
    margin-top:18px;
    padding:5px;
    border-radius:11px;
    background:rgba(6,8,12,.48)
  }
  .discover-hero-search input{min-height:45px;font-size:10px}

  .discover-hero-feature{
    grid-template-columns:74px minmax(0,1fr);
    gap:11px;
    padding:9px;
    border-radius:12px;
    box-shadow:none;
    background:rgba(7,9,13,.42)
  }
  .discover-hero-feature__title{font-size:15px}
  .discover-hero-feature__body>p{font-size:8px}
  .discover-hero-feature__meta{margin-bottom:5px}
  .discover-hero-feature__actions{margin-top:8px}
  .discover-hero-feature__actions>*{min-height:35px;padding:0 9px}

  .genre-chips--editorial{
    margin:13px -2px 0;
    padding:0 2px;
    gap:6px;
  }
  .genre-chips--editorial a{flex:0 0 auto}

  .discover-section{
    padding-top:30px;
    padding-bottom:28px;
  }
  .section-head{
    align-items:flex-start;
    gap:12px;
  }
  .section-head h2{font-size:21px}
  .section-head p{font-size:8px!important;line-height:1.5}
  .section-head>a{font-size:8px;white-space:nowrap}

  .cards--editorial{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .cards--editorial .set-card-wave{height:34px}
  .set-card--smart .set-meta h3{font-size:11px;line-height:1.2}
  .set-card--smart .set-meta p{font-size:8px}
  .set-card-stats{gap:6px;font-size:6px}
  .set-card-eyebrow>span,.set-card-eyebrow time{font-size:6px}
  .set-card-like{right:45px;top:7px;width:31px;height:29px}
  .set-card-more{right:7px!important;top:7px!important}
  .set-card-more__toggle{width:31px;height:29px}

  .discover-section--following{
    margin-left:-10px;margin-right:-10px;
    padding-left:10px!important;
  }
  .discover-horizontal-rail{padding-right:10px}
  .cards--rail .set-card{width:205px}

  .chart-row{
    grid-template-columns:32px 44px minmax(0,1fr) 34px;
    gap:8px;
    min-height:62px;
    padding:7px 3px;
  }
  .chart-row>img{width:44px;height:44px}
  .chart-rank{font-size:17px}
  .chart-copy>a{font-size:10px}
  .chart-copy>small{font-size:7px}
  .chart-play{width:32px;height:32px}

  .resident-discovery-rail{
    gap:9px;
    margin-right:-10px;
    padding-right:10px;
  }
  .resident-discovery-card{min-width:76vw;border-radius:13px}
  .resident-discovery-card__visual{height:82px}
  .resident-discovery-card__avatar{width:52px;height:52px;bottom:-22px}
  .resident-discovery-card__body{padding:29px 12px 12px}

  .sc-set-hero{
    margin:0!important;
    border-radius:13px!important;
    padding:14px!important;
  }
  .sc-set-art{width:min(68vw,285px)!important}
  .sc-title-stack h1{font-size:clamp(23px,7.6vw,34px)!important}
  .sc-waveform{height:92px!important;margin-top:20px!important}
  .sc-actionbar{padding-left:4px!important;padding-right:4px!important}
  .sc-actionbar__left{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .sc-actionbar__left>*{width:100%}
  .sc-action{min-height:38px;justify-content:center}
  .sc-actionbar__stats{font-size:8px}
  .sc-body{padding-left:2px!important;padding-right:2px!important}

  .site-footer-wide__inner{
    width:calc(100% - 28px);
    padding:25px 0 82px;
    gap:18px;
  }
  .site-footer-wide .brand{font-size:18px}
  .footer-legal{display:flex;flex-wrap:wrap;gap:4px 15px}
  .footer-legal a{font-size:8px}

  .mobile-app-nav{
    left:7px;right:7px;bottom:7px;
    height:54px;
    border-radius:15px;
  }
  .mobile-app-nav small{font-size:6px}
  .global-player--soundbar{bottom:68px!important}
}

@media(max-width:430px){
  .cards--editorial{grid-template-columns:1fr!important}
  .cards--editorial .set-card{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:11px;align-items:start}
  .cards--editorial .set-card .cover-wrap{grid-column:1;grid-row:1/3}
  .cards--editorial .set-card .set-card-wave{grid-column:2;grid-row:1;margin-top:0;height:38px}
  .cards--editorial .set-card .set-meta{grid-column:2;grid-row:2;padding-top:4px}
  .cards--editorial .set-card .set-card-reason{display:none}
  .cards--editorial .set-card .set-meta h3{font-size:12px}
  .cards--editorial .set-card-like{right:43px}
  .resident-discovery-card{min-width:84vw}
}


/* ==========================================================================
   1.2.5 — Full Bleed Footer Fix
   The footer surface must touch both viewport edges. Only its inner content
   uses the site grid.
   ========================================================================== */
.site-footer-wide{
  position:relative;
  left:50%;
  width:100vw!important;
  max-width:100vw!important;
  margin-top:64px!important;
  margin-right:0!important;
  margin-bottom:0!important;
  margin-left:-50vw!important;
  padding:0!important;
  border-radius:0!important;
  box-sizing:border-box;
}
.site-footer-wide__inner{
  box-sizing:border-box;
  width:min(var(--max),calc(100% - 40px));
  max-width:var(--max);
  margin:0 auto!important;
  padding:38px 0 34px!important;
}

@media(max-width:760px){
  .site-footer-wide{
    margin-top:34px!important;
    margin-left:-50vw!important;
    padding:0!important;
  }
  .site-footer-wide__inner{
    width:calc(100% - 28px);
    margin:0 auto!important;
    padding:25px 0 82px!important;
  }
}


/* ==========================================================================
   1.2.6 — Frameless Content Glass
   Avoids the "card inside a card" look on legal, contact, set and admin-like
   content pages. Page modules keep their own borders; the global content
   surface only provides subtle depth and background separation.
   ========================================================================== */
.site-content-glass{
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(145deg,rgba(18,20,26,.34),rgba(9,11,16,.24)),
    rgba(10,12,17,.20)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.06)!important;
  backdrop-filter:blur(8px) saturate(1.06)!important;
  box-shadow:none!important;
}
.site-content-glass::before{
  inset:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(230,1,85,.045),transparent 31%),
    radial-gradient(circle at 91% 10%,rgba(74,99,255,.028),transparent 30%)!important;
}
.site-content-glass__inner{
  padding-left:clamp(18px,2.2vw,32px);
  padding-right:clamp(18px,2.2vw,32px);
}

/* Let already framed page sections remain the only visible surfaces. */
.site-content-glass .legal-hero,
.site-content-glass .legal-card,
.site-content-glass .contact-hero,
.site-content-glass .contact-card,
.site-content-glass .sc-set-hero,
.site-content-glass .resident-profile-pro-card,
.site-content-glass .creator-panel{
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  .site-content-glass{
    width:calc(100% - 12px)!important;
    margin-top:6px!important;
    border-radius:0!important;
    background:rgba(11,13,18,.16)!important;
    -webkit-backdrop-filter:blur(5px) saturate(1.03)!important;
    backdrop-filter:blur(5px) saturate(1.03)!important;
  }
  .site-content-glass__inner{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .site-content-glass{
    background:rgba(11,13,18,.40)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}


/* ==========================================================================
   1.2.7 — Footer Geometry & Responsive Soundbar Fix
   ========================================================================== */

/* Legacy builds reserved a permanent player height on body. That produced a
   visible strip below the full-width footer even when the player was hidden. */
body{
  padding-bottom:0!important;
}

/* Never create space *after* the footer. The footer background itself reaches
   the end of the document. Fixed UI is accounted for inside its own stacking
   layer instead of through body padding. */
.site-footer-wide{
  margin-bottom:0!important;
  bottom:auto!important;
}
.site-footer-wide__inner{
  padding-bottom:34px!important;
}

/* Remove older player-specific footer padding rules. Fixed soundbar overlays
   the viewport; footer remains geometrically stable and full bleed. */
body:has(.global-player--soundbar:not([hidden])) .site-footer-wide,
body:has(.global-player--modern:not([hidden])) .site-footer-wide{
  padding-bottom:0!important;
}
body:has(.global-player--soundbar:not([hidden])) .site-footer-wide__inner,
body:has(.global-player--modern:not([hidden])) .site-footer-wide__inner{
  padding-bottom:34px!important;
}

/* Desktop soundbar: true viewport-wide bar with its content aligned to the
   normal site grid. */
.global-player--soundbar{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  z-index:90!important;
}
.global-player--soundbar .soundbar__inner{
  position:relative;
  width:min(var(--max),100%)!important;
  max-width:var(--max)!important;
  height:100%;
  margin:0 auto!important;
  padding:0 18px!important;
}
.soundbar__expand,
.soundbar__like{
  position:static;
  flex:0 0 auto;
}

/* Player drawer is anchored to the soundbar on desktop and cannot be clipped
   by the footer/content glass. */
.global-player--soundbar .player-drawer{
  z-index:120;
  bottom:calc(100% + 10px);
}

/* Mobile uses its own control composition instead of absolute-positioned
   desktop controls squeezed into a narrow viewport. */
@media(max-width:720px){
  body{
    padding-bottom:0!important;
  }

  .site-footer-wide{
    margin-bottom:0!important;
  }
  .site-footer-wide__inner{
    padding-bottom:78px!important; /* only the mobile nav lives inside footer bg */
  }
  body:has(.global-player--soundbar:not([hidden])) .site-footer-wide__inner{
    padding-bottom:78px!important;
  }

  .mobile-app-nav{
    z-index:100!important;
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    height:54px!important;
  }

  .global-player--soundbar{
    left:0!important;
    right:0!important;
    bottom:68px!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    z-index:99!important;
    border-radius:0!important;
    overflow:visible!important;
  }

  .global-player--soundbar .soundbar__inner{
    width:100%!important;
    max-width:none!important;
    padding:0 9px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px 34px 40px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:5px!important;
  }

  .global-player--soundbar .soundbar__track{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
  }
  .global-player--soundbar .soundbar__track img{
    width:40px!important;
    height:40px!important;
    border-radius:7px!important;
  }
  .global-player--soundbar .soundbar__copy{
    min-width:0;
  }
  .global-player--soundbar .soundbar__copy strong{
    font-size:10px!important;
  }
  .global-player--soundbar .soundbar__copy small{
    font-size:8px!important;
  }

  .global-player--soundbar .soundbar__like{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
  }
  .global-player--soundbar .soundbar__expand{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
  }
  .global-player--soundbar .soundbar__transport{
    grid-column:4!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .global-player--soundbar .soundbar__transport .soundbar__control:not(.soundbar__control--play){
    display:none!important;
  }
  .global-player--soundbar .soundbar__control--play{
    width:38px!important;
    height:38px!important;
  }

  .global-player--soundbar .soundbar__timeline{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:12px!important;
    z-index:2;
  }
  .global-player--soundbar .soundbar__timeline input{
    display:block!important;
    width:100%!important;
    height:12px!important;
  }
  .global-player--soundbar .soundbar__time,
  .global-player--soundbar .soundbar__volume-wrap,
  .global-player--soundbar .soundbar__state{
    display:none!important;
  }

  /* Full-screen mobile player. It covers both fixed bars intentionally. */
  .global-player--soundbar .player-drawer{
    position:fixed!important;
    z-index:140!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    padding:
      max(12px,env(safe-area-inset-top))
      0
      max(16px,env(safe-area-inset-bottom))
      0!important;
    background:
      radial-gradient(circle at 80% 8%,rgba(0,89,231,.09),transparent 30%),
      radial-gradient(circle at 12% 90%,rgba(230,1,85,.08),transparent 34%),
      #0b0d12!important;
    overflow-y:auto!important;
  }
  .global-player--soundbar.is-expanded{
    z-index:140!important;
  }

  /* No hidden body/footer strip beneath the mobile nav. */
  html,body{
    min-height:100%;
    background:var(--bg);
  }
}

@media(max-width:420px){
  .global-player--soundbar .soundbar__inner{
    grid-template-columns:minmax(0,1fr) 32px 32px 38px!important;
    gap:3px!important;
    padding:0 6px!important;
  }
  .global-player--soundbar .soundbar__track{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .global-player--soundbar .soundbar__track img{
    width:36px!important;
    height:36px!important;
  }
  .global-player--soundbar .soundbar__like,
  .global-player--soundbar .soundbar__expand{
    width:32px!important;
    height:32px!important;
  }
  .global-player--soundbar .soundbar__control--play{
    width:36px!important;
    height:36px!important;
  }
}


/* ==========================================================================
   1.2.9 — Footer-aware Modern Soundbar
   ========================================================================== */

/* Modernized soundbar surface */
.global-player--soundbar{
  --soundbar-surface:rgba(14,16,22,.94);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%),
    var(--soundbar-surface)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.16)!important;
  backdrop-filter:blur(16px) saturate(1.16)!important;
  box-shadow:
    0 -14px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.global-player--soundbar .soundbar__inner{
  gap:11px;
}
.soundbar__control,
.soundbar__like,
.soundbar__expand{
  transition:
    background .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease;
}
.soundbar__like:hover,
.soundbar__expand:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.13);
  color:#fff;
  transform:translateY(-1px);
}
.soundbar__control--play{
  background:linear-gradient(145deg,#ff1b6d,#e60155)!important;
  box-shadow:0 8px 24px rgba(230,1,85,.24);
}
.global-player--soundbar.is-playing .soundbar__control--play{
  box-shadow:0 8px 28px rgba(230,1,85,.32);
}
.soundbar__track img{
  border-radius:8px!important;
}
.soundbar__timeline input::-webkit-slider-runnable-track,
.soundbar__volume::-webkit-slider-runnable-track{
  height:3px;
}
.soundbar__timeline input::-moz-range-track,
.soundbar__timeline input::-moz-range-progress,
.soundbar__volume::-moz-range-track,
.soundbar__volume::-moz-range-progress{
  height:3px;
}

/* Footer collision handling:
   The player is fixed during normal scrolling. When the footer reaches it,
   JS sets a document top coordinate and this class makes it stop directly
   above the footer. */
.global-player--soundbar.is-footer-docked{
  position:absolute!important;
  top:var(--player-dock-top)!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  width:100%!important;
}

/* The expanded desktop drawer remains attached above the docked bar. */
.global-player--soundbar.is-footer-docked .player-drawer{
  bottom:calc(100% + 10px)!important;
}

/* Keep footer visible when the bar is docked: no fake spacing is introduced. */
.site-footer-wide{
  position:relative;
  z-index:2;
}
.global-player--soundbar{
  z-index:90!important;
}

@media(max-width:720px){
  .global-player--soundbar{
    background:
      linear-gradient(180deg,rgba(255,255,255,.022),transparent 42%),
      rgba(13,15,20,.97)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)!important;
  }

  /* When docked on mobile the soundbar stops immediately before the footer.
     The bottom nav can remain fixed; footer padding already reserves its area. */
  .global-player--soundbar.is-footer-docked{
    position:absolute!important;
    top:var(--player-dock-top)!important;
    bottom:auto!important;
  }

  .global-player--soundbar .soundbar__inner{
    gap:4px!important;
  }
  .global-player--soundbar .soundbar__copy strong{
    font-size:10.5px!important;
    line-height:1.2;
  }
  .global-player--soundbar .soundbar__copy small{
    font-size:8px!important;
    line-height:1.2;
  }
  .global-player--soundbar .soundbar__like,
  .global-player--soundbar .soundbar__expand{
    border-radius:9px;
    background:rgba(255,255,255,.025);
  }

  /* Fullscreen expanded player always wins over footer docking. */
  .global-player--soundbar.is-expanded{
    position:fixed!important;
    top:auto!important;
    bottom:68px!important;
  }
  .global-player--soundbar.is-expanded .player-drawer{
    position:fixed!important;
    inset:0!important;
  }
}


/* ==========================================================================
   1.2.10 — Unified Modern Soundbar
   ========================================================================== */
.global-player--soundbar{
  height:72px!important;
  min-height:72px!important;
  border-top:1px solid rgba(230,1,85,.18)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 48%),
    rgba(10,12,17,.965)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
  backdrop-filter:blur(18px) saturate(1.14)!important;
  box-shadow:
    0 -18px 48px rgba(0,0,0,.24),
    inset 0 1px rgba(255,255,255,.035)!important;
}
.global-player--soundbar .soundbar__inner{
  width:min(1480px,calc(100% - 40px))!important;
  max-width:1480px!important;
  height:72px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(210px,320px) minmax(420px,1fr) minmax(210px,300px)!important;
  gap:24px!important;
  align-items:center!important;
}

/* LEFT — current track */
.global-player--soundbar .soundbar__track{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  min-width:0;
  grid-column:auto!important;
  grid-row:auto!important;
}
.global-player--soundbar .soundbar__track img{
  width:46px!important;
  height:46px!important;
  object-fit:cover;
  border-radius:9px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.global-player--soundbar .soundbar__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.soundbar__eyebrow{
  color:#e60155;
  font-size:6px;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
}
.global-player--soundbar .soundbar__copy strong{
  overflow:hidden;
  color:#f0f2f5;
  font-size:10px!important;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-player--soundbar .soundbar__copy small{
  overflow:hidden;
  color:#747d89;
  font-size:8px!important;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* CENTER — transport + timeline */
.soundbar__playback{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(180px,1fr);
  gap:18px;
  align-items:center;
}
.global-player--soundbar .soundbar__transport{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
}
.global-player--soundbar .soundbar__control{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:rgba(255,255,255,.025)!important;
  color:#b6bdc7!important;
}
.global-player--soundbar .soundbar__control:hover{
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
.global-player--soundbar .soundbar__control--play{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:0!important;
  background:linear-gradient(145deg,#ff1b6d,#e60155)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(230,1,85,.25)!important;
}
.soundbar__progress{
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  gap:9px;
  align-items:center;
}
.global-player--soundbar .soundbar__timeline{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:auto!important;
  min-width:0;
  grid-column:auto!important;
  grid-row:auto!important;
}
.global-player--soundbar .soundbar__timeline input{
  display:block!important;
  width:100%!important;
  height:18px!important;
}
.global-player--soundbar .soundbar__time{
  display:block!important;
  min-width:0;
  color:#7b8490;
  font-size:7px;
  font-variant-numeric:tabular-nums;
}
.soundbar__time--current{text-align:right}
.soundbar__time--duration{text-align:left}

/* RIGHT — volume/state/like/queue */
.soundbar__utility{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.global-player--soundbar .soundbar__volume-wrap{
  display:flex!important;
  align-items:center;
  gap:5px;
  min-width:88px;
}
.global-player--soundbar .soundbar__control--volume{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
}
.global-player--soundbar .soundbar__volume{
  display:block!important;
  width:62px!important;
}
.global-player--soundbar .soundbar__state{
  display:inline-flex!important;
  align-items:center;
  min-height:27px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#8b94a1;
  font-size:6px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.global-player--soundbar .soundbar__like{
  position:static!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border-radius:9px!important;
  flex:0 0 auto;
}
.global-player--soundbar .soundbar__expand{
  position:static!important;
  width:auto!important;
  min-width:68px!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:9px!important;
  flex:0 0 auto;
}
.global-player--soundbar .soundbar__expand em{
  color:#a7afba;
  font-size:7px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.04em;
}

/* Footer docking should feel intentional, not glued to the footer. */
.global-player--soundbar.is-footer-docked{
  border:1px solid rgba(255,255,255,.07)!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}

/* Medium desktop: progressively simplify instead of wrapping. */
@media(max-width:1180px) and (min-width:721px){
  .global-player--soundbar .soundbar__inner{
    width:calc(100% - 24px)!important;
    grid-template-columns:minmax(180px,260px) minmax(360px,1fr) auto!important;
    gap:14px!important;
  }
  .soundbar__playback{gap:10px}
  .global-player--soundbar .soundbar__state{display:none!important}
  .global-player--soundbar .soundbar__volume{width:48px!important}
  .global-player--soundbar .soundbar__expand{min-width:34px!important;padding:0!important}
  .global-player--soundbar .soundbar__expand em{display:none}
}

/* Mobile: one compact row plus a thin seek strip. */
@media(max-width:720px){
  .global-player--soundbar{
    height:66px!important;
    min-height:66px!important;
    bottom:68px!important;
  }
  .global-player--soundbar .soundbar__inner{
    width:100%!important;
    max-width:none!important;
    height:66px!important;
    padding:0 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:center!important;
  }

  .global-player--soundbar .soundbar__track{
    grid-column:1!important;
    grid-row:1!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .global-player--soundbar .soundbar__track img{
    width:40px!important;
    height:40px!important;
    border-radius:8px!important;
  }
  .soundbar__eyebrow{display:none}
  .global-player--soundbar .soundbar__copy strong{font-size:10px!important}
  .global-player--soundbar .soundbar__copy small{font-size:8px!important}

  .soundbar__playback{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    min-width:0;
  }
  .global-player--soundbar .soundbar__transport{
    gap:4px!important;
  }
  .global-player--soundbar .soundbar__transport .soundbar__control:not(.soundbar__control--play){
    display:none!important;
  }
  .global-player--soundbar .soundbar__control--play{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  .soundbar__progress{
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    display:block!important;
    height:12px;
  }
  .global-player--soundbar .soundbar__timeline{
    width:100%;
    height:12px!important;
  }
  .global-player--soundbar .soundbar__timeline input{
    width:100%!important;
    height:12px!important;
  }
  .global-player--soundbar .soundbar__time{display:none!important}

  .soundbar__utility{
    position:absolute;
    right:55px;
    top:50%;
    transform:translateY(-50%);
    display:flex!important;
    gap:4px;
  }
  .global-player--soundbar .soundbar__volume-wrap,
  .global-player--soundbar .soundbar__state{
    display:none!important;
  }
  .global-player--soundbar .soundbar__like,
  .global-player--soundbar .soundbar__expand{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    padding:0!important;
    border-radius:8px!important;
  }
  .global-player--soundbar .soundbar__expand em{display:none}

  /* Fullscreen drawer remains independent from the compact soundbar. */
  .global-player--soundbar.is-expanded{
    height:66px!important;
    min-height:66px!important;
  }
}

@media(max-width:430px){
  .global-player--soundbar .soundbar__inner{padding:0 6px!important}
  .global-player--soundbar .soundbar__track{grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important}
  .global-player--soundbar .soundbar__track img{width:36px!important;height:36px!important}
  .soundbar__utility{right:51px;gap:3px}
  .global-player--soundbar .soundbar__like,
  .global-player--soundbar .soundbar__expand{width:30px!important;min-width:30px!important;height:30px!important}
  .global-player--soundbar .soundbar__control--play{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}


/* 1.3.0 — Resident waveforms are lazy API/canvas based, avoiding waveform LONGTEXT in list queries. */
.resident-set-waveform canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  opacity:.92;
}
.resident-set-waveform.is-ready{--wave-idle:rgba(171,180,193,.42);--wave-active:#e60155}
.resident-set-waveform .set-card-wave-progress{position:absolute;left:0;bottom:0;height:1px;background:#e60155}

/* ==========================================================================
   1.3.1.1 manual bootstrap hotfix — Local 2FA QR Enrollment
   ========================================================================== */
.twofa-enrollment{
  display:grid;
  grid-template-columns:minmax(270px,.9fr) minmax(250px,1.1fr);
  gap:14px;
  margin:22px 0 18px;
}
.twofa-qr-card,
.twofa-enrollment__manual{
  border:1px solid rgba(255,255,255,.075);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.twofa-qr-card{padding:16px}
.twofa-qr-card__head>span,
.twofa-step-label,
.twofa-confirm-head>span{
  display:block;
  color:#e60155;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
}
.twofa-qr-card__head strong{
  display:block;
  margin-top:5px;
  color:#f2f4f7;
  font-size:14px;
}
.twofa-qr-card__head p,
.twofa-confirm-head p{
  margin:6px 0 0;
  color:#858e9a;
  font-size:9px;
  line-height:1.55;
}
.twofa-qr{
  width:min(250px,100%);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin:16px auto 12px;
  padding:13px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.twofa-qr svg{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
}
.twofa-qr-local{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(91,221,151,.13);
  border-radius:10px;
  background:rgba(91,221,151,.045);
}
.twofa-qr-local>span{
  width:25px;height:25px;display:grid;place-items:center;
  border-radius:50%;
  background:rgba(91,221,151,.12);
  color:#79e0aa;
  font-size:11px;
}
.twofa-qr-local>div{display:flex;flex-direction:column;gap:1px}
.twofa-qr-local strong{color:#bfe8d1;font-size:8px}
.twofa-qr-local small{color:#748079;font-size:7px;line-height:1.4}
.twofa-enrollment__manual{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.twofa-enrollment__manual .twofa-secret,
.twofa-enrollment__manual .twofa-uri{
  margin:0;
}
.twofa-enrollment__manual .twofa-secret code{
  overflow-wrap:anywhere;
  word-break:break-all;
  font-size:12px;
  letter-spacing:.08em;
}
.twofa-qr-unavailable{
  margin-top:16px;
  padding:13px;
  border:1px solid rgba(255,189,76,.16);
  border-radius:11px;
  background:rgba(255,189,76,.045);
}
.twofa-qr-unavailable strong{display:block;color:#ffd58a;font-size:9px}
.twofa-qr-unavailable p{margin:5px 0 0;color:#9a8c72;font-size:8px;line-height:1.5}
.twofa-confirm-head{margin-bottom:11px}
.twofa-form{margin-top:17px}

@media(max-width:760px){
  .twofa-enrollment{grid-template-columns:1fr;gap:10px;margin-top:17px}
  .twofa-qr-card,.twofa-enrollment__manual{border-radius:13px;padding:13px}
  .twofa-qr{width:min(260px,86vw);margin-top:14px}
}


/* ==========================================================================
   1.4.0 — RSS / Remote Sets
   ========================================================================== */
.rss-help-flow{display:flex;align-items:center;gap:9px;margin:18px 0}
.rss-help-flow div{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}
.rss-help-flow b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e60155;color:#fff;font-size:8px}.rss-help-flow span{font-size:8px}.rss-help-flow i{color:#515967}
.rss-batch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}
.rss-batch-summary>div{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:4px}
.rss-batch-summary span{color:#717a87;font-size:7px}.rss-batch-summary strong{color:#e5e8ed;font-size:10px}
.rss-batch-assign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:14px 0 20px}
.rss-batch-assign .check{grid-column:1/-1}
.rss-import-items{display:grid;gap:3px}
.rss-import-items article{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}
.rss-import-item__cover{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#171a21;display:grid;place-items:center;color:#737d8a;font-size:8px}
.rss-import-item__cover img{width:100%;height:100%;object-fit:cover}.rss-import-items article>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.rss-import-items article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7e9ed;font-size:9px}.rss-import-items article span,.rss-import-items article small{color:#78818d;font-size:7px}
.rss-status{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.04);color:#7f8996;font-size:6px;text-transform:uppercase}.rss-status--imported{color:#7ee0aa;background:rgba(126,224,170,.08)}.rss-status--failed{color:#ff8aa3;background:rgba(255,80,115,.08)}
.rss-feed-list,.rss-batch-list{display:grid;gap:6px}.rss-feed-list>article{display:flex;justify-content:space-between;gap:18px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}
.rss-feed-list>article>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.rss-feed-list span{color:#e60155;font-size:6px;font-weight:900;letter-spacing:.1em}.rss-feed-list strong{font-size:10px;color:#e6e9ee}.rss-feed-list small{font-size:7px;color:#7c8590}.rss-feed-list em{font-size:7px;color:#ff9bab;font-style:normal}
.rss-feed-actions{display:flex;align-items:center;gap:7px}.rss-feed-actions form{display:flex;align-items:center;gap:6px}.rss-feed-flags label{font-size:7px;color:#7d8691}
.rss-batch-list>a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none}.rss-batch-list>a span{color:#5f6875;font-size:7px}.rss-batch-list>a strong{color:#dce0e6;font-size:9px}.rss-batch-list>a small{color:#737c88;font-size:7px}
.remote-source-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:rgba(0,139,255,.08);border:1px solid rgba(0,139,255,.14);color:#79bfff;font-size:6px;font-weight:850;letter-spacing:.08em}
.remote-wave{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(230,1,85,.08),rgba(0,139,255,.08));color:#7b8490;font-size:7px;font-weight:850;letter-spacing:.08em}
.djplay-source-modal{position:fixed;z-index:2147483002;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,5,8,.58);backdrop-filter:blur(8px)}
.djplay-source-modal__card{width:min(440px,100%);padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#11141a;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.djplay-source-modal__card span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.12em}.djplay-source-modal__card h3{margin:6px 0 7px;font-size:18px}.djplay-source-modal__card p{color:#8a939e;font-size:10px;line-height:1.55}.djplay-source-modal__card button{margin-top:12px}
@media(max-width:760px){.rss-batch-summary{grid-template-columns:1fr 1fr}.rss-batch-assign{grid-template-columns:1fr}.rss-feed-list>article{flex-direction:column}.rss-feed-actions{align-items:flex-start;flex-direction:column}.rss-batch-list>a{grid-template-columns:38px 1fr}.rss-batch-list>a small{grid-column:2}}

.resident-stream-note{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0;padding:10px 12px;border:1px solid rgba(0,139,255,.13);border-radius:10px;background:rgba(0,139,255,.045)}
.resident-stream-note strong{color:#b8d9ff;font-size:8px}.resident-stream-note span{color:#758599;font-size:7px}.resident-stream-note a{margin-left:auto;color:#80c2ff;font-size:7px;text-decoration:none}
.remote-set-source{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px auto 20px;padding:13px 16px;border:1px solid rgba(0,139,255,.12);border-radius:12px;background:rgba(0,139,255,.04)}
.remote-set-source>div{display:flex;flex-direction:column;gap:3px}.remote-set-source span{color:#75bfff;font-size:6px;font-weight:950;letter-spacing:.12em}.remote-set-source strong{color:#dce8f5;font-size:9px}.remote-set-source p{margin:0;color:#788695;font-size:7px;line-height:1.45}.remote-set-source>a{white-space:nowrap;color:#8bc9ff;font-size:8px;text-decoration:none}
@media(max-width:720px){.remote-set-source{align-items:flex-start;flex-direction:column}.resident-stream-note a{margin-left:0}}


/* ==========================================================================
   1.5.0 — Multi-source set intake
   ========================================================================== */
.upload-source-choice{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin:0 0 16px;
}
.upload-source-choice__card{
  min-height:104px;padding:16px 18px;
  display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;
  border:1px solid rgba(255,255,255,.075);border-radius:15px;
  background:rgba(255,255,255,.025);color:#aab2bd;text-align:left;cursor:pointer;
  transition:.18s;
}
.upload-source-choice__card:hover{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.04)}
.upload-source-choice__card.is-active{
  border-color:rgba(230,1,85,.22);
  background:linear-gradient(135deg,rgba(230,1,85,.085),rgba(255,255,255,.02));
  color:#fff;box-shadow:inset 0 0 0 1px rgba(230,1,85,.035)
}
.upload-source-choice__icon{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,255,255,.045);font-size:18px
}
.upload-source-choice__card.is-active .upload-source-choice__icon{background:rgba(230,1,85,.12);color:#ff669e}
.upload-source-choice__card>div{display:flex;flex-direction:column;gap:4px}
.upload-source-choice__card strong{font-size:13px;color:#eef1f5}
.upload-source-choice__card small{font-size:10px;color:#808a97;line-height:1.5}
.upload-source-choice__card>b{
  padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.04);
  color:#6f7986;font-size:7px;letter-spacing:.08em
}
.remote-import-panel{padding:24px!important}
.remote-set-import-form>header span{color:#e60155;font-size:8px;font-weight:900;letter-spacing:.12em}
.remote-set-import-form>header h2{margin:5px 0 7px;font-size:22px;letter-spacing:-.03em}
.remote-set-import-form>header p{margin:0;color:#818b98;font-size:11px;line-height:1.6;max-width:760px}
.remote-provider-row{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 18px}
.remote-provider{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.022);font-size:9px;color:#9ca5b1}
.remote-provider b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.045);font-size:7px;color:#cbd1d9}
.remote-provider--soundcloud b{color:#ff944f}.remote-provider--mixcloud b{color:#63a2ff}.remote-provider--hearthis b{color:#ff6f8d}
.remote-source-url{display:block;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(0,0,0,.12)}
.remote-source-url>span{display:block;font-size:10px;font-weight:750;color:#b9c1cb;margin-bottom:7px}
.remote-source-url input{width:100%;min-height:48px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0e1117;color:#eef2f6;font-size:13px}
.remote-source-url small{display:block;margin-top:7px;color:#6e7885;font-size:9px;line-height:1.5}
.remote-import-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}
.remote-import-benefits>div{display:flex;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018)}
.remote-import-benefits>div>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:rgba(91,221,151,.08);color:#75dca5;font-size:9px}
.remote-import-benefits p{margin:0;display:flex;flex-direction:column;gap:2px}.remote-import-benefits strong{font-size:9px;color:#dce1e7}.remote-import-benefits small{font-size:8px;color:#737d89;line-height:1.45}
.platform-player-modal{
  position:fixed;inset:0;z-index:2147483003;display:grid;place-items:center;padding:20px;
  background:rgba(3,5,8,.72);backdrop-filter:blur(10px)
}
.platform-player-modal__card{
  width:min(760px,100%);padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:17px;
  background:#0f1218;box-shadow:0 30px 100px rgba(0,0,0,.55)
}
.platform-player-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.platform-player-modal__head>div{display:flex;flex-direction:column}.platform-player-modal__head span{color:#e60155;font-size:7px;font-weight:900;letter-spacing:.12em}.platform-player-modal__head strong{font-size:14px}
.platform-player-modal__head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);color:#a9b2bd;cursor:pointer}
.platform-player-modal iframe{display:block;width:100%;height:180px;border:0;border-radius:11px;background:#080a0e}
.platform-player-modal__foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#707a87;font-size:8px}
.platform-player-modal__foot a{color:#8bc6ff;text-decoration:none}
.remote-platform-note{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(76,141,255,.12);border-radius:10px;background:rgba(76,141,255,.045);color:#8093aa;font-size:9px}
@media(max-width:760px){
  .upload-source-choice{grid-template-columns:1fr}
  .upload-source-choice__card{min-height:90px}
  .remote-import-benefits{grid-template-columns:1fr}
  .platform-player-modal{padding:10px}.platform-player-modal__card{padding:11px}.platform-player-modal iframe{height:210px}
}

.discover-section--personal .cards--editorial{position:relative}
.discover-reason{
  display:inline-flex;align-items:center;margin:2px 0 -5px;padding:5px 8px;
  border:1px solid rgba(76,141,255,.12);border-radius:999px;
  background:rgba(76,141,255,.045);color:#8fb8ff;
  font-size:7px;font-weight:800;letter-spacing:.035em;
}

.creator-playback-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.creator-playback-kpis article{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;gap:3px}
.creator-playback-kpis span{color:#6f7986;font-size:7px;font-weight:850;letter-spacing:.08em}
.creator-playback-kpis strong{color:#eef1f5;font-size:18px;letter-spacing:-.03em}
.creator-playback-kpis small{color:#6f7986;font-size:8px;line-height:1.35}
.creator-playback-analytics>header p{color:#7d8794;font-size:9px;line-height:1.5}
@media(max-width:980px){.creator-playback-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.creator-playback-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.status-page{width:min(980px,calc(100% - 32px));margin:72px auto 110px}.status-page>header span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#e60155}.status-page>header h1{font-size:clamp(34px,6vw,62px);letter-spacing:-.05em;margin:6px 0}.status-page>header p{color:#838d99}
.status-overall{margin:28px 0;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:10px}.status-overall i{width:10px;height:10px;border-radius:50%;background:#66d89b}.status-overall.is-warn i{background:#ffbf69}
.status-incident{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}.status-incident span,.status-incident small{font-size:8px;color:#7b8592}.status-incident h2{margin:4px 0;font-size:16px}.status-incident p{margin:0;color:#a7afb9;font-size:11px;line-height:1.55}.status-incident>b{font-size:8px;color:#ffbf69}


/* ==========================================================================
   1.8.0.1 — Discover editorial refresh
   ========================================================================== */
.discover-hero--editorial{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:520px;width:min(1380px,calc(100% - 34px));max-width:none;
  margin:18px auto 0;padding:52px 58px;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:64px;
  border:1px solid rgba(255,255,255,.055);border-radius:24px;
  background:
    linear-gradient(120deg,rgba(10,10,14,.96) 0%,rgba(12,12,17,.93) 43%,rgba(12,12,17,.62) 68%,rgba(9,9,13,.93) 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.24)
}
.discover-hero--editorial::before{
  content:"";position:absolute;inset:0;z-index:-3;
  background-image:var(--discover-hero-cover);background-size:cover;background-position:75% 48%;
  filter:blur(24px) saturate(.7) brightness(.38);transform:scale(1.12);opacity:.58
}
.discover-hero--editorial::after{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 18% 20%,rgba(230,1,85,.16),transparent 33%),
    radial-gradient(circle at 71% 30%,rgba(52,103,255,.12),transparent 32%),
    linear-gradient(90deg,rgba(7,7,10,.93),rgba(7,7,10,.66) 58%,rgba(7,7,10,.76))
}
.discover-hero__ambient{
  position:absolute;right:28%;top:18%;width:240px;height:240px;z-index:-1;border-radius:50%;
  background:rgba(230,1,85,.08);filter:blur(60px);pointer-events:none
}
.discover-hero--editorial .discover-hero__copy{align-self:center;max-width:720px}
.discover-hero--editorial .eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;
  color:#d7dce3;font-size:9px;font-weight:900;letter-spacing:.14em
}
.discover-hero--editorial .eyebrow::before{content:"";width:22px;height:1px;background:var(--pink)}
.discover-hero--editorial h1{
  margin:0;max-width:760px;font-size:clamp(54px,7.6vw,106px);line-height:.84;letter-spacing:-.075em;
  font-weight:860;text-wrap:balance
}
.discover-hero--editorial h1 em{
  font-style:normal;font-weight:500;color:#afb7c2;letter-spacing:-.065em
}
.discover-hero--editorial .discover-hero__copy>p{
  max-width:650px;margin:24px 0 0;color:#979faa;font-size:14px;line-height:1.65
}
.discover-hero--editorial .discover-hero-search{
  width:min(650px,100%);margin-top:28px;padding:5px;
  border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(10,10,14,.74);
  box-shadow:0 15px 42px rgba(0,0,0,.18);backdrop-filter:blur(12px)
}
.discover-hero--editorial .discover-live-search__field{min-height:48px}
.discover-hero--editorial .discover-search-submit{min-height:48px;border-radius:10px;padding:0 19px}
.discover-hero__signals{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#68717d;font-size:8px;font-weight:800;letter-spacing:.04em}
.discover-hero__signals span{display:flex;align-items:center;gap:6px}.discover-hero__signals b{color:#ef467d;font-size:7px;letter-spacing:.1em}

.discover-hero--editorial .discover-hero-feature{
  align-self:center;display:grid;grid-template-columns:minmax(185px,42%) minmax(0,1fr);
  min-height:330px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;
  background:rgba(12,12,17,.72);box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(16px)
}
.discover-hero--editorial .discover-hero-feature__cover{min-height:330px}
.discover-hero--editorial .discover-hero-feature__cover img{width:100%;height:100%;object-fit:cover}
.discover-hero--editorial .discover-hero-feature__cover>span{
  top:14px;left:14px;padding:5px 7px;border-radius:6px;background:rgba(8,8,12,.78);font-size:7px;letter-spacing:.11em
}
.discover-hero--editorial .discover-hero-feature__body{
  display:flex;min-width:0;flex-direction:column;justify-content:center;padding:26px
}
.discover-hero--editorial .discover-hero-feature__meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.discover-hero--editorial .discover-hero-feature__meta b,.discover-hero--editorial .discover-hero-feature__meta span{
  font-size:7px;letter-spacing:.1em
}
.discover-hero--editorial .discover-hero-feature__title{
  margin-top:10px;font-size:clamp(20px,2.15vw,31px);line-height:1.05;letter-spacing:-.04em;font-weight:820
}
.discover-hero--editorial .discover-hero-feature__body>p{margin:7px 0 0;color:#89939f;font-size:10px}
.discover-hero-feature__stats{display:flex;gap:13px;margin:15px 0;color:#69737f;font-size:8px}
.discover-hero--editorial .discover-hero-feature__actions{margin-top:auto;padding-top:18px}
.discover-hero--editorial .discover-feature-play{min-height:40px;border-radius:9px}
.discover-hero--editorial .discover-hero-feature__actions>a{font-size:9px}

.genre-chips--editorial{
  width:min(1320px,calc(100% - 42px));max-width:none;margin:17px auto 0;padding:0;
  display:flex;gap:7px;overflow-x:auto;scrollbar-width:none
}
.genre-chips--editorial::-webkit-scrollbar{display:none}
.genre-chips--editorial a{
  flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);
  display:inline-flex;align-items:center;gap:7px;color:#7e8793;font-size:8px
}
.genre-chips--editorial a.is-active{background:#f1f3f6;color:#111;border-color:#f1f3f6}
.genre-chips--editorial a span{opacity:.55}

.discover-section{
  width:min(1320px,calc(100% - 42px));max-width:none;margin:0 auto;
  padding:64px 0 0
}
.discover-section .section-head{margin-bottom:22px;align-items:end}
.discover-section .section-head>div>span{
  font-size:8px;letter-spacing:.13em;color:#6d7682;font-weight:900
}
.discover-section .section-head h2{
  margin:3px 0 4px;font-size:clamp(27px,3vw,42px);line-height:1;letter-spacing:-.045em
}
.discover-section .section-head p{max-width:690px;margin:0;color:#6f7884;font-size:10px;line-height:1.5}
.discover-section .section-head>a{font-size:9px;color:#969faa}

/* Larger, calmer set layout. */
.discover-section .cards--editorial,
.discover-section .cards--discover-primary,
.discover-section .cards--discover-latest{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px
}
.discover-section .set-card--clean{
  border:0;background:transparent;border-radius:0;overflow:visible
}
.discover-section .set-card--clean .cover-wrap{
  border:1px solid rgba(255,255,255,.055);border-radius:13px;overflow:hidden;
  box-shadow:0 12px 38px rgba(0,0,0,.18)
}
.discover-section .set-card--clean .cover img{aspect-ratio:1;object-fit:cover}
.discover-section .set-card-wave{margin-top:8px;height:34px;border-radius:8px;background:rgba(255,255,255,.018)}
.discover-section .set-meta{padding:10px 2px 0}
.discover-section .set-card-eyebrow{margin-bottom:4px}.discover-section .set-card-eyebrow span,.discover-section .set-card-eyebrow time{font-size:7px}
.discover-section .set-meta h3{font-size:15px;line-height:1.2;letter-spacing:-.025em;margin:3px 0 4px}
.discover-section .set-meta>p{font-size:9px;color:#737c88}
.discover-section .set-card-stats{margin-top:7px;font-size:8px}
.discover-section .set-card-reason{margin-bottom:6px;font-size:7px;padding:4px 7px}
.discover-reason{display:none}

/* Trending becomes an editorial chart grid instead of a long dashboard table. */
.discover-charts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px
}
.chart-row{
  min-height:84px;padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:12px;
  grid-template-columns:38px 68px minmax(0,1fr) auto 34px;gap:10px;
  background:rgba(255,255,255,.012);transition:border-color .18s,background .18s,transform .18s
}
.chart-row:hover{border-color:rgba(255,255,255,.095);background:rgba(255,255,255,.022);transform:translateY(-1px)}
.chart-row>img{width:68px;height:68px;border-radius:8px}
.chart-rank{font-size:18px;color:#414954;font-variant-numeric:tabular-nums}
.chart-copy span{font-size:7px}.chart-copy>a{font-size:13px;line-height:1.25}.chart-copy small{font-size:8px}
.chart-stats{font-size:7px;gap:7px}.chart-play{width:32px;height:32px}

/* Residents feel like editorial profiles, not utility cards. */
.resident-discovery-rail{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible
}
.resident-discovery-card{min-width:0;border-radius:14px;background:rgba(255,255,255,.012);border:1px solid rgba(255,255,255,.045)}
.resident-discovery-card__visual{height:150px}.resident-discovery-card__header{height:100%;object-fit:cover}
.resident-discovery-card__avatar{width:62px;height:62px;bottom:-24px;left:15px;border-width:3px}
.resident-discovery-card__body{padding:36px 15px 15px}.resident-discovery-card__body>div:first-child>a{font-size:15px}
.resident-discovery-card__body small{font-size:8px}.resident-discovery-card__meta{font-size:7px}
.resident-discovery-follow{min-height:32px;border-radius:9px}

/* Following rail remains horizontally scannable, but less cramped. */
.discover-horizontal-rail{overflow:auto;scrollbar-width:none;padding-bottom:4px}.discover-horizontal-rail::-webkit-scrollbar{display:none}
.cards--rail{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(230px,280px);grid-template-columns:none!important;gap:18px!important}

/* Personalisation CTA becomes a single quiet editorial break. */
.discover-personalization-cta{
  width:min(1320px,calc(100% - 42px));max-width:none;margin:76px auto 0;padding:34px 38px;border-radius:18px;
  border:1px solid rgba(255,255,255,.055);background:
  radial-gradient(circle at 85% 30%,rgba(230,1,85,.09),transparent 30%),rgba(255,255,255,.014)
}
.discover-personalization-cta h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.045em}
.discover-personalization-cta p{font-size:10px;color:#79828e}

@media(max-width:1180px){
  .discover-hero--editorial{grid-template-columns:minmax(0,1fr) 430px;gap:36px;padding:44px 42px}
  .discover-hero--editorial .discover-hero-feature{grid-template-columns:150px 1fr}
  .discover-section .cards--editorial,.discover-section .cards--discover-primary,.discover-section .cards--discover-latest{grid-template-columns:repeat(3,minmax(0,1fr))}
  .resident-discovery-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .discover-hero--editorial{width:calc(100% - 22px);min-height:auto;padding:38px 28px;grid-template-columns:1fr}
  .discover-hero--editorial h1{font-size:clamp(58px,12vw,88px)}
  .discover-hero--editorial .discover-hero-feature{grid-template-columns:190px 1fr;min-height:230px}
  .discover-hero--editorial .discover-hero-feature__cover{min-height:230px}
  .discover-section,.genre-chips--editorial,.discover-personalization-cta{width:calc(100% - 28px)}
  .discover-charts{grid-template-columns:1fr}
  .resident-discovery-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .discover-hero--editorial{
    width:100%;margin-top:0;border-left:0;border-right:0;border-radius:0;padding:34px 17px 20px;
    background:linear-gradient(180deg,rgba(9,9,13,.84),rgba(9,9,13,.97))
  }
  .discover-hero--editorial::before{background-position:center top;opacity:.42;filter:blur(20px) saturate(.68) brightness(.34)}
  .discover-hero--editorial h1{font-size:clamp(52px,18vw,78px);line-height:.87}
  .discover-hero--editorial .discover-hero__copy>p{font-size:12px;line-height:1.55;margin-top:19px}
  .discover-hero--editorial .discover-hero-search{margin-top:22px;grid-template-columns:1fr auto}
  .discover-hero__signals{gap:9px 14px}
  .discover-hero--editorial .discover-hero-feature{
    display:grid;grid-template-columns:112px minmax(0,1fr);min-height:158px;border-radius:14px
  }
  .discover-hero--editorial .discover-hero-feature__cover{min-height:158px}
  .discover-hero--editorial .discover-hero-feature__body{padding:14px}
  .discover-hero--editorial .discover-hero-feature__title{font-size:18px}
  .discover-hero-feature__stats{margin:9px 0;gap:8px}
  .discover-hero--editorial .discover-hero-feature__actions{padding-top:8px}
  .discover-hero--editorial .discover-feature-play{min-height:35px;padding:0 10px;font-size:8px}
  .discover-hero--editorial .discover-hero-feature__actions>a{display:none}
  .genre-chips--editorial{width:100%;padding:0 14px;margin-top:13px}
  .discover-section{width:100%;padding:48px 14px 0}
  .discover-section .section-head{align-items:flex-start;gap:10px}
  .discover-section .section-head h2{font-size:29px}.discover-section .section-head p{font-size:9px}
  .discover-section .section-head>a{padding-top:5px}
  .discover-section .cards--editorial,.discover-section .cards--discover-primary,.discover-section .cards--discover-latest{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px
  }
  .discover-section .set-card-wave{height:27px}.discover-section .set-meta{padding-top:7px}
  .discover-section .set-meta h3{font-size:13px}
  .discover-section .set-card-stats{display:flex;gap:8px}
  .chart-row{grid-template-columns:28px 58px minmax(0,1fr) 31px;min-height:72px;padding:6px;gap:8px}
  .chart-row>img{width:58px;height:58px}.chart-stats{display:none}.chart-rank{font-size:14px}.chart-copy>a{font-size:12px}
  .resident-discovery-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .resident-discovery-card__visual{height:110px}.resident-discovery-card__avatar{width:50px;height:50px;bottom:-20px}
  .resident-discovery-card__body{padding:30px 11px 11px}.resident-discovery-card__body>div:first-child>a{font-size:13px}
  .cards--rail{grid-auto-columns:minmax(185px,72vw)}
  .discover-personalization-cta{width:calc(100% - 28px);margin-top:54px;padding:25px 22px}
}
@media(max-width:430px){
  .discover-section .cards--editorial,.discover-section .cards--discover-primary,.discover-section .cards--discover-latest{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discover-section .set-card-eyebrow time{display:none}
  .resident-discovery-rail{grid-template-columns:1fr 1fr}
}


/* ==========================================================================
   1.8.0.5 — Creator Library semantic-footer containment hotfix
   ========================================================================== */
.resident-set-main>footer{
  max-width:none!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  align-items:center!important;
}
.resident-set-row{align-items:start;min-height:0}
.resident-set-main{align-self:start;grid-template-rows:auto auto auto auto;min-height:0}
.resident-set-waveform{margin:0!important}
.resident-set-waveform .remote-wave{width:100%;height:100%;min-height:0}
.resident-set-transport{margin-top:0}
.login-popover>footer{
  max-width:none!important;
  width:100%!important;
  padding-bottom:1px!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
@media(max-width:720px){.resident-set-main{grid-template-rows:auto auto auto auto}}

/* 1.8.0.7 — Provider-neutral imported waveforms */
.waveform-shell[data-remote="1"] .waveform-state{
  color:#8f98a5;
}
.waveform-shell[data-remote="1"] .waveform-state:not(:empty)::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#e60155;
  box-shadow:0 0 0 4px rgba(230,1,85,.07);
  animation:remote-waveform-pulse 1.4s ease-in-out infinite;
}
@keyframes remote-waveform-pulse{
  0%,100%{opacity:.45;transform:scale(.8)}
  50%{opacity:1;transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .waveform-shell[data-remote="1"] .waveform-state:not(:empty)::before{animation:none}
}