:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#06101d;--panel:rgba(9,27,48,.72);--panel2:rgba(16,38,68,.72);--line:rgba(118,180,255,.22);--line-strong:rgba(79,203,255,.42);--text:#f8fbff;--muted:#a9bad2;--cyan:#27d5f5;--cyan2:#2aa9ed;--purple:#7c57ff;--player-h:106px;--side:220px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020812;color:var(--text)}body{overflow-x:hidden;background:radial-gradient(circle at 22% 48%,rgba(0,203,255,.22),transparent 27%),radial-gradient(circle at 66% 42%,rgba(82,111,255,.28),transparent 30%),radial-gradient(circle at 88% 72%,rgba(109,47,255,.24),transparent 30%),linear-gradient(145deg,#020912 0%,#071a2d 45%,#090d25 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 22%,rgba(255,255,255,.10),transparent 7%),linear-gradient(115deg,transparent 25%,rgba(90,190,255,.035) 50%,transparent 73%);z-index:-1}button,input{font:inherit}.hidden{display:none!important}.shell{min-height:100vh;padding-bottom:var(--player-h)}.sidebar{position:fixed;z-index:20;left:14px;top:12px;bottom:calc(var(--player-h) + 14px);width:var(--side);border:1px solid var(--line);border-radius:18px 0 0 18px;background:linear-gradient(180deg,rgba(3,17,31,.88),rgba(4,18,34,.74));backdrop-filter:blur(24px);box-shadow:0 18px 70px rgba(0,0,0,.35);padding:18px 15px;display:flex;flex-direction:column}.brand-wrap{padding:0 8px 22px}.brand{display:flex;align-items:center;gap:9px;font-size:18px;line-height:1}.brand-icon{color:#27e5eb;font-size:23px;text-shadow:0 0 20px rgba(39,229,235,.7)}.brand strong{font-weight:850;letter-spacing:-.5px}.brand sup{color:#8f6cff;font-size:9px;margin-left:-4px}.nav-list{display:grid;gap:4px}.nav{width:100%;border:0;background:transparent;color:#d1d9e7;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;display:flex;gap:11px;align-items:center;font-size:12px;transition:.18s}.nav span{width:15px;text-align:center;font-size:14px}.nav:hover{background:rgba(41,191,245,.09);color:white}.nav.active{color:#fff;background:linear-gradient(90deg,rgba(0,169,225,.28),rgba(17,108,164,.38));box-shadow:inset 0 0 0 1px rgba(37,210,245,.28),0 7px 24px rgba(0,180,255,.08)}.playlist-heading{border-top:1px solid rgba(118,180,255,.12);margin-top:15px;padding:16px 7px 8px;color:#b9c4d6;font-size:9px;font-weight:800;display:flex;justify-content:space-between;align-items:center;letter-spacing:.3px}.playlist-heading button{border:0;background:transparent;color:#d8e5f5;cursor:pointer;font-size:17px}.sidebar-playlists{display:grid;gap:1px;overflow:auto}.sidebar-playlists button{border:0;background:transparent;color:#c4cfde;padding:7px 7px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-size:10px}.sidebar-playlists button:before{content:"♫";margin-right:9px;color:#cfe7f6}.sidebar-playlists button:hover{color:#fff;background:rgba(255,255,255,.03);border-radius:8px}.account{margin-top:auto;border-top:1px solid rgba(118,180,255,.12);padding-top:10px}.account-user{display:flex;gap:7px;align-items:center;min-width:0}.account-user>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#26c9e9,#6158ff);font-weight:800}.account-user div{min-width:0}.account-user b,.account-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-user b{font-size:10px}.account-user small{font-size:8px;color:#8fa2b9}.account-logout{display:none}.main{margin:12px 14px calc(var(--player-h) + 14px) calc(var(--side) + 14px);min-height:calc(100vh - var(--player-h) - 26px);border:1px solid var(--line);border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(145deg,rgba(5,24,43,.62),rgba(16,19,51,.58));backdrop-filter:blur(22px);overflow:hidden}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:linear-gradient(180deg,rgba(4,18,34,.88) 55%,rgba(4,18,34,0));z-index:10}.search-shell{width:min(430px,55vw);height:36px;border:1px solid rgba(118,180,255,.18);background:rgba(25,51,83,.55);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#b7c9df;box-shadow:inset 0 1px rgba(255,255,255,.03)}.search-shell input{flex:1;background:transparent;border:0;outline:0;color:#edf6ff;font-size:10px;min-width:0}.search-shell input::placeholder{color:#8fa2bb}.top-actions{display:flex;gap:14px;align-items:center}.icon-btn{width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:#eaf6ff;cursor:pointer;font-size:17px}.logout-top{height:36px;border:1px solid #35bdeb;border-radius:8px;background:linear-gradient(180deg,rgba(23,151,209,.72),rgba(13,91,150,.72));box-shadow:0 0 22px rgba(28,183,244,.22),inset 0 1px rgba(255,255,255,.14);color:#fff;padding:0 15px;font-weight:700;cursor:pointer;font-size:11px}.content{padding:0 24px 38px;min-height:calc(100vh - 190px)}.page-title{padding:20px 0 16px}.page-title h1{font-size:25px;margin:0 0 5px;letter-spacing:-.7px}.page-title p{margin:0;color:var(--muted);font-size:11px}.page-title.row{display:flex;align-items:center;justify-content:space-between}.home-greeting{margin:4px 0 17px;font-size:21px;letter-spacing:-.7px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:26px}.quick-card{min-height:84px;border:1px solid rgba(123,204,255,.38);border-radius:9px;padding:16px 15px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(17,65,92,.55),rgba(80,62,138,.34));box-shadow:inset 0 1px rgba(255,255,255,.05);cursor:pointer}.quick-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(130,168,255,.24),transparent 42%);pointer-events:none}.quick-card:nth-child(2){background:linear-gradient(135deg,rgba(23,60,88,.55),rgba(71,71,151,.42))}.quick-card:nth-child(3){background:linear-gradient(135deg,rgba(12,71,99,.58),rgba(43,102,167,.44))}.quick-card:nth-child(4){background:linear-gradient(135deg,rgba(36,72,104,.50),rgba(103,54,139,.44))}.quick-card b{font-size:12px;position:relative}.quick-card small{display:block;color:#bed0e3;font-size:9px;margin-top:5px;position:relative}.quick-play{position:absolute;right:12px;bottom:11px;width:27px;height:27px;border-radius:50%;border:1px solid #6fdbff;background:rgba(19,103,151,.44);color:#fff;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;margin:19px 0 10px}.section-head h2{font-size:16px;margin:0}.section-head a,.section-head button{color:#36d8f4;background:transparent;border:0;font-size:9px;cursor:pointer}.recent-list{border:1px solid rgba(120,173,255,.24);border-radius:9px;overflow:hidden;background:linear-gradient(90deg,rgba(16,43,70,.43),rgba(72,61,127,.34));box-shadow:inset 0 1px rgba(255,255,255,.03)}.recent-row{height:60px;display:grid;grid-template-columns:45px minmax(0,1fr) auto 20px;gap:11px;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(134,179,255,.14);cursor:pointer}.recent-row:last-child{border-bottom:0}.recent-row:hover{background:rgba(255,255,255,.035)}.recent-row img{width:42px;height:42px;border-radius:6px;object-fit:cover}.recent-row strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row small{font-size:8px;color:#b8c8da;margin-top:4px;display:block}.recent-row .row-time{font-size:9px;color:#d7e4f5}.recent-row .dots{color:#c8d8e8;text-align:center}.welcome{min-height:220px;border:1px solid var(--line-strong);border-radius:14px;padding:34px;display:flex;align-items:center;background:linear-gradient(125deg,rgba(5,74,99,.52),rgba(75,55,148,.38));overflow:hidden}.welcome h1{font-size:36px;letter-spacing:-1.5px;margin:8px 0}.welcome p{color:#c0ccdb;max-width:520px}.tag{font-size:9px;letter-spacing:2px;color:#4ce7ff;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px}.card{background:linear-gradient(145deg,rgba(15,45,68,.58),rgba(41,37,82,.46));border:1px solid rgba(116,184,255,.22);border-radius:10px;overflow:hidden;cursor:pointer;transition:.18s transform,.18s border-color,.18s background;backdrop-filter:blur(10px)}.card:hover{transform:translateY(-2px);border-color:#44c8ef;background:linear-gradient(145deg,rgba(17,64,91,.68),rgba(57,46,109,.58))}.thumb{position:relative;aspect-ratio:16/9;background:#10243a;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.card-play{position:absolute;right:9px;bottom:9px;width:32px;height:32px;border:1px solid #5bd9ff;border-radius:50%;background:rgba(12,130,180,.82);color:#fff;opacity:0;transform:translateY(5px);transition:.18s;cursor:pointer}.card:hover .card-play{opacity:1;transform:none}.ci{padding:10px}.ct{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc{font-size:9px;color:#a5b7cb;margin-top:5px}.actions{display:flex;gap:5px;margin-top:9px}.actions button{border:1px solid rgba(109,188,229,.25);background:rgba(17,45,67,.62);color:#d9effa;border-radius:6px;padding:6px 8px;font-size:9px;cursor:pointer}.actions button:hover{background:rgba(30,99,132,.72);color:white}.pill{border:1px solid rgba(109,188,229,.28);background:rgba(17,45,67,.58);color:#e7f7ff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:10px}.pill.primary{border-color:#38c9ef;background:linear-gradient(135deg,#1087ba,#416edb);color:white;font-weight:800}.pill.danger{color:#ff9db0}.pill.wide{width:100%}.empty,.search-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a3b5ca;text-align:center}.empty h2,.search-empty h1{color:#edf6ff;margin:8px 0}.empty p,.search-empty p{margin:0 0 12px}.empty-icon,.search-empty>span{font-size:30px;color:#32d4ef}.loading{text-align:center;padding:80px;color:#9fb3c9}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.playlist-card{border:1px solid rgba(115,190,239,.24);border-radius:12px;background:linear-gradient(145deg,rgba(15,48,74,.58),rgba(46,42,91,.48));padding:13px;cursor:pointer}.playlist-art{height:110px;border-radius:9px;background:linear-gradient(145deg,#0e728d,#6342c0);display:grid;place-items:center;font-size:30px}.playlist-card h3{margin:10px 0 3px;font-size:13px}.playlist-card p{margin:0 0 10px;color:#9eb0c5;font-size:9px}.player{position:fixed;z-index:40;left:14px;right:14px;bottom:12px;height:var(--player-h);border:1px solid rgba(128,152,255,.50);border-radius:13px;background:linear-gradient(100deg,rgba(7,49,76,.91),rgba(38,40,92,.93) 55%,rgba(46,27,91,.93));backdrop-filter:blur(28px);box-shadow:0 16px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);display:grid;grid-template-columns:minmax(270px,1fr) minmax(430px,1.55fr) minmax(220px,.8fr);align-items:center;padding:12px 18px;gap:16px}.now-playing{display:flex;align-items:center;gap:11px;min-width:0}.cover-wrap{width:56px;height:56px;border-radius:8px;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,#112c4a,#633eaa);position:relative}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:none}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#66e6f7}.track-meta{min-width:0}.track-meta strong,.track-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta strong{font-size:11px}.track-meta small{font-size:8px;color:#b2c2d3;margin-top:5px}.plain-btn{border:0;background:transparent;color:#e9f5ff;cursor:pointer;font-size:15px;padding:6px}.heart-btn{margin-left:auto;font-size:21px}.player-center{display:flex;flex-direction:column;gap:9px;align-items:center}.transport{display:flex;align-items:center;justify-content:center;gap:14px}.play-btn{width:37px;height:37px;border:1px solid #56dfff;border-radius:50%;background:linear-gradient(145deg,#35cbf0,#2298dc);box-shadow:0 0 22px rgba(30,194,239,.25);color:#fff;cursor:pointer}.timeline{width:100%;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;font-size:8px;color:#d7e3f3}.timeline span:last-child{text-align:right}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.player-right input{max-width:105px}.queue-icon{margin-left:8px}.player input[type=range]{appearance:none;height:3px;background:linear-gradient(90deg,#26d7ef,#7497e8);border-radius:20px;outline:0;cursor:pointer}.player input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#71e8ff;border:0}.active-control{color:#29ddf6!important;text-shadow:0 0 10px rgba(41,221,246,.6)}#youtube-engine{position:fixed;width:1px;height:1px;left:-10000px;top:-10000px;overflow:hidden;opacity:0;pointer-events:none}.modal{position:fixed;z-index:100;inset:0;background:rgba(0,4,12,.7);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modalbox{width:min(390px,100%);border:1px solid rgba(95,197,242,.35);border-radius:16px;background:linear-gradient(145deg,#0b2438,#1a1841);padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.55);position:relative}.modalbox h2{margin:0 0 17px}.modalbox form{display:grid;gap:10px}.modalbox input{border:1px solid rgba(117,181,229,.25);background:rgba(3,14,27,.58);color:white;border-radius:8px;padding:11px;outline:0}.modalbox form button{border:1px solid #37c7ef;background:linear-gradient(135deg,#1688b9,#545bd6);color:white;border-radius:8px;padding:10px;font-weight:800;cursor:pointer}.modalbox p{font-size:10px;color:#b4c1d1}.modalbox a{color:#4ee0f7}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:white;font-size:22px;cursor:pointer}.registerOnly{display:none}.register .registerOnly{display:block}#authError{font-size:10px;color:#ff8ca3}.toast{position:fixed;z-index:120;left:50%;bottom:132px;transform:translateX(-50%);background:#0b2e45;border:1px solid #34cfea;color:#fff;padding:9px 13px;border-radius:9px;font-size:10px;box-shadow:0 10px 30px rgba(0,0,0,.35)}body.light{--text:#11233a;--muted:#50647d;background:linear-gradient(145deg,#e8f7ff,#dce7ff 52%,#e9e2ff)}body.light .sidebar,body.light .main,body.light .player{background:rgba(245,251,255,.82);color:#10213a}body.light .nav,body.light .sidebar-playlists button{color:#455d78}body.light .search-shell{background:rgba(255,255,255,.72)}body.light .search-shell input{color:#10213a}body.light .card,body.light .playlist-card,body.light .recent-list{background:rgba(255,255,255,.65)}
@media(max-width:1000px){:root{--side:185px}.quick-grid{grid-template-columns:repeat(2,1fr)}.player{grid-template-columns:220px 1fr 150px}.player-right input{max-width:75px}}
@media(max-width:760px){:root{--side:0px;--player-h:132px}.sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:58px;border:0;border-radius:0;background:#071522;padding:5px 8px;z-index:60}.brand-wrap,.playlist-heading,.sidebar-playlists,.account{display:none}.nav-list{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.nav{justify-content:center;flex-direction:column;gap:1px;padding:5px 2px;font-size:8px}.nav span{font-size:13px}.main{margin:0 0 var(--player-h);border:0;border-radius:0;min-height:100vh}.topbar{padding:0 12px}.search-shell{width:75vw}.logout-top span{display:none}.logout-top{width:36px;padding:0}.content{padding:0 13px 24px}.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-card{min-height:75px;padding:13px 11px}.recent-row{grid-template-columns:42px minmax(0,1fr) auto}.recent-row .dots{display:none}.player{left:8px;right:8px;bottom:64px;height:118px;grid-template-columns:1fr auto;padding:10px 12px}.now-playing{grid-column:1/2}.player-center{grid-column:1/3;grid-row:2}.player-right{grid-column:2;grid-row:1}.player-right input,.queue-icon{display:none}.transport{position:absolute;right:88px;top:13px}.transport #shuffle,.transport #prev,.transport #next,.transport #repeat{display:none}.timeline{padding-left:68px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-greeting{font-size:18px}}
/* NexMusic v4 */
.home-sub{margin:-3px 0 18px;color:var(--muted);font-size:11px}.row-play{width:27px;height:27px;border:1px solid rgba(83,220,255,.35);border-radius:50%;display:grid;place-items:center;color:#6feaff;font-size:10px}.cover-wrap img,.track-meta{cursor:pointer}.player{isolation:isolate;overflow:hidden}.player:before{content:"";position:absolute;inset:-30px;background:var(--track-bg,none) center/cover;filter:blur(32px) saturate(1.25);opacity:.13;z-index:-2}.player:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,20,35,.91),rgba(25,35,90,.88),rgba(30,18,73,.9));z-index:-1}.queue-icon{font-size:18px!important;margin-left:8px}
.queue-panel{position:fixed;z-index:85;right:10px;top:10px;bottom:calc(var(--player-h) + 20px);width:min(390px,calc(100vw - 20px));border:1px solid rgba(86,216,255,.28);border-radius:18px;background:linear-gradient(155deg,rgba(3,20,34,.96),rgba(17,23,67,.95));box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 60px rgba(39,119,255,.12);backdrop-filter:blur(24px);padding:16px;display:flex;flex-direction:column}.queue-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.queue-head h2{font-size:18px;margin:0}.queue-head span{font-size:9px;color:var(--muted)}.queue-head button{font-size:24px}.autoplay-row{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.autoplay-row span{display:grid;gap:2px}.autoplay-row b{font-size:11px}.autoplay-row small{font-size:8px;color:var(--muted)}.autoplay-row input{accent-color:#29d8f3}.queue-list{overflow:auto;padding-top:8px}.queue-row{display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 5px;border-radius:10px;cursor:pointer}.queue-row:hover,.queue-row.current{background:rgba(42,173,231,.1)}.queue-row.current{box-shadow:inset 2px 0 #35d8f2}.queue-row img{width:42px;height:42px;object-fit:cover;border-radius:7px}.queue-row div:nth-child(3){display:grid;gap:2px;min-width:0}.queue-row b,.queue-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row b{font-size:9px}.queue-row small{font-size:8px;color:var(--muted)}.queue-num{font-size:9px;text-align:center;color:#76e9ff}.queue-actions{display:flex;gap:2px;opacity:0;transition:.15s}.queue-row:hover .queue-actions{opacity:1}.queue-actions button{border:0;background:transparent;color:#c9d7ea;cursor:pointer;padding:3px}.queue-empty{padding-top:40px!important}
.now-playing-screen{position:fixed;z-index:90;inset:0;background:#050b16;display:grid;place-items:center;overflow:hidden}.np-backdrop{position:absolute;inset:-8%;background:var(--np-bg,none) center/cover;filter:blur(70px) saturate(1.5);opacity:.42;transform:scale(1.12)}.np-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,21,.45),rgba(4,8,18,.94))}.np-close{position:absolute;z-index:2;top:20px;right:25px;width:42px;height:42px;border:1px solid rgba(117,222,255,.25);border-radius:50%;background:rgba(6,19,35,.42);color:white;font-size:25px;cursor:pointer;backdrop-filter:blur(12px)}.np-card{position:relative;z-index:2;width:min(720px,90vw);display:grid;justify-items:center;text-align:center}.np-cover{width:min(360px,65vw);aspect-ratio:1;object-fit:cover;border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 55px rgba(62,198,255,.15)}.np-info{margin-top:22px;max-width:90%}.np-info span{font-size:9px;letter-spacing:.22em;color:#72e7ff}.np-info h1{margin:6px 0 4px;font-size:clamp(22px,4vw,42px);line-height:1.05}.np-info p{margin:0;color:#b8c7dc;font-size:12px}.np-timeline{width:min(650px,90vw);display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;margin:22px 0 12px;font-size:10px;color:#dce8f7}.np-timeline input{appearance:none;height:4px;border-radius:20px;background:linear-gradient(90deg,#24d8ef,#747be9)}.np-timeline input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#7ae9ff}.np-controls{display:flex;gap:24px;align-items:center}.np-controls .plain-btn{font-size:18px}.np-play{width:58px;height:58px;border-radius:50%;border:1px solid #60e4ff;background:linear-gradient(145deg,#2ed3ef,#3169df);color:#fff;font-size:19px;box-shadow:0 0 35px rgba(45,204,244,.35);cursor:pointer}.np-hint{margin-top:19px;color:#778ba5;font-size:9px}.hidden{display:none!important}
body.light .queue-panel{background:rgba(239,249,255,.96);color:#10213a}body.light .now-playing-screen{color:white}
@media(max-width:760px){.queue-panel{top:8px;right:8px;bottom:190px;width:calc(100vw - 16px)}.queue-actions{opacity:1}.np-cover{width:min(310px,75vw)}.np-hint{display:none}.np-controls{gap:17px}}
/* NexMusic v5 Aurora */
:root{--accent:#39d9f3;--accent2:#7559ef;--surface:rgba(8,25,43,.74);--surface2:rgba(17,30,67,.72);--border:rgba(100,210,255,.20);--text:#eef8ff;--muted:#8ea7bc;--danger:#ff6e8a}
body[data-theme="glass"]{background:radial-gradient(circle at 18% 5%,#0d5471 0,transparent 25%),radial-gradient(circle at 78% 9%,#332673 0,transparent 34%),linear-gradient(145deg,#06111f,#0b1528 55%,#170e32);--surface:rgba(8,25,43,.66);--surface2:rgba(17,30,67,.66);--accent:#42ddf3;--accent2:#795cf2}
body[data-theme="amoled"]{background:#000;--surface:rgba(0,0,0,.94);--surface2:#080808;--border:rgba(255,255,255,.12);--accent:#58e4ff;--accent2:#a271ff}
body[data-theme="neon"]{background:radial-gradient(circle at 25% 10%,#32105c,transparent 30%),radial-gradient(circle at 85% 45%,#03147d,transparent 34%),#090315;--surface:rgba(21,8,43,.76);--surface2:rgba(32,8,66,.72);--border:rgba(197,91,255,.25);--accent:#b75cff;--accent2:#3ce4ff}
body[data-theme="light"]{background:linear-gradient(145deg,#eef9ff,#e6ebff 55%,#f4edff);--surface:rgba(255,255,255,.75);--surface2:rgba(246,249,255,.78);--border:rgba(63,105,180,.18);--text:#10243a;--muted:#60758a;--accent:#168eb8;--accent2:#6856d9;color:var(--text)}
body[data-theme="light"] .sidebar,body[data-theme="light"] .main,body[data-theme="light"] .player,body[data-theme="light"] .queue-panel,body[data-theme="light"] .lyrics-panel,body[data-theme="light"] .popover{background:var(--surface);color:var(--text)}
body[data-theme="light"] .player:after{background:rgba(247,251,255,.88)}body[data-theme="light"] .plain-btn,body[data-theme="light"] .artist-link{color:#23435f}body[data-theme="light"] .search-shell input{color:#163049}
.brand-wrap>small{display:block;font-size:7px;letter-spacing:.28em;color:var(--accent);margin:2px 0 0 38px}.nav-list{overflow:auto}.nav[data-page="stats"] span{font-size:14px}.main,.sidebar,.player{border-color:var(--border)!important}.main{background:linear-gradient(145deg,var(--surface),var(--surface2))}.sidebar{background:linear-gradient(170deg,var(--surface),var(--surface2))}.topbar{backdrop-filter:blur(18px)}.top-actions{position:relative}.search-wrap{position:relative;flex:1;max-width:720px}.search-shell{width:100%}.suggestions{position:absolute;z-index:70;left:0;right:0;top:44px;border:1px solid var(--border);border-radius:12px;background:rgba(5,17,31,.97);box-shadow:0 20px 50px rgba(0,0,0,.35);padding:6px;display:grid}.suggestions button{border:0;background:transparent;color:#fff;text-align:left;padding:9px 11px;border-radius:8px;display:grid;gap:2px;cursor:pointer}.suggestions button:hover{background:rgba(69,211,240,.09)}.suggestions b{font-size:10px}.suggestions small{font-size:8px;color:#8da5ba}.hero{min-height:180px;border:1px solid var(--border);border-radius:20px;padding:30px;background:linear-gradient(135deg,rgba(44,205,235,.12),rgba(121,74,231,.18)),radial-gradient(circle at 90% 0,rgba(65,224,246,.18),transparent 32%);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.hero:after{content:"♫";position:absolute;right:7%;top:-18%;font-size:190px;opacity:.055;transform:rotate(-12deg)}.hero span,.playlist-hero span,.artist-hero span,.album-hero span{font-size:8px;letter-spacing:.2em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(25px,4vw,45px);margin:5px 0}.hero p{margin:0;color:var(--muted)}.quick-grid{margin-top:16px}.quick-grid>button{border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(90,70,160,.08));color:var(--text);border-radius:14px;padding:17px;text-align:left;min-height:92px;position:relative;cursor:pointer;display:grid;align-content:center;gap:5px}.quick-grid>button:hover{transform:translateY(-2px);border-color:rgba(74,219,246,.35)}.quick-grid>button b{font-size:11px}.quick-grid>button small{font-size:8px;color:var(--muted);max-width:80%}.quick-grid>button>span{position:absolute;right:14px;bottom:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:10px}.track-row{grid-template-columns:48px minmax(0,1fr) auto auto auto!important}.track-info{min-width:0;display:grid;gap:3px}.artist-link{border:0;background:transparent;color:var(--muted);padding:0;text-align:left;cursor:pointer;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-link:hover{color:var(--accent)}.artist-link.large{font-size:12px;margin-bottom:7px}.row-heart,.dots-btn{border:0;background:transparent;color:#c6d6e7;cursor:pointer;font-size:17px}.row-heart.liked,.liked{color:#ff6f9b!important}.row-play{border:1px solid var(--border)}.plays{font-size:9px;color:var(--accent);font-weight:700}.search-top{display:flex;gap:8px;margin:-8px 0 18px}.recent-searches{width:min(520px,92vw);display:grid;gap:6px;margin-top:24px;text-align:left}.recent-searches>b{font-size:10px;color:var(--muted);margin-bottom:4px}.recent-searches button{border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text);border-radius:10px;padding:10px 12px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.history-group{margin-bottom:28px}.history-group h2{font-size:12px;color:var(--muted);margin:0 0 8px 4px}.playlist-art img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.playlist-hero,.artist-hero,.album-hero{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(87,56,154,.12));padding:22px;display:flex;gap:22px;align-items:flex-end;margin-bottom:18px;min-height:190px}.playlist-cover,.artist-hero>img,.album-hero>img{width:160px;height:160px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(145deg,#153a59,#613fab);overflow:hidden;position:relative;font-size:54px;color:#60e9ff}.playlist-cover img,.artist-hero>img,.album-hero>img{width:100%;height:100%;object-fit:cover}.playlist-cover.editable{cursor:pointer}.playlist-cover input{position:absolute;inset:0;opacity:0;cursor:pointer}.playlist-hero h1,.artist-hero h1,.album-hero h1{font-size:clamp(25px,5vw,46px);margin:4px 0 6px}.playlist-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sortable .track-row{grid-template-columns:20px 48px minmax(0,1fr) auto auto auto!important}.drag{cursor:grab;color:#6f8298}.artist-hero{position:relative;overflow:hidden}.artist-hero:before{content:"";position:absolute;inset:0;background:var(--artist-bg) center/cover;filter:blur(45px);opacity:.16}.artist-hero>*{position:relative}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.album-card{border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text);border-radius:14px;padding:10px;text-align:left;display:grid;gap:5px;cursor:pointer}.album-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.album-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card small{font-size:8px;color:var(--muted)}.popover{position:fixed;z-index:110;width:210px;border:1px solid var(--border);border-radius:13px;background:rgba(5,17,31,.97);box-shadow:0 18px 55px rgba(0,0,0,.5);padding:7px;display:grid;backdrop-filter:blur(20px)}.popover>b{font-size:9px;padding:7px 9px;color:var(--muted)}.popover button{border:0;background:transparent;color:var(--text);border-radius:8px;padding:9px;text-align:left;cursor:pointer;font-size:9px}.popover button:hover{background:rgba(72,206,238,.10)}.popover small{font-size:8px;color:var(--accent);padding:7px 9px}.danger-text{color:var(--danger)!important}.context-menu{width:230px}.lyrics-panel{position:fixed;z-index:86;right:10px;top:10px;bottom:calc(var(--player-h) + 20px);width:min(500px,calc(100vw - 20px));border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,rgba(3,20,34,.97),rgba(25,16,62,.97));box-shadow:0 24px 80px rgba(0,0,0,.58);backdrop-filter:blur(25px);display:flex;flex-direction:column;overflow:hidden}.lyrics-head{padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center}.lyrics-head small{font-size:7px;color:var(--accent);letter-spacing:.2em}.lyrics-head h2{font-size:15px;margin:3px 0 0}.lyrics-head button{font-size:23px}.lyrics-body{overflow:auto;padding:28px 26px 50vh;scroll-behavior:smooth}.lyric-line{display:block;width:100%;border:0;background:transparent;color:#8192a7;text-align:left;font-size:20px;line-height:1.3;font-weight:750;padding:8px 0;cursor:pointer;transition:.25s}.lyric-line.active{color:#fff;transform:scale(1.025);transform-origin:left;text-shadow:0 0 20px rgba(76,222,247,.15)}.plain-lyric{font-size:17px;line-height:1.5;color:#c8d6e5}.player-right #lyricsBtn{font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stats-grid>div,.wrapped-preview>div{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:14px;padding:17px;display:grid;gap:6px}.stats-grid span{font-size:clamp(16px,2vw,26px);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid small,.wrapped-preview small{font-size:8px;color:var(--muted)}.wrapped-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wrapped-preview span{font-size:18px;font-weight:850}.wrapped{min-height:calc(100vh - 180px);border:1px solid rgba(165,90,255,.26);border-radius:24px;padding:38px;background:radial-gradient(circle at 20% 10%,rgba(52,221,242,.18),transparent 30%),radial-gradient(circle at 80% 20%,rgba(165,72,255,.23),transparent 36%),linear-gradient(145deg,rgba(8,18,34,.8),rgba(32,13,62,.8))}.wrapped>span{font-size:8px;letter-spacing:.25em;color:#71e8ff}.wrapped>h1{font-size:clamp(30px,6vw,64px);margin:8px 0 30px}.wrapped-big{font-size:clamp(60px,12vw,130px);font-weight:900;line-height:.86;background:linear-gradient(90deg,#5ce7f7,#ba64ff);-webkit-background-clip:text;color:transparent}.wrapped-big small{display:block;font-size:10px;color:#b4c4d5;margin-top:15px}.wrapped-story{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.wrapped-story article{border:1px solid var(--border);border-radius:14px;padding:18px;background:rgba(255,255,255,.03)}.wrapped-story small{font-size:8px;color:var(--muted)}.wrapped-story h2{font-size:16px;margin:7px 0 0}.player{background:linear-gradient(145deg,var(--surface),var(--surface2))}.player-right{gap:9px}#youtube-engine{position:fixed;left:-10000px;top:-10000px;width:320px;height:180px;opacity:.01;pointer-events:none;overflow:visible}#youtube-engine iframe{width:320px!important;height:180px!important}.now-playing-screen{background:#030711}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.playlist-hero,.artist-hero,.album-hero{min-height:160px}.playlist-cover,.artist-hero>img,.album-hero>img{width:130px;height:130px}}
@media(max-width:760px){.nav-list{grid-template-columns:repeat(7,1fr)!important}.nav{font-size:7px!important}.top-actions{gap:4px}.top-actions .icon-btn{width:32px;height:32px}.hero{padding:20px;min-height:150px}.hero .pill{display:none}.track-row{grid-template-columns:44px minmax(0,1fr) auto auto!important}.track-row .row-heart{display:none}.playlist-hero,.artist-hero,.album-hero{align-items:center;padding:14px;min-height:130px}.playlist-cover,.artist-hero>img,.album-hero>img{width:96px;height:96px;border-radius:12px}.playlist-hero h1,.artist-hero h1,.album-hero h1{font-size:22px}.playlist-tools .pill{font-size:8px;padding:7px}.album-grid{grid-template-columns:repeat(2,1fr)}.lyrics-panel{top:8px;right:8px;bottom:190px;width:calc(100vw - 16px)}.lyric-line{font-size:17px}.stats-grid{grid-template-columns:repeat(2,1fr)}.wrapped-story{grid-template-columns:1fr}.wrapped{padding:24px}}

/* NexMusic 5.2 Database Edition */
.source-badge{display:inline-flex;align-items:center;width:max-content;margin-top:4px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
body[data-theme="light"] .source-badge{border-color:rgba(20,45,90,.12);background:rgba(20,45,90,.05)}

/* FIX10: búsqueda extendida */
.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0 8px}.load-more-wrap .pill{min-width:190px;justify-content:center}.load-more-wrap small{opacity:.7}.load-more-wrap .pill span{opacity:.75;margin-left:6px}

/* FIX15 — Mobile Player / iPhone layout */
@media (max-width:760px){
  :root{
    --mobile-nav-h:66px;
    --mobile-player-h:138px;
    --player-h:var(--mobile-player-h);
  }

  html,body{min-height:100%;}
  body{padding-bottom:0;}
  .shell{padding-bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 28px)!important;}
  .main{
    margin:0!important;
    min-height:100svh;
    padding-bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 34px)!important;
  }
  .content{
    padding:0 14px calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 44px)!important;
  }

  /* Bottom navigation stays below the player and respects the iPhone safe area. */
  .sidebar{
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:auto!important;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
    border:0!important;border-top:1px solid rgba(116,184,255,.14)!important;border-radius:0!important;
    background:rgba(5,18,34,.96)!important;
    backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
    z-index:70!important;
  }
  .nav-list{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;height:100%;align-items:stretch;overflow:visible!important;}
  .nav{
    min-width:0!important;padding:4px 1px!important;border-radius:11px!important;
    justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:2px!important;
    font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;
  }
  .nav span{width:auto!important;font-size:14px!important;line-height:1!important;}
  .nav.active{box-shadow:inset 0 0 0 1px rgba(39,213,245,.45),0 0 22px rgba(39,213,245,.10)!important;}

  /* Stable mobile mini-player: metadata left, controls right, timeline underneath. */
  .player{
    left:14px!important;right:14px!important;
    bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 10px)!important;
    height:var(--mobile-player-h)!important;
    padding:12px 12px 10px!important;
    gap:7px 8px!important;
    border-radius:17px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:72px 34px!important;
    align-items:center!important;
    overflow:hidden!important;
    z-index:65!important;
  }
  .now-playing{
    grid-column:1!important;grid-row:1!important;
    gap:10px!important;min-width:0!important;overflow:hidden!important;
  }
  .cover-wrap{width:58px!important;height:58px!important;border-radius:10px!important;}
  .track-meta{min-width:0!important;max-width:100%!important;}
  .track-meta strong{font-size:11px!important;max-width:100%!important;}
  .track-meta small{font-size:8px!important;max-width:100%!important;}
  .heart-btn{font-size:22px!important;padding:5px!important;margin-left:2px!important;flex:0 0 auto!important;}

  /* Let transport and timeline participate directly in the player grid. */
  .player-center{display:contents!important;}
  .transport{
    grid-column:2!important;grid-row:1!important;
    position:static!important;right:auto!important;top:auto!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:0!important;margin:0!important;
  }
  .transport #shuffle,.transport #prev,.transport #next,.transport #repeat{display:none!important;}
  .play-btn{
    width:50px!important;height:50px!important;min-width:50px!important;
    font-size:18px!important;padding:0!important;
    box-shadow:0 0 26px rgba(36,203,241,.30)!important;
  }
  .timeline{
    grid-column:1/4!important;grid-row:2!important;
    width:100%!important;padding:0 5px!important;margin:0!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:8px!important;font-size:9px!important;
  }
  .timeline input{min-width:0!important;width:100%!important;}

  .player-right{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:3px!important;min-width:64px!important;
  }
  .player-right #lyricsBtn,.player-right #queueBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:29px!important;height:34px!important;padding:3px!important;font-size:15px!important;}
  .player-right>span,.player-right #volume{display:none!important;}

  /* The page must never continue beneath the fixed player. */
  .recent-list,.cards,.playlist-grid,.album-grid,.stats-grid,.wrapped,.track-list{scroll-margin-bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + 32px);}
  .queue-panel,.lyrics-panel{bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 22px)!important;}

  /* Mobile home proportions matching the Aurora reference. */
  .topbar{height:76px!important;padding:12px 14px 8px!important;gap:8px!important;}
  .search-wrap{min-width:0!important;max-width:none!important;}
  .search-shell{height:44px!important;border-radius:11px!important;padding:0 13px!important;}
  .search-shell input{font-size:12px!important;}
  .top-actions{gap:2px!important;flex:0 0 auto!important;}
  .top-actions .icon-btn{width:34px!important;height:34px!important;font-size:17px!important;}
  .logout-top{display:none!important;}
  .hero{min-height:190px!important;border-radius:22px!important;padding:25px 22px!important;align-items:center!important;}
  .hero h1{font-size:31px!important;line-height:1.02!important;letter-spacing:-1px!important;}
  .hero p{font-size:15px!important;}
  .hero span{font-size:9px!important;}
  .hero:after{font-size:180px!important;right:-2%!important;top:1%!important;}
  .quick-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:16px 0 30px!important;}
  .quick-grid>button{min-height:126px!important;border-radius:17px!important;padding:18px 16px!important;}
  .quick-grid>button b{font-size:13px!important;}
  .quick-grid>button small{font-size:10px!important;line-height:1.35!important;}
  .quick-grid>button>span{width:43px!important;height:43px!important;right:13px!important;bottom:13px!important;font-size:14px!important;}
  .section-head{margin:28px 0 13px!important;}
  .section-head h2{font-size:21px!important;}
  .section-head button,.section-head a{font-size:11px!important;}
}

@media (max-width:390px){
  .player{left:9px!important;right:9px!important;padding-left:9px!important;padding-right:9px!important;grid-template-columns:minmax(0,1fr) auto auto!important;}
  .cover-wrap{width:52px!important;height:52px!important;}
  .play-btn{width:46px!important;height:46px!important;min-width:46px!important;}
  .player-right{min-width:56px!important;}
  .player-right #lyricsBtn,.player-right #queueBtn{width:27px!important;}
  .track-meta strong{font-size:10px!important}.track-meta small{font-size:7.5px!important}
  .hero h1{font-size:27px!important}.hero{min-height:175px!important;padding:22px 18px!important}
  .quick-grid>button{min-height:116px!important;padding:16px 13px!important}
}

/* FIX16 — Official NexMusic brand + Aurora UI theme
   Visual-only layer. Playback JavaScript is unchanged from FIX14/FIX15. */
:root{
  --bg:#030812;
  --panel:rgba(8,18,36,.82);
  --panel2:rgba(13,25,49,.84);
  --line:rgba(119,151,220,.18);
  --line-strong:rgba(65,196,255,.42);
  --text:#f7f8ff;
  --muted:#9aa9c4;
  --cyan:#23c8ff;
  --cyan2:#168dff;
  --purple:#7d39ff;
  --purple2:#b13cff;
}
body{
  background:
    radial-gradient(900px 560px at 66% 5%,rgba(69,53,211,.17),transparent 64%),
    radial-gradient(650px 520px at 12% 52%,rgba(0,159,235,.10),transparent 68%),
    linear-gradient(135deg,#02060d 0%,#07111f 43%,#071021 74%,#040714 100%);
}
body:before{
  background:
    linear-gradient(120deg,transparent 0 36%,rgba(80,135,255,.035) 48%,transparent 62%),
    radial-gradient(circle at 74% 25%,rgba(81,47,216,.12),transparent 17%);
}
.sidebar{
  left:0;top:0;bottom:var(--player-h);width:250px;border-radius:0;border-width:0 1px 0 0;
  border-color:rgba(106,137,199,.15);
  background:linear-gradient(180deg,rgba(3,9,18,.97),rgba(5,14,27,.94));
  padding:22px 20px 18px;
  box-shadow:20px 0 65px rgba(0,0,0,.20);
}
.brand-wrap{padding:0 0 24px}.brand{gap:10px;font-size:19px}.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(98,70,255,.25))}.brand strong{font-weight:800;letter-spacing:-.65px}.brand-nex{background:linear-gradient(135deg,#c73cff 10%,#5547ff 52%,#18baff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-wrap>small{display:block;margin:5px 0 0 48px;font-size:8px;letter-spacing:.32em;color:#7e91b1}.brand-icon,.brand sup{display:none}
.nav-list{gap:7px}.nav{padding:12px 14px;border-radius:10px;font-size:13px;gap:12px}.nav span{font-size:16px}.nav.active{background:linear-gradient(90deg,rgba(86,35,219,.55),rgba(31,72,208,.55));box-shadow:inset 0 0 0 1px rgba(106,88,255,.22),0 10px 28px rgba(46,41,184,.16)}
.playlist-heading{margin-top:22px;padding-top:18px}.sidebar-playlists button{font-size:11px;padding:8px 8px}.main{margin:0 0 var(--player-h) 250px;min-height:100vh}.topbar{height:98px;padding:20px 32px;background:linear-gradient(180deg,rgba(2,7,15,.90),rgba(2,7,15,.32));border-bottom:0}.search-wrap{max-width:620px}.search-shell{height:48px;border-radius:12px;padding:0 16px;background:rgba(14,27,51,.72);border:1px solid rgba(125,153,217,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.search-shell:focus-within{border-color:rgba(44,191,255,.48);box-shadow:0 0 0 3px rgba(43,182,255,.07)}.content{max-width:1260px;padding:2px 32px calc(var(--player-h) + 35px)}
.hero{position:relative;overflow:hidden;min-height:248px;padding:42px 42px;border-radius:22px;border:1px solid rgba(86,121,201,.17);background:linear-gradient(120deg,rgba(6,45,79,.92),rgba(24,39,113,.88) 54%,rgba(65,28,126,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 24px 70px rgba(0,0,0,.15)}.hero:before{content:"";position:absolute;right:42px;top:50%;width:160px;height:160px;transform:translateY(-50%);background:url('/assets/nexmusic-mark.png') center/contain no-repeat;opacity:.88;filter:drop-shadow(0 16px 34px rgba(38,75,255,.18));z-index:1}.hero:after{opacity:.07!important;right:20%!important}.hero>div,.hero>.pill{position:relative;z-index:2}.hero span{color:#33ddff;letter-spacing:.12em;font-weight:850}.hero h1{font-size:38px;letter-spacing:-1.4px;margin:12px 0 6px}.hero p{font-size:18px;color:#c7d1e5}.hero>.pill{display:none}
.quick-grid{gap:14px;margin:20px 0 34px}.quick-grid>button{min-height:132px;border-radius:16px;padding:23px 24px;background:linear-gradient(145deg,rgba(13,25,47,.88),rgba(17,30,58,.72));border:1px solid rgba(115,149,220,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:transform .18s,border-color .18s,background .18s}.quick-grid>button:hover{transform:translateY(-2px);border-color:rgba(61,190,255,.30);background:linear-gradient(145deg,rgba(14,32,58,.94),rgba(24,31,76,.78))}.quick-grid>button b{font-size:15px}.quick-grid>button small{color:#98a7c1;font-size:11px}.quick-grid>button>span{background:linear-gradient(135deg,#20cafa,#6639ff);box-shadow:0 8px 25px rgba(44,108,255,.26)}
.section-head h2{font-size:24px;letter-spacing:-.6px}.section-head button,.section-head a{color:#25c9ff}.recent-list{border:1px solid rgba(102,136,208,.14);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,rgba(8,18,36,.60),rgba(13,20,49,.58))}.track-row{border-bottom-color:rgba(128,154,210,.10)!important}.track-row:hover{background:rgba(70,91,173,.10)}
.player{left:18px;right:18px;bottom:12px;border:1px solid rgba(118,117,255,.30);border-radius:18px;background:linear-gradient(120deg,rgba(5,29,55,.96),rgba(21,29,78,.96) 48%,rgba(39,20,80,.97));box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(24px)}.play-btn,.np-play{background:linear-gradient(135deg,#21c9f3,#6739ff);box-shadow:0 8px 28px rgba(75,71,255,.35)}input[type="range"]{accent-color:#36cafa}
body[data-theme="amoled"]{background:#000!important}body[data-theme="amoled"] .sidebar,body[data-theme="amoled"] .topbar{background:#020203!important}body[data-theme="amoled"] .hero{background:linear-gradient(120deg,#06121b,#12122a 55%,#1f102d)}body[data-theme="neon"] .hero{background:linear-gradient(120deg,rgba(27,6,63,.96),rgba(64,16,128,.92),rgba(9,70,127,.90))}body[data-theme="light"] .brand-nex{background:linear-gradient(135deg,#8f28df,#3157ee,#139dd2);-webkit-background-clip:text;background-clip:text;color:transparent}

@media(max-width:760px){
  .sidebar{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;background:rgba(3,12,25,.97)!important;box-shadow:0 -10px 40px rgba(0,0,0,.22)!important}
  .main{margin:0!important}.topbar{height:84px!important;padding:12px 14px 10px!important;background:rgba(3,12,25,.92)!important;backdrop-filter:blur(18px)}
  .content{padding-left:14px!important;padding-right:14px!important}.hero{min-height:200px!important;padding:27px 23px!important;border-radius:22px!important}.hero:before{width:108px;height:108px;right:12px;top:38%;opacity:.60}.hero:after{display:none}.hero h1{font-size:30px!important;max-width:78%}.hero p{font-size:15px!important;max-width:72%}.hero span{font-size:9px!important}.quick-grid{gap:10px!important;margin-top:15px!important}.quick-grid>button{min-height:126px!important;background:linear-gradient(145deg,rgba(10,25,48,.92),rgba(19,28,59,.84))}.section-head h2{font-size:21px!important}.player{background:linear-gradient(120deg,rgba(5,30,57,.98),rgba(29,31,92,.98) 54%,rgba(47,20,91,.98))!important}.brand-logo{width:24px;height:24px}
}

/* FIX17 — Desktop wide layout
   Visual-only desktop refinement. Playback JS is unchanged from FIX14/FIX15/FIX16. */
@media (min-width: 761px){
  :root{--side:272px;--desktop-gap:30px}
  .sidebar{width:var(--side);padding:24px 20px 20px}
  .main{
    margin-left:var(--side);
    margin-right:0;
    margin-top:0;
    margin-bottom:var(--player-h);
    min-height:100vh;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }
  .topbar{
    height:92px;
    padding:18px var(--desktop-gap) 12px;
    background:linear-gradient(180deg,rgba(2,7,15,.97) 0%,rgba(3,10,20,.76) 72%,rgba(3,10,20,0) 100%);
  }
  .search-wrap{width:min(660px,52vw);max-width:none}
  .search-shell{width:100%;height:48px}
  .content{
    width:100%;
    max-width:none!important;
    padding:0 var(--desktop-gap) calc(var(--player-h) + 48px)!important;
    min-height:calc(100vh - 92px);
  }
  .hero{
    width:100%;
    min-height:270px;
    padding:48px 48px;
    border-radius:20px;
  }
  .hero h1{font-size:42px}
  .hero:before{right:72px;width:190px;height:190px}
  .quick-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin:22px 0 36px;
  }
  .quick-grid>button{min-width:0;min-height:124px}

  /* Home recent tracks become a wide album rail instead of a narrow vertical list. */
  #smartHome>.recent-list{
    display:grid;
    grid-template-columns:repeat(7,minmax(145px,1fr));
    gap:16px;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
    box-shadow:none;
  }
  #smartHome>.recent-list .track-row{
    height:auto;
    min-width:0;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    align-items:start;
    padding:0;
    border:0!important;
    background:transparent;
    overflow:visible;
    position:relative;
  }
  #smartHome>.recent-list .track-row:hover{background:transparent;transform:translateY(-2px)}
  #smartHome>.recent-list .track-row>img{
    width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;
    box-shadow:0 14px 30px rgba(0,0,0,.25);
  }
  #smartHome>.recent-list .track-info{min-width:0;padding:0 2px}
  #smartHome>.recent-list .track-info b{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
  #smartHome>.recent-list .track-info .artist-link{font-size:10px;margin-top:3px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #smartHome>.recent-list .source-badge{display:none}
  #smartHome>.recent-list .row-heart,
  #smartHome>.recent-list .dots-btn{
    position:absolute;top:8px;width:30px;height:30px;border-radius:50%;
    background:rgba(3,9,19,.72);backdrop-filter:blur(8px);opacity:0;transition:.18s;
  }
  #smartHome>.recent-list .row-heart{right:44px}
  #smartHome>.recent-list .dots-btn{right:8px}
  #smartHome>.recent-list .row-play{
    position:absolute;right:10px;bottom:54px;width:42px;height:42px;border-radius:50%;
    display:grid;place-items:center;border:0;color:white;
    background:linear-gradient(135deg,#22c9f3,#6739ff);
    box-shadow:0 10px 24px rgba(65,75,255,.34);opacity:0;transform:translateY(5px);transition:.18s;
  }
  #smartHome>.recent-list .track-row:hover .row-heart,
  #smartHome>.recent-list .track-row:hover .dots-btn,
  #smartHome>.recent-list .track-row:hover .row-play{opacity:1;transform:none}
  .section-head{margin-top:28px}
  .section-head h2{font-size:25px}

  /* Recommendation/search cards use the available desktop width. */
  .cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
  .album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}

  .player{
    left:16px;
    right:16px;
    bottom:12px;
    min-height:112px;
    padding-left:22px;
    padding-right:22px;
  }
}

@media (min-width: 1500px){
  :root{--desktop-gap:36px}
  #smartHome>.recent-list{grid-template-columns:repeat(7,minmax(170px,1fr));gap:18px}
  .content{padding-left:var(--desktop-gap)!important;padding-right:var(--desktop-gap)!important}
}

@media (min-width: 1900px){
  :root{--side:300px;--desktop-gap:42px}
  #smartHome>.recent-list{grid-template-columns:repeat(8,minmax(170px,1fr))}
  .hero{min-height:290px}
}

/* FIX18 — Smooth Performance
   Visual/performance-only optimizations. Playback behavior is unchanged. */
body{background-attachment:scroll!important}
@media (min-width:761px){
  .sidebar,.player,.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sidebar{box-shadow:12px 0 32px rgba(0,0,0,.16)!important}
  .player{box-shadow:0 12px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important}
  .hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 14px 34px rgba(0,0,0,.10)!important}
  .brand-logo,.hero:before{filter:none!important}
  .quick-grid>button>span,.play-btn,.np-play{box-shadow:0 6px 18px rgba(55,72,255,.22)!important}
  #smartHome>.recent-list .track-row>img{box-shadow:0 8px 18px rgba(0,0,0,.18)!important}
  #smartHome>.recent-list .row-heart,#smartHome>.recent-list .dots-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(3,9,19,.92)!important}
}
.card,.track-row,.quick-grid>button,#smartHome>.recent-list .track-row{contain:layout paint style}
.thumb img,#smartHome>.recent-list .track-row>img,.cover-wrap img{backface-visibility:hidden;transform:translateZ(0)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* FIX24 — stable mobile resume + Open in YouTube. No experimental PiP/background mode. */
.youtube-open-btn{display:none!important;font-size:10px!important;font-weight:900;letter-spacing:-.03em}
@media(max-width:760px){
  .youtube-open-btn{display:inline-grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:#fff!important}
  .youtube-open-btn:active{transform:scale(.94)}
}

/* ===== NexMusic v5.3 FIX27 · personalization / NexFlow ===== */
.hero-actions{display:flex;gap:10px;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#56dfff;font-weight:800}.account-click{width:100%;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.account-user img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(101,212,255,.35)}
.playlist-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;overflow:hidden}.playlist-collage img{width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important}.playlist-card>small{display:block;margin-top:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-hero>div>small{display:block;margin:9px 0 14px;color:var(--muted)}
.touch-dragging{opacity:.72;transform:scale(.985);box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:20}.drag,.queue-grip{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.drag:active,.queue-grip:active{cursor:grabbing}
.menu-next{background:linear-gradient(90deg,rgba(63,191,255,.15),rgba(111,64,255,.18))!important;border-color:rgba(92,184,255,.34)!important}.menu-next strong{color:#7ee8ff}
.queue-toolbar{display:flex;gap:8px;padding:0 16px 12px}.queue-toolbar .pill{font-size:.75rem;padding:8px 10px}.queue-row{grid-template-columns:22px 44px 1fr auto}.queue-grip{display:grid;place-items:center;color:var(--muted)}
.player{background:
 radial-gradient(circle at 38% 140%,color-mix(in srgb,var(--dyn1,#5365ff) 38%,transparent),transparent 36%),
 radial-gradient(circle at 68% -40%,color-mix(in srgb,var(--dyn2,#7a35e8) 32%,transparent),transparent 38%),
 var(--panel)!important;transition:background .5s ease,border-color .5s ease}.now-playing-screen{--dyn1:#5365ff;--dyn2:#7a35e8}.now-playing-screen .np-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--dyn1) 38%,transparent),transparent 44%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--dyn2) 35%,transparent),transparent 45%);pointer-events:none}
.np-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(340px,620px) minmax(300px,440px);gap:28px;width:min(1120px,92vw);height:min(760px,86vh);align-items:stretch}.np-card{width:auto!important;height:100%;margin:0!important}.np-side{background:rgba(4,12,28,.58);border:1px solid rgba(112,167,255,.22);border-radius:26px;padding:18px;overflow:hidden;backdrop-filter:blur(14px)}.np-tabs{display:flex;gap:8px;margin-bottom:14px}.np-tabs button{border:0;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);padding:9px 14px;cursor:pointer}.np-tabs button.active{background:linear-gradient(135deg,#27c8f5,#7359ff);color:#fff}.np-pane{height:calc(100% - 46px);overflow:auto;padding-right:4px}.np-pane .lyrics-line{font-size:1.04rem;line-height:1.5;margin:9px 0}.np-queue-item{width:100%;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;border:0;background:transparent;color:inherit;padding:8px;border-radius:12px;text-align:left;cursor:pointer}.np-queue-item:hover,.np-queue-item.active{background:rgba(255,255,255,.07)}.np-queue-item img{width:46px;height:46px;object-fit:cover;border-radius:9px}.np-queue-item span{min-width:0}.np-queue-item b,.np-queue-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-queue-item small{color:var(--muted);margin-top:3px}
.nexflow-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(56,210,255,.28),transparent 28%),radial-gradient(circle at 25% 80%,rgba(123,55,255,.32),transparent 36%),linear-gradient(135deg,#07172c,#17113d 60%,#071521);border:1px solid rgba(93,176,255,.3);margin-bottom:28px}.nexflow-hero:before{content:"∞";position:absolute;right:11%;top:50%;transform:translateY(-55%);font-size:13rem;font-weight:900;color:rgba(255,255,255,.035)}.nexflow-hero span{color:#54dcff;font-weight:800;letter-spacing:.16em;font-size:.72rem}.nexflow-hero h1{font-size:clamp(2.6rem,6vw,5rem);margin:6px 0}.nexflow-hero p{max-width:650px;color:#c8d6ef}.nexflow-play{z-index:2;width:92px;height:92px;border-radius:50%;border:0;color:#fff;font-size:2rem;cursor:pointer;background:linear-gradient(135deg,#2dd4ff,#733dff);box-shadow:0 18px 50px rgba(80,88,255,.36)}
.search-filters{display:flex;gap:8px;margin:-4px 0 22px;overflow:auto;scrollbar-width:none}.search-filters button{border:1px solid rgba(116,166,255,.2);background:rgba(8,19,38,.65);color:var(--muted);padding:9px 16px;border-radius:999px;cursor:pointer;white-space:nowrap}.search-filters button.active{color:#fff;border-color:#3fd3ff;background:linear-gradient(135deg,rgba(26,166,255,.24),rgba(112,66,255,.3))}.artist-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.artist-chip-grid button{display:flex;align-items:center;gap:12px;min-height:74px;border-radius:18px;border:1px solid rgba(112,167,255,.2);background:linear-gradient(145deg,rgba(13,31,58,.8),rgba(18,19,50,.75));color:#fff;padding:14px;text-align:left;cursor:pointer}.artist-chip-grid span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22c7f2,#713bff);font-size:1.2rem}
.wrapped-tabs{display:flex;gap:8px;margin-bottom:20px}.wrapped-tabs button{border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#bdc7dc;padding:9px 15px;cursor:pointer}.wrapped-tabs button.active{background:#fff;color:#111}.wrapped-v53{min-height:70vh}
.profile-hero{display:flex;align-items:end;gap:24px;padding:36px;border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(78,64,255,.33),transparent 34%),linear-gradient(135deg,#08243a,#141439);border:1px solid rgba(88,188,255,.25)}.profile-avatar{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#23d0f5,#753cff);font-size:3rem;font-weight:800;cursor:pointer;position:relative}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar input{display:none}.profile-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);margin:4px 0}.profile-hero span{font-size:.72rem;letter-spacing:.16em;color:#4ee0ff;font-weight:800}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 28px}.profile-stats article{padding:18px;border:1px solid rgba(112,167,255,.18);border-radius:18px;background:rgba(6,18,37,.65)}.profile-stats b{display:block;font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-stats small{color:var(--muted)}

@media(max-width:900px){.np-shell{grid-template-columns:1fr;width:94vw;height:90vh;overflow:auto}.np-card{min-height:620px}.np-side{min-height:420px}.nexflow-hero{padding:28px 22px}.nexflow-play{width:70px;height:70px;flex:0 0 auto}.profile-stats{grid-template-columns:1fr 1fr}.profile-hero{align-items:center}.profile-avatar{width:96px;height:96px}.hero-actions{flex-wrap:wrap}}
@media(max-width:600px){.nexflow-hero{align-items:flex-end}.nexflow-hero h1{font-size:2.8rem}.profile-hero{padding:22px;align-items:center}.profile-hero h1{font-size:2.1rem}.profile-stats{grid-template-columns:1fr 1fr}.np-shell{gap:14px}.np-side{border-radius:20px}.queue-toolbar{flex-wrap:wrap}}

/* FIX29 — Comunidad + Smart Queue */
.search-mode-note{margin:0 0 14px;padding:10px 13px;border:1px solid rgba(92,190,255,.18);background:rgba(7,21,39,.55);border-radius:12px;color:var(--muted,#9eb0ca);font-size:12px}
.community-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:760px;margin:18px 0 28px;padding:8px 10px 8px 14px;border:1px solid rgba(104,192,255,.24);background:rgba(7,18,35,.72);border-radius:16px}
.community-search>span{opacity:.7}.community-search input{min-width:0;border:0;outline:0;background:transparent;color:inherit;padding:10px 4px;font:inherit}.community-search input::placeholder{color:#7f8da6}
.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:10px 0 28px}
.user-card{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid rgba(103,183,255,.18);background:linear-gradient(135deg,rgba(8,23,43,.92),rgba(24,28,72,.7));border-radius:17px;color:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.user-card:hover{transform:translateY(-2px);border-color:rgba(93,209,255,.45);background:linear-gradient(135deg,rgba(10,34,59,.96),rgba(40,31,95,.78))}.user-card img,.user-avatar-fallback{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none}.user-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#16bce8,#7649ff);font-weight:800;font-size:22px}.user-card div{min-width:0;display:grid;gap:3px}.user-card b,.user-card small,.user-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card small{color:#8fb1d0}.user-card em{font-style:normal;color:#7889a7;font-size:11px}
.profile-handle{color:#64d9ff!important;font-weight:700}.profile-social{display:flex;gap:18px;flex-wrap:wrap;margin:9px 0 14px;color:#9badc7}.profile-social b{color:#fff}.profile-avatar.static{cursor:default}.public-profile .profile-avatar{overflow:hidden}.public-profile .profile-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.community-search{grid-template-columns:auto minmax(0,1fr);padding:7px 10px}.community-search .pill{grid-column:1/-1;width:100%}.user-grid{grid-template-columns:1fr}.user-card{padding:12px}.user-card img,.user-avatar-fallback{width:50px;height:50px}.search-mode-note{font-size:11px}}
@media(max-width:760px){
  .nav-list{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(58px,1fr)!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  .nav-list::-webkit-scrollbar{display:none}.nav{min-width:58px!important}
}

/* FIX34 — iOS Mobile No-Zoom
   Safari/iOS automatically zooms focused form controls below 16px. */
@media (max-width: 760px) {
  input,
  textarea,
  select,
  .search input,
  .community-search input,
  input[type="search"],
  input[type="text"],
  input[type="email"],
  input[type="password"] {
    font-size: 16px !important;
  }
}

/* FIX35 — iPhone Search Focus No-Zoom (hardening)
   Use a margin above Safari's 16px threshold and avoid transformed controls. */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .search-wrap, .search-shell, .search-shell input,
  .community-search, .community-search input {
    transform: none !important;
    zoom: 1 !important;
  }
  .search-shell input,
  #q,
  .community-search input,
  input[type="search"], input[type="text"], input[type="email"], input[type="password"],
  textarea, select {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  .search-shell { min-height: 44px !important; height: 44px !important; }
}

/* FIX36 — recuperación de cuenta */
.auth-help{margin:-5px 0 14px!important;color:#aebed3!important;line-height:1.5;font-size:11px!important}.auth-link{margin:12px 0 0!important;text-align:center}.auth-link a{font-weight:700}.auth-success{color:#67e8b4!important}.modalbox form button:disabled{opacity:.55;cursor:wait}

  .np-info{margin-top:8px}
  .np-timeline{margin:9px 0 6px}
  .np-play{width:48px;height:48px}
  .np-shell{gap:8px}

/* FIX41 — visibilidad de playlists */
.visibility-pill.is-public{border-color:rgba(69,224,246,.42);background:rgba(69,224,246,.09)}
.visibility-pill.is-private{border-color:rgba(159,116,255,.38);background:rgba(159,116,255,.08)}
.playlist-visibility-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;font-size:8px;font-weight:800}
@media(max-width:700px){.playlist-tools .visibility-pill{order:2}.playlist-tools{gap:6px}.playlist-tools .pill{min-height:38px}}


/* FIX47 — Album detail, social playlist search and synced lyrics */
.album-detail{width:100%;max-width:1180px;margin:0 auto;padding-top:10px}
.album-detail-hero{display:grid!important;grid-template-columns:clamp(180px,22vw,290px) minmax(0,1fr)!important;gap:28px!important;align-items:end!important;border:1px solid var(--border);border-radius:20px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(87,56,154,.12));overflow:hidden}
.album-detail-cover{width:100%!important;max-width:290px!important;aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important;background:#081522;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.album-detail-cover img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:18px!important}
.album-detail-meta{min-width:0}.album-detail-meta>span{font-size:8px;letter-spacing:.2em;color:var(--accent);font-weight:800}.album-detail-meta h1{font-size:clamp(28px,5vw,58px);line-height:1.02;margin:6px 0 8px;overflow-wrap:anywhere}.album-detail-meta p{color:var(--muted);margin:8px 0 14px}.album-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.playlist-owner{display:block;color:var(--accent)!important;margin-top:2px}
.lyric-line{opacity:.58;transition:opacity .2s,transform .25s,color .2s,text-shadow .2s}
.lyric-line.past{opacity:.28;color:#738399}.lyric-line.next{opacity:.78;color:#b9c8d8}.lyric-line.active{opacity:1;color:#fff;transform:scale(1.045);font-size:21px;text-shadow:0 0 24px rgba(76,222,247,.32)}
@media(max-width:760px){.album-detail{padding-top:2px}.album-detail-hero{grid-template-columns:1fr!important;justify-items:center;text-align:center;padding:16px;gap:14px!important}.album-detail-cover{width:min(68vw,260px)!important}.album-detail-meta{width:100%}.album-detail-meta h1{font-size:28px}.album-detail-actions{justify-content:center}.album-detail-meta .artist-link{text-align:center;width:100%}.lyric-line.active{font-size:18px;transform:scale(1.025)}}

/* FIX48: navegación de álbum + sincronización de letras robusta */
.album-detail-nav{display:flex;align-items:center;margin:0 0 12px}.album-back{display:inline-flex;align-items:center;gap:7px;position:relative;z-index:2}.lyrics-sync-note{position:sticky;top:-28px;z-index:3;margin:-12px 0 16px;padding:8px 10px;border-radius:9px;background:rgba(4,16,31,.88);backdrop-filter:blur(12px);font-size:8px;font-weight:800;letter-spacing:.05em;color:var(--muted);border:1px solid rgba(255,255,255,.06)}.lyrics-sync-note.exact{color:#6fe9ff}.lyrics-sync-note.approx{color:#d5bdff}.lyrics-sync-note.plain{color:#9aabc0}.lyrics-body .lyric-line{will-change:transform,opacity}.lyrics-body .lyric-line.active{padding-left:8px;border-left:2px solid currentColor}.lyrics-body .lyric-line.next{padding-left:4px}
@media(max-width:760px){.album-detail-nav{margin-bottom:8px}.album-back{font-size:9px}.lyrics-sync-note{top:-28px}}

/* FIX49 — karaoke lyric highlight */
.lyric-line{position:relative;overflow:visible;border-radius:14px;padding:10px 12px 10px 18px!important;margin:3px 0;isolation:isolate;transition:opacity .25s,transform .32s,color .25s,background .32s,box-shadow .32s,filter .25s!important}
.lyric-line .lyric-text{position:relative;z-index:2;display:block;transition:transform .25s,filter .25s}
.lyric-line .lyric-beat{position:absolute;z-index:3;left:4px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%) scale(.45);opacity:0;background:currentColor;box-shadow:0 0 0 0 rgba(90,225,255,.0);transition:.3s}
.lyric-line.past{opacity:.24!important;filter:saturate(.65)}
.lyric-line.next{opacity:.65!important;transform:scale(.99);color:#b6c7dc!important}
.lyric-line.active{opacity:1!important;transform:translateX(7px) scale(1.045)!important;background:linear-gradient(90deg,rgba(47,211,245,.13),rgba(142,85,255,.10),transparent 85%)!important;box-shadow:inset 3px 0 0 rgba(83,224,255,.95),0 8px 28px rgba(59,169,255,.08);text-shadow:none!important;color:#fff!important}
.lyric-line.active .lyric-beat{opacity:1;transform:translateY(-50%) scale(1);animation:nexLyricBeat 1.15s ease-in-out infinite;color:#67e8ff}
.lyric-line.active .lyric-text{font-weight:900;background:linear-gradient(90deg,#ffffff 0%,#ffffff var(--lyric-progress),#8292ac var(--lyric-progress),#8292ac 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(103,232,255,.18))}
.lyric-line.active::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,#62e7ff 0%,#a96bff var(--lyric-progress),rgba(255,255,255,.07) var(--lyric-progress),rgba(255,255,255,.03) 100%);opacity:.8}
@keyframes nexLyricBeat{0%,100%{box-shadow:0 0 0 0 rgba(103,232,255,.15);transform:translateY(-50%) scale(.92)}50%{box-shadow:0 0 0 8px rgba(103,232,255,0);transform:translateY(-50%) scale(1.18)}}
@media(max-width:760px){.lyric-line{padding:9px 10px 9px 16px!important}.lyric-line.active{transform:translateX(4px) scale(1.025)!important}.lyric-line .lyric-beat{left:3px;width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){.lyric-line,.lyric-line .lyric-beat{animation:none!important;transition:none!important}}

/* ===== FIX50 — Smooth UI / performance ===== */
html{scroll-behavior:smooth}
.content,.queue-list,.lyrics-body,.np-pane,.sidebar-playlists{scrollbar-gutter:stable;overscroll-behavior:contain}
.card,.track-row,.album-card,.playlist-card,.user-card,.queue-row,.np-queue-item{content-visibility:auto}
.card,.album-card,.playlist-card,.user-card{contain-intrinsic-size:220px 280px}
.track-row,.queue-row,.np-queue-item{contain-intrinsic-size:600px 62px}
.content>*,.card,.track-row,.album-card,.playlist-card,.user-card,.pill,.nav,.icon-btn,.queue-row,.np-queue-item{transition-property:transform,opacity,background-color,border-color,box-shadow,color;transition-duration:160ms;transition-timing-function:cubic-bezier(.2,.75,.2,1)}
.content>*.nex-page-enter{opacity:.01;transform:translateY(7px)}
button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.card:active,.album-card:active,.playlist-card:active,.user-card:active,.pill:active,.nav:active,.icon-btn:active,.queue-row:active,.np-queue-item:active{transform:scale(.975)}
@media(hover:hover) and (pointer:fine){
  .card:hover,.album-card:hover,.playlist-card:hover,.user-card:hover{transform:translateY(-2px)}
  .pill:hover,.icon-btn:hover{transform:translateY(-1px)}
}
.player,.now-playing-screen,.lyrics-panel,.queue-panel{transform:translateZ(0)}
.lyrics-panel,.queue-panel,.np-side{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#seek,#npSeek{will-change:auto}
.lyric-line.active{will-change:transform,filter}
.lyric-line.active .lyric-text{transition:none!important}
.lyric-line.active::after{transition:none!important}
@media(max-width:760px){
  .card,.track-row,.album-card,.playlist-card,.user-card,.queue-row,.np-queue-item{content-visibility:visible}
  .sidebar,.player,.topbar,.lyrics-panel,.queue-panel,.np-side{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .content>*,.card,.track-row,.album-card,.playlist-card,.user-card,.pill,.nav,.icon-btn,.queue-row,.np-queue-item{transition-duration:125ms}
}
@media(prefers-reduced-motion:reduce){.content>*.nex-page-enter{opacity:1!important;transform:none!important}}

/* ===== FIX51 — Account playback gate + lyric calibration ===== */
.lyrics-sync-note{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lyrics-sync-tools{display:inline-flex;align-items:center;gap:5px}
.lyrics-sync-tools button{border:1px solid rgba(116,205,255,.18);background:rgba(255,255,255,.045);color:#cfe7ff;border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.lyrics-sync-tools button:hover{background:rgba(92,213,255,.10);border-color:rgba(116,205,255,.35)}
.lyrics-sync-tools button:active{transform:scale(.94)}
.lyrics-offset-value{min-width:42px;text-align:center;color:#fff;font-size:8px}

/* FIX52 — full-screen NexMusic auth experience */
.auth-modal{position:fixed!important;inset:0!important;z-index:120!important;display:grid!important;place-items:center!important;padding:clamp(18px,4vw,56px)!important;background:rgba(1,7,18,.83)!important;backdrop-filter:blur(22px) saturate(125%)!important;overflow:auto!important}
.auth-modal.hidden{display:none!important}.auth-backdrop-art{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(145deg,rgba(3,8,26,.72),rgba(2,14,31,.82))}.auth-backdrop-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 20%,rgba(0,0,0,.25) 70%),linear-gradient(115deg,rgba(120,40,255,.08),transparent 34%,rgba(0,196,255,.08));}.auth-glow{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(80px);opacity:.25}.auth-glow-a{left:-10vw;top:18vh;background:#8b2cff}.auth-glow-b{right:-10vw;bottom:4vh;background:#00a9ff}.auth-note{position:absolute;font-size:clamp(90px,13vw,220px);font-weight:900;color:rgba(124,87,255,.07);transform:rotate(-12deg)}.auth-note-a{left:8vw;bottom:8vh}.auth-note-b{right:10vw;top:7vh;color:rgba(39,213,245,.06)}
.auth-layout{position:relative;z-index:1;width:min(1180px,96vw);display:grid;grid-template-columns:minmax(360px,1fr) minmax(390px,520px);align-items:center;gap:clamp(36px,7vw,96px)}.auth-brand-panel{padding:32px}.auth-brand-logo{width:min(340px,78%);height:auto;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(78,75,255,.28))}.auth-brand-panel h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02;margin:38px 0 18px;letter-spacing:-2px}.auth-brand-panel h1 span{background:linear-gradient(90deg,#bd37ff,#4f68ff,#27d5f5);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand-panel>p{max-width:570px;font-size:18px;line-height:1.65;color:#b8c6dd}.auth-lock-card{margin-top:34px;width:min(470px,100%);display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(128,96,255,.28);border-radius:18px;background:rgba(12,25,53,.54);box-shadow:inset 0 1px rgba(255,255,255,.04)}.auth-lock-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(168,45,255,.24),rgba(0,170,255,.18));border:1px solid rgba(160,73,255,.48)}.auth-lock-card div{display:flex;flex-direction:column;gap:3px}.auth-lock-card b{color:#b167ff}.auth-lock-card small{color:#dbe5f5}
.modalbox.auth-card{position:relative!important;width:100%!important;max-width:520px!important;padding:38px 42px 32px!important;border-radius:28px!important;border:1px solid rgba(104,98,255,.62)!important;background:linear-gradient(155deg,rgba(17,26,66,.88),rgba(4,17,39,.94))!important;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 55px rgba(52,104,255,.10),inset 0 1px rgba(255,255,255,.06)!important;overflow:hidden}.modalbox.auth-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 13% 0,rgba(159,50,255,.14),transparent 35%),radial-gradient(circle at 100% 78%,rgba(0,174,255,.12),transparent 38%)}.auth-card>*{position:relative;z-index:1}.auth-close{top:15px!important;right:17px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:rgba(255,255,255,.04)!important}.auth-mobile-brand{display:none;text-align:center;margin-bottom:14px}.auth-mobile-brand img{max-width:210px;max-height:74px;object-fit:contain}.auth-lock-icon{width:56px;height:56px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;font-size:20px;background:linear-gradient(145deg,rgba(154,45,255,.24),rgba(0,168,255,.17));border:1px solid rgba(160,72,255,.68);box-shadow:0 0 30px rgba(92,63,255,.18)}.auth-card h2{text-align:center;font-size:30px;margin:0 0 7px!important}.auth-subtitle{text-align:center;color:#aebbd1;margin:0 0 24px}.auth-help{text-align:center;padding:11px 13px;border-radius:12px;background:rgba(39,213,245,.07);border:1px solid rgba(39,213,245,.18);color:#c9d8ed}.auth-form{display:grid;gap:17px}.auth-field{display:grid;gap:7px}.auth-field>span{font-weight:650;font-size:14px;color:#eef4ff}.auth-input-wrap{display:flex;align-items:center;gap:11px;height:56px;padding:0 14px;border:1px solid rgba(134,166,218,.25);border-radius:13px;background:rgba(4,14,37,.45);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-input-wrap:focus-within{border-color:#4bbdff;box-shadow:0 0 0 3px rgba(54,157,255,.09),0 0 26px rgba(108,64,255,.11);transform:translateY(-1px)}.auth-input-wrap i{font-style:normal;color:#9dabca}.auth-input-wrap input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;padding:0!important;box-shadow:none!important}.auth-input-wrap input::placeholder{color:#75839f}.auth-eye{width:34px;height:34px;border:0;background:transparent;color:#a9bad2;cursor:pointer;font-size:18px}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-2px}.remember{display:flex;align-items:center;gap:8px;color:#dce6f5;font-size:14px}.remember input{accent-color:#7658ff}.auth-link,.auth-switch{margin:0!important}.auth-link a,.auth-switch a{color:#5dafff;text-decoration:none}.auth-link a:hover,.auth-switch a:hover{text-decoration:underline}.auth-submit{height:58px!important;border:0!important;border-radius:13px!important;background:linear-gradient(100deg,#9d26f8,#5757ff 54%,#0e9df3)!important;color:white!important;font-weight:800!important;font-size:17px!important;box-shadow:0 10px 30px rgba(72,69,255,.25)!important;cursor:pointer!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}.auth-submit:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 14px 38px rgba(72,69,255,.34)!important}.auth-submit span{float:right;font-size:24px;line-height:18px}.auth-switch{text-align:center;color:#aebbd1;margin-top:20px!important}.auth-player-lock{margin-top:28px;display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(130,91,255,.24);border-radius:16px;background:linear-gradient(120deg,rgba(92,37,177,.10),rgba(1,136,220,.07))}.auth-mini-cover{position:relative;width:58px;height:58px;border-radius:13px;border:1px solid rgba(158,49,255,.7);display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#171845,#061e42);color:#7b53ff}.auth-mini-cover span{position:absolute;right:-6px;top:-7px;font-size:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#202a56}.auth-player-lock div:nth-child(2){display:flex;flex-direction:column;gap:4px}.auth-player-lock b{font-size:14px}.auth-player-lock small{color:#9eacc2}.auth-mini-controls{color:#65728c;white-space:nowrap}.auth-modal.register .auth-player-lock{display:none}
#authError{min-height:18px;text-align:center;margin-top:12px;color:#ff7e96}.auth-success{color:#68e5b0!important}
@media(max-width:900px){.auth-modal{padding:18px!important;align-items:start!important}.auth-layout{display:block;width:min(560px,100%);margin:auto}.auth-brand-panel{display:none}.modalbox.auth-card{margin:0 auto!important;padding:30px 25px 28px!important;border-radius:26px!important}.auth-mobile-brand{display:block}.auth-card h2{font-size:28px}.auth-player-lock{grid-template-columns:54px 1fr}.auth-mini-controls{display:none}}
@media(max-width:520px){.auth-modal{padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))!important;background:linear-gradient(160deg,#050c22,#061329 55%,#07102a)!important}.modalbox.auth-card{min-height:calc(100dvh - 28px);display:flex;flex-direction:column;justify-content:center;padding:28px 18px!important;border-radius:24px!important}.auth-mobile-brand img{max-width:230px}.auth-lock-icon{display:none}.auth-card h2{font-size:32px}.auth-subtitle{font-size:16px;margin-bottom:28px}.auth-input-wrap{height:60px;border-radius:15px}.auth-submit{height:62px!important}.auth-player-lock{margin-top:30px}.auth-close{top:10px!important;right:10px!important}.auth-options{font-size:13px}.auth-link a{font-size:13px}}

/* FIX53 — strict full-app authentication gate */
body.auth-gated{overflow:hidden!important;background:#030816!important}
body.auth-gated #app,
body.auth-gated #player,
body.auth-gated #queuePanel,
body.auth-gated #lyricsPanel,
body.auth-gated #nowPlaying,
body.auth-gated #themeMenu,
body.auth-gated #sleepMenu,
body.auth-gated #trackMenu,
body.auth-gated #youtube-engine{display:none!important}
body.auth-gated #modal.auth-modal{display:grid!important;inset:0!important}
body.auth-gated #modal.auth-modal.required-auth .auth-close{display:none!important}
body.auth-gated #modal.auth-modal.required-auth{background:linear-gradient(145deg,rgba(2,7,22,.96),rgba(2,16,34,.97))!important;backdrop-filter:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-layout{min-height:100dvh;align-content:center}
body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{animation:authGateIn .42s cubic-bezier(.2,.8,.2,1) both}
body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel{animation:authBrandIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes authGateIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes authBrandIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}

/* FIX54 — premium full-screen login gate matching the approved NexMusic concept */
body.auth-gated #modal.auth-modal.required-auth{
  background:
    radial-gradient(circle at 18% 32%,rgba(151,34,255,.22),transparent 26%),
    radial-gradient(circle at 84% 36%,rgba(0,178,255,.18),transparent 28%),
    linear-gradient(135deg,#05091b 0%,#06142a 50%,#04172d 100%)!important;
  overflow:hidden!important;
}
body.auth-gated #modal.auth-modal.required-auth::before,
body.auth-gated #modal.auth-modal.required-auth::after{content:"";position:fixed;pointer-events:none;z-index:0}
body.auth-gated #modal.auth-modal.required-auth::before{left:-7vw;right:-7vw;bottom:-18vh;height:36vh;background:radial-gradient(ellipse at center,rgba(87,36,255,.30),transparent 58%),linear-gradient(6deg,transparent 33%,rgba(136,49,255,.35) 38%,rgba(35,186,255,.24) 43%,transparent 49%);filter:blur(8px)}
body.auth-gated #modal.auth-modal.required-auth::after{inset:0;background-image:radial-gradient(circle,rgba(97,143,255,.55) 0 1px,transparent 1.5px);background-size:94px 94px;opacity:.16;mask-image:linear-gradient(to bottom,black,transparent 82%)}
body.auth-gated .auth-backdrop-art{background:transparent!important;z-index:0}
body.auth-gated .auth-glow{opacity:.38;filter:blur(95px)}
body.auth-gated .auth-glow-a{left:-12vw;top:5vh;background:#8d22ff}
body.auth-gated .auth-glow-b{right:-12vw;bottom:0;background:#00afff}
body.auth-gated .auth-note{opacity:.55;color:rgba(114,55,255,.19);text-shadow:0 0 35px rgba(95,76,255,.14)}
body.auth-gated .auth-layout{width:min(1160px,92vw);grid-template-columns:minmax(390px,1fr) minmax(420px,520px);gap:clamp(64px,8vw,120px);min-height:calc(100dvh - 88px)!important;align-content:center;position:relative;z-index:2}
body.auth-gated .auth-brand-panel{padding:20px 10px 20px 34px;align-self:center}
.auth-wordmark{display:flex;align-items:center;gap:18px;margin-bottom:34px}
.auth-brand-mark{width:154px;height:154px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(77,93,255,.38)) drop-shadow(0 18px 34px rgba(0,0,0,.35))}
.auth-wordmark-text strong{display:block;font-size:58px;line-height:.96;letter-spacing:-3px;color:#f7f8ff;font-weight:850;text-shadow:0 4px 30px rgba(0,0,0,.25)}
.auth-wordmark-text strong span{background:linear-gradient(90deg,#ca31ff,#6e4cff,#21bfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-waveform{width:235px;height:28px;margin-top:16px;background:repeating-linear-gradient(90deg,#b629ff 0 2px,transparent 2px 5px);mask:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent 18%,#000 18% 82%,transparent);opacity:.9;position:relative}
.auth-waveform:after{content:"";position:absolute;inset:9px 0;background:linear-gradient(90deg,#d92bff,#5961ff,#00c8ff);filter:blur(.2px)}
body.auth-gated .auth-brand-panel h1{font-size:clamp(48px,4.6vw,72px);margin:0 0 18px;line-height:.98;letter-spacing:-3px;max-width:600px}
body.auth-gated .auth-brand-panel h1 span{background:linear-gradient(90deg,#c332ff,#5b5cff 54%,#13c7f4);-webkit-background-clip:text;background-clip:text;color:transparent}
body.auth-gated .auth-brand-panel>p{font-size:17px;line-height:1.55;max-width:520px;color:#aebbd2;margin:0}
body.auth-gated .auth-lock-card{margin-top:30px;width:390px;max-width:100%;border-color:rgba(140,76,255,.36);background:linear-gradient(120deg,rgba(59,21,101,.35),rgba(5,35,70,.48));box-shadow:0 12px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}
body.auth-gated .auth-lock-card>span{color:#fff;font-size:20px;background:linear-gradient(135deg,#982dff,#176dff);box-shadow:0 0 22px rgba(110,70,255,.28)}
body.auth-gated .auth-lock-card b{color:#fff;font-size:14px}
body.auth-gated .auth-lock-card small{color:#aebbd2}
body.auth-gated .modalbox.auth-card{max-width:520px!important;padding:42px 42px 32px!important;border-radius:30px!important;border:1px solid rgba(102,92,255,.58)!important;background:linear-gradient(155deg,rgba(17,27,70,.90),rgba(4,18,45,.93))!important;box-shadow:0 35px 100px rgba(0,0,0,.46),0 0 70px rgba(28,111,255,.16),inset 0 1px rgba(255,255,255,.07)!important;backdrop-filter:blur(28px) saturate(125%)}
body.auth-gated .modalbox.auth-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(198,43,255,.32),transparent 24%,transparent 70%,rgba(0,196,255,.22));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
body.auth-gated .auth-lock-icon{width:68px;height:68px;font-size:25px;border-color:rgba(127,91,255,.7);background:radial-gradient(circle at 40% 30%,rgba(175,49,255,.30),rgba(14,87,214,.20));box-shadow:0 0 36px rgba(67,97,255,.22)}
body.auth-gated .auth-card h2{font-size:34px;letter-spacing:-1.2px;margin-top:2px!important}
body.auth-gated .auth-subtitle{font-size:15px;color:#a8b6d0;margin-bottom:30px}
body.auth-gated .auth-field>span{font-size:13px;color:#dce6f6}
body.auth-gated .auth-input-wrap{height:61px;border-radius:13px;border-color:rgba(122,158,218,.30);background:rgba(4,15,38,.54);box-shadow:inset 0 1px rgba(255,255,255,.02)}
body.auth-gated .auth-input-wrap:focus-within{border-color:#39bdf7;box-shadow:0 0 0 3px rgba(27,148,255,.10),0 0 28px rgba(66,86,255,.13)}
body.auth-gated .auth-submit{height:60px!important;border-radius:13px!important;background:linear-gradient(95deg,#d42cff 0%,#704bff 52%,#149cf5 100%)!important;box-shadow:0 12px 34px rgba(85,60,255,.28),0 0 26px rgba(0,164,255,.09)!important}
body.auth-gated .auth-submit:hover{transform:translateY(-2px) scale(1.005)}
body.auth-gated .auth-switch{margin-top:18px!important}
.auth-privacy{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:26px;color:#8494b2;font-size:12px}
.auth-footer{position:fixed;left:0;right:0;bottom:18px;z-index:3;text-align:center;color:#7f8ca7;font-size:12px;letter-spacing:.05px;pointer-events:none}
.auth-mobile-brand{align-items:center!important;justify-content:center;gap:10px}.auth-mobile-brand img{width:70px!important;height:70px!important;object-fit:contain}.auth-mobile-brand strong{font-size:30px;letter-spacing:-1.5px}.auth-mobile-brand strong span{background:linear-gradient(90deg,#c22dff,#1aaeff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){body.auth-gated .auth-layout{display:block!important;width:min(560px,94vw);min-height:100dvh!important;padding:72px 0 54px}.auth-footer{bottom:10px;font-size:10px}.auth-mobile-brand{display:flex!important;margin-bottom:20px}.auth-brand-panel{display:none!important}body.auth-gated .modalbox.auth-card{padding:34px 28px 30px!important}}
@media(max-width:520px){body.auth-gated #modal.auth-modal.required-auth{background:radial-gradient(circle at 20% 20%,rgba(143,38,255,.20),transparent 30%),radial-gradient(circle at 85% 75%,rgba(0,178,255,.18),transparent 32%),linear-gradient(160deg,#04091b,#06152d 62%,#041125)!important}body.auth-gated .auth-layout{width:100%;padding:12px 0 36px;min-height:100dvh!important;display:flex!important;align-items:center}body.auth-gated .modalbox.auth-card{min-height:auto!important;border-radius:26px!important;padding:30px 18px 26px!important}.auth-footer{position:absolute;bottom:9px;font-size:9px}.auth-mobile-brand img{width:62px!important;height:62px!important}.auth-mobile-brand strong{font-size:28px}body.auth-gated .auth-card h2{font-size:31px}.auth-privacy{font-size:11px}}


/* FIX55 — Mobile logout access */
.mobile-logout-nav{display:none!important}
.profile-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.profile-logout{border-color:rgba(255,103,136,.32)!important;color:#ff9db5!important;background:rgba(115,23,47,.16)!important}
.profile-logout:hover{border-color:rgba(255,103,136,.58)!important;background:rgba(154,27,59,.24)!important;color:#fff!important}
@media(max-width:760px){
  .mobile-logout-nav:not(.hidden){display:flex!important;color:#ffb2c2!important}
  .mobile-logout-nav:not(.hidden) span{color:#ff7897!important}
  .mobile-logout-nav:not(.hidden):active,.mobile-logout-nav:not(.hidden):focus{background:rgba(180,35,75,.18)!important}
  .profile-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:14px}
  .profile-actions .pill{width:100%;min-height:44px;font-size:11px!important}
  .profile-logout{display:block!important}
}


/* FIX56 — approved premium auth layout, desktop scale and proportions */
@media (min-width: 1100px){
  body.auth-gated #modal.auth-modal.required-auth{
    background:
      radial-gradient(circle at 18% 22%,rgba(151,32,255,.27),transparent 28%),
      radial-gradient(circle at 84% 40%,rgba(0,190,255,.22),transparent 30%),
      radial-gradient(circle at 53% 95%,rgba(69,45,255,.20),transparent 34%),
      linear-gradient(135deg,#030718 0%,#06132b 52%,#03152c 100%)!important;
  }
  body.auth-gated #modal.auth-modal.required-auth::before{
    left:-2vw;right:-2vw;bottom:-12vh;height:34vh;
    background:
      radial-gradient(ellipse at 36% 60%,rgba(117,32,255,.42),transparent 38%),
      radial-gradient(ellipse at 74% 58%,rgba(0,185,255,.36),transparent 37%),
      linear-gradient(176deg,transparent 34%,rgba(154,38,255,.45) 42%,rgba(25,128,255,.38) 48%,rgba(8,220,255,.22) 52%,transparent 61%);
    filter:blur(10px);
  }
  body.auth-gated .auth-layout{
    width:min(1540px,92vw)!important;
    grid-template-columns:minmax(560px,1.08fr) minmax(520px,610px)!important;
    gap:clamp(86px,7vw,150px)!important;
    min-height:calc(100dvh - 72px)!important;
    align-items:center!important;
  }
  body.auth-gated .auth-brand-panel{
    padding:10px 0 22px 18px!important;
    max-width:700px;
  }
  .auth-wordmark{gap:20px!important;margin-bottom:42px!important}
  .auth-brand-mark{width:184px!important;height:184px!important}
  .auth-wordmark-text strong{font-size:74px!important;letter-spacing:-4px!important}
  .auth-waveform{width:300px!important;height:34px!important;margin-top:18px!important}
  body.auth-gated .auth-brand-panel h1{
    font-size:clamp(66px,4.4vw,86px)!important;
    line-height:.98!important;
    letter-spacing:-4px!important;
    max-width:650px!important;
    margin-bottom:24px!important;
  }
  body.auth-gated .auth-brand-panel>p{
    font-size:20px!important;
    line-height:1.55!important;
    max-width:620px!important;
  }
  body.auth-gated .auth-lock-card{
    width:470px!important;
    min-height:86px!important;
    margin-top:36px!important;
    padding:16px 18px!important;
    border-radius:18px!important;
  }
  body.auth-gated .auth-lock-card>span{width:52px!important;height:52px!important;border-radius:15px!important}
  body.auth-gated .auth-lock-card b{font-size:16px!important}
  body.auth-gated .auth-lock-card small{font-size:13px!important;margin-top:3px}

  body.auth-gated .modalbox.auth-card{
    width:100%!important;
    max-width:610px!important;
    padding:50px 50px 38px!important;
    border-radius:32px!important;
  }
  body.auth-gated .auth-lock-icon{width:78px!important;height:78px!important;font-size:29px!important;margin-bottom:18px!important}
  body.auth-gated .auth-card h2{font-size:40px!important;margin:0 0 8px!important}
  body.auth-gated .auth-subtitle{font-size:16px!important;margin-bottom:34px!important}
  body.auth-gated .auth-form{gap:18px!important}
  body.auth-gated .auth-field>span{font-size:14px!important;margin-bottom:8px!important}
  body.auth-gated .auth-input-wrap{height:66px!important;border-radius:14px!important}
  body.auth-gated .auth-input-wrap input{font-size:16px!important}
  body.auth-gated .auth-input-wrap i{font-size:17px!important}
  body.auth-gated .auth-options{font-size:13px!important;margin-top:-2px!important}
  body.auth-gated .auth-submit{height:64px!important;font-size:17px!important;border-radius:14px!important}
  body.auth-gated .auth-switch{font-size:13px!important;margin-top:22px!important}
  body.auth-gated .auth-privacy{font-size:13px!important;margin-top:30px!important}
  .auth-footer{bottom:20px!important;font-size:13px!important}
}

@media (min-width: 1700px){
  body.auth-gated .auth-layout{width:min(1660px,90vw)!important;grid-template-columns:minmax(640px,1.1fr) 630px!important}
  .auth-brand-mark{width:200px!important;height:200px!important}
  .auth-wordmark-text strong{font-size:80px!important}
  body.auth-gated .auth-brand-panel h1{font-size:90px!important}
  body.auth-gated .modalbox.auth-card{max-width:630px!important}
}

/* Make the approved login feel like a standalone screen, not a tiny modal. */
body.auth-gated #modal.auth-modal.required-auth{padding:0!important;overflow:auto!important}
body.auth-gated #modal.auth-modal.required-auth .auth-card{transform:none!important}

/* FIX57 — authenticated app player has no guest lock overlay */
@media(max-width:760px){.lyrics-sync-note{align-items:flex-start}.lyrics-sync-tools{width:100%;justify-content:flex-start}.lyrics-sync-tools button{padding:5px 6px}}

/* ===== FIX58 — exact approved NexMusic login implemented in the web UI ===== */
body.auth-gated{overflow:hidden!important;background:#020617!important}
body.auth-gated #modal.auth-modal.required-auth{
  display:grid!important;place-items:center!important;padding:0!important;overflow:hidden!important;
  background:
    radial-gradient(ellipse at 8% 42%,rgba(105,18,219,.23) 0%,rgba(72,10,164,.13) 20%,transparent 46%),
    radial-gradient(ellipse at 93% 45%,rgba(0,153,255,.19) 0%,rgba(0,86,181,.10) 24%,transparent 48%),
    radial-gradient(ellipse at 50% 110%,rgba(69,39,255,.17),transparent 42%),
    linear-gradient(112deg,#05051a 0%,#050a1e 38%,#03152c 72%,#03152b 100%)!important;
}
body.auth-gated #modal.auth-modal.required-auth::before,
body.auth-gated #modal.auth-modal.required-auth::after{display:none!important}
body.auth-gated .auth-backdrop-art{position:fixed!important;inset:0!important;overflow:hidden!important;background:transparent!important;z-index:0!important}
body.auth-gated .auth-backdrop-art::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 7% 8%,rgba(151,67,255,.85) 0 1px,transparent 1.6px),
  radial-gradient(circle at 17% 15%,rgba(70,125,255,.7) 0 1px,transparent 1.5px),
  radial-gradient(circle at 30% 6%,rgba(94,110,255,.65) 0 1px,transparent 1.5px),
  radial-gradient(circle at 42% 13%,rgba(161,73,255,.72) 0 1px,transparent 1.5px),
  radial-gradient(circle at 58% 7%,rgba(71,157,255,.65) 0 1px,transparent 1.5px),
  radial-gradient(circle at 71% 15%,rgba(108,84,255,.68) 0 1px,transparent 1.5px),
  radial-gradient(circle at 84% 8%,rgba(54,151,255,.7) 0 1px,transparent 1.5px),
  radial-gradient(circle at 93% 20%,rgba(121,70,255,.65) 0 1px,transparent 1.5px);
  opacity:.72;filter:drop-shadow(0 0 5px rgba(92,88,255,.4));}
body.auth-gated .auth-stars{position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle,rgba(135,156,255,.82) 0 1px,transparent 1.3px);background-size:93px 93px;background-position:13px 7px;mask-image:linear-gradient(to bottom,#000 0 62%,transparent 92%)}
body.auth-gated .auth-aurora{position:absolute;pointer-events:none;filter:blur(13px);mix-blend-mode:screen;opacity:.88;transform-origin:center}
body.auth-gated .auth-aurora-left{left:-8vw;top:7vh;width:48vw;height:72vh;background:conic-gradient(from 203deg at 55% 48%,transparent 0 31deg,rgba(109,13,255,.0) 32deg,rgba(130,24,255,.56) 42deg,rgba(93,39,255,.18) 52deg,rgba(29,170,255,.18) 60deg,transparent 75deg);transform:rotate(-8deg) skewX(-5deg)}
body.auth-gated .auth-aurora-right{right:-10vw;top:8vh;width:50vw;height:72vh;background:conic-gradient(from 146deg at 42% 48%,transparent 0 30deg,rgba(0,187,255,.0) 31deg,rgba(0,183,255,.54) 40deg,rgba(41,100,255,.18) 53deg,rgba(121,26,255,.16) 62deg,transparent 76deg);transform:rotate(9deg) skewX(5deg)}
body.auth-gated .auth-bottom-wave{position:absolute;left:-12vw;right:-12vw;bottom:-11vh;height:31vh;border-radius:50%;pointer-events:none}
body.auth-gated .auth-bottom-wave-a{border-top:3px solid rgba(149,38,255,.72);box-shadow:0 -2px 20px rgba(127,31,255,.55),0 -14px 45px rgba(81,33,255,.23);transform:rotate(-2deg) skewY(-2deg)}
body.auth-gated .auth-bottom-wave-b{bottom:-13vh;border-top:4px solid rgba(0,184,255,.75);box-shadow:0 -2px 20px rgba(0,179,255,.55),0 -16px 55px rgba(0,91,255,.25);transform:rotate(2.2deg) skewY(2deg)}
body.auth-gated .auth-note{position:absolute!important;font-size:clamp(78px,7vw,126px)!important;color:rgba(94,50,255,.34)!important;text-shadow:0 0 38px rgba(101,52,255,.35)!important;opacity:.72!important;filter:none!important}
body.auth-gated .auth-note-a{left:6.6vw!important;bottom:13vh!important;transform:rotate(-10deg)!important}
body.auth-gated .auth-note-b{right:7.8vw!important;top:10vh!important;color:rgba(33,74,237,.40)!important;transform:rotate(9deg)!important}
body.auth-gated .auth-eq{position:absolute;top:33vh;width:56px;height:250px;opacity:.33;background:repeating-linear-gradient(90deg,rgba(86,67,255,.82) 0 2px,transparent 2px 9px);mask:linear-gradient(to bottom,transparent 0,#000 18%,#000 78%,transparent 100%)}
body.auth-gated .auth-eq-left{left:1.3vw}.auth-eq-right{right:1.3vw}

body.auth-gated .auth-layout{
  position:relative!important;z-index:2!important;width:min(1320px,86vw)!important;min-height:calc(100dvh - 62px)!important;
  display:grid!important;grid-template-columns:minmax(480px,1fr) minmax(520px,590px)!important;gap:clamp(78px,7vw,132px)!important;
  align-items:center!important;align-content:center!important;margin:0 auto!important;padding:34px 0 62px!important;
}
body.auth-gated .auth-brand-panel{display:block!important;align-self:center!important;padding:0!important;max-width:590px!important}
body.auth-gated .auth-wordmark{display:flex!important;align-items:center!important;gap:18px!important;margin:0 0 42px!important}
body.auth-gated .auth-brand-mark{width:150px!important;height:150px!important;object-fit:contain!important;filter:drop-shadow(0 0 26px rgba(82,60,255,.40)) drop-shadow(0 18px 30px rgba(0,0,0,.22))!important}
body.auth-gated .auth-wordmark-text strong{display:block!important;font-size:64px!important;line-height:.95!important;letter-spacing:-3.8px!important;font-weight:860!important;color:#f7f8ff!important;white-space:nowrap!important;text-shadow:0 10px 40px rgba(0,0,0,.25)!important}
body.auth-gated .auth-wordmark-text strong span{background:linear-gradient(90deg,#c32dff 0%,#7b49ff 48%,#1cbcff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.auth-gated .auth-waveform{position:relative!important;width:250px!important;height:28px!important;margin-top:17px!important;background:none!important;mask:none!important;opacity:1!important;overflow:hidden!important}
body.auth-gated .auth-waveform::before{content:"";position:absolute;inset:5px 0;background:repeating-linear-gradient(90deg,#d62cff 0 2px,transparent 2px 5px);clip-path:polygon(0 46%,4% 30%,8% 60%,12% 15%,16% 76%,20% 32%,24% 68%,28% 20%,32% 82%,36% 33%,40% 66%,44% 14%,48% 86%,52% 24%,56% 74%,60% 38%,64% 63%,68% 28%,72% 70%,76% 40%,80% 59%,84% 31%,88% 65%,92% 42%,96% 56%,100% 47%,100% 54%,96% 49%,92% 68%,88% 44%,84% 72%,80% 42%,76% 65%,72% 34%,68% 75%,64% 37%,60% 70%,56% 28%,52% 78%,48% 18%,44% 80%,40% 34%,36% 73%,32% 22%,28% 80%,24% 32%,20% 72%,16% 24%,12% 85%,8% 40%,4% 70%,0 54%);filter:drop-shadow(0 0 5px #7c4cff)}
body.auth-gated .auth-waveform::after{content:""!important;position:absolute!important;inset:10px 0!important;background:linear-gradient(90deg,#e12cff,#8151ff 52%,#03cfff)!important;filter:blur(.3px)!important}
body.auth-gated .auth-brand-panel h1{font-size:clamp(62px,4.15vw,78px)!important;line-height:.97!important;letter-spacing:-4px!important;margin:0 0 22px!important;max-width:590px!important;font-weight:860!important;color:#f8f9ff!important}
body.auth-gated .auth-brand-panel h1 span{background:linear-gradient(90deg,#c631ff 0%,#7251ff 52%,#15caf3 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.auth-gated .auth-brand-panel>p{font-size:17px!important;line-height:1.55!important;color:#b9c2d7!important;margin:0!important;max-width:575px!important}
body.auth-gated .auth-lock-card{width:410px!important;min-height:78px!important;margin-top:34px!important;padding:14px 18px!important;gap:15px!important;border:1px solid rgba(137,73,255,.45)!important;border-radius:16px!important;background:linear-gradient(105deg,rgba(48,20,101,.42),rgba(4,29,67,.52))!important;box-shadow:0 16px 42px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.05)!important}
body.auth-gated .auth-lock-card-icon{display:grid!important;place-items:center!important;width:50px!important;height:50px!important;flex:none!important;border-radius:14px!important;background:linear-gradient(135deg,#9a2dff,#196bff)!important;border:1px solid rgba(178,104,255,.75)!important;box-shadow:0 0 24px rgba(100,64,255,.30)!important}
body.auth-gated .auth-lock-card-icon svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-lock-card b{font-size:15px!important;color:#fff!important}
body.auth-gated .auth-lock-card small{font-size:13px!important;color:#aeb9d1!important;margin-top:2px!important}

body.auth-gated .modalbox.auth-card{position:relative!important;width:100%!important;max-width:590px!important;min-height:650px!important;padding:42px 46px 34px!important;border-radius:30px!important;border:1px solid rgba(100,101,255,.65)!important;background:linear-gradient(148deg,rgba(23,27,79,.86),rgba(4,19,48,.93) 64%,rgba(3,18,43,.96))!important;box-shadow:0 35px 110px rgba(0,0,0,.48),0 0 58px rgba(45,91,255,.20),0 0 18px rgba(132,51,255,.13),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.auth-gated .modalbox.auth-card::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:radial-gradient(circle at 12% 0,rgba(170,47,255,.17),transparent 36%),radial-gradient(circle at 100% 82%,rgba(0,187,255,.14),transparent 40%)!important;pointer-events:none!important}
body.auth-gated .modalbox.auth-card::after{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;padding:1px!important;background:linear-gradient(125deg,rgba(214,52,255,.55),rgba(94,80,255,.16) 38%,rgba(0,201,255,.62) 100%)!important;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;mask-composite:exclude!important;pointer-events:none!important}
body.auth-gated .auth-close{display:none!important}
body.auth-gated .auth-theme-orb{position:absolute;top:24px;right:25px;z-index:3;width:46px;height:46px;border:1px solid rgba(128,149,255,.20);border-radius:50%;background:rgba(25,45,88,.72);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
body.auth-gated .auth-theme-orb:hover{transform:translateY(-1px);background:rgba(39,62,113,.82);box-shadow:0 0 22px rgba(72,102,255,.18)}
body.auth-gated .auth-theme-orb svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-mobile-brand{display:none!important}
body.auth-gated .auth-lock-icon{width:72px!important;height:72px!important;margin:2px auto 20px!important;border-radius:50%!important;background:radial-gradient(circle at 38% 28%,rgba(174,52,255,.30),rgba(14,90,214,.20) 67%)!important;border:1px solid rgba(155,72,255,.76)!important;box-shadow:0 0 0 7px rgba(116,54,255,.06),0 0 34px rgba(86,64,255,.31),inset 0 0 17px rgba(0,184,255,.12)!important;display:grid!important;place-items:center!important}
body.auth-gated .auth-lock-icon svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,255,255,.25))}
body.auth-gated .auth-card h2{font-size:32px!important;line-height:1.15!important;letter-spacing:-1.3px!important;text-align:center!important;margin:0 0 8px!important;font-weight:820!important;color:#fff!important}
body.auth-gated .auth-subtitle{font-size:14px!important;line-height:1.4!important;text-align:center!important;color:#a7b2cc!important;margin:0 0 30px!important}
body.auth-gated .auth-help{margin:0 0 18px!important;font-size:13px!important}
body.auth-gated .auth-form{display:grid!important;gap:15px!important}
body.auth-gated .auth-field{display:grid!important;gap:8px!important}
body.auth-gated .auth-field>span{font-size:13px!important;font-weight:700!important;color:#edf2ff!important}
body.auth-gated .auth-input-wrap{height:61px!important;padding:0 15px!important;gap:13px!important;border:1px solid rgba(110,145,205,.36)!important;border-radius:13px!important;background:rgba(3,15,39,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transition:border-color .18s,box-shadow .18s,transform .18s!important}
body.auth-gated .auth-input-wrap:focus-within{border-color:#3cbaff!important;box-shadow:0 0 0 3px rgba(34,144,255,.09),0 0 26px rgba(79,65,255,.13)!important;transform:translateY(-1px)!important}
body.auth-gated .auth-input-icon{width:22px;height:22px;display:grid!important;place-items:center!important;color:#c8d1e4!important;font-style:normal!important;flex:none!important}
body.auth-gated .auth-input-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-input-wrap input{font-size:15px!important;color:#fff!important;letter-spacing:0!important}
body.auth-gated .auth-input-wrap input::placeholder{color:#8691aa!important;opacity:1!important}
body.auth-gated .auth-eye{width:39px!important;height:39px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#dbe5f8!important;padding:0!important}
body.auth-gated .auth-eye:hover{background:rgba(59,103,173,.20)!important;color:#fff!important}
body.auth-gated .auth-eye svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-options{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;margin:0!important;font-size:13px!important}
body.auth-gated .remember{font-size:13px!important;color:#eef3ff!important;gap:8px!important}
body.auth-gated .remember input{width:16px;height:16px;margin:0;accent-color:#7959ff}
body.auth-gated .auth-link a{font-size:13px!important;color:#8a62ff!important;text-decoration:none!important}
body.auth-gated .auth-link a:hover{color:#41baff!important}
body.auth-gated .auth-submit{height:61px!important;margin-top:1px!important;padding:0 20px!important;border:0!important;border-radius:13px!important;background:linear-gradient(96deg,#d92cff 0%,#7949ff 51%,#11a8f5 100%)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.1px!important;box-shadow:0 12px 33px rgba(90,50,255,.28),0 0 24px rgba(0,160,255,.09)!important;cursor:pointer!important}
body.auth-gated .auth-submit span{float:right!important;font-size:27px!important;font-weight:400!important;line-height:20px!important}
body.auth-gated .auth-submit:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important;box-shadow:0 15px 40px rgba(90,50,255,.38),0 0 30px rgba(0,160,255,.13)!important}
body.auth-gated .auth-switch{margin:17px 0 0!important;color:#a9b4cb!important;text-align:center!important}
body.auth-gated .auth-divider{display:flex!important;align-items:center!important;gap:15px!important;margin-bottom:16px!important;color:#9aa6bd!important;font-size:13px!important;font-style:normal!important}
body.auth-gated .auth-divider i{display:block!important;height:1px!important;flex:1!important;background:linear-gradient(90deg,transparent,rgba(147,162,201,.32))!important}
body.auth-gated .auth-divider i:last-child{background:linear-gradient(90deg,rgba(147,162,201,.32),transparent)!important}
body.auth-gated .auth-divider em{font-style:normal!important;white-space:nowrap!important}
body.auth-gated .auth-secondary-action{height:60px!important;width:100%!important;display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;padding:0 15px!important;border:1px solid rgba(106,92,255,.64)!important;border-radius:13px!important;background:rgba(5,17,46,.38)!important;color:#fff!important;text-decoration:none!important;transition:.18s ease!important}
body.auth-gated .auth-secondary-action:hover{background:rgba(24,35,75,.58)!important;border-color:rgba(148,71,255,.78)!important;box-shadow:0 0 24px rgba(72,70,255,.10)!important;transform:translateY(-1px)!important}
body.auth-gated .auth-user-plus{display:grid!important;place-items:center!important;color:#f6f7ff!important}
body.auth-gated .auth-user-plus svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-secondary-action b{font-size:16px!important;font-weight:760!important}
body.auth-gated .auth-secondary-arrow{font-size:25px!important;text-align:right!important;color:#b7c4dc!important}
body.auth-gated #authError{min-height:18px!important;margin:10px 0 -3px!important;font-size:12px!important}
body.auth-gated .auth-privacy{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:auto!important;padding-top:19px!important;color:#8f9bb2!important;font-size:12px!important}
body.auth-gated .auth-privacy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.auth-gated .auth-footer{position:fixed!important;left:0!important;right:0!important;bottom:15px!important;z-index:3!important;text-align:center!important;color:#7d89a4!important;font-size:12px!important;letter-spacing:0!important;pointer-events:none!important}
body.auth-gated .auth-footer span{margin:0 10px;color:#48536f}
body.auth-gated.auth-lowlight #modal.auth-modal.required-auth{filter:saturate(.72) brightness(.86)}

/* Registration/recovery uses the same premium card without changing the gated look. */
body.auth-gated .auth-modal.register .auth-theme-orb,
body.auth-gated .auth-modal.forgot .auth-theme-orb,
body.auth-gated .auth-modal.reset .auth-theme-orb{display:none}
body.auth-gated .auth-modal.register .auth-lock-icon,
body.auth-gated .auth-modal.forgot .auth-lock-icon,
body.auth-gated .auth-modal.reset .auth-lock-icon{margin-top:0!important}
body.auth-gated .auth-modal.register .modalbox.auth-card{min-height:700px!important;padding-top:34px!important}
body.auth-gated .auth-modal.register .auth-form{gap:11px!important}
body.auth-gated .auth-modal.register .auth-input-wrap{height:55px!important}
body.auth-gated .auth-modal.register .auth-subtitle{margin-bottom:18px!important}
body.auth-gated .auth-modal.register .auth-secondary-action{height:52px!important}

@media (min-width:1700px){
  body.auth-gated .auth-layout{width:min(1450px,84vw)!important;grid-template-columns:minmax(560px,1fr) 610px!important;gap:clamp(95px,7vw,145px)!important}
  body.auth-gated .auth-brand-mark{width:166px!important;height:166px!important}
  body.auth-gated .auth-wordmark-text strong{font-size:70px!important}
  body.auth-gated .auth-brand-panel h1{font-size:82px!important}
  body.auth-gated .modalbox.auth-card{max-width:610px!important;min-height:675px!important;padding-left:50px!important;padding-right:50px!important}
}
@media (max-height:850px) and (min-width:901px){
  body.auth-gated .auth-layout{transform:scale(.88);width:min(1400px,96vw)!important;padding:0!important;min-height:100dvh!important}
  body.auth-gated .auth-footer{bottom:8px!important;font-size:10px!important}
}
@media (max-width:1100px) and (min-width:901px){
  body.auth-gated .auth-layout{width:92vw!important;grid-template-columns:minmax(360px,.9fr) minmax(450px,540px)!important;gap:48px!important}
  body.auth-gated .auth-brand-mark{width:125px!important;height:125px!important}
  body.auth-gated .auth-wordmark-text strong{font-size:51px!important}
  body.auth-gated .auth-brand-panel h1{font-size:59px!important}
  body.auth-gated .auth-brand-panel>p{font-size:15px!important}
}
@media (max-width:900px){
  body.auth-gated #modal.auth-modal.required-auth{overflow:auto!important;background:radial-gradient(circle at 10% 12%,rgba(132,27,255,.22),transparent 32%),radial-gradient(circle at 90% 78%,rgba(0,176,255,.18),transparent 34%),linear-gradient(160deg,#040719,#06132b 58%,#03142b)!important}
  body.auth-gated .auth-layout{display:flex!important;width:min(560px,94vw)!important;min-height:100dvh!important;padding:max(34px,env(safe-area-inset-top)) 0 max(52px,env(safe-area-inset-bottom))!important;align-items:center!important;justify-content:center!important;transform:none!important}
  body.auth-gated .auth-brand-panel{display:none!important}
  body.auth-gated .modalbox.auth-card{width:100%!important;max-width:530px!important;min-height:auto!important;padding:38px 30px 30px!important;border-radius:28px!important}
  body.auth-gated .auth-mobile-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0 0 18px!important}
  body.auth-gated .auth-mobile-brand img{width:62px!important;height:62px!important;object-fit:contain!important}
  body.auth-gated .auth-mobile-brand strong{font-size:30px!important;letter-spacing:-1.5px!important}
  body.auth-gated .auth-mobile-brand strong span{background:linear-gradient(90deg,#c32dff,#1bbcff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  body.auth-gated .auth-theme-orb{top:20px;right:20px;width:42px;height:42px}
  body.auth-gated .auth-lock-icon{width:62px!important;height:62px!important;margin-bottom:15px!important}
  body.auth-gated .auth-card h2{font-size:30px!important}
  body.auth-gated .auth-subtitle{margin-bottom:24px!important}
  body.auth-gated .auth-footer{position:absolute!important;bottom:10px!important;font-size:9px!important}
  body.auth-gated .auth-note-a{left:-4vw!important}.auth-note-b{right:-5vw!important}
}
@media (max-width:520px){
  body.auth-gated .auth-layout{width:100%!important;padding:12px 10px 38px!important;align-items:center!important}
  body.auth-gated .modalbox.auth-card{border-radius:24px!important;padding:28px 18px 24px!important;box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 38px rgba(49,89,255,.16)!important}
  body.auth-gated .auth-mobile-brand{margin-bottom:12px!important}
  body.auth-gated .auth-mobile-brand img{width:54px!important;height:54px!important}
  body.auth-gated .auth-mobile-brand strong{font-size:27px!important}
  body.auth-gated .auth-theme-orb{top:16px;right:16px;width:38px;height:38px}
  body.auth-gated .auth-lock-icon{width:56px!important;height:56px!important;margin:0 auto 13px!important}
  body.auth-gated .auth-lock-icon svg{width:27px;height:27px}
  body.auth-gated .auth-card h2{font-size:28px!important}
  body.auth-gated .auth-subtitle{font-size:13px!important;margin-bottom:20px!important}
  body.auth-gated .auth-form{gap:13px!important}
  body.auth-gated .auth-input-wrap{height:57px!important;border-radius:14px!important}
  body.auth-gated .auth-options{font-size:12px!important}.auth-link a{font-size:12px!important}
  body.auth-gated .auth-submit{height:58px!important}
  body.auth-gated .auth-secondary-action{height:56px!important}
  body.auth-gated .auth-privacy{font-size:10px!important;padding-top:16px!important}
  body.auth-gated .auth-footer{display:none!important}
  body.auth-gated .auth-note,body.auth-gated .auth-eq{display:none!important}
}

/* FIX58 visual parity pass — geometry follows the approved reference */
body.auth-gated .auth-field.hidden,
body.auth-gated .auth-help.hidden,
body.auth-gated #loginOptions.hidden,
body.auth-gated #forgotAuth.hidden{display:none!important}

@media (min-width:901px){
  body.auth-gated .auth-layout{
    width:min(1280px,67vw)!important;
    grid-template-columns:.7fr 1fr!important;
    column-gap:11.2%!important;
    min-height:100dvh!important;
    padding:0 0 30px!important;
    margin:0 auto!important;
    align-items:center!important;
  }
  body.auth-gated .auth-brand-panel{width:100%!important;max-width:none!important;padding:0!important}
  body.auth-gated .auth-wordmark{
    width:100%!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;gap:7px!important;
    margin:0 0 38px!important;
  }
  body.auth-gated .auth-brand-mark{width:160px!important;height:160px!important;margin:0 auto!important}
  body.auth-gated .auth-wordmark-text{width:100%!important;text-align:center!important}
  body.auth-gated .auth-wordmark-text strong{font-size:58px!important;line-height:1!important;letter-spacing:-3.2px!important}
  body.auth-gated .auth-waveform{width:250px!important;height:25px!important;margin:14px auto 0!important}
  body.auth-gated .auth-brand-panel h1{
    font-size:56px!important;line-height:1.03!important;letter-spacing:-2.8px!important;
    max-width:100%!important;margin:0 0 18px!important;
  }
  body.auth-gated .auth-brand-panel>p{font-size:16px!important;line-height:1.55!important;max-width:100%!important}
  body.auth-gated .auth-lock-card{width:370px!important;min-height:76px!important;margin-top:30px!important}
  body.auth-gated .modalbox.auth-card{
    width:100%!important;max-width:none!important;min-height:710px!important;
    padding:42px 40px 34px!important;border-radius:30px!important;
    justify-self:stretch!important;
  }
  body.auth-gated .auth-lock-icon{width:72px!important;height:72px!important;margin:2px auto 20px!important}
  body.auth-gated .auth-card h2{font-size:31px!important;margin-bottom:8px!important}
  body.auth-gated .auth-subtitle{font-size:14px!important;margin-bottom:28px!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-field>span{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-form{gap:18px!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap{height:64px!important}
  body.auth-gated .auth-options{margin-top:1px!important}
  body.auth-gated .auth-submit{height:61px!important;margin-top:1px!important}
  body.auth-gated .auth-switch{margin-top:17px!important}
  body.auth-gated .auth-privacy{padding-top:18px!important}
}

@media (min-width:1700px){
  body.auth-gated .auth-layout{width:min(1280px,67vw)!important;grid-template-columns:.7fr 1fr!important;column-gap:11.2%!important}
  body.auth-gated .auth-brand-mark{width:174px!important;height:174px!important}
  body.auth-gated .auth-wordmark-text strong{font-size:63px!important}
  body.auth-gated .auth-brand-panel h1{font-size:61px!important}
  body.auth-gated .modalbox.auth-card{max-width:none!important;min-height:730px!important;padding:46px 44px 36px!important}
}

@media (max-height:850px) and (min-width:901px){
  body.auth-gated .auth-layout{transform:scale(.84)!important;width:min(1380px,78vw)!important;padding:0!important}
}

/* FIX58 final visual tuning against the supplied reference */
@media (min-width:901px){
  body.auth-gated .auth-brand-panel{transform:translateY(44px)!important}
  body.auth-gated .auth-brand-panel h1{font-size:52px!important;line-height:1.04!important;letter-spacing:-2.4px!important}
  body.auth-gated .modalbox.auth-card{transform:translateX(-22px)!important;width:calc(100% + 8px)!important}
  body.auth-gated .auth-subtitle{margin-bottom:34px!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-form{gap:20px!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-options{margin-top:2px!important}
}
body.auth-gated .auth-aurora-left{
  left:10vw!important;top:-9vh!important;width:150px!important;height:76vh!important;
  background:linear-gradient(180deg,transparent 0%,rgba(137,30,255,.10) 5%,rgba(154,34,255,.82) 31%,rgba(98,54,255,.44) 56%,rgba(24,165,255,.14) 78%,transparent 100%)!important;
  filter:blur(24px)!important;opacity:.82!important;transform:rotate(17deg)!important;box-shadow:72px 0 60px rgba(108,39,255,.16)!important;
}
body.auth-gated .auth-aurora-right{
  right:10vw!important;top:10vh!important;width:145px!important;height:72vh!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,186,255,.06) 5%,rgba(0,192,255,.78) 31%,rgba(31,118,255,.42) 58%,rgba(105,40,255,.16) 80%,transparent 100%)!important;
  filter:blur(25px)!important;opacity:.78!important;transform:rotate(-15deg)!important;box-shadow:-72px 0 62px rgba(0,149,255,.13)!important;
}

/* ===== FIX59 — literal reference login: exact supplied artwork + live controls ===== */
@media (min-width:901px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    overflow:hidden!important;
    background:#020617!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-backdrop-art,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-lock-icon,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-card>h2,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-subtitle,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-help,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-privacy,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-mobile-brand,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-footer{
    display:none!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:min(92vw,163.5555556vh)!important;
    height:min(92vh,51.75vw)!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:auto!important;
    padding:0!important;
    transform:none!important;
    background:#020617!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    display:block!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card::before,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card::after{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-close{display:none!important}

  /* Invisible moon hotspot; the moon artwork itself comes from the exact reference. */
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-theme-orb{
    display:block!important;position:absolute!important;left:78.75%!important;top:11.2%!important;width:3.1%!important;height:5.4%!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:0!important;pointer-events:auto!important;z-index:8!important;
  }

  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-form{
    display:contents!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-field{
    display:block!important;position:absolute!important;margin:0!important;padding:0!important;pointer-events:auto!important;z-index:7!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #emailLabel{
    left:50.0%!important;top:34.72%!important;width:31.25%!important;height:7.06%!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #passwordLabel{
    left:50.0%!important;top:44.33%!important;width:31.25%!important;height:7.06%!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-field>span{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap{
    position:relative!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap::after{
    content:"";position:absolute;z-index:1;left:12.5%;right:1.5%;top:7%;bottom:7%;border-radius:10px;background:rgba(2,14,39,.965);opacity:0;transition:opacity .12s ease;pointer-events:none;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap:has(input:focus)::after,
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap:has(input:not(:placeholder-shown))::after{opacity:1}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-icon{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input{
    position:absolute!important;z-index:3!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;
    padding:0 12% 0 14.4%!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
    color:#f5f7ff!important;font-size:1.12vw!important;font-weight:450!important;line-height:1!important;caret-color:#fff!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input::placeholder{color:transparent!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input:focus::placeholder{color:#8f99af!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-eye{
    display:block!important;position:absolute!important;z-index:6!important;right:0!important;top:0!important;width:13%!important;height:100%!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:0!important;pointer-events:auto!important;
  }

  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions{
    display:flex!important;position:absolute!important;left:50.0%!important;top:53.75%!important;width:31.25%!important;height:4.1%!important;
    margin:0!important;padding:0!important;align-items:center!important;justify-content:space-between!important;pointer-events:auto!important;z-index:7!important;font-size:0!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions .remember{
    position:absolute!important;left:0!important;top:0!important;width:34%!important;height:100%!important;margin:0!important;display:block!important;cursor:pointer!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions .remember span{opacity:0!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #rememberAuth{
    position:absolute!important;left:0!important;top:18%!important;width:4.25%!important;height:58%!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;
    border:1px solid rgba(255,255,255,.32)!important;border-radius:3px!important;background:rgba(7,18,48,.9)!important;box-shadow:none!important;cursor:pointer!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #rememberAuth:checked{
    background:linear-gradient(135deg,#9e3dff,#236dff)!important;border-color:#867aff!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #rememberAuth:checked::after{
    content:"✓";display:block;color:#fff;font-size:.77vw;line-height:1.2;text-align:center;font-weight:800;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #forgotAuth{
    display:block!important;position:absolute!important;right:0!important;top:0!important;width:41%!important;height:100%!important;margin:0!important;padding:0!important;pointer-events:auto!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #forgotAuth a{display:block!important;width:100%!important;height:100%!important;color:transparent!important;font-size:0!important;text-decoration:none!important}

  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authSubmit{
    display:block!important;position:absolute!important;left:50.0%!important;top:59.38%!important;width:31.25%!important;height:6.83%!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;
    pointer-events:auto!important;z-index:7!important;cursor:pointer!important;transition:box-shadow .15s ease,transform .15s ease!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authSubmit:hover{box-shadow:0 0 28px rgba(72,92,255,.28)!important;transform:translateY(-1px)!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authSubmit:disabled{cursor:wait!important;opacity:.7!important}

  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth{
    display:block!important;position:absolute!important;left:50.0%!important;top:69.2%!important;width:31.25%!important;height:10.45%!important;
    margin:0!important;padding:0!important;pointer-events:none!important;z-index:7!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-divider{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-secondary-action{
    display:block!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:65.7%!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:transparent!important;text-decoration:none!important;
    pointer-events:auto!important;cursor:pointer!important;overflow:hidden!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-secondary-action>*{opacity:0!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-secondary-action:hover{box-shadow:0 0 24px rgba(111,61,255,.16)!important}

  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authError{
    display:block!important;position:absolute!important;left:50%!important;top:81.0%!important;width:31.25%!important;min-height:0!important;margin:0!important;padding:0 8px!important;
    color:#ff8b9d!important;font-size:.78vw!important;font-weight:650!important;text-align:center!important;line-height:1.25!important;z-index:9!important;pointer-events:none!important;text-shadow:0 2px 8px #000!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authError.auth-success{color:#73f4c0!important}
}

/* On phones/tablets keep the real responsive form instead of shrinking a 16:9 desktop poster. */
@media (max-width:900px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{background-image:none!important}
}

/* ===== FIX60 — scaled exact login: preserve the literal reference without viewport cropping ===== */
@media (min-width:901px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){
    background:radial-gradient(circle at 20% 50%,rgba(69,18,139,.18),transparent 34%),radial-gradient(circle at 82% 48%,rgba(0,125,199,.16),transparent 34%),#01040d!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    max-width:92vw!important;max-height:92vh!important;
    border-radius:16px!important;
    box-shadow:0 24px 85px rgba(0,0,0,.52),0 0 45px rgba(73,45,255,.10)!important;
  }
}
@media (min-width:901px) and (max-height:760px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:min(88vw,156.4444444vh)!important;
    height:min(88vh,49.5vw)!important;
    max-width:88vw!important;max-height:88vh!important;
  }
}

/* ===== FIX61 — fully responsive exact login ===== */
/* The approved 16:9 artwork always scales as one unit. It never stretches or crops. */
@media (min-width:901px) and (orientation:landscape){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;
    display:grid!important;place-items:center!important;padding:clamp(8px,1.4vmin,20px)!important;
    overflow:hidden!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    /* Largest 16:9 rectangle that fits the real browser viewport. */
    width:min(calc(100vw - clamp(16px,2.8vmin,40px)),calc((100dvh - clamp(16px,2.8vmin,40px))*16/9))!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    max-width:none!important;max-height:none!important;
    margin:0!important;border-radius:clamp(8px,.8vw,16px)!important;
    background-size:100% 100%!important;background-position:center!important;
    container-type:inline-size;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input{
    font-size:clamp(11px,1.12cqw,18px)!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #rememberAuth:checked::after{
    font-size:clamp(8px,.77cqw,13px)!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) #authError{
    font-size:clamp(9px,.78cqw,13px)!important;
  }
}

/* Compact landscape screens: keep the exact artwork but use almost all available height. */
@media (min-width:901px) and (orientation:landscape) and (max-height:720px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){padding:6px!important}
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:min(calc(100vw - 12px),calc((100dvh - 12px)*16/9))!important;
  }
}

/* Portrait/tablet/phone: use the native responsive login form, not a tiny desktop poster. */
@media (max-width:900px), (orientation:portrait) and (max-width:1200px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){
    width:100vw!important;min-height:100dvh!important;height:100dvh!important;overflow:auto!important;
    padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:100%!important;min-height:calc(100dvh - 36px)!important;height:auto!important;max-width:620px!important;
    margin:auto!important;aspect-ratio:auto!important;background-image:none!important;transform:none!important;
  }
}


/* ===== FIX62 — Full Responsive UI =====
   Responsive-only layout layer. Playback, queue, search intent and lyrics logic are untouched. */
:root{
  --side:clamp(188px,13.5vw,238px);
  --player-h:clamp(92px,9.5vh,108px);
  --page-gap:clamp(8px,1vw,14px);
  --content-pad:clamp(14px,1.65vw,28px);
}
html{font-size:clamp(14px,.76vw + 5px,16px)}
img{max-width:100%}
.shell,.main,.content{min-width:0}
.main{margin:var(--page-gap) var(--page-gap) calc(var(--player-h) + var(--page-gap)) calc(var(--side) + var(--page-gap));}
.sidebar{left:var(--page-gap);top:var(--page-gap);bottom:calc(var(--player-h) + var(--page-gap));width:var(--side)}
.content{padding-left:var(--content-pad);padding-right:var(--content-pad)}
.search-wrap{flex:1;min-width:0;max-width:720px}
.search-shell{width:100%;max-width:720px}
.top-actions{flex:0 0 auto}
/* Logout exists only inside Profile from FIX62 onward. */
.logout-top,.mobile-logout-nav{display:none!important}

/* Fluid content grids */
.cards{grid-template-columns:repeat(auto-fill,minmax(clamp(145px,12vw,205px),1fr))}
.album-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,11vw,190px),1fr))}
.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,12vw,205px),1fr))}
.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.profile-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.user-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}

/* Prevent long titles/buttons from forcing horizontal overflow. */
.card,.album-card,.playlist-card,.track-row,.recent-row,.profile-hero,.playlist-hero,.artist-hero,.album-hero,.album-detail-hero{min-width:0}
.ct,.cc,.track-info,.track-meta,.playlist-hero>div,.artist-hero>div,.album-hero>div,.album-detail-meta{min-width:0}
.playlist-tools,.album-detail-actions,.profile-actions,.search-tabs{max-width:100%;flex-wrap:wrap}

/* Player scales with desktop width instead of assuming one resolution. */
.player{left:var(--page-gap);right:var(--page-gap);bottom:var(--page-gap);height:var(--player-h);padding-left:clamp(12px,1.4vw,24px);padding-right:clamp(12px,1.4vw,24px);gap:clamp(8px,1vw,18px)}
.now-playing{min-width:0}
.track-meta{min-width:0}
.track-meta strong,.track-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-center{min-width:240px}
.timeline{min-width:0}
.timeline input{min-width:80px;width:100%}
.player-right{min-width:0}
.player-right #volume{width:clamp(70px,8vw,145px)}

/* Side panels never exceed the usable viewport. */
.queue-panel,.lyrics-panel{width:min(500px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
.queue-list,.lyrics-body{overscroll-behavior:contain}

/* Large desktops / ultrawide */
@media (min-width:1600px){
  :root{--side:clamp(220px,12vw,270px);--content-pad:clamp(24px,2vw,38px)}
  .topbar{height:clamp(74px,7vh,88px);padding-inline:var(--content-pad)}
  .search-wrap,.search-shell{max-width:820px}
  .content{max-width:2200px;margin-inline:auto;width:100%}
  .cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
  .album-grid,.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .hero,.welcome{min-height:clamp(190px,20vh,260px)}
}

/* Laptop / small desktop: compact sidebar and denser content. */
@media (min-width:761px) and (max-width:1180px){
  :root{--side:88px;--content-pad:16px;--page-gap:8px;--player-h:96px}
  .sidebar{padding:14px 8px;border-radius:15px 0 0 15px}
  .brand-wrap{padding:2px 0 14px;text-align:center}
  .brand{justify-content:center}
  .brand-logo{width:40px!important;height:40px!important;margin:0!important}
  .brand strong,.brand-wrap>small{display:none!important}
  .nav-list{gap:5px}
  .nav{font-size:0!important;justify-content:center;padding:10px 6px;min-height:42px;gap:0}
  .nav span{font-size:19px!important;width:auto!important}
  .nav::after{content:attr(data-page);display:none}
  .playlist-heading,.sidebar-playlists{display:none!important}
  .account{padding-top:8px}
  .account-user{justify-content:center}
  .account-user>div{display:none!important}
  .account-user>span,.account-user img{width:34px!important;height:34px!important}
  .topbar{height:66px;padding:0 16px;gap:10px}
  .search-wrap{max-width:none}
  .search-shell{max-width:none;width:100%;height:38px}
  .top-actions{gap:5px}
  .icon-btn{width:34px;height:34px}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .playlist-hero,.artist-hero,.album-hero{gap:16px;padding:17px}
  .playlist-cover,.artist-hero>img,.album-hero>img{width:125px;height:125px}
  .player{grid-template-columns:minmax(180px,28%) minmax(300px,1fr) auto}
  .now-playing{min-width:0}
  .player-right>span{display:none}
  .player-right #volume{width:80px}
  .queue-panel,.lyrics-panel{top:8px;right:8px;bottom:calc(var(--player-h) + 16px);width:min(430px,calc(100vw - 112px))}
}

/* Tablet / phone: app becomes a single-column surface with swipeable bottom nav. */
@media (max-width:760px){
  :root{--mobile-nav-h:68px;--mobile-player-h:132px;--player-h:var(--mobile-player-h);--page-gap:0px;--content-pad:14px}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background-attachment:scroll}
  .shell{padding-bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 24px)!important}
  .main{margin:0!important;border:0!important;border-radius:0!important;min-height:100dvh!important;padding-bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 28px)!important}
  .content{padding:0 var(--content-pad) calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 40px)!important;min-height:0!important}
  .topbar{position:sticky!important;top:0!important;height:auto!important;min-height:66px!important;padding:10px var(--content-pad)!important;gap:7px!important;background:rgba(3,15,29,.94)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .search-wrap{flex:1!important;min-width:0!important;max-width:none!important}
  .search-shell{width:100%!important;max-width:none!important;height:42px!important}
  .top-actions{gap:2px!important}
  .top-actions .youtube-open-btn{display:none!important}
  .top-actions .icon-btn{width:34px!important;height:34px!important}

  .sidebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid rgba(116,184,255,.17)!important;border-radius:0!important;background:rgba(3,15,29,.97)!important;z-index:70!important;overflow:hidden!important}
  .brand-wrap,.playlist-heading,.sidebar-playlists,.account{display:none!important}
  .nav-list{display:flex!important;grid-template-columns:none!important;gap:3px!important;width:100%!important;height:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;padding:0 2px!important}
  .nav-list::-webkit-scrollbar{display:none}
  .nav{flex:0 0 clamp(62px,18vw,78px)!important;width:auto!important;min-width:0!important;height:100%!important;padding:5px 3px!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:3px!important;font-size:8px!important;line-height:1.05!important;white-space:nowrap!important;scroll-snap-align:start!important}
  .nav span{width:auto!important;font-size:16px!important;line-height:1!important}

  .page-title{padding:14px 0 12px}
  .page-title h1{font-size:clamp(22px,7vw,30px)}
  .hero,.welcome{min-height:170px!important;padding:20px 18px!important;border-radius:18px!important}
  .hero h1,.welcome h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.03!important}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .quick-grid>button,.quick-card{min-height:105px!important;padding:14px!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .album-grid,.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .card,.album-card{border-radius:12px}
  .ci{padding:9px}
  .actions{overflow-x:auto;scrollbar-width:none}
  .actions button{white-space:nowrap}

  .playlist-hero,.artist-hero,.album-hero{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;padding:13px!important;min-height:118px!important}
  .playlist-cover,.artist-hero>img,.album-hero>img{width:92px!important;height:92px!important}
  .playlist-hero h1,.artist-hero h1,.album-hero h1{font-size:clamp(20px,6vw,27px)!important;overflow-wrap:anywhere}
  .playlist-tools{grid-column:1/-1!important;width:100%!important}
  .playlist-tools .pill{flex:1 1 auto;min-height:38px}

  .track-row,.sortable .track-row{width:100%!important;min-width:0!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;padding-inline:5px!important}
  .sortable .track-row{grid-template-columns:16px 42px minmax(0,1fr) auto!important}
  .track-row .plays,.track-row .row-heart,.track-row .dots-btn:not(:last-child){display:none!important}
  .track-row img{width:42px!important;height:42px!important}

  .stats-grid,.profile-stats,.wrapped-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wrapped-story{grid-template-columns:1fr!important}
  .profile-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;padding:18px!important}
  .profile-actions{grid-column:1/-1!important}

  .player{left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 7px)!important;width:auto!important;height:var(--mobile-player-h)!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:70px 32px!important;padding:10px!important;border-radius:16px!important}
  .cover-wrap{width:54px!important;height:54px!important}
  .play-btn{width:48px!important;height:48px!important;min-width:48px!important}
  .timeline{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important}
  .player-right{min-width:58px!important}
  .player-right #lyricsBtn,.player-right #queueBtn{width:28px!important}
  .player-right #volume,.player-right>span{display:none!important}

  .queue-panel,.lyrics-panel{left:8px!important;right:8px!important;top:8px!important;width:auto!important;max-width:none!important;bottom:calc(var(--mobile-player-h) + var(--mobile-nav-h) + env(safe-area-inset-bottom) + 18px)!important;border-radius:16px!important}
  .lyrics-body{padding:22px 18px 45vh!important}
  .lyric-line{font-size:clamp(16px,5vw,20px)!important}
}

/* Small phones */
@media (max-width:430px){
  :root{--content-pad:10px;--mobile-player-h:124px;--mobile-nav-h:64px}
  .topbar{padding-inline:10px!important}
  .top-actions #installBtn{display:none!important}
  .cards,.album-grid,.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .quick-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .quick-grid>button,.quick-card{min-height:96px!important;padding:12px!important}
  .ct{font-size:10px}.cc{font-size:8px}
  .actions button{padding:5px 6px;font-size:8px}
  .hero,.welcome{padding:17px 14px!important;min-height:155px!important}
  .playlist-hero,.artist-hero,.album-hero{grid-template-columns:78px minmax(0,1fr)!important}
  .playlist-cover,.artist-hero>img,.album-hero>img{width:78px!important;height:78px!important}
  .profile-stats,.stats-grid,.wrapped-preview{grid-template-columns:1fr 1fr!important}
}

/* Very narrow devices: prioritize readability over card density. */
@media (max-width:350px){
  .cards,.album-grid,.playlist-grid{grid-template-columns:1fr!important}
  .quick-grid{grid-template-columns:1fr!important}
  .nav{flex-basis:58px!important}
  .player{left:5px!important;right:5px!important}
  .now-playing .cover-wrap{display:none!important}
  .track-meta strong{font-size:10px!important}
}

/* Short screens (laptops in split-screen / landscape phones) */
@media (max-height:650px) and (min-width:761px){
  :root{--player-h:82px}
  .sidebar{padding-top:10px;padding-bottom:10px}
  .brand-wrap{padding-bottom:8px}
  .nav{padding-top:6px;padding-bottom:6px}
  .topbar{height:58px}
  .content{padding-bottom:22px}
  .player{height:var(--player-h)}
  .cover-wrap{width:54px;height:54px}
}

@media (prefers-reduced-motion:reduce){
  .card,.quick-card,.nav,.pill,.player,.queue-panel,.lyrics-panel{transition:none!important}
}

/* FIX108 — viewport sizing is handled by the fluid responsive layout.
   Whole-body CSS zoom was removed because it made wheel/touch scrolling uneven
   and forced fixed/sticky layers to repaint at fractional scales. */
:root{--ui-zoom:1;--auth-fit:1}

/* Exact desktop login: same approved artwork, but it no longer tries to occupy
   almost the entire monitor. It fits using BOTH viewport axes. */
@media (min-width:901px) and (orientation:landscape){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset){
    padding:clamp(14px,2.2vmin,34px)!important;
  }
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:min(84vw,calc(84dvh * 16 / 9),1760px)!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    max-width:none!important;
    max-height:none!important;
    margin:auto!important;
  }
}

/* Lower-resolution / short desktop screens need extra breathing room. */
@media (min-width:901px) and (max-height:850px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:min(82vw,calc(82dvh * 16 / 9),1600px)!important;
  }
}
@media (min-width:901px) and (max-height:720px){
  body.auth-gated #modal.auth-modal.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
    width:min(78vw,calc(78dvh * 16 / 9),1450px)!important;
  }
}

/* High-resolution desktops gain usable content rather than simply inflating controls. */
@media (min-width:1921px) and (min-height:1081px){
  .content{max-width:2400px}
  .cards{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
  .album-grid,.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}
}

/* Keep native mobile sizing: mobile already uses a purpose-built layout. */
@media (max-width:760px){
  body{zoom:1!important;width:100%!important;min-height:100dvh!important}
}

/* ===== FIX64 — Native Responsive Login (no screenshot/poster) ===== */
/* The auth screen is rebuilt with real HTML/CSS controls. The old literal reference image is never used. */
body.auth-gated #modal.auth-modal.required-auth{
  --auth-max: 1280px;
  --auth-card: clamp(420px, 34vw, 540px);
  --auth-gap: clamp(48px, 6vw, 105px);
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,2.4vw,40px)!important;
  overflow:auto!important;
  background:
    radial-gradient(ellipse at 17% 22%,rgba(143,31,255,.26),transparent 34%),
    radial-gradient(ellipse at 84% 38%,rgba(0,181,255,.22),transparent 35%),
    radial-gradient(ellipse at 50% 108%,rgba(70,42,255,.25),transparent 40%),
    linear-gradient(135deg,#020617 0%,#061228 52%,#03162c 100%)!important;
}
body.auth-gated #modal.auth-modal.required-auth::before{
  content:""!important;position:fixed!important;inset:auto -8vw -13vh!important;height:38vh!important;
  background:
    radial-gradient(ellipse at 29% 48%,rgba(137,38,255,.48),transparent 34%),
    radial-gradient(ellipse at 72% 48%,rgba(0,171,255,.38),transparent 34%),
    linear-gradient(178deg,transparent 30%,rgba(143,36,255,.46) 42%,rgba(40,91,255,.42) 50%,rgba(0,201,255,.26) 57%,transparent 69%)!important;
  filter:blur(10px)!important;pointer-events:none!important;z-index:0!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-backdrop-art{
  display:block!important;position:fixed!important;inset:0!important;z-index:0!important;overflow:hidden!important;background:transparent!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-stars{display:block!important;opacity:.42!important}
body.auth-gated #modal.auth-modal.required-auth .auth-aurora{display:block!important}
body.auth-gated #modal.auth-modal.required-auth .auth-bottom-wave{display:block!important}
body.auth-gated #modal.auth-modal.required-auth .auth-note{display:block!important}
body.auth-gated #modal.auth-modal.required-auth .auth-eq{display:block!important}

body.auth-gated #modal.auth-modal.required-auth .auth-layout{
  position:relative!important;z-index:2!important;
  width:min(var(--auth-max), calc(100vw - clamp(36px,5vw,88px)))!important;
  height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) var(--auth-card)!important;
  gap:var(--auth-gap)!important;align-items:center!important;align-content:center!important;
  margin:auto!important;padding:clamp(18px,2vh,28px) 0!important;
  aspect-ratio:auto!important;transform:none!important;
  background:none!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel{
  display:block!important;position:static!important;width:auto!important;max-width:620px!important;height:auto!important;
  margin:0!important;padding:0!important;transform:none!important;align-self:center!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-wordmark{
  display:grid!important;grid-template-columns:clamp(104px,9.2vw,142px) 1fr!important;grid-template-rows:auto auto!important;
  column-gap:clamp(14px,1.5vw,22px)!important;row-gap:8px!important;align-items:center!important;justify-items:start!important;
  margin:0 0 clamp(30px,4vh,46px)!important;width:max-content!important;max-width:100%!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-brand-mark{
  display:block!important;grid-row:1/3!important;width:clamp(104px,9.2vw,142px)!important;height:clamp(104px,9.2vw,142px)!important;
  object-fit:contain!important;margin:0!important;filter:drop-shadow(0 16px 34px rgba(76,67,255,.30))!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-wordmark-text{display:block!important;width:auto!important;text-align:left!important}
body.auth-gated #modal.auth-modal.required-auth .auth-wordmark-text strong{
  display:block!important;font-size:clamp(42px,4.1vw,62px)!important;line-height:.98!important;letter-spacing:clamp(-3.4px,-.18vw,-2px)!important;
  font-weight:860!important;color:#f8f9ff!important;white-space:nowrap!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-waveform{
  display:block!important;width:clamp(190px,18vw,270px)!important;height:26px!important;margin:10px 0 0!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel h1{
  display:block!important;font-size:clamp(48px,4.55vw,70px)!important;line-height:.98!important;letter-spacing:clamp(-4px,-.22vw,-2.5px)!important;
  max-width:600px!important;margin:0 0 18px!important;color:#f8f9ff!important;font-weight:860!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel>p{
  display:block!important;font-size:clamp(14px,1.1vw,17px)!important;line-height:1.55!important;max-width:555px!important;color:#aebbd2!important;margin:0!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-lock-card{
  display:flex!important;position:static!important;width:min(390px,100%)!important;min-height:76px!important;height:auto!important;
  margin:clamp(24px,3vh,34px) 0 0!important;padding:13px 16px!important;transform:none!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-lock-card-icon{display:grid!important}

body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{
  position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:none!important;height:auto!important;min-height:clamp(590px,68vh,665px)!important;
  margin:0!important;padding:clamp(34px,3.6vw,46px) clamp(30px,3.4vw,46px) clamp(28px,3vw,36px)!important;
  border:1px solid rgba(103,91,255,.64)!important;border-radius:clamp(24px,2vw,30px)!important;
  background:linear-gradient(150deg,rgba(22,27,77,.88),rgba(4,19,48,.94) 62%,rgba(3,18,43,.97))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 65px rgba(49,89,255,.18),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(25px) saturate(125%)!important;-webkit-backdrop-filter:blur(25px) saturate(125%)!important;
  overflow:hidden!important;transform:none!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card::before,
body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card::after{display:block!important}
body.auth-gated #modal.auth-modal.required-auth .auth-close{display:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-theme-orb{
  display:grid!important;position:absolute!important;left:auto!important;right:22px!important;top:22px!important;width:44px!important;height:44px!important;
  opacity:1!important;pointer-events:auto!important;background:rgba(24,45,88,.72)!important;border:1px solid rgba(128,149,255,.20)!important;border-radius:50%!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand{display:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-lock-icon{
  display:grid!important;position:static!important;width:70px!important;height:70px!important;margin:0 auto 18px!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-card>h2,
body.auth-gated #modal.auth-modal.required-auth .auth-subtitle,
body.auth-gated #modal.auth-modal.required-auth .auth-help,
body.auth-gated #modal.auth-modal.required-auth .auth-privacy,
body.auth-gated #modal.auth-modal.required-auth .auth-footer{display:flex!important}
body.auth-gated #modal.auth-modal.required-auth .auth-card>h2{display:block!important;font-size:clamp(28px,2.15vw,34px)!important;margin:0 0 7px!important;text-align:center!important}
body.auth-gated #modal.auth-modal.required-auth .auth-subtitle{display:block!important;font-size:14px!important;margin:0 0 27px!important;text-align:center!important}
body.auth-gated #modal.auth-modal.required-auth .auth-help.hidden{display:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-form{display:grid!important;position:static!important;gap:15px!important;margin:0!important;padding:0!important}
body.auth-gated #modal.auth-modal.required-auth .auth-field{
  display:grid!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:8px!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-field.hidden{display:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-field>span{display:block!important;font-size:12px!important;font-weight:700!important;color:#edf2ff!important}
body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap{
  position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;width:100%!important;height:58px!important;
  margin:0!important;padding:0 14px!important;gap:12px!important;border:1px solid rgba(110,145,205,.36)!important;border-radius:13px!important;
  background:rgba(3,15,39,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;overflow:visible!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap::after{display:none!important}
body.auth-gated #modal.auth-modal.required-auth .auth-input-icon{display:grid!important;position:static!important;width:21px!important;height:21px!important;opacity:1!important}
body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap input{
  position:static!important;inset:auto!important;flex:1!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:#f7f9ff!important;font-size:15px!important;font-weight:450!important;line-height:normal!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap input::placeholder{color:#8792aa!important;opacity:1!important}
body.auth-gated #modal.auth-modal.required-auth .auth-eye{
  display:grid!important;position:static!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;opacity:1!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth #loginOptions{
  display:flex!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;
  align-items:center!important;justify-content:space-between!important;gap:12px!important;font-size:12px!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth #loginOptions.hidden{display:none!important}
body.auth-gated #modal.auth-modal.required-auth #loginOptions .remember{
  position:static!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:12px!important;
}
body.auth-gated #modal.auth-modal.required-auth #loginOptions .remember span{opacity:1!important}
body.auth-gated #modal.auth-modal.required-auth #rememberAuth{
  position:static!important;width:16px!important;height:16px!important;margin:0!important;appearance:auto!important;-webkit-appearance:auto!important;accent-color:#7959ff!important;
}
body.auth-gated #modal.auth-modal.required-auth #rememberAuth:checked::after{display:none!important}
body.auth-gated #modal.auth-modal.required-auth #forgotAuth{
  display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
}
body.auth-gated #modal.auth-modal.required-auth #forgotAuth.hidden{display:none!important}
body.auth-gated #modal.auth-modal.required-auth #forgotAuth a{display:inline!important;width:auto!important;height:auto!important;color:#9c69ff!important;font-size:12px!important;text-decoration:none!important}
body.auth-gated #modal.auth-modal.required-auth #authSubmit{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:58px!important;margin:1px 0 0!important;padding:0 18px!important;
  border:0!important;border-radius:13px!important;background:linear-gradient(96deg,#d92cff 0%,#7949ff 51%,#11a8f5 100%)!important;
  color:#fff!important;font-size:16px!important;font-weight:800!important;box-shadow:0 12px 33px rgba(90,50,255,.28)!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth #authSubmit span{display:inline!important;float:right!important;font-size:25px!important}
body.auth-gated #modal.auth-modal.required-auth #switchAuth{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;margin:17px 0 0!important;padding:0!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-divider{display:flex!important}
body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-secondary-action{
  display:grid!important;position:static!important;inset:auto!important;width:100%!important;height:56px!important;margin:0!important;padding:0 14px!important;
  border:1px solid rgba(106,92,255,.64)!important;border-radius:13px!important;background:rgba(5,17,46,.38)!important;color:#fff!important;text-decoration:none!important;
  pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-secondary-action>*{opacity:1!important}
body.auth-gated #modal.auth-modal.required-auth #authError{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;min-height:16px!important;margin:9px 0 -3px!important;padding:0!important;
  color:#ff8b9d!important;font-size:11px!important;font-weight:650!important;text-align:center!important;line-height:1.25!important;text-shadow:none!important;pointer-events:none!important;
}
body.auth-gated #modal.auth-modal.required-auth #authError.auth-success{color:#73f4c0!important}
body.auth-gated #modal.auth-modal.required-auth .auth-privacy{
  display:flex!important;position:static!important;margin-top:auto!important;padding-top:18px!important;font-size:11px!important;justify-content:center!important;
}
body.auth-gated #modal.auth-modal.required-auth .auth-footer{
  display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:12px!important;z-index:3!important;text-align:center!important;font-size:11px!important;color:#7d89a4!important;
}

/* Native auth scales by available space instead of scaling a screenshot. */
@media (max-width:1250px) and (min-width:901px){
  body.auth-gated #modal.auth-modal.required-auth{--auth-max:1060px;--auth-card:clamp(400px,38vw,480px);--auth-gap:clamp(36px,4.5vw,62px);padding:20px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-wordmark{grid-template-columns:105px 1fr!important;margin-bottom:28px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-brand-mark{width:105px!important;height:105px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-wordmark-text strong{font-size:44px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel h1{font-size:48px!important}
  body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{min-height:560px!important;padding:30px 30px 26px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-lock-icon{width:62px!important;height:62px!important;margin-bottom:13px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-card>h2{font-size:28px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-subtitle{margin-bottom:20px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap{height:52px!important}
  body.auth-gated #modal.auth-modal.required-auth #authSubmit{height:53px!important}
  body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-secondary-action{height:52px!important}
}
@media (max-height:800px) and (min-width:901px){
  body.auth-gated #modal.auth-modal.required-auth{padding:12px 24px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-layout{padding:5px 0!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-wordmark{margin-bottom:20px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel h1{font-size:clamp(42px,4vw,56px)!important;margin-bottom:12px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-lock-card{margin-top:18px!important;min-height:66px!important;padding:10px 13px!important}
  body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{min-height:0!important;padding-top:26px!important;padding-bottom:22px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-lock-icon{width:56px!important;height:56px!important;margin-bottom:10px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-subtitle{margin-bottom:16px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-form{gap:11px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap{height:48px!important}
  body.auth-gated #modal.auth-modal.required-auth #authSubmit{height:50px!important}
  body.auth-gated #modal.auth-modal.required-auth #switchAuth{margin-top:12px!important}
  body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-divider{margin-bottom:11px!important}
  body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-secondary-action{height:48px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-privacy{padding-top:12px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-footer{display:none!important}
}

/* Tablet / portrait: card-first layout; no poster scaling. */
@media (max-width:900px), (orientation:portrait) and (max-width:1200px){
  body.auth-gated #modal.auth-modal.required-auth{
    display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;overflow:auto!important;
    padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  }
  body.auth-gated #modal.auth-modal.required-auth .auth-layout{
    display:flex!important;flex-direction:column!important;width:min(540px,100%)!important;min-height:calc(100dvh - 44px)!important;height:auto!important;
    margin:auto!important;padding:12px 0 24px!important;gap:0!important;align-items:stretch!important;justify-content:center!important;background:none!important;aspect-ratio:auto!important;
  }
  body.auth-gated #modal.auth-modal.required-auth .auth-brand-panel{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{width:100%!important;min-height:0!important;padding:30px clamp(18px,5vw,30px) 26px!important;border-radius:24px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0 0 14px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand img{width:58px!important;height:58px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand strong{font-size:28px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-theme-orb{top:16px!important;right:16px!important;width:38px!important;height:38px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-lock-icon{width:58px!important;height:58px!important;margin-bottom:12px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-card>h2{font-size:27px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-subtitle{font-size:13px!important;margin-bottom:20px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-input-wrap{height:54px!important}
  body.auth-gated #modal.auth-modal.required-auth #authSubmit{height:55px!important}
  body.auth-gated #modal.auth-modal.required-auth #switchAuth .auth-secondary-action{height:54px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-footer{display:none!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-note,body.auth-gated #modal.auth-modal.required-auth .auth-eq{display:none!important}
}
@media (max-width:420px){
  body.auth-gated #modal.auth-modal.required-auth{padding:10px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-layout{min-height:calc(100dvh - 20px)!important;padding:5px 0!important}
  body.auth-gated #modal.auth-modal.required-auth .modalbox.auth-card{padding:24px 15px 20px!important;border-radius:21px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand{margin-bottom:9px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand img{width:50px!important;height:50px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-mobile-brand strong{font-size:25px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-options{align-items:flex-start!important;gap:8px!important}
  body.auth-gated #modal.auth-modal.required-auth #forgotAuth a{font-size:11px!important}
  body.auth-gated #modal.auth-modal.required-auth .auth-privacy{font-size:10px!important}
}


/* ===== FIX65 — Native Auth Isolation Repair =====
   The native login is isolated from legacy FIX59–63 screenshot-overlay rules. */
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset){
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;
  display:grid!important;place-items:center!important;padding:clamp(18px,2.5vw,42px)!important;overflow:auto!important;
  background:
    radial-gradient(ellipse at 16% 22%,rgba(141,32,255,.30),transparent 34%),
    radial-gradient(ellipse at 86% 38%,rgba(0,187,255,.25),transparent 36%),
    radial-gradient(ellipse at 50% 108%,rgba(71,40,255,.28),transparent 43%),
    linear-gradient(135deg,#020617 0%,#061228 52%,#03172e 100%)!important;
  filter:none!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-backdrop-art{
  display:block!important;position:fixed!important;inset:0!important;z-index:0!important;overflow:hidden!important;background:transparent!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{
  position:relative!important;z-index:2!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(420px,34vw,540px)!important;
  gap:clamp(52px,6vw,105px)!important;align-items:center!important;align-content:center!important;
  width:min(1280px,calc(100vw - clamp(40px,6vw,110px)))!important;height:auto!important;min-height:0!important;
  max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:auto!important;padding:clamp(14px,2vh,28px) 0!important;
  transform:none!important;background:none!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel{
  display:block!important;position:static!important;width:auto!important;max-width:620px!important;height:auto!important;margin:0!important;padding:0!important;
  transform:none!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-wordmark{
  display:grid!important;position:static!important;grid-template-columns:clamp(108px,9vw,142px) 1fr!important;grid-template-rows:auto auto!important;
  column-gap:clamp(14px,1.5vw,22px)!important;row-gap:8px!important;align-items:center!important;justify-items:start!important;
  width:max-content!important;max-width:100%!important;margin:0 0 clamp(28px,3.5vh,44px)!important;transform:none!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-mark{
  display:block!important;position:static!important;grid-row:1/3!important;width:clamp(108px,9vw,142px)!important;height:clamp(108px,9vw,142px)!important;
  object-fit:contain!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-wordmark-text{
  display:block!important;position:static!important;width:auto!important;opacity:1!important;visibility:visible!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-wordmark-text strong{
  display:block!important;font-size:clamp(42px,4vw,61px)!important;line-height:1!important;letter-spacing:-2.7px!important;font-weight:860!important;color:#f8f9ff!important;
  opacity:1!important;visibility:visible!important;white-space:nowrap!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-waveform{
  display:block!important;position:static!important;width:clamp(190px,18vw,270px)!important;height:26px!important;margin:10px 0 0!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel h1{
  display:block!important;position:static!important;font-size:clamp(46px,4.3vw,68px)!important;line-height:.99!important;letter-spacing:-3px!important;font-weight:860!important;
  max-width:600px!important;margin:0 0 18px!important;color:#f8f9ff!important;opacity:1!important;visibility:visible!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel>p{
  display:block!important;position:static!important;font-size:clamp(14px,1.1vw,17px)!important;line-height:1.55!important;max-width:555px!important;color:#aebbd2!important;
  margin:0!important;opacity:1!important;visibility:visible!important;text-align:left!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-lock-card{
  display:flex!important;position:static!important;width:min(390px,100%)!important;height:auto!important;min-height:76px!important;margin:clamp(22px,3vh,32px) 0 0!important;
  padding:13px 16px!important;transform:none!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card{
  position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:auto!important;
  min-height:clamp(570px,66vh,650px)!important;margin:0!important;padding:clamp(32px,3.2vw,44px) clamp(30px,3vw,44px) clamp(26px,2.8vw,34px)!important;
  border:1px solid rgba(103,91,255,.64)!important;border-radius:clamp(24px,2vw,30px)!important;
  background:linear-gradient(150deg,rgba(22,27,77,.90),rgba(4,19,48,.95) 62%,rgba(3,18,43,.98))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 65px rgba(49,89,255,.18),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(25px) saturate(125%)!important;-webkit-backdrop-filter:blur(25px) saturate(125%)!important;
  overflow:hidden!important;transform:none!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-theme-orb{
  display:grid!important;position:absolute!important;left:auto!important;right:22px!important;top:22px!important;width:44px!important;height:44px!important;
  margin:0!important;padding:0!important;opacity:1!important;pointer-events:auto!important;z-index:8!important;
  background:rgba(24,45,88,.72)!important;border:1px solid rgba(128,149,255,.20)!important;border-radius:50%!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-lock-icon{
  display:grid!important;position:static!important;width:70px!important;height:70px!important;margin:0 auto 18px!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-card>h2{
  display:block!important;position:static!important;font-size:clamp(28px,2.1vw,34px)!important;margin:0 0 7px!important;text-align:center!important;color:#fff!important;
  opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-subtitle{
  display:block!important;position:static!important;font-size:14px!important;margin:0 0 26px!important;text-align:center!important;color:#aebbd1!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-form{
  display:grid!important;position:static!important;gap:15px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-field{
  display:grid!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:8px!important;
  pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-field>span{
  display:block!important;font-size:12px!important;font-weight:700!important;color:#edf2ff!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap{
  position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;width:100%!important;height:56px!important;margin:0!important;padding:0 14px!important;gap:12px!important;
  border:1px solid rgba(110,145,205,.36)!important;border-radius:13px!important;background:rgba(3,15,39,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;overflow:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap::after{display:none!important;content:none!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-icon{
  display:grid!important;position:static!important;width:21px!important;height:21px!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input{
  position:static!important;inset:auto!important;flex:1!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;color:#f7f9ff!important;font-size:15px!important;font-weight:450!important;line-height:normal!important;caret-color:#fff!important;
  opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-input-wrap input::placeholder{color:#8792aa!important;opacity:1!important;font-size:15px!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-eye{
  display:grid!important;position:static!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  color:#a9bad2!important;background:transparent!important;border:0!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions{
  display:flex!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;font-size:12px!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions .remember{
  position:static!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;margin:0!important;cursor:pointer!important;font-size:12px!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #loginOptions .remember span{opacity:1!important;color:#dce6f5!important;font-size:12px!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #rememberAuth{
  position:static!important;width:16px!important;height:16px!important;margin:0!important;appearance:auto!important;-webkit-appearance:auto!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #forgotAuth{
  display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;opacity:1!important;pointer-events:auto!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #forgotAuth a{
  display:inline!important;width:auto!important;height:auto!important;color:#9c69ff!important;font-size:12px!important;text-decoration:none!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #authSubmit{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:56px!important;margin:1px 0 0!important;padding:0 18px!important;border:0!important;border-radius:13px!important;
  background:linear-gradient(96deg,#d92cff 0%,#7949ff 51%,#11a8f5 100%)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;
  box-shadow:0 12px 33px rgba(90,50,255,.28)!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #authSubmit span{display:inline!important;float:right!important;font-size:25px!important;opacity:1!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;margin:16px 0 0!important;padding:0!important;pointer-events:auto!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-divider{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 13px!important;color:#8f9bb2!important;font-size:12px!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-divider i{display:block!important;flex:1!important;height:1px!important;background:rgba(134,166,218,.20)!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-divider em{font-style:normal!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-secondary-action{
  display:grid!important;position:static!important;grid-template-columns:32px 1fr 32px!important;align-items:center!important;width:100%!important;height:54px!important;margin:0!important;padding:0 14px!important;
  border:1px solid rgba(106,92,255,.64)!important;border-radius:13px!important;background:rgba(5,17,46,.38)!important;color:#fff!important;text-decoration:none!important;
  pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #switchAuth .auth-secondary-action>*{opacity:1!important;visibility:visible!important}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) #authError{
  display:block!important;position:static!important;inset:auto!important;width:100%!important;min-height:16px!important;margin:8px 0 -3px!important;padding:0!important;color:#ff8b9d!important;
  font-size:11px!important;font-weight:650!important;text-align:center!important;line-height:1.25!important;text-shadow:none!important;opacity:1!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-privacy{
  display:flex!important;position:static!important;margin-top:auto!important;padding-top:16px!important;font-size:11px!important;justify-content:center!important;opacity:1!important;visibility:visible!important;
}
body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-footer{
  display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:12px!important;z-index:3!important;text-align:center!important;font-size:11px!important;color:#7d89a4!important;opacity:1!important;
}
@media (max-width:1050px) and (min-width:761px){
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset){padding:18px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{width:min(980px,94vw)!important;grid-template-columns:minmax(0,.9fr) minmax(400px,470px)!important;gap:42px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-mark{width:104px!important;height:104px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-wordmark{grid-template-columns:104px 1fr!important;margin-bottom:25px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-wordmark-text strong{font-size:42px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel h1{font-size:46px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card{min-height:540px!important;padding:28px 28px 24px!important}
}
@media (max-height:760px) and (min-width:901px){
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{transform:scale(.88)!important;transform-origin:center center!important;width:min(1280px,96vw)!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-footer{display:none!important}
}
@media (max-width:760px){
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset){padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))!important;display:block!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-layout{display:flex!important;width:100%!important;min-height:100dvh!important;padding:20px 0 38px!important;align-items:center!important;justify-content:center!important;transform:none!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-brand-panel{display:none!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .modalbox.auth-card{width:min(520px,100%)!important;min-height:auto!important;padding:30px 20px 26px!important;border-radius:24px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-mobile-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0 0 14px!important}
  body.auth-gated #modal.auth-modal.native-auth-v65.required-auth:not(.register):not(.forgot):not(.reset) .auth-footer{display:none!important}
}