@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300&display=swap');
:root{--bg:#f2f2f7;--surface:rgba(255,255,255,.76);--soft:#e9e9ef;--line:rgba(60,60,67,.13);--ink:#111114;--muted:#74747c;--accent:#5e5ce6;--accent2:#8b5cf6;--green:#30d158;--danger:#ff453a;--radius:24px;font-family:'Russo One',ui-rounded,-apple-system,sans-serif;font-weight:300;color:var(--ink);background:var(--bg);font-synthesis:weight}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(175,82,222,.14),transparent 30rem),radial-gradient(circle at 0 30%,rgba(94,92,230,.11),transparent 34rem),var(--bg);overflow-x:hidden}button,input{font:inherit;font-weight:300}button{touch-action:manipulation}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,5vw) 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:.5px solid var(--line);background:rgba(242,242,247,.72);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 7px 20px rgba(94,92,230,.28)}.account-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:.5px solid var(--line);border-radius:99px;background:rgba(255,255,255,.58);color:var(--muted);font-size:11px}.dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#aaa;transition:.3s}.dot.online{background:var(--green);box-shadow:0 0 0 4px rgba(48,209,88,.13)}main{width:min(1080px,calc(100% - 32px));margin:auto}.hero{max-width:820px;padding:clamp(62px,10vw,120px) 0 54px;animation:rise .65s cubic-bezier(.2,.8,.2,1) both}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:10px;letter-spacing:.18em}.hero h1{margin:0;max-width:850px;font-size:clamp(48px,8.2vw,92px);line-height:.98;letter-spacing:-.065em;font-weight:300}.hero h1 em{color:var(--accent);font-style:normal}.lede{margin:22px 0 30px;color:var(--muted);font-size:15px;line-height:1.6}.searchbox{height:64px;max-width:760px;padding:6px 6px 6px 18px;display:flex;align-items:center;border:.5px solid #fff;border-radius:19px;background:var(--surface);box-shadow:0 18px 50px rgba(30,30,60,.1);backdrop-filter:blur(24px);transition:.25s}.searchbox:focus-within{transform:translateY(-2px);box-shadow:0 22px 60px rgba(94,92,230,.16)}.searchbox svg{width:22px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.8}.searchbox input{flex:1;min-width:0;padding:0 13px;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.searchbox button,.primary{min-height:50px;padding:0 22px;border:0;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 8px 22px rgba(94,92,230,.22);cursor:pointer;transition:.18s}.searchbox button:active,.primary:active{transform:scale(.96)}.message{min-height:20px;margin-top:11px;color:var(--muted);font-size:11px}.message.error{color:var(--danger)}.panel{margin-bottom:18px;padding:24px;border:.5px solid #fff;border-radius:var(--radius);background:var(--surface);box-shadow:0 14px 45px rgba(30,30,60,.06);backdrop-filter:blur(28px) saturate(160%);animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.hidden{display:none!important}.section-head{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.section-head h2{margin:0;font-size:25px;letter-spacing:-.045em;font-weight:300}.muted{color:var(--muted);font-size:11px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.result{min-width:0;padding:10px;display:flex;gap:12px;border:.5px solid var(--line);border-radius:17px;background:rgba(255,255,255,.62);transition:.22s}.result:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 24px rgba(30,30,60,.07)}.cover{width:54px;height:54px;flex:0 0 auto;border-radius:12px;object-fit:cover;background:var(--soft)}.result-info{min-width:0;flex:1}.result strong,.result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result strong{font-size:12px}.result small{margin-top:5px;color:var(--muted);font-size:9px}.download-one{margin-top:8px;padding:0;border:0;color:var(--accent);background:none;font-size:10px;cursor:pointer}.stats{margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr) 2fr;gap:10px}.stats article{min-width:0;padding:19px;border:.5px solid #fff;border-radius:19px;background:var(--surface);box-shadow:0 10px 35px rgba(30,30,60,.045);backdrop-filter:blur(20px);transition:.22s}.stats article:hover{transform:translateY(-2px)}.stats span{display:block;margin-bottom:8px;color:var(--muted);font-size:9px}.stats strong{font-size:25px;font-weight:300;letter-spacing:-.04em}.stats .wide strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}.actions{display:flex;gap:7px}.ghost,.icon-btn{min-height:38px;padding:0 12px;border:.5px solid var(--line);border-radius:11px;color:var(--accent);background:rgba(255,255,255,.55);cursor:pointer;text-decoration:none;font-size:9px}.empty{padding:54px 15px;text-align:center;color:var(--muted)}.empty-icon{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:17px;color:var(--accent);background:rgba(94,92,230,.09);font-size:23px}.empty h3{margin:15px 0 7px;color:var(--ink);font-size:14px;font-weight:300}.empty p{margin:0;font-size:10px}.queue{display:flex;flex-direction:column;gap:7px}.queue-item{padding:9px;display:grid;grid-template-columns:48px minmax(0,1fr) 135px 95px;align-items:center;gap:13px;border:.5px solid var(--line);border-radius:15px;background:rgba(255,255,255,.62);animation:slideIn .35s ease both}.queue-item .cover{width:48px;height:48px}.track{min-width:0}.track strong,.track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track strong{font-size:11px}.track span,.status{margin-top:4px;color:var(--muted);font-size:9px}.progress{height:4px;margin-top:8px;overflow:hidden;border-radius:5px;background:var(--soft)}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .5s}.item-actions{display:flex;justify-content:flex-end;gap:6px}footer{width:min(1080px,calc(100% - 32px));margin:28px auto;padding:22px 0 calc(22px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;border-top:.5px solid var(--line);color:var(--muted);font-size:9px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:700px){main{width:calc(100% - 20px)}.topbar{padding-left:14px;padding-right:14px}.brand{font-size:16px}.account-pill{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero{padding:48px 4px 38px}.hero h1{font-size:clamp(42px,13vw,62px);line-height:1}.lede{max-width:320px;font-size:12px}.searchbox{height:58px;padding-left:14px;border-radius:18px}.searchbox button{min-height:46px;padding:0 15px;font-size:11px}.searchbox input{padding:0 10px;font-size:11px}.panel{padding:16px;border-radius:21px}.section-head{align-items:flex-start}.section-head h2{font-size:21px}.result-grid{grid-template-columns:1fr}.result{min-height:76px;align-items:center}.result .cover{width:56px;height:56px}.stats{grid-template-columns:repeat(3,1fr)}.stats .wide{grid-column:1/-1}.stats article{padding:15px 12px;border-radius:17px}.stats strong{font-size:21px}.actions{flex-direction:column}.ghost{min-height:34px}.queue-item{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.queue-item .cover{width:44px;height:44px}.status{display:none}footer{width:calc(100% - 24px)}}