*{box-sizing:border-box}html,body,#root{color:#f7f7fb;background:#090a0f;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 80% 0,#33205a 0,#0000 34%),#090a0f;min-height:100vh}header{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0fd9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:21px;font-weight:800}.ghost{color:#fff;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;padding:9px 12px}.hero,main{width:min(1180px,100% - 32px);margin:auto}.hero{justify-content:space-between;align-items:center;gap:40px;min-height:350px;padding:72px 0;display:flex}.kicker{color:#bca6ff;letter-spacing:.16em;margin:0 0 14px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(42px,7vw,82px);line-height:.95}.hero h1 em{color:#a98cff;font-style:normal}.sub{color:#a9abb8;max-width:650px;font-size:18px;line-height:1.55}.orb{background:linear-gradient(135deg,#9d7aff,#ff6db5);border-radius:50%;flex:none;place-items:center;width:190px;height:190px;font-size:74px;display:grid;box-shadow:0 0 90px #9d7aff55}.import{background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;margin-bottom:52px;padding:18px}.tabs{gap:6px;margin-bottom:16px;display:flex}.tabs button{color:#888b99;background:0 0;border:0;border-radius:10px;padding:9px 14px}.tabs .active{color:#fff;background:#ffffff12}.drop{cursor:pointer;border:1px dashed #ffffff2b;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:125px;display:flex}.drop input{display:none}.drop span,.section-title span,small,.hint{color:#777b89;font-size:13px}.youtube{color:#fff;background:#ff4e7a;border:1px solid #ffffff16;border-radius:16px;width:100%;padding:18px;font-weight:800}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title h2{margin:0;font-size:25px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding-bottom:80px;display:grid}.song{text-align:left;color:#fff;background:#ffffff07;border:1px solid #ffffff0e;border-radius:18px;align-items:center;gap:13px;min-width:0;padding:13px;display:flex}.song:hover{background:#ffffff0e;transform:translateY(-1px)}.song b,.song small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;overflow:hidden}.song span{margin-left:auto}.cover{background:#201b32;border-radius:14px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.empty{text-align:center;color:#727684;border:1px dashed #ffffff18;border-radius:20px;margin-bottom:80px;padding:60px 20px}.alert,.notice{border-radius:12px;width:min(1180px,100% - 32px);margin:0 auto 18px;padding:13px 16px}.alert{color:#ffc5d0;background:#6b2030}.notice{color:#bff5da;background:#193f31}.modal{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#05060add;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.player{background:#11121a;border:1px solid #ffffff16;border-radius:28px;width:min(620px,100%);padding:clamp(24px,5vw,44px);position:relative;box-shadow:0 30px 100px #000}.close{color:#fff;background:#ffffff0b;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;position:absolute;top:16px;right:16px}.player h2{margin:0;font-size:clamp(28px,6vw,48px)}.segment{color:#9295a3}.wave{color:#ad91ff;justify-content:center;align-items:center;gap:12px;height:130px;font-size:30px;display:flex}.wave span:nth-child(2){font-size:70px}.wave span:nth-child(4){font-size:52px}.player audio{width:100%}.youtube-player{aspect-ratio:16/9;background:#000;border:0;border-radius:16px;width:100%;display:block}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.primary,.secondary,.recording{border:0;border-radius:14px;padding:15px;font-weight:800}.primary{color:#110c1f;background:#a687ff}.secondary{color:#fff;background:#ffffff10}.recording{color:#fff;background:#d83b5c}.hint{line-height:1.5}.loading{z-index:30;background:#191a24;border:1px solid #ffffff15;border-radius:14px;padding:12px 16px;position:fixed;bottom:18px;right:18px}@media (width<=700px){.hero{min-height:auto;padding:48px 0 36px}.orb{width:100px;height:100px;font-size:40px}.hero{gap:15px}.sub{font-size:15px}.grid,.actions{grid-template-columns:1fr}.player{border-radius:22px}.brand{font-size:19px}}@media (width<=430px){.orb{display:none}.hero h1{font-size:48px}}