:root{
  --bg:#07070a;--panel:#101015;--panel2:#15151b;--text:#f7f5f8;--muted:#9a96a3;
  --pink:#ff2c9f;--pink2:#ff68bd;--line:#292731;--soft:#19171e;--ok:#8de9bf;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% -15%,#2a1324 0,#0d0c10 42%,#060608 100%)}
button,input{font:inherit}
.shell{width:min(1040px,calc(100% - 32px));margin:24px auto 50px;border:1px solid #24222a;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(18,17,22,.98),rgba(8,8,11,.99));box-shadow:0 30px 100px #000a,0 0 80px #ff2c9f0b}
.top{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px}.mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid #3d3540;background:linear-gradient(145deg,#19131a,#09090c);font-weight:950;color:#ffd695;box-shadow:0 0 24px #ff2c9f15}.brand strong{display:block;font-size:14px;letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:#817d89;font-size:9px;letter-spacing:.18em}
.previewBadge{border:1px solid #50364a;background:#1b1019;color:#f6b7dc;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.12em}
.hero{text-align:center;padding:64px 28px 30px}.eyebrow{color:#f4a8d3;font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:18px}.hero h1{font-size:clamp(38px,7vw,70px);line-height:.95;letter-spacing:-.06em;margin:0;font-weight:950}.hero h1 span{color:var(--pink)}.hero p{max-width:670px;margin:22px auto 0;color:#aaa6b1;font-size:15px;line-height:1.65}.hero .promise{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px;color:#76727d;font-size:11px}.hero .promise span:before{content:"•";color:var(--pink);margin-right:8px}
.uploadWrap{padding:0 28px 24px}.drop{border:1px dashed #45404c;border-radius:22px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:linear-gradient(180deg,#121117,#0c0c10);transition:.18s}.drop:hover,.drop.drag{border-color:#ff2c9fbb;background:#171019;box-shadow:inset 0 0 50px #ff2c9f08}.uploadIcon{width:48px;height:48px;border-radius:15px;border:1px solid #443442;background:#1b1119;display:grid;place-items:center;color:var(--pink);font-size:27px;margin-bottom:7px}.drop strong{font-size:16px}.drop .sub{font-size:12px;color:#8f8b97}.formats{margin-top:6px;font-size:10px;color:#625f69;letter-spacing:.07em}.hidden{display:none}
.status{min-height:32px;padding:0 28px 22px;text-align:center;color:#9995a0;font-size:12px}.status.busy{color:#e9a4cd}.status.ok{color:var(--ok)}.status.err{color:#ff8e99}
.result{display:none;margin:0 28px 30px;border:1px solid #2a2831;border-radius:24px;background:#0c0c10;overflow:hidden}.result.show{display:block}.resultTop{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #24222a}.trackBlock{min-width:0}.ready{color:#8de9bf;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:7px}.trackName{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackMeta{margin-top:5px;font-size:11px;color:#77737f}.freePill{flex:0 0 auto;border:1px solid #54364b;border-radius:999px;padding:8px 11px;background:#1d1019;color:#f1afd4;font-size:9px;font-weight:900;letter-spacing:.12em}
.wave{position:relative;height:118px;background:linear-gradient(180deg,#121118,#09090c);cursor:pointer;overflow:hidden}.wave canvas{width:100%;height:100%}.wave:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff08}.waveHint{position:absolute;top:10px;right:12px;padding:5px 8px;border-radius:8px;background:#08080bbd;color:#77727d;font-size:9px;pointer-events:none}
.transport{padding:20px 22px}.timeline{display:flex;align-items:center;gap:12px}.time{width:43px;color:#918d98;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.seek{appearance:none;flex:1;height:4px;border-radius:99px;background:#312e37;outline:none}.seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff2c9f45;cursor:pointer}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:20px}.ab{justify-self:start;display:flex;border:1px solid #34313b;background:#111116;padding:4px;border-radius:13px}.ab button{border:0;background:transparent;color:#85818c;padding:10px 14px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}.ab button.active{background:var(--pink);color:#fff;box-shadow:0 5px 18px #ff2c9f45}.play{justify-self:center;width:60px;height:60px;border-radius:50%;border:0;background:#f7f5f8;color:#09090b;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 10px 32px #000a}.switchHint{justify-self:end;text-align:right;color:#6e6a75;font-size:10px;line-height:1.45}
.unlock{margin:0 28px 30px;padding:26px;border-radius:22px;border:1px solid #352737;background:radial-gradient(circle at 80% 0,#2b1224 0,transparent 47%),linear-gradient(180deg,#161018,#0e0c11);display:none;align-items:center;justify-content:space-between;gap:22px}.unlock.show{display:flex}.unlockText{display:flex;gap:15px;align-items:flex-start}.lockIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#21111c;border:1px solid #4a2d42;position:relative;flex:0 0 auto}.lockIcon:before{content:"";position:absolute;width:15px;height:12px;bottom:9px;border:2px solid #ff7bc5;border-radius:3px}.lockIcon:after{content:"";position:absolute;width:11px;height:10px;top:8px;border:2px solid #ff7bc5;border-bottom:0;border-radius:8px 8px 0 0}.unlock h2{font-size:19px;margin:0 0 6px;letter-spacing:-.02em}.unlock p{margin:0;color:#908b96;font-size:12px;line-height:1.55}.unlockBtn{flex:0 0 auto;border:0;border-radius:13px;padding:15px 19px;background:linear-gradient(180deg,#ff43aa,#e91b8b);color:white;font-size:11px;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 28px #ff2c9f2d}.unlockBtn:hover{filter:brightness(1.07)}
.afterActions{display:none;margin:-12px 28px 30px;text-align:center}.afterActions.show{display:block}.another{border:0;background:transparent;color:#898490;text-decoration:underline;text-underline-offset:3px;font-size:11px;cursor:pointer}
.foot{border-top:1px solid #1e1d23;padding:20px 28px;display:flex;justify-content:space-between;gap:20px;color:#5f5c65;font-size:10px}.foot strong{color:#7c7783;font-weight:700}
.modalBack{position:fixed;inset:0;z-index:20;background:#000b;display:none;align-items:center;justify-content:center;padding:20px}.modalBack.show{display:flex}.modal{width:min(480px,100%);border-radius:24px;border:1px solid #39303a;background:linear-gradient(180deg,#171219,#0d0c10);box-shadow:0 28px 90px #000c;padding:28px}.modalClose{float:right;border:0;background:transparent;color:#8b8691;font-size:22px;cursor:pointer}.modal .mini{font-size:9px;color:#f0a7d0;letter-spacing:.18em;font-weight:900}.modal h3{margin:12px 0 10px;font-size:28px;letter-spacing:-.04em}.modal p{color:#9a95a1;font-size:13px;line-height:1.6}.benefits{margin:18px 0 22px;display:grid;gap:10px}.benefit{display:flex;gap:10px;align-items:center;color:#d1cdd4;font-size:12px}.check{color:#8de9bf}.checkout{width:100%;border:0;border-radius:13px;padding:15px;background:var(--pink);color:#fff;font-size:11px;font-weight:950;letter-spacing:.08em;cursor:pointer}.prototypeNote{display:none;margin-top:12px;text-align:center;color:#77727e;font-size:10px}.prototypeNote.show{display:block}
@media(max-width:700px){.shell{width:100%;margin:0;border-radius:0;min-height:100vh}.top{padding:0 18px}.previewBadge{display:none}.hero{padding:48px 20px 28px}.uploadWrap{padding-left:16px;padding-right:16px}.result,.unlock{margin-left:16px;margin-right:16px}.unlock{align-items:stretch;flex-direction:column}.unlockBtn{width:100%}.controls{grid-template-columns:1fr auto}.switchHint{display:none}.foot{padding:18px;flex-direction:column}.resultTop{align-items:flex-start}.freePill{display:none}}

.appLinks{display:flex;gap:20px;padding:18px 28px 0;justify-content:flex-end}.appLinks a,.appNotice a,#freeConsent a{color:inherit}.appNotice{color:#b8b3c1;font-size:12px;line-height:1.6;margin:14px 28px;text-align:center}#freeConsent{font-size:12px;line-height:1.7;color:#d3cedb}#freeConsent input{margin-right:8px}#fullDownload{display:inline-block;text-align:center;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid #fff;outline-offset:4px}.checkout:disabled{opacity:.5;cursor:not-allowed}
.service-market-note{font-size:13px;line-height:1.6;margin:8px 0 14px;opacity:.92}