:root{--bg: #07080d;--panel: rgba(22, 26, 36, .72);--panel-solid: #161a24;--text: #eef0f5;--muted: #99a0ad;--accent: #6c8cff;--accent-2: #5470e0;--ok: #4ade80;--err: #f87171;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--glow: rgba(108, 140, 255, .45)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.app{position:relative;min-height:100vh}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 600px at 50% 8%,rgba(108,140,255,.12),transparent 70%)}.content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:56px 20px 64px}.hdr{text-align:center;margin-bottom:32px}.hdr h1{margin:0 0 8px;font-size:38px;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#9fb0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub{margin:0;color:var(--muted);font-size:14px;max-width:460px;margin-inline:auto;line-height:1.5}.panel{position:relative;background:linear-gradient(180deg,#212736c7,#12151ebd);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0f}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#8ca2ff8c,#ffffff0f 30%,#ffffff05 70%,#5470e059);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.drop{position:relative;cursor:pointer;border-radius:16px;padding:42px 20px;text-align:center;background:#ffffff04;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23ffffff2e' stroke-width='2' stroke-dasharray='10 8'/%3e%3c/svg%3e");transition:background .2s,transform .2s,box-shadow .2s}.drop:hover,.drop.dragging{transform:translateY(-3px);background-color:#6c8cff14;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%236c8cff' stroke-width='2' stroke-dasharray='10 8'/%3e%3c/svg%3e");box-shadow:0 10px 30px #6c8cff2e,inset 0 0 40px #6c8cff14}.drop-title{font-size:16px;font-weight:600;margin-bottom:6px;letter-spacing:.01em}.drop-hint{font-size:12px;color:var(--muted)}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.muted{color:var(--muted);font-size:12px}.tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.track{display:flex;align-items:center;gap:12px;padding:13px 15px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--border-strong);border-radius:12px;transition:border-color .16s,transform .16s,box-shadow .16s}.track:hover{transform:translate(2px);border-color:#6c8cff66;box-shadow:0 6px 18px #00000040}.track.status-done{border-color:#4ade8080;background:linear-gradient(180deg,#4ade801a,#4ade8008)}.track.status-error{border-color:#f871718c;background:linear-gradient(180deg,#f871711a,#f8717108)}.track-info{flex:1;min-width:0}.track-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{font-size:12px;color:var(--muted);margin-top:2px}.status-done .track-msg{color:var(--ok)}.status-error .track-msg{color:var(--err)}.x{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.x:hover{color:var(--err);border-color:#f8717180}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.controls .field:last-child{grid-column:1 / -1}.field label{display:block;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#b9c0cf;margin-bottom:9px}.field input,.field select{width:100%;padding:12px 14px;background:linear-gradient(180deg,#0c0e14e6,#141821e6);color:var(--text);border:1px solid var(--border-strong);border-radius:11px;font-size:15px;font-weight:500;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #0006}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2399a0ad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e"),linear-gradient(180deg,#0c0e14e6,#141821e6);background-repeat:no-repeat,no-repeat;background-position:right 14px center,center;padding-right:38px;cursor:pointer;color-scheme:dark}.field select option{background:#161a24;color:var(--text);padding:10px}.field select option:checked,.field select option:hover{background:#2a3346;color:#fff}.field input:hover,.field select:hover{border-color:#6c8cff73}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff2e,inset 0 1px 2px #0006}.field input.invalid{border-color:var(--err)}.dd{position:relative}.dd-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;border:1px solid var(--border-strong);border-radius:11px;background:linear-gradient(180deg,#0c0e14e6,#141821e6);box-shadow:inset 0 1px 2px #0006;transition:border-color .16s,box-shadow .16s}.dd-trigger:hover{border-color:#6c8cff73}.dd-trigger.open,.dd-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff2e,inset 0 1px 2px #0006}.dd-caret{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s;flex:none}.dd-caret.up{transform:rotate(-135deg) translate(-2px,-2px)}.dd-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;border-radius:13px;background:linear-gradient(180deg,#1b2030,#14171f);border:1px solid var(--border-strong);box-shadow:0 22px 50px #0000008c,inset 0 1px #ffffff0f;animation:dd-pop .14s ease}@keyframes dd-pop{0%{opacity:0;transform:translateY(-6px)}}.dd-item{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;font-size:14px;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.dd-item.active{background:#6c8cff2e}.dd-item.selected{color:#c3cfff}.dd-item.selected.active{background:#6c8cff47}.dd-check{width:6px;height:11px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);margin-right:4px;flex:none}.note{margin:8px 0 0;font-size:12px;color:var(--muted);min-height:30px;line-height:1.4}.convert{position:relative;width:100%;padding:16px;font-size:15px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#7b97ff,#5470e0 55%,#4658c9);background-size:180% 180%;border:1px solid rgba(160,178,255,.5);border-radius:14px;cursor:pointer;overflow:hidden;transition:transform .1s,box-shadow .22s,background-position .5s,opacity .18s;box-shadow:0 14px 34px #6c8cff66,inset 0 1px #ffffff4d}.convert:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .6s ease}.convert:hover:not(:disabled){background-position:100% 0;box-shadow:0 18px 44px #6c8cff99,inset 0 1px #fff6}.convert:hover:not(:disabled):after{left:130%}.convert:active:not(:disabled){transform:translateY(2px);box-shadow:0 8px 20px #6c8cff73}.convert:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(120deg,#3a4154,#2c3242);border-color:var(--border);box-shadow:none}.convert:disabled:after{display:none}.ftr{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.gate{display:flex;align-items:center;justify-content:center;min-height:100vh}.gate-card{max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;gap:15px;align-items:center;padding:34px 30px;animation:gate-in .4s cubic-bezier(.2,.7,.3,1)}@keyframes gate-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.gate-card h1{position:relative;padding-top:8px}.gate-card h1:before{content:"";display:block;width:54px;height:54px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(140deg,#7b97ff,#4658c9);box-shadow:0 10px 28px #6c8cff8c,inset 0 1px #fff6;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M12 2a4 4 0 0 0-4 4v3H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V6a4 4 0 0 0-4-4zm-2 7V6a2 2 0 1 1 4 0v3h-4z'/%3e%3c/svg%3e") center / 32px no-repeat;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M12 2a4 4 0 0 0-4 4v3H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V6a4 4 0 0 0-4-4zm-2 7V6a2 2 0 1 1 4 0v3h-4z'/%3e%3c/svg%3e") center / 32px no-repeat;animation:float-emblem 3s ease-in-out infinite}@keyframes float-emblem{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gate-card h1{margin:0;font-size:28px}.gate-card .sub{margin:0}.btn{display:inline-block;width:100%;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;border:1px solid var(--border-strong);transition:transform .1s,box-shadow .2s,background .18s,border-color .18s}.btn:active{transform:translateY(1px)}.btn.discord{background:linear-gradient(120deg,#5d6bff,#4854e0);color:#fff;border-color:#a0a8ff80;box-shadow:0 12px 28px #5865f266,inset 0 1px #ffffff40}.btn.discord:hover{box-shadow:0 16px 36px #5865f28c,inset 0 1px #ffffff59}.btn.join{background:#5865f21f;color:#c2c9ff;border-color:#5865f280}.btn.join:hover{background:#5865f233;border-color:#5865f2b3}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{border-color:var(--border-strong);color:var(--text)}.note.warn{color:#fbbf24}.spinner{position:relative;width:46px;height:46px;border-radius:50%;border:3px solid rgba(108,140,255,.12);border-top-color:var(--accent);border-right-color:#6c8cff99;animation:spin .9s cubic-bezier(.6,.1,.4,.9) infinite;box-shadow:0 0 22px #6c8cff59}.spinner:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid transparent;border-bottom-color:#a0b2ffb3;animation:spin 1.3s linear infinite reverse}.spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(108,140,255,.25),transparent 65%);animation:pulse 1.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.badge{display:flex;align-items:center;gap:8px;position:absolute;top:18px;right:20px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;padding:5px 10px 5px 6px;font-size:13px}.badge img{border-radius:50%}.badge-plan{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#cdd6ff;background:linear-gradient(120deg,#7b97ff59,#5470e059);border:1px solid rgba(140,162,255,.5);border-radius:999px;padding:2px 9px}.badge-plan.admin{color:#ffe2a8;background:linear-gradient(120deg,#fbbf244d,#d977064d);border-color:#fbbf248c}.topbar{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:10px;z-index:5}.topbar .badge{position:static;top:auto;right:auto}.admin-btn{font-size:13px;font-weight:600;color:#ffe2a8;background:linear-gradient(120deg,#fbbf242e,#d9770629);border:1px solid rgba(251,191,36,.5);border-radius:999px;padding:7px 14px;cursor:pointer;transition:box-shadow .18s,transform .1s}.admin-btn:hover{box-shadow:0 8px 22px #fbbf244d}.admin-btn:active{transform:translateY(1px)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;background:#04060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.admin-modal{max-width:680px;width:100%;animation:gate-in .32s cubic-bezier(.2,.7,.3,1)}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-head h2{margin:0;font-size:20px}.admin-search{width:100%;padding:11px 14px;margin-bottom:14px;font-size:14px;color:var(--text);background:linear-gradient(180deg,#0c0e14e6,#141821e6);border:1px solid var(--border-strong);border-radius:10px;box-shadow:inset 0 1px 2px #0006;transition:border-color .16s,box-shadow .16s}.admin-search::placeholder{color:var(--muted)}.admin-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff2e,inset 0 1px 2px #0006}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--border-strong)}.admin-name{font-weight:600;font-size:14px}.admin-id{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.admin-status{font-size:12px;color:var(--muted);margin-top:2px}.admin-status.ok{color:var(--ok)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.mini{font-size:12px;font-weight:600;color:var(--text);background:#6c8cff29;border:1px solid rgba(108,140,255,.4);border-radius:8px;padding:6px 10px;cursor:pointer;transition:background .14s,border-color .14s}.mini:hover:not(:disabled){background:#6c8cff4d}.mini:disabled{opacity:.4;cursor:not-allowed}.mini.danger{color:#ffc4c4;background:#f8717124;border-color:#f8717173}.mini.danger:hover:not(:disabled){background:#f8717147}.badge-out{color:var(--muted);text-decoration:none;font-size:12px;padding-left:6px;border-left:1px solid var(--border)}.badge-out:hover{color:var(--err)}.pay-card{max-width:540px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;padding:34px 30px;animation:gate-in .4s cubic-bezier(.2,.7,.3,1)}.pay-title{margin:0;font-size:28px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:6px 0}.plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 18px;border-radius:16px;cursor:pointer;color:var(--text);background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--border-strong);transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.plan:hover:not(:disabled){transform:translateY(-4px);border-color:#6c8cff99;box-shadow:0 16px 36px #0006}.plan:disabled{opacity:.6;cursor:progress}.plan.featured{background:linear-gradient(180deg,#6c8cff2e,#5470e014);border-color:#8ca2ff99;box-shadow:0 12px 30px #6c8cff40}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#7b97ff,#4658c9);border-radius:999px;padding:3px 10px;white-space:nowrap;box-shadow:0 6px 16px #6c8cff80}.plan-name{font-size:15px;font-weight:600}.plan-price{font-size:19px;font-weight:800;background:linear-gradient(120deg,#fff,#b9c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-cta{margin-top:4px;font-size:12px;font-weight:600;color:#aeb8ff}.qr-wrap{display:flex;align-items:center;justify-content:center;width:304px;height:304px;border-radius:18px;background:#fff;padding:12px;box-shadow:0 18px 44px #00000080,0 0 0 1px #8ca2ff66}.qr-wrap img{border-radius:8px;display:block}.note.waiting{display:inline-flex;align-items:center;gap:8px;color:#aeb8ff}.dot-pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #6c8cffb3;animation:dot-pulse 1.3s ease-out infinite}@keyframes dot-pulse{to{box-shadow:0 0 0 10px #6c8cff00}}@media (max-width: 560px){.plans{grid-template-columns:1fr}}@media (max-width: 560px){.controls{grid-template-columns:1fr}.hdr h1{font-size:30px}}