@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0810;--panel:#15121e;--panel2:#1c1727;--text:#f8f5fb;--muted:#aaa2b5;--pink:#f54291;--violet:#7c5cff;--line:#2b2537;--green:#48d597;--red:#ff6680}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}.glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.12;z-index:-1}.glow-a{width:460px;height:460px;background:var(--pink);top:-180px;right:-120px}.glow-b{width:520px;height:520px;background:var(--violet);bottom:-280px;left:-220px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 8px 28px #f5429144}.nav nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;color:#d5cedd}.nav nav a:hover,.link-btn:hover{color:white}.inline{display:inline}.link-btn{font:inherit;color:#d5cedd;background:none;border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 21px;background:linear-gradient(135deg,var(--pink),#d631ba);color:white;font:700 14px Manrope;cursor:pointer;box-shadow:0 12px 34px #f542912c;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #f5429144}.button.small{padding:10px 16px;border-radius:10px}.button.full{width:100%;margin-top:8px}.hero{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;padding-block:60px 90px}.eyebrow{color:var(--pink);font-size:12px;letter-spacing:.18em;font-weight:800;margin-bottom:18px}.hero h1,.page h1,.form-card h1{font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.05em;margin:0 0 24px}.hero h1 span{background:linear-gradient(90deg,#ff66aa,#9d86ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:580px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.text-link{font-weight:700;font-size:14px}.stage-card{position:relative;padding:36px;border:1px solid #352c45;background:linear-gradient(145deg,#1c1728cc,#100d17cc);border-radius:32px;min-height:420px;box-shadow:0 36px 90px #0008;overflow:hidden}.stage-card:before{content:"";position:absolute;inset:-30% 25% 30% -30%;background:var(--pink);filter:blur(110px);opacity:.15}.disc{width:240px;height:240px;margin:10px auto 34px;border-radius:50%;background:repeating-radial-gradient(circle,#23202a 0 3px,#111016 4px 8px);display:grid;place-items:center;box-shadow:0 16px 50px #000}.disc-core{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-weight:800;font-size:30px}.fake-player{position:relative;display:flex;align-items:center;justify-content:space-between;background:#ffffff0b;border:1px solid #ffffff13;padding:15px 18px;border-radius:16px}.fake-player div{display:flex;flex-direction:column}.fake-player small{color:var(--muted);margin-top:4px}.fake-player button{width:42px;height:42px;border:0;border-radius:50%;color:white;background:var(--pink);cursor:pointer}.wave{height:35px;display:flex;align-items:center;gap:4px;justify-content:center;margin-top:22px}.wave i{width:3px;height:calc(5px + (var(--n, 1)*1px));background:#6c6178;border-radius:5px}.wave i:nth-child(3n){height:27px;background:var(--pink)}.wave i:nth-child(4n){height:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:100px}.steps article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#ffffff05}.steps article>b{color:var(--pink);font-size:12px}.steps h3{margin:16px 0 8px}.steps p{color:var(--muted);line-height:1.6;font-size:14px}.announcement{text-align:center;background:var(--pink);padding:8px;font-size:13px;font-weight:700}.messages{position:relative;z-index:3}.message{padding:13px 16px;border-radius:12px;background:#2c2339;margin:10px 0}.message.success{border-left:3px solid var(--green)}.message.error{border-left:3px solid var(--red)}.auth-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:54px 0}.form-card{width:min(470px,100%);background:#15121ed9;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 25px 80px #0008}.form-card.wide{width:min(610px,100%)}.form-card h1{font-size:42px}.muted{color:var(--muted);line-height:1.6}.stack-form p{display:flex;flex-direction:column;gap:8px;margin:18px 0}.stack-form label{font-size:13px;font-weight:700}.stack-form input{width:100%;background:#0d0b12;border:1px solid #342c41;border-radius:11px;padding:14px;color:white;font:500 15px Manrope;outline:none}.stack-form input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #f5429120}.stack-form .helptext{color:#81798d;font-size:11px;line-height:1.5}.stack-form ul.errorlist{color:#ff859a;font-size:12px;padding-left:18px}.form-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:24px}.form-foot a{color:var(--pink);font-weight:700}.notice{margin-top:20px;padding:13px;background:#7c5cff14;border:1px solid #7c5cff35;border-radius:12px;color:#bdb1dc;font-size:12px;line-height:1.6}.page{min-height:calc(100vh - 160px);padding:58px 0 100px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px;gap:20px}.page h1{font-size:46px;margin:0}.song-grid{display:grid;gap:12px}.song-card{display:flex;align-items:center;gap:18px;background:#15121ed9;border:1px solid var(--line);padding:18px;border-radius:17px;transition:.2s}.song-card:hover{transform:translateY(-2px);border-color:#51425f}.song-icon{display:grid;place-items:center;min-width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#f5429130,#7c5cff22);color:var(--pink);font-size:24px}.song-main{flex:1;min-width:0}.song-main h3{margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-main p{margin:0;color:var(--muted);font-size:12px}.progress{height:4px;background:#2a2432;border-radius:5px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet));border-radius:5px}.status{font-size:11px;padding:7px 10px;border-radius:20px;background:#2a2433;color:#c6becc;white-space:nowrap}.status.ready{color:var(--green);background:#48d59716}.status.failed{color:var(--red);background:#ff668016}.empty{text-align:center;border:1px dashed #3a3147;border-radius:22px;padding:70px 20px;color:var(--muted)}.empty>div{font-size:50px;color:var(--pink)}.empty h2{color:white}.empty .button{margin-top:16px}.back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:14px}.danger-link{border:0;background:none;color:var(--red);cursor:pointer;font:700 13px Manrope}.processing-card,.karaoke-card{background:#15121ed9;border:1px solid var(--line);border-radius:26px;padding:50px;text-align:center}.spinner{width:62px;height:62px;border:4px solid #30283c;border-top-color:var(--pink);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-card p{color:var(--muted)}.progress.large{height:8px;max-width:500px;margin:30px auto 12px}.process-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#ff668022;color:var(--red);font-size:30px;font-weight:800;margin:0 auto 20px}.karaoke-card{padding:0;overflow:hidden}.lyrics{height:440px;overflow-y:auto;padding:190px 8% 210px;scrollbar-width:none;background:radial-gradient(circle at 50% 40%,#f542910e,transparent 50%)}.lyric-line{font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.45;color:#524a5c;margin:25px 0;transition:.25s}.lyric-line span{cursor:pointer;transition:.15s}.lyric-line span.sung{color:#cfc8d5}.lyric-line span.current{color:var(--pink);text-shadow:0 0 28px #f5429188}.karaoke-card audio{width:calc(100% - 50px);margin:16px 25px 6px}.player-note{color:var(--muted);font-size:11px;padding-bottom:18px}footer{border-top:1px solid var(--line);padding:28px 0;color:#766f80;font-size:12px}footer span{margin:0 8px;color:var(--pink)}
@media(max-width:800px){.nav{height:70px}.brand span:last-child{display:none}.nav nav{gap:14px}.hero{grid-template-columns:1fr;gap:30px;padding-top:50px}.stage-card{min-height:auto}.steps{grid-template-columns:1fr}.page-head{align-items:flex-start}.song-card{align-items:flex-start}.status{max-width:120px;white-space:normal}.processing-card{padding:35px 20px}.lyrics{height:380px;padding-inline:25px}.form-card{padding:28px 22px}.hero-actions{align-items:flex-start;flex-direction:column}.disc{width:190px;height:190px}}