:root,:root[data-theme=light]{--bg:#fff;--panel:#fff;--panel-2:#f7f7f8;--text:#0f0f0f;--muted:#606060;--border:#e5e5e5;--accent:red;--accent-2:#ff5722;--danger:#e11d48;--shadow:#00000014}:root[data-theme=dark]{--bg:#0f0f0f;--panel:#181818;--panel-2:#212121;--text:#f1f1f1;--muted:#aaa;--border:#303030;--accent:red;--accent-2:#ff5722;--danger:#f43f5e;--shadow:#00000080}:root[data-theme=light] .card,:root[data-theme=light] .miniplayer,:root[data-theme=light] .npcard{box-shadow:0 2px 14px var(--shadow)}:root[data-theme=light] .logomark{box-shadow:0 4px 14px #ff000040}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}#root{height:100%}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.app{background:var(--bg);max-width:560px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.sidebar{display:none}.mainarea{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar h1{flex:1;margin:0;font-size:1.1rem}.logoword{background:linear-gradient(90deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.logomark{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.freebadge{color:var(--accent-2);border:1px solid var(--accent-2);white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:.68rem}.scroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:12px;overflow:hidden auto}.home{max-width:100%;padding:12px 14px 0;overflow-x:hidden}.greeting{margin:4px 0 16px;font-size:1.35rem;font-weight:800}.backlink{padding:4px 0 10px;display:inline-block}.searchbar{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.searchbar.big{margin-bottom:18px;padding:13px 16px}.searchbar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.searchbar input::placeholder{color:var(--muted)}.searchicon{opacity:.7}.clearbtn{color:var(--muted);background:0 0;font-size:.9rem}.langtabs{scrollbar-width:none;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.langtabs::-webkit-scrollbar{display:none}.langtabs button{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.langtabs button.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.listtitle{margin:4px 0 14px;font-size:1.15rem}.carousel-section{margin-bottom:22px}.carousel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.carousel-head h2{margin:0;font-size:1.02rem}.carousel{scrollbar-width:none;align-items:flex-start;gap:9px;margin:0 -14px;padding-bottom:4px;padding-left:14px;padding-right:14px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel .card.compact{flex:0 0 108px}.chiprow{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chiprow::-webkit-scrollbar{display:none}.artistchip{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:.82rem;font-weight:600}.artistchip:active{transform:scale(.96)}.grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:9px;max-width:100%;padding-bottom:8px;display:grid}@media (width>=420px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:6px;transition:transform .12s,border-color .15s;position:relative}.card:active{transform:scale(.97)}.card.active{border-color:var(--accent)}.cardart{aspect-ratio:1;border-radius:7px;margin-bottom:5px;position:relative;overflow:hidden}.cardplay{color:#fff;opacity:0;background:#00000059;justify-content:center;align-items:center;font-size:1rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.card:hover .cardplay,.card.active .cardplay{opacity:1}.cardtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.74rem;font-weight:600;overflow:hidden}.cardartist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.64rem;overflow:hidden}.favbtn{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:.68rem;display:flex;position:absolute;top:5px;right:5px}.favbtn.on{color:var(--danger)}.favbtn.inline{background:0 0;flex-shrink:0;width:auto;height:auto;font-size:.95rem;position:static}.thumb{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.thumbart{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s;display:flex;position:relative}.thumbart.hide{opacity:0}.thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.thumb img.show{opacity:1}.thumbring{border:1.5px solid #ffffff52;border-top-color:#ffffffbf;border-radius:50%;width:56%;height:56%;position:absolute}.thumbglyph{color:#fffffff0;text-shadow:0 2px 8px #00000040;font-size:30%;position:relative}.songlist{flex-direction:column;gap:4px;display:flex}.songrow{border-radius:12px;align-items:center;gap:12px;padding:8px;transition:background .12s;display:flex}.songrow:active,.songrow.active{background:var(--panel)}.songrow .thumb{border-radius:8px;flex-shrink:0;width:48px;height:48px}.songrow .cardmeta{flex:1;min-width:0}.songrow .cardtitle{font-size:.9rem}.rowplaying{color:var(--accent-2);font-size:1.1rem}.loadmore{width:100%;margin:10px 0 18px}.btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:12px;padding:12px;font-weight:700}.btn.ghost{background:var(--panel);border:1px solid var(--border);color:var(--text)}.linkbtn{color:var(--accent-2);background:0 0;padding:6px;font-weight:600}.setrow{gap:10px;display:flex}.empty,.error.center,.hint.center{text-align:center;color:var(--muted);padding:30px 20px;font-size:.9rem}.empty.small{padding:14px 6px}.error.center{color:var(--danger)}.loader{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.loader.small{flex-direction:row;padding:6px 0}.spin{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite mmspin;display:inline-block}@keyframes mmspin{to{transform:rotate(360deg)}}.install{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;margin:0 0 14px;padding:14px;font-size:.88rem;display:flex}.segmented{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;border-radius:10px;flex:1;padding:9px 0;font-size:.85rem;font-weight:700}.segmented button.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.miniplayer{background:var(--panel-2);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.miniprogress{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;position:absolute;top:0;left:0}.miniplayer .thumb{border-radius:8px;flex-shrink:0;width:40px;height:40px}.minimeta{flex:1;min-width:0}.minititle{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.miniartist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.iconbtn{color:var(--text);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.iconbtn.on{color:var(--accent-2)}.iconbtn.big{font-size:1.4rem}.bottomnav{border-top:1px solid var(--border);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}.bottomnav button{color:var(--muted);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 8px;font-size:.68rem;font-weight:600;display:flex}.bottomnav button.on{color:var(--accent-2)}.navicon{font-size:1.25rem}.nowplaying{z-index:100;background:#0009;align-items:flex-end;animation:.18s ease-out mmfade;display:flex;position:absolute;inset:0}@keyframes mmfade{0%{opacity:0}to{opacity:1}}.npcard{background:var(--bg);width:100%;padding:14px 24px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:10px;max-height:92%;animation:.2s ease-out mmup;display:flex;position:relative;overflow:hidden auto}.npbackdrop{filter:blur(60px)brightness(.35)saturate(1.4);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.3)}.npcard>:not(.npbackdrop){z-index:1;position:relative}@keyframes mmup{0%{transform:translateY(30%)}to{transform:none}}.nptop{align-self:flex-start}.npartwrap{aspect-ratio:1;border-radius:18px;width:min(66vw,280px);margin-top:6px;overflow:hidden;box-shadow:0 10px 40px #00000080}.nptitle{text-align:center;font-size:1.2rem;font-weight:700}.npartist{color:var(--muted);margin-top:-6px;font-size:.92rem}.npseek{width:100%;accent-color:var(--accent)}.nptimes{width:100%;color:var(--muted);justify-content:space-between;margin-top:-8px;font-size:.74rem;display:flex}.npcontrols{align-items:center;gap:18px;margin:6px 0;display:flex}.playbtn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.5rem;display:flex}.npfav{width:100%}.npfav.on{color:var(--danger);border-color:var(--danger)}.enhancedrow{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:.85rem;display:flex}.enhancedrow em{color:var(--muted);font-size:.74rem;font-style:normal;display:block}.switch{background:var(--border);border-radius:20px;flex-shrink:0;width:44px;height:26px;transition:background .15s;position:relative}.switch.on{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.switch .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on .knob{transform:translate(18px)}@media (width>=640px){.app{max-width:900px}.grid{grid-template-columns:repeat(4,1fr)}.carousel .card.compact{flex:0 0 150px}}@media (width>=900px){.app{max-width:100%;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:20px 14px;display:flex}.sidebrand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.sidebrand h1{margin:0;font-size:1.1rem}.sidenav{flex-direction:column;flex:1;gap:4px;display:flex}.sidenav button{color:var(--muted);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:.92rem;font-weight:600;display:flex}.sidenav button .navicon{font-size:1.2rem}.sidenav button.on{background:var(--panel-2);color:var(--text)}.sidefree{align-self:flex-start;margin:8px}.bottomnav,.topbar{display:none}.home{max-width:1100px;padding:22px 32px 0}.grid{grid-template-columns:repeat(5,1fr)}.carousel{margin:0 -32px;padding-left:32px;padding-right:32px}.miniplayer{padding:10px 24px}.nowplaying{justify-content:center;align-items:center}.npcard{border-radius:24px;max-width:420px;max-height:88vh}}@media (width>=1280px){.grid{grid-template-columns:repeat(6,1fr)}}.themebtn{margin-left:auto;font-size:1.05rem}.sidefoot{justify-content:space-between;align-items:center;margin-top:8px;padding:0 8px;display:flex}.sidefree{margin:0}.auth{flex-direction:column;justify-content:center;gap:12px;max-width:380px;height:100%;margin:0 auto;padding:32px 24px;display:flex;overflow-y:auto}.auth .logo{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;display:flex}.auth .logo h2{margin:6px 0 0}.auth .sub{color:var(--muted);font-size:.88rem}.auth input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none;padding:13px 15px;font-size:.95rem}.auth input:focus{border-color:var(--accent)}.error{color:var(--danger);text-align:center;font-size:.84rem}.hint{color:var(--muted);font-size:.84rem}.hint.center{text-align:center}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:10px 0;font-size:.88rem;font-weight:700}.tabs button.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.stepdots{justify-content:center;gap:6px;display:flex}.stepdots span{background:var(--border);border-radius:50%;width:7px;height:7px}.stepdots span.on{background:var(--accent)}.availability{color:var(--muted);text-align:center;font-size:.82rem}.availability.good{color:var(--accent-2)}.availability.bad{color:var(--danger)}.otpinput{text-align:center;letter-spacing:.35em;font-size:1.3rem;font-weight:700}.demootp{background:var(--panel-2);border:1px dashed var(--accent);text-align:center;border-radius:12px;padding:10px 14px;font-size:.85rem}.toast{background:var(--text);color:var(--bg);z-index:200;text-align:center;border-radius:24px;max-width:86%;padding:10px 18px;font-size:.86rem;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.sheetwrap{z-index:90;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--panel);width:100%;max-width:480px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;max-height:82vh;animation:.18s ease-out mmup;display:flex;overflow-y:auto}.sheet h3{text-align:center;margin:0}.pickerlist{max-height:50vh;overflow-y:auto}.btn.small{flex:none;padding:8px 14px;font-size:.82rem}.notifcard{background:var(--panel);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;display:flex}.notiftime{color:var(--muted);white-space:nowrap;font-size:.72rem}.sessionbanner{width:100%;margin-bottom:16px;animation:2s ease-in-out infinite mmpulse}@keyframes mmpulse{0%,to{opacity:1}50%{opacity:.82}}.ytdock{z-index:101;background:#000;border-radius:18px;transition:opacity .15s;position:fixed;overflow:hidden}.listenroom{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.listenhead{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;font-size:.95rem;display:flex}.listenart{border-radius:18px;margin:10px 0;overflow:hidden;box-shadow:0 10px 40px #00000059}