:root{color-scheme:dark;--bg:#09080b;--panel:#141216;--panel2:#1a171e;--text:#f6f2fb;--muted:#a69fad;--line:#302b35;--purple:#9b6dff;--purple2:#c09bff;--lime:#c7ff3e;--bad:#ff6685;font:16px Arial,Helvetica,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 10%,#291b3f 0,transparent 28%),var(--bg);color:var(--text)}a{color:inherit}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:32px;padding:14px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #29252d;background:#09080be8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700}.brand img{width:38px}.brand small{display:block;color:var(--lime);font:9px monospace;letter-spacing:1.5px;margin-top:3px}.nav nav{display:flex;gap:25px;margin-right:auto}.nav nav a,.links a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover,.links a:hover{color:var(--text)}main{max-width:1240px;margin:auto;padding:0 24px}.hero{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{color:var(--lime);font:12px monospace;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-5px;margin:18px 0 26px}.hero h1 em{font-style:normal;color:var(--purple2)}.lede{font-size:20px;line-height:1.65;color:var(--muted);max-width:680px}.actions,.toolbar,.links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button,button,select,input,textarea{font:inherit}.button,button{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:11px 16px;text-decoration:none;cursor:pointer;transition:.2s}.button:hover,button:hover{border-color:#6a5b78;transform:translateY(-1px)}.button.primary{border-color:var(--purple);background:linear-gradient(135deg,#8954ff,#ad7dff);color:white;box-shadow:0 10px 30px #7848ff35}.button.ghost{background:transparent}.button.danger{color:#ff91a7}.hero-art{height:390px;display:grid;place-items:center;position:relative}.disc{width:300px;height:300px;border-radius:50%;background:repeating-radial-gradient(circle,#141217 0 4px,#222027 5px 7px);box-shadow:0 0 90px #9b6dff36;display:grid;place-items:center;animation:spin 18s linear infinite}.disc:before{content:"";width:110px;height:110px;border-radius:50%;background:var(--purple)}.disc span{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--bg)}.wave{position:absolute;bottom:0;color:var(--lime);font:42px monospace;letter-spacing:2px}.workspace,#albums,.about{margin:50px 0 110px}.workspace{padding:30px;background:#100e13;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 90px #0008}.section-head,.queue-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:38px;margin:8px 0}.stats{display:flex;gap:22px;color:var(--muted);font-size:13px}.stats b{color:var(--text);font:22px monospace;display:block}.notice{padding:14px;margin:15px 0;background:#2c2414;border:1px solid #755d1d;border-radius:9px;color:#f3d99d}.notice button{padding:4px 8px;margin-left:7px}.input-card{margin:24px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.input-card label,.dialog label{display:block;font-weight:700}.input-card label small{color:var(--muted);font-weight:400;margin-left:8px}textarea,input,select{background:#0d0b0f;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:11px}textarea{display:block;width:100%;resize:vertical;margin:10px 0 14px;line-height:1.5}.toolbar label{margin-left:auto;font-size:13px}.queue-head{margin-top:36px}.queue-head h3{font-size:23px;margin:0}.queue-head p{color:var(--muted);margin:6px 0}.queue{display:grid;gap:10px;margin-top:15px}.track{display:grid;grid-template-columns:auto 56px 1fr auto auto;align-items:center;gap:14px;padding:11px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.track img{width:56px;height:56px;border-radius:7px;object-fit:cover;background:#242028}.track h4{margin:0 0 5px}.track p,.track small{margin:0;color:var(--muted);font-size:12px}.status{font:11px monospace;color:var(--lime);text-transform:uppercase}.empty{text-align:center;color:var(--muted);padding:55px;border:1px dashed var(--line);border-radius:10px;display:grid;gap:8px}.empty div{font-size:30px;color:var(--purple)}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.album{min-height:190px;padding:20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#211a2b,#121015);display:flex;flex-direction:column}.album h3{font-size:20px;margin:50px 0 7px}.album p{color:var(--muted);margin:0 0 15px}.album .toolbar{margin-top:auto}.album-empty{grid-column:1/-1}.export{margin-top:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;border:1px solid #513b72;border-radius:14px;background:linear-gradient(110deg,#221633,#121015)}.export h3{font-size:27px;margin:8px 0}.export p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about>div,.about aside{padding:38px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.about h2{font-size:38px}.about p{color:var(--muted);line-height:1.7}.about aside{background:linear-gradient(145deg,#1c1723,#111013)}.chud{font:bold 13px monospace;color:#111;background:var(--lime);padding:5px 8px;border-radius:5px}.legal{text-align:center;color:var(--muted);font-size:12px;padding:30px 0 60px}dialog{width:min(460px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog input{display:block;width:100%;margin-top:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#toast{position:fixed;right:20px;bottom:20px;padding:14px 18px;background:#211a2b;border:1px solid var(--purple);border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0}.hero-art{height:280px}.disc{width:220px;height:220px}.album-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.track{grid-template-columns:auto 50px 1fr}.track>:nth-last-child(-n+2){grid-column:3}}@media(max-width:560px){.nav>.button{display:none}.hero h1{letter-spacing:-3px}.workspace{padding:18px;margin-left:-10px;margin-right:-10px}.section-head,.queue-head,.export{align-items:flex-start;flex-direction:column}.album-grid{grid-template-columns:1fr}.track{grid-template-columns:auto 1fr}.track img{display:none}.track>:nth-last-child(-n+2){grid-column:2}.stats{width:100%;justify-content:space-between}}