@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08070d;--surface:#14101d;--surface2:#1e1a29;--border:#292435;--muted:#9993a8;--purple:#b36dff;--purple2:#7543df;--white:#f9f8fc;font-family:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.backdrop-glow{position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse 520px 350px at 70% 1%,#7d35f319,transparent 75%);pointer-events:none}.shell{max-width:720px;margin:0 auto;min-height:100vh;padding:0 24px 200px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282232}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:46px;width:46px;border-radius:15px;background:linear-gradient(140deg,#b47cff,#7845e4);display:grid;place-items:center;box-shadow:0 5px 30px #893cf744}.brand-glyph{font:700 38px/1 'Unbounded',sans-serif;letter-spacing:-5px;color:#130a1d;transform:translate(-2px,-2px)}.dot{color:white}.brand-type{font:700 21px/.95 'Unbounded';letter-spacing:-1.6px}.brand-period{color:var(--purple)}.brand-type small{display:block;margin-top:9px;font:600 8px/1 'Manrope';letter-spacing:3px;color:#877c9c}.avatar{width:41px;height:41px;display:grid;place-items:center;border:1px solid #332b42;border-radius:14px;background:#1c1826;color:#b5a6d2}.avatar svg{width:21px}.page{display:none;animation:appear .2s ease}.page.active{display:block}@keyframes appear{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin-top:39px;display:flex;align-items:center;gap:9px;color:#b89cff;font-size:10px;font-weight:800;letter-spacing:2.4px}.eyebrow-line{height:2px;width:21px;border-radius:10px;background:var(--purple)}h1{font:700 clamp(27px,6vw,40px)/1.25 'Unbounded',sans-serif;letter-spacing:-2.5px;margin:16px 0 12px}.gradient-text{background:linear-gradient(100deg,#cda7ff 10%,#9853ff 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:13px;color:#a49bb3;margin:0 0 26px}.search-wrap{display:flex;align-items:center;height:58px;background:#1a1722;border:1px solid #41364d;border-radius:17px;box-shadow:0 0 0 4px #66379b08;overflow:hidden}.search-wrap:focus-within{border-color:#9660e6;box-shadow:0 0 0 4px #8848e81a}.search-icon{margin:0 13px 0 18px;width:21px;height:21px;color:#9987ae}.search-wrap input{min-width:0;flex:1;color:white;background:transparent;outline:0;border:0;font-size:13px}.search-wrap input::placeholder{color:#797287}.search-wrap>button{width:43px;height:43px;border:0;border-radius:12px;margin-right:7px;color:white;background:linear-gradient(135deg,#a266ff,#7841e8);display:grid;place-items:center}.search-wrap>button svg{width:19px;height:19px}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-top:28px;margin-bottom:13px;font-size:10px;font-weight:800;letter-spacing:1.9px;color:#b5a7c7}.filter-hint{font-weight:500;letter-spacing:0;color:#70687b;font-size:11px}.sources{display:flex;gap:8px;flex-wrap:wrap}.source{border:1px solid #2f2a38;color:#b0a6bc;background:#16141d;border-radius:11px;min-height:40px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;transition:.17s}.source.selected{background:#302043;border-color:#8f50eb;color:#d8baff;box-shadow:0 0 17px #7e37dd18}.source-spark{font-size:20px;line-height:0;color:#c9a7ff}.spotify-icon{color:#32dc83;font-size:17px}.soundcloud-icon{color:#fa8e40;font-size:18px}.vk-icon{color:#589cff;font-weight:900}.feature{position:relative;height:187px;overflow:hidden;border:1px solid #6d3b9e;border-radius:20px;margin-top:28px;background:linear-gradient(108deg,#26153d 8%,#38185d 65%,#171125 100%)}.feature-label{position:absolute;z-index:3;top:17px;left:20px;display:flex;align-items:center;gap:8px;color:#e5c8ff;font-size:9px;font-weight:800;letter-spacing:2px}.pulse-dot{height:7px;width:7px;border-radius:50%;background:#c789ff;box-shadow:0 0 9px #db7fff}.feature-copy{position:absolute;z-index:3;top:51px;left:22px}.feature-copy p{color:#c49ee4;font-size:9px;letter-spacing:1.7px;margin:0 0 8px;font-weight:700}.feature-copy h2{font:700 28px/1.15 'Unbounded';letter-spacing:-1.6px;margin:0}.feature-copy h2 em{font-style:normal;color:#ce9eff}.feature-copy span{font-size:11px;color:#b9a6c6;display:block;margin-top:14px}.feature-disc{position:absolute;right:-34px;top:16px;width:195px;height:195px;border-radius:50%;background:repeating-radial-gradient(circle at center,#1a102b 0px,#1a102b 4px,#36224e 5px,#1e1530 6px,#170e29 8px);border:2px solid #563278;box-shadow:0 0 60px #b050ff44;transform:rotate(-20deg)}.disc-center{position:absolute;width:65px;height:65px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#0a0810 0 12%,#c69dff 14% 60%,#7540bc 61%);box-shadow:0 0 20px #ab76ef}.feature-shine{position:absolute;inset:0;background:linear-gradient(103deg,transparent 43%,#b975ff11 60%,transparent 85%)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px}.section-heading h2{font:600 15px 'Unbounded';letter-spacing:-.4px;margin:0}.count{font-size:10px;letter-spacing:1px;color:#81738f;font-weight:700}.track-list{display:flex;flex-direction:column;gap:9px}.empty-state{border:1px dashed #383044;background:#13111a;border-radius:18px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:20px}.empty-icon{font-size:26px;color:#ac73f6}.empty-state strong{font-size:12px}.empty-state>span:last-child{font-size:11px;color:#81798f}.track{width:100%;display:flex;align-items:center;gap:12px;padding:9px;text-align:left;border:1px solid #252130;border-radius:15px;background:#16131d;color:var(--white)}.track:hover{border-color:#654385}.track-art{width:49px;height:49px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:linear-gradient(140deg,#5e357d,#261b3d);color:#d6a7ff;font-size:24px}.track-art.alt1{background:linear-gradient(140deg,#3b264b,#7845a0)}.track-art.alt2{background:linear-gradient(140deg,#41205b,#1a1c43)}.track-meta{min-width:0;flex:1}.track-meta strong,.track-meta span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-meta strong{font-size:13px;letter-spacing:-.2px}.track-meta span{font-size:11px;color:#9b91a8;margin-top:5px}.track-right{display:flex;align-items:center;gap:10px}.track-badge{font-size:9px;font-weight:800;letter-spacing:.6px;color:#ae8ed7}.track-menu{background:transparent;border:0;color:#b3a5c4;font-size:25px;line-height:1;padding:4px}.loading{padding:25px;text-align:center;color:#b19bbc;font-size:12px}.settings-card{display:flex;gap:15px;align-items:center;margin:14px 0;padding:18px;background:#17131f;border:1px solid #332740;border-radius:17px}.settings-icon{width:40px;height:40px;border-radius:12px;background:#342246;color:#d4a8ff;display:grid;place-items:center;font-size:21px}.settings-card strong{font-size:13px}.settings-card p{margin:5px 0 0;font-size:11px;color:#988ca5}.settings-note{display:flex;justify-content:space-between;margin-top:34px;color:#82748f;font-size:10px;letter-spacing:1px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);height:calc(74px + env(safe-area-inset-bottom));padding:9px 18px env(safe-area-inset-bottom);background:#121018ed;backdrop-filter:blur(18px);border-top:1px solid #2b2336;display:flex;justify-content:space-around}.nav-item{background:transparent;border:0;color:#80758d;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center;min-width:90px;font-size:10px;font-weight:700}.nav-item svg{width:22px;height:22px}.nav-item.active{color:#bb82ff}.nav-item.active svg{filter:drop-shadow(0 0 7px #9951ef)}.player{position:fixed;z-index:9;bottom:calc(74px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(706px,calc(100% - 14px));background:#282035ee;backdrop-filter:blur(22px);border:1px solid #57436a;border-bottom:0;border-radius:17px 17px 0 0;box-shadow:0 -9px 30px #0007}.player[hidden],.modal[hidden]{display:none}.player-progress{height:4px;background:#51415d;cursor:pointer;overflow:hidden;border-radius:17px 17px 0 0}.player-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#a36bff,#d6a5ff)}.player-inner{display:flex;align-items:center;gap:11px;padding:10px 13px 4px}.player-cover{width:43px;height:43px;flex-shrink:0;background:linear-gradient(135deg,#ac77ee,#532a82);border-radius:9px;display:grid;place-items:center;font-size:21px}.player-meta{flex:1;min-width:0}.player-meta strong,.player-meta span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-meta strong{font-size:12px}.player-meta span{font-size:10px;color:#b9a5c9;margin-top:4px}.player-control{border:0;background:none;color:#d1bee1;font-size:19px;padding:2px}.play-main{width:35px;height:35px;flex-shrink:0;border:none;border-radius:50%;background:#b983ff;color:#150e1c;font-size:13px}.player-footer{display:flex;justify-content:space-between;padding:0 13px 6px;color:#b29cc4;font-size:9px}.toast{position:fixed;z-index:80;left:50%;transform:translateX(-50%) translateY(12px);bottom:calc(96px + env(safe-area-inset-bottom));max-width:90%;background:#332044;border:1px solid #7f51a5;color:#f4eaff;padding:11px 18px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal-bg{position:absolute;inset:0;background:#020106bb;backdrop-filter:blur(5px)}.modal-body{position:relative;width:min(720px,100%);padding:14px 24px calc(26px + env(safe-area-inset-bottom));border:1px solid #533669;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(150deg,#271832,#130f1a 67%);text-align:center}.modal-handle{width:40px;height:4px;border-radius:50px;margin:0 auto 19px;background:#674b7b}.modal-cover{width:110px;height:110px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;font-size:54px;color:#e1c5ff;background:linear-gradient(140deg,#8b4cd4,#291743);box-shadow:0 18px 60px #8c43c633}.modal-body h3{font:600 19px 'Unbounded';margin:3px 0}.modal-body p{font-size:13px;color:#ac9bb6;margin:5px}.modal-source{font-size:10px;font-weight:800;letter-spacing:2px;color:#bf8aff;margin:13px 0}.modal-actions{display:grid;gap:10px}.modal-actions button{width:100%;padding:14px;border-radius:12px;font-size:12px;font-weight:700}.modal-primary{background:linear-gradient(110deg,#a36bff,#7842e5);color:white;border:0}.modal-secondary{background:#251c30;color:#e9dcf1;border:1px solid #483555}.modal-link{color:#bd91f4;text-decoration:none;font-size:12px;padding:10px}.modal-close{background:none;color:#8d7d98;border:0;padding:11px;font-size:11px}.demo-pill{background:#352242;border:1px solid #8151a3;color:#d2aef5;border-radius:100px;font-size:9px;padding:4px 8px;margin-left:8px}@media(max-width:400px){.shell{padding:0 16px 190px}.topbar{height:90px}.feature-disc{right:-70px}.feature-copy h2{font-size:32px}.source{padding:0 11px}.feature{height:174px}.eyebrow{margin-top:29px}h1{letter-spacing:-1.7px}}

