:root{color-scheme:dark;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#0b0e18;--panel:#151a2a;--panel2:#202638;--stroke:#30384c;--ink:#f3f5fd;--mute:#9ba7bf;--accent:#61e7bd;--purple:#9878ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -15%,#282447 0,transparent 42%),var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.35rem,2vw,2rem);margin:2px 0}h2{font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.25}h3{font-size:1.05rem}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid #242c3d;background:#0e1220;display:flex;flex-direction:column;padding:30px 17px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;font-size:19px;letter-spacing:.4px}.brand span{color:var(--accent)}.brand small{display:block;color:var(--mute);font-size:10px;letter-spacing:2px}.brand-icon{width:41px;height:41px;display:grid;place-items:center;background:linear-gradient(145deg,#58e6bc,#31a5ac);color:#101724;border-radius:13px;font-size:27px;font-weight:700}.nav{display:grid;gap:8px}.nav-btn{border:0;text-align:left;background:transparent;color:var(--mute);padding:13px 15px;border-radius:12px}.nav-btn:hover,.nav-btn.active{background:#1d2835;color:var(--accent)}.sidebottom{margin-top:auto;display:grid;gap:12px}.privacy{font-size:11px;color:var(--accent);letter-spacing:.2px}.email-side{font-size:12px;overflow-wrap:anywhere;color:var(--mute)}main{width:100%;max-width:1240px;margin:0 auto;padding:32px clamp(20px,4vw,64px) 14px}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:33px}.overline,.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:var(--accent)}.view{animation:enter .23s ease}@keyframes enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.hidden{display:none!important}.hero{padding:33px 36px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #385349;border-radius:22px;background:radial-gradient(ellipse at 83% 30%,#24554b 0%,transparent 65%),linear-gradient(110deg,#172e32,#1c2035);margin-bottom:33px}.hero h2{font-size:clamp(23px,3vw,36px);margin:10px 0}.hero p{color:#b9c8ce;margin:0}.primary{background:var(--accent);color:#0b1c1c;border:1px solid var(--accent);border-radius:11px;padding:12px 17px;font-weight:750}.primary:hover{background:#98f9d9}.secondary{background:#293b45;color:var(--accent);border:1px solid #477567;border-radius:11px;padding:11px 16px;font-weight:700}.ghost,.smallbtn{border:1px solid var(--stroke);background:#1b2231;color:var(--ink);border-radius:10px;padding:9px 12px}.ghost:hover,.smallbtn:hover{background:#283146}.danger{border:1px solid #724853;background:#382631;color:#ff9fae;border-radius:10px;padding:8px 12px}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sectionline h3{margin:0}.sectionline input{max-width:250px}.song-list{display:grid;gap:12px}.song{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--stroke);border-radius:15px;background:var(--panel);cursor:pointer;transition:border-color .15s}.song:hover{border-color:var(--accent)}.song-left{display:flex;align-items:center;gap:15px;min-width:0}.song-icon{height:53px;width:53px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#2f3453;color:#b1a8ff;font-size:24px}.song-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted,.hint{color:var(--mute);font-size:13px}.hint{line-height:1.6}.song .tag{font-size:11px;color:var(--accent);white-space:nowrap}.card{background:linear-gradient(160deg,#1a2031,#141927);border:1px solid var(--stroke);border-radius:20px;padding:clamp(20px,3vw,34px)}.formcard,.importcard,.help{max-width:750px;margin:0 auto}.formcard h2,.importcard h2{margin:9px 0 12px}.formcard>p,.importcard>p{color:var(--mute)}label:not(.confirm){display:block;color:#dbe2f1;margin:18px 0 7px;font-weight:650;font-size:13px}input[type="email"],input[type="password"],input[type="text"],input[type="url"],input[type="search"],input[type="file"],input:not([type]){display:block;width:100%;min-width:0;background:#0f1422;border:1px solid #414b5e;color:var(--ink);border-radius:11px;padding:12px 14px}input[type=file]{font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.confirm{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:20px 0}.confirm input{accent-color:var(--accent);margin-top:4px}.full{width:100%}.process{border:1px solid var(--stroke);padding:15px;margin-top:15px;border-radius:11px}.progressbar{height:8px;background:#263041;border-radius:99px;overflow:hidden;margin:10px 0}.progressbar div{height:100%;width:0;background:var(--accent);transition:width .2s}.notice{border:1px solid #557b70;background:#1c3839;border-radius:11px;padding:12px 16px;margin-bottom:22px;color:#b8ffe4;overflow-wrap:anywhere}.notice.error{border-color:#8d4550;color:#ffd4d9;background:#361e2a}.empty{text-align:center;padding:55px 15px;color:var(--mute)}.empty-icon{font-size:48px;color:var(--accent)}.empty h3{color:white}.playerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mixer-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.mixer-title h2{margin-bottom:3px}.transport{display:flex;gap:17px;align-items:center;margin:28px 0}.playbutton{flex:none;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#0d1c1b;border:0;font-size:20px}.seek{flex:1}.seek input{width:100%}.times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;color:var(--mute);font-size:12px}.ctrlrow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.control{padding:17px;background:#11192a;border:1px solid var(--stroke);border-radius:13px}.labelrow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.control small{font-size:11px;color:var(--mute)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.looprow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0 29px}.looprow .confirm{margin:0 12px 0 0}.stemrow{display:grid;grid-template-columns:1fr minmax(120px,2fr) 60px auto auto;gap:13px;align-items:center;padding:18px 12px;background:#161e2c;border-radius:13px;margin:10px 0}.stemname{font-weight:700}.stemrow .smallbtn{padding:6px 9px}.stemrow .smallbtn.on{color:#0e201f;background:var(--accent)}.footactions{margin-top:23px;display:flex;gap:12px;align-items:center}.help p{margin:18px 0;color:#bdc8d8}footer{color:#61718c;text-align:center;font-size:11px;margin:30px 0}.tag{border:1px solid #3a6d61;border-radius:99px;padding:3px 9px}.skeleton{color:var(--mute)}@media(max-width:800px){.app{display:block}.sidebar{height:auto;position:static;padding:12px 14px 7px;border-right:0;border-bottom:1px solid var(--stroke);display:block}.brand{padding:4px 2px 12px;font-size:17px}.brand-icon{width:35px;height:35px;font-size:23px}.nav{display:flex;gap:5px;justify-content:space-between}.nav-btn{font-size:11px;text-align:center;padding:10px 8px;flex:1;white-space:nowrap}.sidebottom{display:none}main{padding:22px 14px}.topbar{margin-bottom:18px}.hero{padding:23px 19px;display:block}.hero button{margin-top:19px}.sectionline{align-items:stretch}.sectionline input{max-width:52%}.ctrlrow{grid-template-columns:1fr}.mixer-title{align-items:center}.mixer-title .danger{font-size:11px;padding:8px}.stemrow{grid-template-columns:1fr minmax(100px,1.6fr) 36px;gap:6px;padding:12px 8px}.stemrow .smallbtn{grid-row:2;margin-top:4px}.stemrow .stemname{font-size:12px}.stemrow .volvalue{text-align:right;font-size:12px}.looprow{gap:6px}.footactions{flex-wrap:wrap}}@media(max-width:390px){.nav-btn{font-size:10px;padding:9px 5px}.stemrow{grid-template-columns:1fr 1fr 31px}}