:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#edf0fb;background:#080b16;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 55% 16% at 50% 4%,#2e195d 0%,transparent 100%),#080b16;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,label{transition:.16s ease}button{cursor:pointer}.nav{max-width:1200px;margin:auto;min-height:79px;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;gap:20px;border-bottom:1px solid #ffffff12}.logo{display:flex;align-items:center;gap:7px;color:#c3a9ff;font-size:27px;font-weight:850}.logo em{font-size:9px;color:#9794b8;align-self:end;font-style:normal;margin:0 3px 7px}.nav nav,.auth{display:flex;gap:20px;align-items:center}.nav nav{color:#b7b8ce;font-size:14px}.auth{gap:8px}.auth a,.chip,.secondary-link{border:1px solid #454363;border-radius:11px;padding:9px 14px;background:#141728;font-size:13px}.auth .join,.primary{background:linear-gradient(115deg,#9157ff,#6740cb);border:0;color:#fff;border-radius:12px;padding:12px 20px;font-weight:750}.main{max-width:1050px;margin:0 auto;padding:0 18px}.hero{text-align:center;padding:61px 5px 25px}.hero .eyebrow{letter-spacing:1.5px;color:#b7a0ed;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(30px,4.5vw,57px);font-weight:850;line-height:1.27;margin:15px 0}.hero h1 span{color:#bf9eff}.hero p{color:#a9afc5;max-width:660px;margin:0 auto 20px;font-size:16px}.steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 25px}.steps span{padding:7px 15px;border-radius:25px;background:#181a2b;color:#8d90b0;font-size:12px}.steps .is-on{color:#cfb6ff;background:#2d204a}.panel{border:1px solid #303249;border-radius:22px;background:linear-gradient(160deg,#151827,#10121d);padding:26px;margin-bottom:22px;box-shadow:0 25px 70px #0000002c}.p-head,.p-head>div{display:flex;align-items:center;gap:14px}.p-head{justify-content:space-between;margin-bottom:22px}.p-head h2{font-size:23px;margin:0}.p-head small{color:#9396b5}.num{background:#342451;color:#c19dff;border-radius:10px;padding:8px 12px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.upload,.youtube{min-height:234px;border:1px dashed #63548e;border-radius:16px;background:#18162c;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:21px;gap:7px;text-align:center}.upload{cursor:pointer}.upload:hover,.upload.drag{border-color:#b69cff;background:#21183b}.upload input{display:none}.source-icon{background:#34224d;border-radius:14px;color:#c9b1ff;display:grid;place-items:center;font-size:25px;width:54px;height:54px}.youtube-icon{color:#ff9b9b;background:#3c252e}.source-grid b{font-size:19px}.source-grid small,.tiny,.hint{color:#a5a6bb;font-size:12px}.tiny{color:#b996ff!important}.youtube{justify-content:flex-start}.url-input{display:flex;gap:7px;width:100%;margin-top:9px}.url-input input{min-width:0;flex:1;background:#0e1020;border:1px solid #4b4460;border-radius:10px;padding:10px;color:#fff}.url-input button,.chip{color:#d8c7ff;border:1px solid #5e478e;background:#302348;border-radius:10px;padding:10px 14px;font-weight:700}.hint{line-height:1.4}.rights{display:flex;align-items:start;gap:10px;margin:22px 0 12px;font-size:14px;color:#c8c8dc}.rights input{width:18px;height:18px;accent-color:#9c71fd;flex-shrink:0;margin-top:4px}.notice{color:#d4c4ff;font-size:13px;min-height:20px;margin-bottom:0}.notice.error{color:#ffacb5}.preview{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #3b3b55;border-radius:15px;padding:14px;margin-bottom:16px}.preview div{display:flex;flex-direction:column}.preview small{color:#999bb5}.preview audio{max-width:380px;width:100%}.secondary-link{color:#d8c5ff}.meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meter{border:1px solid #2e3044;background:#0f1220;padding:15px;border-radius:13px;display:flex;flex-direction:column;gap:6px}.meter small{color:#a4a8bb}.meter input{width:100%;background:#1c1d2c;color:#fff;border:1px solid #4a4662;padding:8px 10px;border-radius:8px;outline:none}.meter em{color:#858ba5;font-size:11px;font-style:normal}.dual{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.form-box{border:1px solid #2f3046;padding:15px;border-radius:12px;background:#0e1120}.form-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.form-head h3{font-size:16px}.form-box textarea{width:100%;resize:vertical;border:1px solid #3e4059;border-radius:9px;background:#171a2a;color:#fff;padding:12px;min-height:180px;outline:none}.form-box small{color:#9398b0}.tip{display:flex;align-items:center;gap:13px;background:#1e1a33;border:1px solid #42345f;border-radius:12px;padding:16px;margin-top:17px}.tip>span{font-size:30px}.tip div{flex:1}.tip small{display:block;color:#a5a1bd}.tip a{font-size:13px;color:#ccaaff;white-space:nowrap}.modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mode{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #3b3d54;border-radius:13px;padding:16px;background:#111526}.mode.selected{border-color:#aa7bff;background:#27203f;box-shadow:inset 0 0 0 1px #aa7bff70}.mode input{position:absolute;opacity:0}.mode span{font-size:29px}.mode b{font-size:17px}.mode small{font-size:12px;color:#a9a8bc}.footer-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.footer-line p{color:#a9a9be;font-size:13px;max-width:550px}footer{text-align:center;color:#777d9c;padding:26px 5px 45px;font-size:12px}footer a{color:#aba2cf}@media(max-width:720px){.nav{flex-wrap:wrap;gap:12px}.nav nav{order:3;width:100%;justify-content:center}.nav .auth{gap:5px}.nav .auth a{padding:6px 8px;font-size:12px}.hero{padding-top:40px}.source-grid,.meter-grid,.dual{grid-template-columns:1fr}.modes{grid-template-columns:1fr 1fr}.panel{padding:18px}.p-head{align-items:flex-start;flex-direction:column}.footer-line,.tip{align-items:stretch;flex-direction:column}.footer-line .primary{width:100%}}@media(max-width:420px){.modes{grid-template-columns:1fr}.nav{padding:12px}}