:root{--bg:#090b11;--surface:#11151e;--surface2:#171c27;--line:rgba(255,255,255,.09);--text:#f7f8fa;--muted:#8e98aa;--lime:#b8ff5b;--cyan:#55e6d8;--orange:#ff9e62;--danger:#ff6577;--radius:22px;--shadow:0 24px 64px rgba(0,0,0,.34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(84,230,216,.13),transparent 32%),radial-gradient(circle at 90% 10%,rgba(184,255,91,.1),transparent 30%),var(--bg);color:var(--text);min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.15}.ambient-a{background:var(--cyan);width:260px;height:260px;left:-150px;top:30%}.ambient-b{background:var(--lime);width:220px;height:220px;right:-130px;top:55%}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.shell{max-width:980px;margin:0 auto;padding:18px 18px 118px;position:relative;z-index:1}.topbar{height:60px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{width:38px;height:38px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:flex-end;gap:3px;padding:8px;background:rgba(255,255,255,.04)}.brand-mark span{display:block;width:5px;border-radius:9px;background:var(--lime);animation:pulse 1.4s ease-in-out infinite}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:22px;animation-delay:.2s}.brand-mark span:nth-child(3){height:16px;animation-delay:.4s}@keyframes pulse{50%{height:7px;opacity:.55}}.brand{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:.2px}.brand small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.avatar{margin-left:auto;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,#283144,#111722);font-weight:800}.card{background:linear-gradient(145deg,rgba(24,29,40,.94),rgba(15,18,27,.94));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.gate{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.gate h1,.hero h1,.page-title h1{font-size:clamp(32px,8vw,56px);line-height:.97;letter-spacing:-2px;margin:20px 0 15px}.gate em,.hero em{font-style:normal;color:var(--lime)}.gate p,.hero p,.page-title p{color:var(--muted);max-width:600px;line-height:1.6}.vinyl{width:120px;height:120px;background:repeating-radial-gradient(circle,#171b25 0 4px,#080a0e 5px 8px);border-radius:50%;display:grid;place-items:center;box-shadow:0 30px 50px rgba(0,0,0,.45);animation:spin 8s linear infinite}.vinyl i{display:block;width:35px;height:35px;border-radius:50%;background:var(--lime);border:10px solid #252b18}@keyframes spin{to{transform:rotate(360deg)}}.view{display:none}.view.active{display:block;animation:enter .28s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}}.hero{min-height:330px;padding:36px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;border:1px solid rgba(184,255,91,.18)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--cyan)}.hero p{margin-bottom:0}.hero-disc{justify-self:center;width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle at center,#202531 0 2px,#0a0d12 3px 8px);display:grid;place-items:center;box-shadow:0 30px 70px #000;position:relative;z-index:1}.disc-label{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--lime),#6fbd2f);display:grid;place-items:center;color:#101509;font-weight:950;font-size:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 30px}.stat{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.stat strong{display:block;font-size:23px}.stat span{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.section-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.5px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{text-align:left;padding:20px;border-color:var(--line);cursor:pointer;min-height:150px;transition:.2s transform,.2s border-color}.quick:hover{transform:translateY(-3px);border-color:rgba(184,255,91,.4)}.quick b{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:rgba(184,255,91,.12);color:var(--lime);font-size:23px;margin-bottom:18px}.quick span{display:block;font-weight:800}.quick small{display:block;color:var(--muted);line-height:1.35;margin-top:5px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service{padding:18px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.service-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(85,230,216,.1);color:var(--cyan);font-size:20px}.service div{flex:1}.service strong,.service small{display:block}.service small{color:var(--muted);margin-top:4px}.status-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.page-title{margin:30px 4px 22px}.page-title h1{font-size:42px;margin:8px 0}.page-title p{margin:0}.search-box{padding:20px}.search-box label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.search-row{display:flex;gap:9px}.search-row input,.library-actions input,.watch-form input{flex:1;min-width:0;background:#0b0e14;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:14px 15px;outline:none}.search-row input:focus,.library-actions input:focus,.watch-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(85,230,216,.1)}.primary,.secondary{border:0;border-radius:14px;padding:13px 18px;font-weight:850;cursor:pointer}.primary{background:var(--lime);color:#101609}.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line)}.button-link{text-decoration:none;display:grid;place-items:center}.source-title{display:flex;justify-content:space-between;margin:18px 0 10px;font-size:12px;color:var(--muted)}.link-button{background:none;border:0;color:var(--cyan);cursor:pointer}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.chip{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:8px 11px;border-radius:999px;font-size:12px;cursor:pointer}.chip.active{background:rgba(85,230,216,.12);border-color:rgba(85,230,216,.5);color:#c9fffa}.search-meta{min-height:38px;padding:15px 3px;color:var(--muted);font-size:12px}.release-list,.download-list,.track-list,.watch-list,.user-list{display:grid;gap:9px}.release{padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px}.release h3,.download h3{font-size:14px;line-height:1.45;margin:0 0 9px;word-break:break-word}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:10px;color:#c5ccda}.tag.lossless{color:var(--lime);background:rgba(184,255,91,.08)}.release-actions{display:flex;flex-direction:column;gap:7px;justify-content:center}.icon-button{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);min-width:42px;height:38px;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px}.pagination button:disabled{opacity:.35}.download{padding:18px}.download-head{display:flex;justify-content:space-between;gap:12px}.download-head span{font-size:11px;color:var(--muted);white-space:nowrap}.progress{height:7px;background:#080a0f;border-radius:99px;overflow:hidden;margin:13px 0 9px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));border-radius:99px}.download-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.download-actions{display:flex;gap:7px}.state{font-weight:800}.state.ok{color:var(--lime)}.state.error{color:var(--danger)}.library-actions,.watch-form{padding:12px;display:flex;gap:9px}.segmented{display:flex;background:#0d1017;border:1px solid var(--line);border-radius:14px;padding:4px;margin:14px 0}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:10px;cursor:pointer}.segmented button.active{background:var(--surface2);color:var(--text)}.track{padding:14px 16px;display:flex;gap:12px;align-items:center}.track-art{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,rgba(85,230,216,.25),rgba(184,255,91,.12));display:grid;place-items:center;color:var(--cyan)}.track-copy{min-width:0;flex:1}.track-copy strong,.track-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{color:var(--muted);margin-top:4px}.stars{display:flex}.stars button{background:none;border:0;color:#50586a;padding:3px;font-size:17px}.stars button.on{color:var(--lime)}.profile-card{padding:25px;text-align:center}.profile-avatar{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#34515d);color:#071313;font-size:25px;font-weight:950}.profile-card h1{font-size:23px;margin:0}.profile-card p{color:var(--muted);font-size:12px}.role{display:inline-block;border-radius:999px;padding:6px 10px;background:rgba(184,255,91,.1);color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:1px}.watch,.user{padding:15px 17px;display:flex;align-items:center;gap:12px}.watch div,.user div{flex:1}.watch strong,.watch small,.user strong,.user small{display:block}.watch small,.user small{color:var(--muted);margin-top:3px}.user-actions{display:flex;gap:5px}.mini{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:9px;padding:7px 9px;font-size:10px}.empty{padding:35px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.loader{padding:40px;text-align:center;color:var(--muted)}.loader:before{content:"";display:block;width:34px;height:34px;margin:0 auto 13px;border:3px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),700px);height:70px;background:rgba(14,17,24,.9);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;z-index:20;box-shadow:0 20px 60px #000}.bottom-nav button{background:transparent;border:0;border-radius:16px;color:var(--muted);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.bottom-nav button span{font-size:20px}.bottom-nav button.active{background:rgba(184,255,91,.09);color:var(--lime)}.toast{position:fixed;z-index:50;left:50%;bottom:100px;transform:translate(-50%,20px);background:#f0f4f8;color:#10141c;border-radius:13px;padding:11px 16px;opacity:0;pointer-events:none;transition:.25s;max-width:90%;font-weight:700;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
.filter-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr;gap:8px;margin-top:14px}.filter-grid label{margin:0}.filter-grid select,.filter-grid input{width:100%;margin-top:6px;background:#0b0e14;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px;outline:none}
@media(max-width:720px){.shell{padding-inline:12px}.hero{grid-template-columns:1fr;padding:25px;min-height:310px}.hero-disc{position:absolute;width:140px;height:140px;right:-36px;bottom:-28px;opacity:.52}.hero p{max-width:80%}.stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:1fr}.release{grid-template-columns:1fr}.release-actions{flex-direction:row;justify-content:flex-end}.page-title h1{font-size:38px}.search-row{flex-direction:column}.filter-grid{grid-template-columns:1fr 1fr}.library-actions{flex-direction:column}.bottom-nav{height:66px}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:18px}}
@media(max-width:380px){.quick-grid{grid-template-columns:1fr}.quick{min-height:120px}.stats{grid-template-columns:1fr 1fr}.hero h1,.gate h1{font-size:34px}.bottom-nav button{font-size:8px}}
.tag.fallback{color:#ffd27a;background:rgba(255,190,72,.09);border-color:rgba(255,190,72,.25)}
.setting-card{padding:17px;display:flex;align-items:center;gap:18px;cursor:pointer}.setting-card>span{display:block;flex:1}.setting-card strong,.setting-card small{display:block}.setting-card small{color:var(--muted);line-height:1.45;margin-top:5px}.setting-card input{position:absolute;opacity:0;pointer-events:none}.setting-card i{width:48px;height:27px;border-radius:999px;background:#303746;border:1px solid var(--line);position:relative;transition:.2s;flex:0 0 auto}.setting-card i:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#aeb6c7;transition:.2s}.setting-card input:checked+i{background:rgba(184,255,91,.28);border-color:rgba(184,255,91,.55)}.setting-card input:checked+i:after{transform:translateX(21px);background:var(--lime)}.setting-card input:focus-visible+i{outline:2px solid var(--cyan);outline-offset:3px}