@font-face{font-family:Aristo;src:url(../fonts/Aristotelica-Pro-Text-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Aristo;src:url(../fonts/Aristotelica-Pro-Text-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Aristo;src:url(../fonts/Aristotelica-Pro-Text-Demibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:AristoDisp;src:url(../fonts/Aristotelica-Pro-Display-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:AristoDisp;src:url(../fonts/Aristotelica-Pro-Display-Demibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:AristoDisp;src:url(../fonts/Aristotelica-Pro-Display-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--body-font:"Aristo",system-ui,sans-serif;--disp-font:"AristoDisp","Aristo",system-ui,sans-serif;--accent:#5433ff;--accent-2:#ff1b5e;--radius:22px}:root[data-font=template]{--body-font:"Poppins",system-ui,-apple-system,sans-serif;--disp-font:"Poppins",system-ui,-apple-system,sans-serif}:root[data-theme=light]{--bg:#eef1f4;--bg2:#e7eaef;--surface:#ffffff;--surface-2:#f4f6f9;--text:#12121a;--muted:#8a8d99;--line:#e2e5eb;--nav-bg:#12121a;--nav-fg:#ffffff;--input-line:#12121a;--shadow:0 18px 40px -20px rgba(20,20,40,.28)}:root[data-theme=dark]{--bg:#131319;--bg2:#0e0e14;--surface:#20202b;--surface-2:#282833;--text:#f4f4f8;--muted:#8b8b98;--line:#2c2c39;--nav-bg:#20202b;--nav-fg:#ffffff;--input-line:#3a3a48;--shadow:0 18px 40px -20px rgba(0,0,0,.6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100dvh;background:var(--bg2);overflow-x:hidden}body{font-family:var(--body-font);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--disp-font);margin:0;font-weight:700;letter-spacing:-.01em}.app{position:relative;max-width:440px;margin:0 auto;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;min-height:100dvh;padding-top:calc(env(safe-area-inset-top) + 8px);position:relative}.scroll{flex:1;overflow-y:auto;overflow-x:hidden}.pad{padding:0 22px}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:6px 24px 2px;font-size:14px;font-weight:600;font-family:var(--disp-font)}.statusbar .r{display:flex;gap:6px;align-items:center}:root[data-case=caps] h1,:root[data-case=caps] h2,:root[data-case=caps] h3,:root[data-case=caps] .u,:root[data-case=caps] .btn,:root[data-case=caps] .nav-label,:root[data-case=caps] .chip,:root[data-case=caps] .tab,:root[data-case=caps] .stitle{text-transform:uppercase;letter-spacing:.13em}:root[data-case=min] h1,:root[data-case=min] h2,:root[data-case=min] h3,:root[data-case=min] .u,:root[data-case=min] .btn,:root[data-case=min] .nav-label,:root[data-case=min] .chip,:root[data-case=min] .tab,:root[data-case=min] .stitle{text-transform:lowercase}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;border-radius:40px;background:var(--accent);color:#fff;font-weight:600;font-family:var(--disp-font);font-size:16px;transition:transform .15s,filter .15s}.btn:active{transform:scale(.97)}.btn.pink{background:var(--accent-2)}.btn.ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}.btn.small{padding:13px 20px;width:auto;font-size:14px}.field{margin-bottom:18px}.field .lab{position:absolute;top:-9px;left:16px;background:var(--bg);padding:0 7px;font-size:12px;color:var(--text);font-weight:600}.field .wrap{position:relative;display:flex;align-items:center;border:1.5px solid var(--input-line);border-radius:16px;padding:0 16px;height:58px;gap:12px}.field input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:15px;height:100%}.field input::placeholder{color:var(--muted)}.stitle{font-size:15px;color:var(--muted);font-weight:600;margin:0}.link{color:var(--accent);font-weight:600;font-size:13px}.iconbtn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:var(--shadow)}:root[data-theme=dark] .iconbtn{background:#2b2b38}.cover{background-size:cover;background-position:center;position:relative;overflow:hidden;flex-shrink:0}.bottomnav{position:sticky;bottom:0;margin:0 auto;width:calc(100% - 36px);max-width:404px;background:var(--nav-bg);border-radius:34px;display:flex;justify-content:space-around;align-items:center;padding:14px 10px;margin-bottom:calc(env(safe-area-inset-bottom) + 12px);box-shadow:0 16px 40px -14px #00000073;z-index:30}.bottomnav button{color:#8f8f9e;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.bottomnav button.active{color:#fff}.bottomnav .av{width:30px;height:30px;border-radius:50%;background-size:cover}.mini{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:20px;padding:10px 14px;box-shadow:var(--shadow);margin:0 16px}:root[data-theme=dark] .mini{background:#2b2b38}.mini .art{width:44px;height:44px;border-radius:14px;background-size:cover;flex-shrink:0}.track{height:5px;border-radius:4px;background:var(--line);position:relative;overflow:hidden;cursor:pointer}.track .fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--accent-2)}.track.indigo .fill{background:var(--accent)}.row{display:flex;align-items:center;gap:14px;padding:9px 0}.row .art{width:52px;height:52px;border-radius:14px;background-size:cover;flex-shrink:0;position:relative}.row .art.circle{border-radius:50%}.row .meta{flex:1;min-width:0}.row .meta .tt{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .meta .sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hscroll{display:flex;gap:16px;overflow-x:auto;padding:2px 22px 6px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.chip{padding:9px 16px;border-radius:30px;border:1.4px solid var(--line);font-size:13px;white-space:nowrap;color:var(--text);background:transparent}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid-genres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px}.center-col{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.play-fab{width:56px;height:56px;border-radius:18px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px -8px var(--accent)}.round-play{width:52px;height:52px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.dots{display:flex;gap:8px;justify-content:center;margin:18px 0}.dots i{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.4;transition:.3s}.dots i.on{opacity:1;width:9px;height:9px;background:var(--text)}.fade-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}