/* sqento 2.0: calm typography, query-first source selector, personal history */
[hidden]{display:none!important}
body{letter-spacing:-.15px}
.topbar{height:88px}
.brand-type small{letter-spacing:2.1px}
.eyebrow{letter-spacing:2px}
.tagline{font-size:13px;line-height:1.65}
.search-wrap{border-radius:18px;background:#17131f;border-color:#3a2c4e;box-shadow:0 12px 38px #00000030}
.search-wrap input{font-size:14px}
.source{border-radius:12px}
#source-options{animation:appear .25s ease}
#source-options .filter-heading{margin-top:22px}
.feature{background:linear-gradient(120deg,#211331,#35144e 64%,#130c20);border-color:#67398c}
.feature-copy{top:49px}
.track{border-radius:16px;padding:11px}
.bottom-nav{justify-content:space-between;padding-left:10px;padding-right:10px}
.nav-item{min-width:0;flex:1;font-size:9px}
.nav-item svg{width:21px;height:21px}
.history-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#181320;border:1px solid #33273e;border-radius:15px;padding:5px;margin:22px 0}
.history-tab{padding:12px 8px;color:#aa9ab7;background:none;border:none;border-radius:11px;font-size:12px;font-weight:700}
.history-tab.active{color:#efe4fc;background:#39254f;box-shadow:0 3px 12px #0004}
.history-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 13px;color:#b9a7cb;font-size:12px;font-weight:700}
.history-topline button{color:#be8cfa;font-size:11px;border:0;background:transparent;padding:8px 0}
.history-list{display:flex;flex-direction:column;gap:9px}
.history-query{display:flex;gap:13px;width:100%;align-items:center;text-align:left;background:#17121f;border:1px solid #32273e;border-radius:15px;color:white;padding:13px}
.history-query-mark{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:11px;background:#38224f;color:#cb99ff;font-size:27px}
.history-query-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.history-query-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-query-meta small,.history-stamp{color:#9b8ba9;font-size:10px;font-weight:500}
.history-arrow{color:#a673df;font-size:18px}
.history-stamp{display:block;margin-top:4px}
@media(max-width:400px){.feature-copy h2{font-size:25px}.feature-disc{right:-84px}.bottom-nav{padding-left:4px;padding-right:4px}.nav-item{font-size:9px}h1{letter-spacing:-1.1px}}

/* sqento 2.1 — brand refresh */
.topbar{height:88px}
.brand{display:flex;align-items:center;min-width:0}
.brand-logo{display:block;width:180px;height:58px;object-fit:contain;object-position:left center;max-width:calc(100vw - 110px)}
@media(max-width:400px){.brand-logo{width:158px;height:52px}}

/* sqento 3.0 — album discovery and immersive player */
.search-kind-switch,.collection-tabs{display:flex;gap:6px;background:#15111d;padding:5px;border-radius:15px;border:1px solid #30253d;margin:18px 0 12px}
.kind-tab,.collection-tab{flex:1;background:transparent;border:0;border-radius:11px;color:#a89cb8;padding:12px;font-size:12px;font-weight:800;transition:.2s}
.kind-tab.active,.collection-tab.active{color:white;background:#563477;box-shadow:0 2px 12px #0005}
.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.album-card{background:#16121d;color:#fff;border:1px solid #33263e;border-radius:18px;text-align:left;padding:10px;overflow:hidden}
.album-card:focus-visible,.track:focus-visible{outline:2px solid #b77eff}
.album-cover{aspect-ratio:1;border-radius:12px;width:100%;background:linear-gradient(135deg,#5e2b8b,#160e28);display:grid;place-items:center;color:#d8afff;font-size:48px;overflow:hidden}
.album-cover img,.full-cover img,.album-hero-cover img,.track-art img,.player-cover img{width:100%;height:100%;object-fit:cover;display:block}
.album-card strong,.album-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-card strong{font-size:12px;margin:11px 1px 5px}.album-card small{font-size:10px;color:#aba0ba;margin:0 1px 6px}
.history-tabs{grid-template-columns:repeat(3,1fr)}.history-tab{font-size:11px;padding:12px 3px}
.album-view{position:fixed;inset:0;background:linear-gradient(160deg,#2b1741,#0c0a11 46%);z-index:30;overflow:auto}
.album-view-inner{max-width:720px;margin:auto;padding:24px 20px 160px}.album-back{background:#ffffff16;border:1px solid #ffffff22;color:white;padding:10px 16px;border-radius:99px;margin-bottom:22px}
.album-hero-cover{width:min(68vw,260px);aspect-ratio:1;margin:0 auto 20px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#5b328c;font-size:70px;box-shadow:0 22px 65px #0009}
.album-detail{text-align:center}.album-detail h2{font:700 21px/1.3 'Unbounded',sans-serif;letter-spacing:-.8px;margin:12px 0 8px}.album-detail p{font-size:13px;color:#b4a6c5;margin:0 0 18px}.album-detail .album-actions{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.album-detail .album-actions button{border:none;border-radius:100px;background:#9d68f6;color:#160d22;padding:12px 18px;font-weight:800}.album-detail .album-actions button.ghost{background:#372744;color:white}.album-track-list{text-align:left;display:grid;gap:8px}.album-track-list .track{background:#ffffff09;border:0}
.full-player{position:fixed;inset:0;z-index:60;background:linear-gradient(170deg,#573281 0%,#2b1b40 37%,#100c17 78%);overflow:auto;color:#fff;padding:calc(22px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom))}
.full-player-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 310px 290px at 60% 32%,#c66cff26,transparent);z-index:-1}
.full-player-header{max-width:570px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.3px}.full-player-header button{font-size:28px;background:none;border:0;color:white}.full-player-header span:last-child{font-size:13px;letter-spacing:-.5px}
.full-cover{width:min(100%,410px);aspect-ratio:1;max-height:44vh;margin:7vh auto 35px;border-radius:14px;box-shadow:0 20px 75px #0008;background:linear-gradient(135deg,#7642b5,#29152e);display:grid;place-items:center;font-size:90px;overflow:hidden}
.full-meta{display:flex;align-items:center;justify-content:space-between;max-width:570px;margin:0 auto 28px}.full-meta h2{font-size:clamp(19px,5vw,25px);margin:0 0 6px}.full-meta p{color:#d3c2e1;font-size:13px;margin:0}.full-meta button{background:none;border:none;font-size:30px;color:#cbb1e7}
#full-seek{display:block;width:100%;max-width:570px;margin:0 auto;accent-color:#c18aff;height:5px;cursor:pointer}.full-times{display:flex;justify-content:space-between;max-width:570px;margin:10px auto;color:#d8c9e4;font-size:11px}
.full-controls{display:flex;justify-content:space-evenly;align-items:center;max-width:410px;margin:27px auto}.full-controls button{background:none;border:none;color:#eee;font-size:23px}.full-controls .full-play{height:70px;width:70px;border-radius:50%;background:white;color:#1c1024;font-size:27px}
.full-preview-note{text-align:center;font-size:11px;color:#b2a0c5;margin-top:36px}
.player-meta,.player-cover{cursor:pointer}
@media(min-height:900px){.full-cover{margin-top:8vh}}
@media(max-height:650px){.full-cover{width:min(55vw,250px);margin:12px auto 15px}.full-meta{margin-bottom:14px}.full-controls{margin:10px auto}}

/* sqento 3.2 — restrained, immersive player; live discovery */
#page-search>h1{font-size:clamp(27px,7vw,43px);line-height:1.2;margin-bottom:25px}
#page-search>.eyebrow{margin-bottom:12px}
.search-wrap{border:1px solid #463359;background:#191323;transition:border-color .2s,box-shadow .2s}
.search-wrap:focus-within{border-color:#9d66ea;box-shadow:0 0 0 3px #9d66ea20}
#search-btn{opacity:.7}
.results-load-more{text-align:center;padding:20px;color:#b5a2c9;font-size:12px}
#results[data-busy="true"]{min-height:90px}
.full-player{background:linear-gradient(155deg,#3c2355 0%,#20152d 34%,#100c17 68%,#09080e 100%);padding-left:clamp(20px,5vw,36px);padding-right:clamp(20px,5vw,36px)}
.full-player-glow{background:radial-gradient(circle at 50% 33%,#8955a431,transparent 58%)}
.full-player-header{font-size:10px;letter-spacing:2px;color:#ded1e7}
.full-player-header span:last-child{font:650 14px 'Unbounded',sans-serif;letter-spacing:-.8px;color:#ead4ff}
.full-cover{width:min(100%,410px);max-height:min(46vh,410px);border-radius:8px;box-shadow:0 25px 75px #000b;margin-top:clamp(18px,5vh,48px);margin-bottom:clamp(18px,4vh,42px)}
.full-meta h2{font:700 clamp(17px,4.8vw,25px)/1.35 'Manrope',sans-serif;letter-spacing:-.55px}
.full-meta p{color:#c1afcd}
#full-seek{height:4px;accent-color:#d4b3ff}
.full-times{font-variant-numeric:tabular-nums;color:#ae9ebc}
.full-controls{justify-content:space-between;max-width:340px;margin:26px auto}
.full-controls button{font-size:22px;min-width:44px;min-height:44px}
.full-controls .full-play{width:66px;height:66px;background:#f8f2ff;color:#1c0f2b;box-shadow:0 8px 30px #0005}
.full-preview-note{margin-top:18px;color:#9e90b0;letter-spacing:.2px}
#modal-mp3:disabled{opacity:.55;cursor:not-allowed}

/* sqento 3.3 — soft, rounded, tactile music player */
.full-player{background:radial-gradient(ellipse 110% 65% at 50% -7%,#63328a 0%,#2c1940 45%,#0b0911 95%);display:flex;flex-direction:column;overscroll-behavior:contain}
.full-player-glow{background:radial-gradient(ellipse at 50% 34%,#b56bff19,transparent 65%)}
.full-cover{width:min(100%,390px);max-height:min(43vh,390px);border-radius:32px;box-shadow:0 22px 75px #000a,0 0 0 1px #fff1;margin-top:clamp(14px,4vh,36px);margin-bottom:clamp(20px,5vh,44px)}
.full-meta{margin-bottom:23px}.full-meta button{width:48px;height:48px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff22}
#full-seek{display:block;width:100%;height:34px;max-width:570px;margin:0 auto;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y;cursor:pointer;--seek-percent:0%}
#full-seek::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,#e3c8ff 0%,#c18aff var(--seek-percent),#ffffff3e var(--seek-percent),#ffffff3e 100%);box-shadow:inset 0 1px 3px #0004}
#full-seek::-moz-range-track{height:12px;background:#ffffff3e;border-radius:999px}
#full-seek::-moz-range-progress{height:12px;background:#d2a4ff;border-radius:999px}
#full-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-6px;border-radius:50%;background:#fff;border:4px solid #c890f9;box-shadow:0 2px 16px #0008}
#full-seek::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:#fff;border:4px solid #c890f9;box-shadow:0 2px 16px #0008}
.full-times{margin-top:0;color:#c1b2d0}
.full-controls{max-width:340px;margin:12px auto 18px}.full-controls button:not(.full-play){border-radius:50%;background:#ffffff0c;min-height:54px;min-width:54px}.full-controls .full-play{width:76px;height:76px;border-radius:50%;background:#d3a0ff;color:#1b0b29;box-shadow:0 12px 33px #0005}
.player{border-radius:23px 23px 0 0;background:#2c2040ee}.player-progress{height:7px;border-radius:23px 23px 0 0}.play-main{background:#d5a3ff;width:42px;height:42px}
.modal-body{border-radius:32px 32px 0 0}.modal-actions button{border-radius:19px}.track{border-radius:21px}.search-wrap{border-radius:24px}
@media(max-height:690px){.full-cover{max-height:34vh;width:min(38vh,260px);margin:12px auto 14px}.full-meta{margin-bottom:10px}.full-controls{margin:6px auto}}

.full-player[hidden]{display:none}

/* sqento 3.5: balanced compact responsive player, improved touch scrubbing */
.full-player { overflow-y:auto; overflow-x:hidden; min-height:100dvh; padding:calc(20px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom)); gap:0; background:radial-gradient(ellipse 95% 46% at 50% 0%, #4b255e 0%,#201429 56%,#0c0a12 100%); }
.full-player-header { width:100%; max-width:450px; display:grid; grid-template-columns:48px minmax(0,1fr) 68px; align-items:center; min-height:42px; margin:0 auto 20px; gap:8px; text-align:center; }
.full-player-header button { width:44px; height:44px; padding:0; display:grid; place-items:center; border-radius:50%; background:#ffffff12; font-size:25px; }
.full-player-header>span:nth-child(2){font-size:10px;letter-spacing:1.8px;white-space:nowrap}
.full-player-header .fp-brand {font:700 12px 'Unbounded',sans-serif;letter-spacing:-.8px;white-space:nowrap;text-align:right}
.full-cover { width:min(100%, 420px, 39dvh); height:auto; max-height:none; aspect-ratio:1; flex:0 0 auto; margin:0 auto clamp(22px,4vh,40px); border-radius:28px; box-shadow:0 18px 58px #0009; }
.full-meta { width:100%;max-width:450px;display:flex;align-items:center;gap:18px;margin:0 auto 20px;min-height:65px; }
.full-meta-copy { min-width:0;flex:1; }
.full-meta h2 {font:750 clamp(18px,5vw,25px)/1.2 'Manrope',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px;}
.full-meta p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.full-meta button {flex:0 0 52px; width:52px; height:52px; display:grid;place-items:center; margin:0;border-radius:50%;background:#ffffff14;border:1px solid #ffffff1f;font-size:28px}
#full-seek {flex:0 0 auto; width:100%;max-width:450px;height:42px;margin:0 auto;touch-action:none;}
#full-seek::-webkit-slider-runnable-track{height:10px;background:linear-gradient(to right,#dcaeff 0%,#bd88ee var(--seek-percent),#ffffff38 var(--seek-percent),#ffffff38 100%)}
#full-seek::-webkit-slider-thumb{width:22px;height:22px;border:3px solid #d6a3ff;margin-top:-6px;box-shadow:0 0 0 5px #c99af82c,0 2px 10px #0007}
.full-times {width:100%;max-width:450px;margin:-2px auto 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:initial;gap:16px;font-variant-numeric:tabular-nums;font-size:12px;}
.full-times span:first-child{justify-self:start;text-align:left}.full-times span:last-child{justify-self:end;text-align:right}
.full-controls{width:min(100%,330px);display:flex;justify-content:space-around;align-items:center;margin:clamp(10px,2vh,25px) auto 0;gap:12px;}
.full-controls button:not(.full-play){width:54px;height:54px;min-width:54px;min-height:54px;border-radius:50%;background:#ffffff10}
.full-controls .full-play{width:76px;height:76px;min-height:76px;flex:0 0 76px;background:#cda1f6;color:#170e20}
.full-preview-note{margin:12px auto 0;text-align:center;max-width:450px;font-size:11px;color:#b1a4bd}
.full-video-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px auto 0;max-width:450px}
.full-video-btn{border:1px solid #ba8cf2;background:#9e66de;color:#160d20;border-radius:20px;padding:12px 17px;font-weight:800}
.full-video-search{color:#d0b4f2;font-size:12px;line-height:1.4;text-decoration:none}
.full-video-panel{width:100%;max-width:450px;margin:18px auto 0;padding:13px;background:#161020;border:1px solid #ffffff27;border-radius:22px}
.full-video-panel[hidden]{display:none}
.full-video-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:12px;color:#c7a9ed}
.full-video-panel-head button{background:#ffffff15;color:#fff;border:0;border-radius:12px;padding:8px}
.full-video-frame{width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:14px;background:#000}
.full-video-frame iframe{display:block;border:0;width:100%;height:100%}
#full-video-original{display:block;margin:10px 0 0;color:#cba5f6;font-size:12px;text-decoration:none}
@media(max-height:760px){.full-cover{width:min(100%,290px,34dvh);margin-bottom:14px}.full-player-header{margin-bottom:10px}.full-controls{margin-top:8px}.full-controls .full-play{width:64px;height:64px;min-height:64px;flex-basis:64px}.full-preview-note{margin-top:7px}}
@media(max-width:350px){.full-player{padding-left:15px;padding-right:15px}.full-player-header{grid-template-columns:42px minmax(0,1fr) 56px}.full-player-header .fp-brand{font-size:11px}}

/* ==========================================================
   sqento 4.1 | Golden hour + Midnight | Responsive tactile UI
   ========================================================== */
:root {
  --accent:#b77bfa;--accent-strong:#9251e7;--accent-soft:#3b2351;
  --text:#f9f7ff;--subtext:#b4a7c6;--card:#17121f;
  --line:#382943;--glass:rgba(28,20,39,.88);
  color-scheme:dark;
}
:root[data-theme="light"] {
  --bg:#fffaf0;--surface:#fffdf7;--surface2:#f8ecd2;
  --border:#eadcb9;--muted:#84765f;--purple:#b18a33;--purple2:#c9a750;
  --white:#302514;--accent:#be943b;--accent-strong:#977027;
  --accent-soft:#fff1c5;--text:#302514;--subtext:#76664d;
  --card:#fffdf8;--line:#ebddb8;--glass:rgba(255,250,238,.94);
  color-scheme:light;
}
html { scroll-behavior:smooth; }
body {background:var(--bg);color:var(--text);transition:background-color .28s,color .28s}
:root[data-theme="light"] .backdrop-glow{background:radial-gradient(ellipse 520px 400px at 75% -10%,#dcb96d35,transparent 75%)}
:root[data-theme="light"] .topbar{border-bottom-color:var(--line)}
:root[data-theme="light"] .avatar{background:#fff5dc;border-color:#dfc88a;color:#866521}
:root[data-theme="light"] .eyebrow{color:#aa8239}
:root[data-theme="light"] .eyebrow-line{background:#c79b46}
:root[data-theme="light"] .gradient-text{background:linear-gradient(115deg,#b48b35,#e3b852);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="light"] .tagline{color:var(--subtext)}
:root[data-theme="light"] .search-wrap{background:#fffdf7;border-color:#e8d9ac;box-shadow:0 4px 22px #98753b0c}
:root[data-theme="light"] .search-wrap:focus-within{border-color:#bc9649;box-shadow:0 0 0 4px #d7b45c24}
:root[data-theme="light"] .search-wrap input{color:var(--text)}
:root[data-theme="light"] .search-wrap input::placeholder{color:#9f917a}
:root[data-theme="light"] .search-wrap>button{background:linear-gradient(135deg,#e5bf70,#a87b2b);color:#fff}
:root[data-theme="light"] .search-icon{color:#967946}
:root[data-theme="light"] .source,.theme-light .source{background:#fffdf8;color:#746345;border-color:#e6d8b8}
:root[data-theme="light"] .source.selected{background:#ffedc5;color:#795b23;border-color:#c7a34f;box-shadow:0 3px 15px #b18a3324}
:root[data-theme="light"] .source-spark{color:#ab863d}
:root[data-theme="light"] .filter-heading{color:#8d7040}
:root[data-theme="light"] .filter-hint{color:#978971}
:root[data-theme="light"] .section-heading h2{color:#342a1b}
:root[data-theme="light"] .count{color:#94816a}
:root[data-theme="light"] .track,:root[data-theme="light"] .album-card,:root[data-theme="light"] .history-query{background:#fffdf7;color:#382a18;border-color:#ebdfc9}
:root[data-theme="light"] .track:hover{border-color:#caa85c}
:root[data-theme="light"] .track-meta span,:root[data-theme="light"] .album-card small{color:#89765f}
:root[data-theme="light"] .track-badge{color:#9b793b}
:root[data-theme="light"] .track-menu{color:#846b43}
:root[data-theme="light"] .empty-state{background:#fffdf7;border-color:#e3cfaa;color:#382a18}
:root[data-theme="light"] .empty-state span{color:#a38d6a}
:root[data-theme="light"] .empty-icon{color:#bb8d3f}
:root[data-theme="light"] .bottom-nav{background:var(--glass);border-top-color:#e3d6b8}
:root[data-theme="light"] .nav-item{color:#91826e}
:root[data-theme="light"] .nav-item.active{color:#a67d35}
:root[data-theme="light"] .nav-item.active svg{filter:drop-shadow(0 0 6px #c699493f)}
:root[data-theme="light"] .collection-tab,:root[data-theme="light"] .history-tab,:root[data-theme="light"] .kind-tab{color:#75654d}
:root[data-theme="light"] .collection-tab.active,:root[data-theme="light"] .history-tab.active,:root[data-theme="light"] .kind-tab.active{background:#f3dfae;color:#78551e;border-color:#c49e52}
:root[data-theme="light"] .history-topline,:root[data-theme="light"] .history-topline button{color:#806b45}
:root[data-theme="light"] .modal-body,:root[data-theme="light"] .album-view{background:#fffaf0;color:#38291b}
:root[data-theme="light"] .modal-bg{background:#2015068c}
:root[data-theme="light"] .modal-actions .modal-secondary,:root[data-theme="light"] .modal-close{background:#ffedce;color:#6e5527;border-color:#e2cfaa}
:root[data-theme="light"] .modal-primary,:root[data-theme="light"] .album-actions button:not(.ghost){background:#b7913d;color:#fff}
:root[data-theme="light"] .toast{background:#fff2d3;color:#65441a;border-color:#d5b76f;box-shadow:0 8px 25px #a07b392b}
:root[data-theme="light"] .settings-card{background:#fffdf7;border-color:#e8dbba}
:root[data-theme="light"] .settings-icon{background:#f7e7be;color:#946d2c}
:root[data-theme="light"] .settings-card p{color:#857458}
:root[data-theme="light"] .settings-note{color:#917b56}
/* Theme & preferred platform settings */
.setting-group{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
.setting-group-title{font:700 12px 'Unbounded',sans-serif;letter-spacing:-.4px;color:var(--accent);margin-bottom:16px}
.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.setting-row strong{display:block;font-size:13px;color:var(--text)}
.setting-row p,.setting-help{margin:5px 0 0;font-size:11px;color:var(--subtext);line-height:1.6}
.setting-help{margin-top:13px}
.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border-radius:17px;background:var(--surface2)}
.segmented-btn,.platform-grid button{min-height:42px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--subtext);font-size:11px;font-weight:800;transition:background .18s,color .18s,border-color .18s}
.segmented-btn.active,.platform-grid button.active{color:var(--text);background:var(--accent-soft);border-color:var(--accent);box-shadow:0 3px 14px #0000000c}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.platform-grid button{background:var(--surface2);border:1px solid var(--line);text-align:center}
:root[data-theme="light"] .segmented-btn.active,:root[data-theme="light"] .platform-grid button.active{background:#fff0c0;color:#835f24}
/* Mini player: previous | track | cover+pause | artist+album | next */
.player{border:1px solid var(--line);border-radius:22px 22px 0 0;background:var(--glass);box-shadow:0 -12px 30px #0002;overflow:hidden}
.player-progress{height:4px;border-radius:0;background:color-mix(in srgb,var(--accent) 20%,transparent)}
.player-progress-fill{background:var(--accent);border-radius:999px;transition:width .15s linear}
.player-inner{display:grid;grid-template-columns:30px minmax(0,1fr) 51px minmax(0,1fr) 30px;gap:7px;align-items:center;padding:10px 9px 4px;touch-action:pan-y;min-height:67px}
.player-control{display:grid;place-items:center;color:var(--text);background:none;border:0;font-size:29px;min-width:27px;min-height:42px;padding:0}
.player-mini-left{min-width:0;text-align:right}
.player-mini-left strong{display:block;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.player-cover-button{position:relative;display:block;flex:0 0 auto;width:51px;height:51px;padding:0;background:none;border:0;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #0003}
.player-cover{display:grid;width:100%;height:100%;border-radius:inherit;place-items:center;background:var(--accent-soft);color:var(--accent)}
.mini-cover-pause{position:absolute;inset:0;display:grid;place-items:center;background:#120a18a3;color:#fff;font-size:21px;font-weight:800;opacity:.92;transition:background .15s}
.player-cover-button:active .mini-cover-pause{background:#13091bd9}
.player-meta{min-width:0;cursor:pointer}
.player-meta span,.player-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
.player-meta span{color:var(--text);font-size:11px;font-weight:700;margin:0}
.player-meta small{font-size:9px;color:var(--subtext);margin-top:3px}
.player-meta small[hidden]{display:none}
.player-footer{padding:0 13px 5px;color:var(--subtext);font-size:9px;font-variant-numeric:tabular-nums}
:root[data-theme="light"] .player{background:#fff8e6f5;border-color:#e3cc96}
:root[data-theme="light"] .mini-cover-pause{background:#6f4b25aa}
/* Full immersive player with cover art behind frosted overlay */
.full-player{position:fixed;inset:0;z-index:60;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:hidden;padding:calc(14px + env(safe-area-inset-top)) clamp(19px,5vw,31px) calc(26px + env(safe-area-inset-bottom));background:#0b0811;color:#fff;overscroll-behavior:contain}
.full-player[hidden]{display:none}
.full-backdrop{position:fixed;z-index:-2;inset:-70px;overflow:hidden;background:linear-gradient(150deg,#332042,#09070e)}
.full-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(65px) saturate(1.4);transform:scale(1.15);opacity:.72}
.full-backdrop img[hidden]{display:none}
.full-player::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,17,.60) 0%,rgba(10,8,17,.48) 32%,rgba(9,7,15,.86) 100%);pointer-events:none}
.full-player-glow{display:none}
.full-player-header{width:100%;max-width:470px;display:grid;grid-template-columns:46px minmax(0,1fr) 66px;gap:7px;margin:0 auto 17px;align-items:center;min-height:44px;text-align:center;color:#f4eef7}
.full-player-header button{border:1px solid #ffffff26;background:#ffffff1b;color:#fff;backdrop-filter:blur(12px)}
.full-player-header span:nth-child(2){font-size:10px;font-weight:800;letter-spacing:1.7px}
.full-player-header .fp-brand{color:#f8eafc;font:700 13px 'Unbounded',sans-serif;text-align:right}
.full-swipe-area{width:100%;max-width:460px;margin:0 auto;touch-action:pan-y}
.full-cover{display:grid;place-items:center;margin:0 auto clamp(22px,4vh,38px);width:min(100%, 370px, 43dvh);aspect-ratio:1;max-height:none;height:auto;overflow:hidden;border-radius:29px;box-shadow:0 22px 65px #0008,0 0 0 1px #ffffff2b;flex:0 0 auto}
.full-cover img{width:100%;height:100%;object-fit:cover}
.full-meta{width:100%;max-width:460px;display:flex;gap:14px;margin:0 auto 22px;align-items:center}
.full-meta-copy{min-width:0;flex:1}
.full-meta h2{font:800 clamp(18px,5.3vw,27px)/1.22 'Manrope',sans-serif;color:#fff;letter-spacing:-.4px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 5px}
.full-meta p{font:600 14px 'Manrope',sans-serif;color:#e5ddeb;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.full-meta small{display:block;color:#d0bfd9;font-size:12px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.full-meta small[hidden]{display:none}
.full-meta button{flex:0 0 49px;width:49px;height:49px;color:#f7eafc;background:#ffffff1f;border:1px solid #ffffff30;backdrop-filter:blur(14px)}
.full-timeline{width:100%;max-width:460px;margin:0 auto}
#full-seek{display:block;width:100%;max-width:none;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;touch-action:none;--seek-percent:0%;cursor:pointer;outline:none}
#full-seek::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,#f5ecff 0%,#e3c0ff var(--seek-percent),#ffffff55 var(--seek-percent),#ffffff55 100%);box-shadow:inset 0 2px 3px #0002}
#full-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;border:4px solid #e0b4ff;background:#fff;margin-top:-7px;box-shadow:0 0 0 5px #ffffff2c,0 2px 10px #0005}
#full-seek::-moz-range-track{height:12px;border-radius:999px;background:#ffffff55}
#full-seek::-moz-range-progress{height:12px;border-radius:999px;background:#e3c0ff}
#full-seek::-moz-range-thumb{height:19px;width:19px;background:#fff;border:4px solid #dfb8ff;border-radius:50%}
.full-times{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:-1px 0 0;font-size:12px;color:#e8dfe9;font-variant-numeric:tabular-nums}
.full-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,335px);max-width:335px;margin:20px auto 12px}
.full-controls button:not(.full-play){width:55px;height:55px;min-width:55px;min-height:55px;background:#ffffff19;color:#fff;border:1px solid #ffffff2a;border-radius:50%;backdrop-filter:blur(12px)}
.full-controls .full-play{width:75px;height:75px;min-width:75px;min-height:75px;flex-basis:75px;background:#f2e6ff;color:#2b1537;border-radius:50%;box-shadow:0 8px 30px #0004}
.full-preview-note{color:#f5e9fb9a;margin:10px auto}
.full-video-search{color:#f4defd}
.full-video-btn{background:#ddabff;color:#1b0c24;border:0}
.full-video-panel{background:#1b1128e6}
:root[data-theme="light"] .full-player{background:#4d3518;color:#fff}
:root[data-theme="light"] .full-backdrop{background:linear-gradient(155deg,#a88a4a,#d3c29a)}
:root[data-theme="light"] .full-player::before{background:linear-gradient(180deg,rgba(70,49,22,.55),rgba(51,34,14,.58) 43%,rgba(35,24,12,.89))}
:root[data-theme="light"] .full-controls .full-play{background:#f7e0a0;color:#392811}
:root[data-theme="light"] #full-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff8e8 0%,#f5d88d var(--seek-percent),#ffffff5c var(--seek-percent),#ffffff5c 100%)}
:root[data-theme="light"] #full-seek::-webkit-slider-thumb{border-color:#e9bd62}
@media(max-height:700px){.full-player-header{margin-bottom:9px}.full-cover{width:min(100%,285px,34dvh);margin-bottom:14px}.full-meta{margin-bottom:8px}.full-controls{margin:10px auto 5px}.full-controls .full-play{width:64px;height:64px;min-height:64px;min-width:64px;flex-basis:64px}}
@media(max-width:370px){.player-inner{grid-template-columns:26px minmax(0,1fr) 46px minmax(0,1fr) 26px;gap:5px;padding:8px 5px 4px}.player-cover-button{width:46px;height:46px}.player-mini-left strong,.player-meta span{font-size:10px}.nav-item{min-width:60px}.segmented-btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

/* sqento 4.2 — Home dashboard and navigation */
button.brand-home{border:0;background:transparent;padding:0;display:flex;align-items:center;cursor:pointer;min-width:0;max-width:75%;-webkit-tap-highlight-color:transparent}
.brand-home:focus-visible{outline:2px solid var(--accent,#9d69f7);outline-offset:5px;border-radius:12px}
.home-dashboard{display:grid;gap:27px;margin:25px 0 120px;animation:home-appear .28s ease both}
@keyframes home-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.home-welcome{display:flex;align-items:center;gap:10px;padding:14px 15px;border-radius:19px;color:var(--text,#f5f2ff);background:linear-gradient(115deg,rgba(151,91,235,.17),rgba(133,72,213,.04));border:1px solid rgba(177,127,255,.17);font-size:13px;font-weight:650}
.home-welcome-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;background:rgba(182,125,255,.16);color:#c69eff;border-radius:10px}
.home-section{min-width:0}.home-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}
.home-section-head h2{font-size:17px;line-height:1.3;font-weight:780;margin:0;letter-spacing:-.03em}
.home-section-head button{border:0;background:none;color:var(--muted,#ab96c0);white-space:nowrap;font-size:11px;cursor:pointer;padding:8px 0 8px 8px}.home-section-head button span{font-size:17px;margin-left:4px;vertical-align:-1px}
.home-chips{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 7px;scroll-snap-type:x proximity}.home-chips::-webkit-scrollbar{display:none}
.home-chip{flex:0 0 auto;max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:999px;border:1px solid rgba(188,151,232,.27);background:rgba(148,96,205,.09);padding:11px 15px;color:inherit;text-align:left;font-size:13px;cursor:pointer;scroll-snap-align:start}
.home-chip:active{transform:scale(.97)}
.home-track-list{display:grid;gap:8px}.home-track-list .track{margin:0;width:100%;max-width:100%;min-width:0}
.home-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-album-grid .album-card{min-width:0;margin:0;width:100%}
.home-placeholder{padding:17px;border-radius:18px;border:1px dashed rgba(165,130,199,.23);background:rgba(159,114,192,.045);color:var(--muted,#a99ab6);font-size:12px;line-height:1.5}
.home-dashboard[hidden],#results[hidden],.section-heading[hidden],#source-options[hidden]{display:none!important}
:root[data-theme="light"] .home-welcome{background:linear-gradient(110deg,#fff4da,#fffefa);border-color:#ebd7a6;color:#5f482a}
:root[data-theme="light"] .home-welcome-icon{background:#f4e0ac;color:#a47728}
:root[data-theme="light"] .home-chip{color:#5f4b2d;background:#fff9ed;border-color:#e6d4b5}
:root[data-theme="light"] .home-placeholder{color:#927c5e;background:#fffdf7;border-color:#ead9ba}
:root[data-theme="light"] .home-section-head button{color:#9e7539}
@media(max-width:365px){.home-section-head h2{font-size:15px}.home-section-head button{font-size:10px}.home-dashboard{gap:23px}}


/* sqento 4.3 — compact player polish, stronger iconography and readable artist marquee. */
.player{border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -5px 22px #00000020;border-color:var(--line)}
.player-progress{border-radius:0}
.player-inner{grid-template-columns:32px minmax(0,1fr) 53px minmax(0,1fr) 32px;gap:8px;padding:9px 11px 3px;min-height:66px}
.player-mini-left{min-width:0;text-align:center;display:grid;align-items:center}
.player-mini-left strong{font-size:12px;font-weight:800;line-height:1.3;white-space:nowrap}
.player-meta{overflow:hidden;min-width:0}
.player-meta span{font-size:11px;font-weight:750}
.player-meta small{margin-top:2px}
.player-cover-button{width:53px;height:53px;border-radius:11px;box-shadow:0 2px 9px #0002}
.player-control{width:32px;height:44px;font-size:0;display:grid;place-items:center;color:var(--text)}
.player-control svg{display:block;width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.player-control:active,.full-controls button:active{transform:scale(.93)}
/* Animated artist only when long; generated without changing the ID so updates keep working. */
#player-artist.sqento-marquee{overflow:hidden;text-overflow:clip;position:relative;display:block}
#player-artist .sqento-marquee-rail{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:sqento-artist-scroll var(--marquee-duration,11s) linear infinite;will-change:transform}
#player-artist .sqento-marquee-copy{display:inline-block;flex:none}
#player-artist .sqento-marquee-gap{display:inline-block;flex:none;width:32px}
@keyframes sqento-artist-scroll{0%,10%{transform:translateX(0)}90%,100%{transform:translateX(calc(-1 * var(--marquee-distance,100px)))}}
@media(prefers-reduced-motion:reduce){#player-artist .sqento-marquee-rail{animation:none}#player-artist{overflow:hidden;text-overflow:ellipsis!important}}
/* More balanced vertical rhythm: cover, metadata, timeline and buttons become one composition. */
.full-player{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.full-player-header{margin-bottom:9px;min-height:42px}
.full-player-header button{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;font-size:0}
.full-player-header button svg{width:25px;height:25px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.full-cover{width:min(100%,350px,40dvh);margin:0 auto clamp(11px,1.9vh,19px);border-radius:24px;box-shadow:0 12px 35px #0006,0 0 0 1px #ffffff1c}
.full-meta{margin-bottom:clamp(10px,1.7vh,18px);gap:10px}
.full-meta button{width:44px;height:44px;flex:0 0 44px}
.full-timeline{margin-top:0}
#full-seek{height:34px;touch-action:none}
#full-seek::-webkit-slider-runnable-track{height:9px}
#full-seek::-webkit-slider-thumb{width:23px;height:23px;margin-top:-7px;border-width:3px}
#full-seek::-moz-range-track,#full-seek::-moz-range-progress{height:9px}
.full-times{margin:-2px 0 0}
.full-controls{margin:clamp(12px,2vh,20px) auto clamp(7px,1.2vh,13px);width:min(100%,326px);gap:12px}
.full-controls button:not(.full-play){width:54px;height:54px;min-width:54px;min-height:54px;display:grid;place-items:center}
.full-controls button svg{width:25px;height:25px;fill:currentColor;stroke:currentColor;stroke-width:1;stroke-linejoin:round}
.full-controls .full-play{width:73px;height:73px;min-height:73px;min-width:73px;flex:0 0 73px;font-size:0;display:grid;place-items:center}
.sqento-play-icon{display:block;width:22px;height:23px;position:relative;pointer-events:none}
.sqento-play-icon::before{content:"";display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid currentColor;position:absolute;top:0;left:4px}
.is-playing .sqento-play-icon::before{width:6px;height:21px;left:3px;top:1px;border:0;background:currentColor;border-radius:1px;box-shadow:10px 0 0 currentColor}
.mini-cover-pause{font-size:0}
.mini-cover-pause .sqento-play-icon{width:20px;height:20px}
.mini-cover-pause .sqento-play-icon::before{border-top-width:9px;border-bottom-width:9px;border-left-width:15px;left:4px}
.mini-cover-pause.is-playing .sqento-play-icon::before{width:5px;height:17px;top:1px;left:3px;box-shadow:8px 0 0 currentColor}
.full-preview-note{margin:5px auto 8px}
@media(max-height:760px){.full-cover{width:min(100%,305px,37dvh);margin-bottom:9px}.full-player-header{margin-bottom:6px}.full-meta{margin-bottom:8px}.full-controls{margin:9px auto 6px}.full-controls .full-play{width:66px;height:66px;min-height:66px;min-width:66px;flex-basis:66px}}
@media(max-width:370px){.player-inner{grid-template-columns:29px minmax(0,1fr) 47px minmax(0,1fr) 29px;gap:5px;padding:8px 7px 3px}.player-cover-button{width:47px;height:47px}.player-mini-left strong{font-size:11px}}

/* sqento 4.4 — real reversed logo asset, not a filter that turns violet green. */
.brand-home{position:relative}
.brand-logo-light{display:none}
:root[data-theme="light"] .brand-logo:not(.brand-logo-light){display:none}
:root[data-theme="light"] .brand-logo-light{display:block}


/* sqento 4.5 | refined golden light mode, centered compact player */
:root[data-theme="light"]{
  --purple:#dca317;--purple2:#b77f09;--accent:#dca317;--accent-strong:#c18a07;--accent-soft:#f7e6af;
}
:root[data-theme="light"] .gradient-text{background:linear-gradient(105deg,#a97704,#e6ae20);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="light"] .source.selected,:root[data-theme="light"] .segmented-btn.active,:root[data-theme="light"] .platform-grid button.active{border-color:#cb9412;background:#ffe8a6;color:#6a4600}
:root[data-theme="light"] .search-wrap:focus-within{border-color:#dba61e;box-shadow:0 0 0 4px #dba61e23}
:root[data-theme="light"] .nav-item.active{color:#a77400}
:root[data-theme="light"] .player-progress-fill{background:linear-gradient(90deg,#d19a12,#f0bd38)}
:root[data-theme="light"] .full-controls .full-play{background:#f2be39;color:#352500}
:root[data-theme="light"] #full-seek::-webkit-slider-thumb{border-color:#daa322}
:root[data-theme="light"] .brand-logo-light{filter:none}
.player-mini-left strong{font-weight:900;letter-spacing:-.15px}
.player-meta{text-align:center}
.player-meta span{font-weight:650;text-align:center}
.player-meta small{text-align:center;font-weight:500}
#player-artist:not(.sqento-marquee){text-align:center}
#player-artist.sqento-marquee .sqento-marquee-rail{justify-content:flex-start;text-align:left}
#full-title{font-weight:900;letter-spacing:-.55px}
#full-artist{font-weight:520}
#full-fav{position:relative;font-size:0!important;display:grid;place-items:center}
#full-fav::before{content:"";display:block;width:31px;height:31px;background:currentColor;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.8C9.1 18.3 2 13.2 2 8.3 2 2.7 9.1 1.6 12 6c2.9-4.4 10-3.3 10 2.3 0 4.9-7.1 10-10 12.5Z' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.8C9.1 18.3 2 13.2 2 8.3 2 2.7 9.1 1.6 12 6c2.9-4.4 10-3.3 10 2.3 0 4.9-7.1 10-10 12.5Z' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#full-fav.sqento-heart-active::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21.6C8.9 19 1.3 13.5 1.3 8.3c0-6 7.9-7.5 10.7-2.6 2.8-4.9 10.7-3.4 10.7 2.6 0 5.2-7.6 10.7-10.7 13.3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21.6C8.9 19 1.3 13.5 1.3 8.3c0-6 7.9-7.5 10.7-2.6 2.8-4.9 10.7-3.4 10.7 2.6 0 5.2-7.6 10.7 13.3Z'/%3E%3C/svg%3E");color:#e5a5ff}
:root[data-theme="light"] #full-fav.sqento-heart-active::before{color:#efbb36}
.full-controls .full-play{box-shadow:0 8px 28px #0004,0 0 0 2px #ffffff30}
.full-controls button svg,.player-control svg{stroke-width:2.6!important;stroke-linecap:round;stroke-linejoin:round}
.full-controls button:not(.full-play) svg{width:29px;height:29px}
.player-control svg{width:27px;height:27px}
.full-controls .sqento-play-icon::before{border-top-width:12px;border-bottom-width:12px;border-left-width:20px}
.full-controls .is-playing .sqento-play-icon::before{border:0;width:7px;height:23px;top:0;left:2px;box-shadow:12px 0 0 currentColor}
.full-player-header .fp-home-button{font:800 14px/1.2 'Unbounded',sans-serif;letter-spacing:-.7px;text-align:right;background:none;border:none;color:#fff;padding:10px 0;min-height:40px;justify-self:end;width:auto;cursor:pointer}
:root[data-theme="light"] .full-player-header .fp-home-button{color:#ffe5a0}
.full-player-header .fp-home-button:active{opacity:.65}

/* sqento 4.6: edge-to-edge mini-player, compact corners, full-screen controls. */
.player{left:50%;width:min(720px,100%)!important;max-width:100%!important;border-left:0!important;border-right:0!important;border-radius:8px 8px 0 0!important;box-shadow:0 -6px 23px #0003!important}
.player-progress{border-radius:0!important}
.player-inner{padding-left:clamp(7px,2.5vw,18px);padding-right:clamp(7px,2.5vw,18px)}
.full-meta{align-items:center!important;gap:12px!important}
.full-meta-copy{min-width:0;flex:1}
#full-fav{align-self:center!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:1!important}
#full-fav::before{margin:auto!important;flex-shrink:0}
#full-artist{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff55;text-underline-offset:5px;text-decoration-thickness:1px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4;max-height:none!important}
#player-artist{cursor:pointer}
.sqento-player-extras{width:min(100%,410px);margin:6px auto 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sqento-repeat,.sqento-genius{border:1px solid #ffffff35;border-radius:14px;background:#ffffff17;color:#fff;padding:10px 12px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:12px;font-weight:750;backdrop-filter:blur(10px)}
.sqento-repeat{flex:1;max-width:205px}.sqento-genius{flex:1}
.sqento-repeat svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sqento-repeat[aria-pressed=true]{background:#b883f0;color:#170e22;border-color:#e0b0ff}
:root[data-theme=light] .sqento-repeat[aria-pressed=true]{background:#f3bd3f;color:#392604;border-color:#ffe9a0}
.full-swipe-area{will-change:transform,opacity;transform:translateX(0);opacity:1}
.full-swipe-area.sqento-slide-out-left{animation:sqento-slide-out-left 145ms ease-in both}
.full-swipe-area.sqento-slide-out-right{animation:sqento-slide-out-right 145ms ease-in both}
.full-swipe-area.sqento-slide-in-left{animation:sqento-slide-in-left 240ms cubic-bezier(.16,.85,.24,1) both}
.full-swipe-area.sqento-slide-in-right{animation:sqento-slide-in-right 240ms cubic-bezier(.16,.85,.24,1) both}
@keyframes sqento-slide-out-left{to{transform:translateX(-35px);opacity:0}}
@keyframes sqento-slide-out-right{to{transform:translateX(35px);opacity:0}}
@keyframes sqento-slide-in-left{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes sqento-slide-in-right{from{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}
.sqento-artist-picker{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:end;background:#050308bc;padding:20px}
.sqento-artist-picker[hidden]{display:none!important}
.sqento-artist-panel{max-width:520px;width:100%;background:var(--surface,#1d1725);color:var(--text,#fff);border:1px solid var(--line,#654773);border-radius:20px;padding:20px;display:grid;gap:8px;box-shadow:0 18px 60px #0008}
.sqento-artist-panel h3{font-size:15px;margin:0 0 5px}
.sqento-artist-panel button{padding:12px;border:1px solid var(--line,#654773);border-radius:12px;color:inherit;background:transparent;text-align:left;font-weight:700}
.sqento-artist-panel .sqento-artist-cancel{color:var(--muted,#a993b2);text-align:center}
@media(prefers-reduced-motion:reduce){.full-swipe-area[class*=sqento-slide]{animation:none!important}}


/* sqento 4.7 — compact mini-player with full-surface progress fill */
.player{
  width:min(660px,calc(100% - 24px))!important;
  max-width:calc(100% - 24px)!important;
  border:1px solid var(--line,#57436a)!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:var(--glass,#282035ee)!important;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 -7px 22px #0003!important;
}
.player-progress{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.player-progress-fill{
  position:absolute!important;
  left:0;top:0;
  height:100%!important;
  width:0;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(157,87,247,.49),rgba(178,107,255,.31))!important;
  box-shadow:inset -1px 0 0 rgba(232,199,255,.28);
  transition:width 75ms linear!important;
  will-change:width;
}
:root[data-theme="light"] .player{
  background:rgba(255,249,231,.97)!important;
  border-color:#dfc78e!important;
}
:root[data-theme="light"] .player-progress-fill{
  background:linear-gradient(90deg,rgba(224,166,30,.50),rgba(246,202,91,.35))!important;
  box-shadow:inset -1px 0 0 rgba(164,110,0,.3);
}
.player-inner{
  position:relative;z-index:2;
  padding:7px 10px 0!important;
  min-height:59px!important;
  grid-template-columns:29px minmax(0,1fr) 45px minmax(0,1fr) 29px!important;
  gap:6px!important;
}
.player-cover-button{width:45px!important;height:45px!important;border-radius:11px!important}
.player-control{min-height:39px!important}
.player-footer{
  position:relative;z-index:3;
  width:100%;height:25px;
  padding:4px 13px 7px!important;
  margin-top:0;
  display:flex;align-items:center;justify-content:space-between;
  font-variant-numeric:tabular-nums;
  touch-action:none;
  cursor:ew-resize;
  user-select:none;-webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.player-footer:focus-visible{outline:2px solid var(--accent,#b36dff);outline-offset:-3px}
.player-footer span{pointer-events:none}
.player-mini-left strong{font-weight:900}
@media(max-width:370px){
  .player{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}
  .player-inner{grid-template-columns:26px minmax(0,1fr) 42px minmax(0,1fr) 26px!important;gap:4px!important;padding:7px 6px 0!important;min-height:55px!important}
  .player-cover-button{width:42px!important;height:42px!important}
}
/* Optical heart centering independent of text-glyph and font metrics */
#full-fav{
  position:relative!important;
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;
  padding:0!important;margin:0!important;
  align-self:center!important;
  line-height:0!important;
  font-size:0!important;
  transform:none!important;
  vertical-align:middle;
}
#full-fav::before{
  position:absolute!important;
  top:50%!important;left:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  width:30px!important;height:30px!important;
  background:currentColor;
}

/* sqento 4.8 — mini player flush to screen edges, passive playback fill */
.player {
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:720px!important;
  border-radius:8px 8px 0 0!important;
  border-left:0!important;
  border-right:0!important;
  box-sizing:border-box!important;
}
.player-progress, .player-progress-fill {pointer-events:none!important;cursor:default!important}
.player-footer, #mini-seek-control {
  touch-action:pan-y!important;
  cursor:default!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
@media(max-width:370px){
  .player {width:100%!important;max-width:100%!important}
}


/* sqento 4.9 — shallow upper edge, unchanged side-to-side width. */
.player{
  width:min(720px,100%)!important;
  max-width:100%!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid var(--line,#57436a)!important;
  border-radius:8px 8px 0 0!important;
}
.player-inner{
  padding-top:3px!important;
  padding-bottom:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
  min-height:51px!important;
}
.player-cover-button{width:43px!important;height:43px!important}
.player-footer{
  height:20px!important;
  padding:1px 13px 4px!important;
  cursor:default!important;
  touch-action:auto!important;
  user-select:none;
}
.player-progress-fill{
  width:100%!important;
  transform:scaleX(0);
  transform-origin:left center;
  transition:none!important;
  will-change:transform;
  backface-visibility:hidden;
}
@media(max-width:370px){
  .player-inner{padding-top:3px!important;padding-bottom:0!important;padding-left:6px!important;padding-right:6px!important;min-height:48px!important}
  .player-cover-button{width:41px!important;height:41px!important}
}
@media(prefers-reduced-motion:reduce){.player-progress-fill{transition:none!important}}


/* sqento 4.10 — thinner full-width mini-player and precisely aligned contents. */
.player{
  width:100%!important;max-width:720px!important;
  left:50%!important;transform:translateX(-50%)!important;
}
.player-inner{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 38px minmax(0,1fr) 32px!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:5px!important;
  min-height:43px!important;
  height:43px!important;
  padding:2px 8px 0!important;
  box-sizing:border-box!important;
}
.player-control{
  display:grid!important;place-items:center!important;
  justify-self:center!important;align-self:center!important;
  width:32px!important;height:38px!important;
  min-width:32px!important;min-height:38px!important;
  margin:0!important;padding:0!important;
  line-height:1!important;
}
.player-control svg{display:block!important;width:23px!important;height:23px!important;margin:auto!important}
.player-cover-button{
  width:38px!important;height:38px!important;
  align-self:center!important;justify-self:center!important;
  border-radius:9px!important;margin:0!important;
}
.player-mini-left,.player-meta{
  width:100%!important;min-width:0!important;
  height:100%!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;
  margin:0!important;padding:0!important;
  overflow:hidden!important;
}
.player-mini-left strong{
  width:100%!important;display:block!important;
  font-size:11px!important;line-height:1.2!important;
  text-align:center!important;
  margin:0!important;
}
.player-meta span,.player-meta small{
  width:100%!important;text-align:center!important;
  line-height:1.2!important;margin:0!important;
}
.player-meta small{margin-top:2px!important;font-size:9px!important}
#player-artist:not(.sqento-marquee){text-align:center!important}
.player-footer{
  width:100%!important;height:16px!important;
  display:flex!important;align-items:center!important;
  padding:0 10px 3px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  pointer-events:none!important;
}
@media(max-width:370px){
  .player-inner{
    grid-template-columns:29px minmax(0,1fr) 36px minmax(0,1fr) 29px!important;
    gap:3px!important;padding:2px 5px 0!important;
    min-height:42px!important;height:42px!important;
  }
  .player-control{width:29px!important;min-width:29px!important}
  .player-cover-button{width:36px!important;height:36px!important}
  .player-mini-left strong,.player-meta span{font-size:10px!important}
}


/* sqento 4.11 — slimmer, perfectly horizontal mini-player; center cover shows artwork only until tap. */
.player{border-radius:14px 14px 0 0!important}
.player-inner{
  grid-template-columns:30px minmax(0,1fr) 34px minmax(0,1fr) 30px!important;
  min-height:36px!important;height:36px!important;
  padding:1px 6px 0!important;column-gap:4px!important;
}
.player-control{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
.player-control svg{width:20px!important;height:20px!important}
.player-cover-button{width:34px!important;height:34px!important;border-radius:8px!important;box-shadow:none!important}
.player-cover{width:34px!important;height:34px!important;border-radius:8px!important;font-size:16px!important}
.player-mini-left,.player-meta{justify-content:center!important;align-self:center!important}
.player-mini-left strong,.player-meta span{font-size:10px!important;line-height:1.1!important}
.player-meta small{display:none!important}
.player-footer{height:13px!important;padding:0 8px 2px!important;font-size:8px!important}
.player-progress{height:100%!important;position:absolute!important;inset:0!important;z-index:0!important;background:transparent!important}
.player-progress-fill{height:100%!important;transform-origin:left center!important;opacity:.38!important;border-radius:0!important;will-change:transform!important}
.player-inner,.player-footer{position:relative!important;z-index:1!important}
.player::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.08);z-index:1}
.mini-cover-pause{opacity:0!important;pointer-events:none!important;background:color-mix(in srgb,var(--bg) 52%, transparent)!important;transition:opacity .16s ease,background .16s ease!important}
.player-cover-button.is-revealed .mini-cover-pause{opacity:1!important}
.player-cover-button.is-revealed .mini-cover-pause.is-playing{opacity:1!important}
@media(max-width:370px){
  .player-inner{grid-template-columns:26px minmax(0,1fr) 31px minmax(0,1fr) 26px!important;min-height:34px!important;height:34px!important;padding:1px 4px 0!important;column-gap:3px!important}
  .player-control{width:26px!important;height:28px!important;min-width:26px!important;min-height:28px!important}
  .player-control svg{width:18px!important;height:18px!important}
  .player-cover-button,.player-cover{width:31px!important;height:31px!important}
  .player-mini-left strong,.player-meta span{font-size:9px!important}
}

/* sqento WEB 1.0 — independent browser experience; Telegram layout preserved */
.web-top-status,.web-intro,.web-nav-label{display:none}
html.web-mode{scroll-behavior:smooth}
html.web-mode body{background:#090811}
html.web-mode .web-top-status{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:18px;color:#e3d9ee;font-size:12px;font-weight:650;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff17;border-radius:30px;padding:10px 14px}
.web-status-dot{display:inline-block;width:7px;height:7px;background:#a77afa;border-radius:50%;box-shadow:0 0 12px #bc82ff}
.web-status-hint{color:#a99db8;font-weight:400}
html.web-mode .web-intro{display:block;max-width:570px;margin:-6px 0 28px}
.web-intro-badge{display:inline-flex;padding:8px 12px;border:1px solid #8a62b04d;border-radius:8px;color:#cba4fa;background:#a963ff12;font-size:10px;letter-spacing:1.6px;font-weight:800}
.web-intro p{font-size:14px;line-height:1.75;color:#bcb0cb;max-width:530px;margin:13px 0}
.web-intro-note{font-size:11px;color:#9784aa}
html.web-mode #page-search>h1{font-size:clamp(33px,4.1vw,62px);letter-spacing:-2px;line-height:1.12;margin-bottom:18px}
html.web-mode .search-wrap{border-radius:18px;background:#171220;border:1px solid #514064;box-shadow:0 10px 52px #0003}
html.web-mode .search-wrap:focus-within{border-color:#b582f7;box-shadow:0 0 0 3px #b582f722,0 10px 52px #0003}
html.web-mode .track,html.web-mode .album-card{transition:transform .17s ease,border-color .17s ease,background .17s ease}
@media(hover:hover){html.web-mode .track:hover,html.web-mode .album-card:hover{transform:translateY(-2px);border-color:#7d579b;background:#21172b}}
@media(min-width:1050px){
  html.web-mode .shell{width:min(1320px,100%);max-width:1320px;min-height:100vh;padding:0 62px 180px 304px;margin:0 auto}
  html.web-mode .topbar{height:106px;padding-top:15px}
  html.web-mode .brand-logo{width:205px;height:64px}
  html.web-mode main{max-width:990px}
  html.web-mode #page-search>.eyebrow{margin-top:47px}
  html.web-mode .bottom-nav{position:fixed;left:max(0px,calc((100vw - 1320px)/2));top:0;bottom:0;width:238px;height:auto;z-index:18;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:138px 17px 30px;background:#100d18;border-right:1px solid #ffffff13;border-top:0;border-radius:0;box-shadow:none}
  html.web-mode .web-nav-label{display:block;color:#887594;font-size:10px;font-weight:800;letter-spacing:2px;padding:14px 15px 13px}
  html.web-mode .bottom-nav .nav-item{min-height:56px;max-height:56px;flex:0 0 auto;width:100%;border-radius:14px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 17px;font-size:13px;font-weight:700;text-align:left}
  html.web-mode .bottom-nav .nav-item svg{width:22px;height:22px;flex:none}
  html.web-mode .bottom-nav .nav-item span{font-size:13px;letter-spacing:0}
  html.web-mode .bottom-nav .nav-item.active{background:#6a409c30;color:#e0bbff}
  html.web-mode .album-grid,html.web-mode .home-album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  html.web-mode .home-dashboard{max-width:990px}
  html.web-mode .player{left:max(252px,calc((100vw - 1320px)/2 + 252px));right:0;width:auto;max-width:none}
  html.web-mode .modal-body{max-width:630px;border-radius:24px 24px 0 0}
}
@media(min-width:650px) and (max-width:1049px){html.web-mode .shell{max-width:860px;padding-left:36px;padding-right:36px}html.web-mode .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:649px){html.web-mode .web-top-status{padding:8px 10px;margin-right:8px;font-size:10px}.web-status-hint{display:none}html.web-mode .web-intro{margin-bottom:24px}html.web-mode .web-intro p{font-size:12px}html.web-mode #page-search>h1{letter-spacing:-1.4px}}

/* sqento WEB 2.0 — playlists, recommendations, volume, light-theme fixes */
.home-reco-section{margin-bottom:8px}
.home-reco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-reco-card{min-height:0}
.home-reco-card-inner{width:100%;min-height:124px;border:1px solid var(--border);background:var(--card);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text)}
.home-reco-card-inner:disabled{opacity:.72;cursor:default}
.home-reco-art{width:58px;height:58px;border-radius:14px;flex:0 0 auto;background:linear-gradient(135deg,#5d357e,#291a3f);display:grid;place-items:center;color:#fff;font-size:24px}
.home-reco-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.home-reco-copy strong,.home-reco-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-reco-kicker,.home-section-note{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.home-reco-copy strong{font-size:14px}
.home-reco-copy span:last-child{font-size:12px;color:var(--subtext,var(--muted))}

.playlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 18px}
.playlist-create{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft,#24172f),transparent),var(--card);color:var(--text);border-radius:14px;padding:12px 15px;font-weight:800}
.playlist-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;align-items:start}
.playlist-list{display:flex;flex-direction:column;gap:10px}
.playlist-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:16px;background:var(--card);border:1px solid var(--border);color:var(--text);text-align:left}
.playlist-item.active{border-color:var(--accent,#b36dff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#b36dff) 12%, transparent)}
.playlist-item-art,.playlist-hero-cover{width:52px;height:52px;border-radius:13px;flex:0 0 auto;background:linear-gradient(135deg,#5d357e,#291a3f);display:grid;place-items:center;color:#fff;font-size:22px}
.playlist-item-meta{min-width:0;flex:1}
.playlist-item-meta strong,.playlist-item-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playlist-item-meta strong{font-size:13px}
.playlist-item-meta span{font-size:11px;color:var(--subtext,var(--muted));margin-top:4px}
.playlist-item-index{font-size:11px;font-weight:800;color:var(--muted)}
.playlist-detail{min-height:260px;border:1px solid var(--border);background:var(--card);border-radius:22px;padding:18px}
.playlist-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.playlist-hero-cover{width:86px;height:86px;border-radius:20px;font-size:28px}
.playlist-hero-copy{min-width:0;flex:1}
.playlist-hero-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.playlist-hero-copy h2{margin:0 0 6px;font:700 clamp(23px,3vw,34px)/1.1 'Unbounded',sans-serif;letter-spacing:-1.3px}
.playlist-hero-copy p{margin:0;color:var(--subtext,var(--muted));font-size:13px}
.playlist-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.playlist-hero-actions button,.playlist-create{transition:transform .14s ease,border-color .14s ease}
.playlist-hero-actions button:active,.playlist-create:active{transform:translateY(1px)}
.playlist-remove{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:10px;padding:7px 10px;font-size:11px;font-weight:700}

.full-volume-row{display:flex;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto 6px;color:#d7c8ea}
#full-volume{appearance:none;flex:1;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent,#b36dff),#ffffff55);outline:none}
#full-volume::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent,#b36dff)}
#full-volume::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent,#b36dff)}
.volume-icon,.volume-value{font-size:12px;font-weight:700}
.volume-value{min-width:42px;text-align:right}

html.web-mode .bottom-nav .nav-item[data-page="playlists"] svg{width:21px;height:21px}
html.web-mode .player{left:max(252px,calc((100vw - 1320px)/2 + 240px));right:0;width:auto;max-width:none}
.player{width:min(736px,calc(100% - 8px))!important;max-width:min(736px,calc(100% - 8px))!important}

html.web-mode[data-theme="light"] body{background:var(--bg)!important}
html.web-mode[data-theme="light"] .topbar{border-bottom-color:var(--line)}
html.web-mode[data-theme="light"] .web-top-status{background:#fff7e5;border-color:#ead9af;color:#6f582e}
html.web-mode[data-theme="light"] .web-status-hint{color:#907857}
html.web-mode[data-theme="light"] .web-intro p,html.web-mode[data-theme="light"] .web-intro-note{color:var(--subtext)}
html.web-mode[data-theme="light"] .bottom-nav{background:#fffaf0!important;border-right:1px solid #eadcb9!important;border-top:0!important}
html.web-mode[data-theme="light"] .web-nav-label{color:#8f7851}
html.web-mode[data-theme="light"] .bottom-nav .nav-item{color:#8c7859}
html.web-mode[data-theme="light"] .bottom-nav .nav-item.active{background:#f4e4bb;color:#7a5a18}
html.web-mode[data-theme="light"] .search-wrap{background:#fffdf7}
html.web-mode[data-theme="light"] .home-reco-card-inner,:root[data-theme="light"] .playlist-item,:root[data-theme="light"] .playlist-detail{background:#fffdf7;color:#302514;border-color:#eadcb9}
:root[data-theme="light"] .home-reco-art,:root[data-theme="light"] .playlist-item-art,:root[data-theme="light"] .playlist-hero-cover{background:linear-gradient(135deg,#d4b56e,#9d7630)}
:root[data-theme="light"] .playlist-item.active{border-color:#c99a3d;box-shadow:0 0 0 3px #c99a3d1f}
:root[data-theme="light"] .playlist-create{background:#fff5de;border-color:#e6d1a3;color:#6a4d1d}
:root[data-theme="light"] .playlist-remove{color:#7c6644;border-color:#dfcfad}
:root[data-theme="light"] .full-volume-row{color:#fff2cf}
:root[data-theme="light"] #full-volume{background:linear-gradient(90deg,#e3b44f,#ffffff63)}
:root[data-theme="light"] #full-volume::-webkit-slider-thumb,:root[data-theme="light"] #full-volume::-moz-range-thumb{border-color:#d29b2c}

@media(max-width:980px){
  .home-reco-grid{grid-template-columns:1fr}
  .playlist-layout{grid-template-columns:1fr}
}
@media(max-width:1049px){
  html.web-mode .player{left:0!important;width:100%!important;max-width:100%!important}
}

/* sqento WEB 3.0 — responsive recommendation tiles, redesigned desktop sidebar */
.sidebar-brand,.sidebar-footer{display:none}
html.web-mode .home-reco-section{margin-top:29px;margin-bottom:30px}
html.web-mode .home-reco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html.web-mode .home-reco-card,html.web-mode .home-reco-card-inner{min-width:0;max-width:100%}
html.web-mode .home-reco-card-inner{
  position:relative;display:flex;flex-direction:column;align-items:stretch;
  height:100%;min-height:204px;overflow:hidden;gap:13px;padding:15px;
  border-radius:20px;border:1px solid var(--border);
  background:var(--card);color:var(--text);text-align:left;
  box-shadow:0 4px 24px rgba(0,0,0,.025);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
html.web-mode .home-reco-card-inner:not(:disabled):hover{transform:translateY(-3px);border-color:var(--accent,#bb82ff);box-shadow:0 12px 32px #00000014}
html.web-mode .home-reco-card-inner:disabled{cursor:default;opacity:1;justify-content:center;gap:10px}
html.web-mode .home-reco-card-inner:disabled>strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.4px}
html.web-mode .home-reco-card-inner:disabled>span:last-child{display:block;max-width:230px;font-size:12px;line-height:1.55;color:var(--subtext,var(--muted))}
html.web-mode .home-reco-art{height:94px;width:94px;min-height:94px;min-width:94px;max-height:94px;max-width:94px;
  display:block;overflow:hidden;flex:0 0 auto;border-radius:15px;line-height:94px;text-align:center;
  background:linear-gradient(135deg,#8e69c7,#291c43);color:#fff}
html.web-mode .home-reco-art img,
html.web-mode .playlist-item-art img,
html.web-mode .playlist-hero-cover img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  min-width:0!important;min-height:0!important;object-fit:cover!important;border-radius:inherit!important
}
html.web-mode .home-reco-copy{display:flex;min-width:0;max-width:100%;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;overflow:hidden}
html.web-mode .home-reco-copy .home-reco-kicker{margin-bottom:1px;color:var(--accent,#ba87e9);font-size:10px;letter-spacing:1.6px}
html.web-mode .home-reco-copy strong{display:block;max-width:100%;font-size:15px;line-height:1.35;color:var(--text);font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.web-mode .home-reco-copy>span:last-child{display:block;max-width:100%;font-size:12px;line-height:1.4;color:var(--subtext,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.web-mode .home-reco-card-inner:not(:disabled){flex-direction:row;align-items:center;gap:15px}
html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-copy{align-self:center}
html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-art{width:84px;min-width:84px;max-width:84px;height:84px;min-height:84px;max-height:84px;line-height:84px}
html.web-mode .playlist-item-art,html.web-mode .playlist-hero-cover{overflow:hidden}

@media(min-width:1050px){
  html.web-mode .bottom-nav{
    left:max(0px,calc((100vw - 1320px)/2));top:0;bottom:0;
    height:100dvh;width:246px;max-width:246px;min-width:246px;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:5px;padding:30px 16px 24px;
    border:0;border-right:1px solid var(--border);border-radius:0;
    background:var(--surface);color:var(--text);box-shadow:none;overflow-y:auto
  }
  html.web-mode .sidebar-brand{
    width:100%;padding:12px 10px 20px;margin:0 0 20px;
    display:flex;align-items:center;gap:11px;
    border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);
    text-align:left;cursor:pointer
  }
  html.web-mode .sidebar-brand-mark{
    width:44px;height:44px;border-radius:15px;flex:0 0 auto;
    display:grid;place-items:center;font-size:27px;font-weight:800;
    background:var(--accent-soft,#322043);color:var(--accent,#be9fff)
  }
  html.web-mode .sidebar-brand-copy{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
  html.web-mode .sidebar-brand-copy strong{font:900 23px/1 'Unbounded',system-ui,sans-serif;letter-spacing:-1px}
  html.web-mode .sidebar-brand-copy small{font:800 8px/1.2 system-ui,sans-serif;letter-spacing:1.7px;color:var(--muted)}
  html.web-mode .web-nav-label{display:block;padding:8px 14px 10px;margin:0;color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:850}
  html.web-mode .bottom-nav .nav-item{
    display:flex;flex-direction:row!important;justify-content:flex-start;align-items:center;
    width:100%;height:47px;min-height:47px;max-height:47px;min-width:0;
    flex:0 0 auto;gap:14px;padding:0 15px;margin:0;
    border:1px solid transparent;border-radius:13px;
    color:var(--subtext,var(--muted));background:transparent;
    text-align:left;transition:background .18s,color .18s,border-color .18s
  }
  html.web-mode .bottom-nav .nav-item svg{width:19px!important;height:19px!important;flex:0 0 19px;filter:none}
  html.web-mode .bottom-nav .nav-item span{display:inline-block;line-height:1.2;font-size:13px;font-weight:720;white-space:nowrap;text-align:left}
  html.web-mode .bottom-nav .nav-item:hover{color:var(--text);background:var(--surface2)}
  html.web-mode .bottom-nav .nav-item.active{
    color:var(--accent,#c499ff);background:var(--accent-soft,#312040);
    border-color:color-mix(in srgb,var(--accent,#b882ff) 28%,transparent)
  }
  html.web-mode .sidebar-footer{
    display:flex;align-items:center;gap:12px;margin-top:auto;padding:18px 13px 0;
    border-top:1px solid var(--border);font-size:12px;font-weight:800;color:var(--text)
  }
  html.web-mode .sidebar-footer span:last-child{display:flex;flex-direction:column;gap:3px}
  html.web-mode .sidebar-footer small{font-size:10px;font-weight:500;color:var(--muted)}
  html.web-mode .sidebar-online-dot{display:block;width:9px;height:9px;border-radius:50%;background:#4cc18b;box-shadow:0 0 0 4px #4cc18b25}
  html.web-mode .shell{padding-left:306px;padding-right:50px}
  html.web-mode .player{left:max(246px,calc((100vw - 1320px)/2 + 246px))!important;right:0!important;width:auto!important;max-width:none!important}
}
html.web-mode[data-theme="light"] .bottom-nav{background:#fffaf0!important}
html.web-mode[data-theme="light"] .bottom-nav .nav-item.active{color:#775211!important;background:#f2e3bf!important;border-color:#e5cd91!important}
html.web-mode[data-theme="light"] .sidebar-brand-mark{background:#f3e4bf;color:#a67c23}
html.web-mode[data-theme="light"] .home-reco-card-inner{background:#fffdf8;color:#302514}
html.web-mode[data-theme="light"] .home-reco-card-inner:not(:disabled):hover{background:#fff8e9}
@media(max-width:1220px) and (min-width:1050px){
 html.web-mode .home-reco-card-inner:not(:disabled){flex-direction:column;align-items:flex-start}
 html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-copy{align-self:stretch}
}
@media(max-width:1049px){
 html.web-mode .home-reco-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html.web-mode .home-reco-card-inner{min-height:166px}
 html.web-mode .home-reco-card-inner:not(:disabled){flex-direction:column;align-items:flex-start;gap:9px}
 html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-copy{align-self:stretch}
}
@media(max-width:690px){
 html.web-mode .home-reco-grid{grid-template-columns:1fr;gap:10px}
 html.web-mode .home-reco-card-inner{min-height:104px;padding:12px 14px}
 html.web-mode .home-reco-card-inner:not(:disabled){flex-direction:row;align-items:center}
 html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-copy{align-self:center}
 html.web-mode .home-reco-card-inner:not(:disabled) .home-reco-art{width:65px;height:65px;min-width:65px;min-height:65px;max-width:65px;max-height:65px;line-height:65px}
}


/* sqento WEB 3.1 — player/layout/album fixes */
html.web-mode .shell{padding-bottom:240px}
html.web-mode .player{z-index:34;left:calc(50% + 114px)!important;right:auto!important;transform:translateX(-50%)!important;width:min(980px,calc(100vw - 308px))!important;max-width:min(980px,calc(100vw - 308px))!important;bottom:18px!important;border-bottom:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden}
html.web-mode .player-progress{border-radius:20px 20px 0 0}
html.web-mode .player-inner{padding:12px 16px 6px}
html.web-mode .player-footer{padding:0 16px 10px}
@media (max-width:1049px){html.web-mode .player{left:50%!important;transform:translateX(-50%)!important;width:min(100%,calc(100% - 16px))!important;max-width:min(100%,calc(100% - 16px))!important;bottom:0!important;border-radius:18px 18px 0 0!important;border-bottom:0!important}}

.track{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.track.is-current{border-color:var(--accent,#b36dff)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#b36dff) 18%, var(--card) 82%),var(--card))!important;box-shadow:0 10px 26px rgba(0,0,0,.08)}
.track.is-current .track-meta strong,.track.is-current .track-badge{color:var(--text)}
.track.is-current .track-meta span{color:var(--subtext)}
:root[data-theme="light"] .track.is-current{background:linear-gradient(135deg,#fff1cc,#fffaf0)!important;border-color:#d3ab58!important;box-shadow:0 10px 22px rgba(180,137,43,.10)}
:root[data-theme="light"] .track.is-current .track-badge{color:#916a1c}

.album-now-playing{display:flex;align-items:center;gap:14px;margin:16px 0 18px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft,#3b2351) 56%, var(--card) 44%),var(--card));color:var(--text)}
.album-now-playing-cover{width:54px;height:54px;flex:0 0 auto;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#8059bd,#2d1e42);display:grid;place-items:center;color:#fff}
.album-now-playing-cover img{width:100%;height:100%;object-fit:cover;display:block}
.album-now-playing-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.album-now-playing-kicker{font-size:10px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase;color:var(--muted)}
.album-now-playing-title,.album-now-playing-subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-now-playing-title{font-weight:800;font-size:14px}
.album-now-playing-subtitle{font-size:12px;color:var(--subtext)}
.album-now-playing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.album-now-playing-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:800}
.album-now-playing-actions .album-now-primary{background:linear-gradient(135deg,var(--accent,#b36dff),var(--accent-strong,#9251e7));color:#fff;border-color:transparent}
:root[data-theme="light"] .album-now-playing{background:linear-gradient(135deg,#fff7e2,#fffdf8);border-color:#eadcb9}
:root[data-theme="light"] .album-now-playing-actions button{background:#fffdf7}

html.web-mode .bottom-nav{padding-top:26px}
html.web-mode .bottom-nav .nav-item{border-radius:16px}
html.web-mode .sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}
html.web-mode .sidebar-footer .web-status-dot{width:10px;height:10px}