:root{--bg:#000;--panel:#000;--muted:#8a90a2;--text:#e8ebf2;--accent:#3c82f6;--success:#2bb673;--warn:#f5a524}*{box-sizing:border-box}#root,.app,body,html{height:100%}body{background:#000;background:var(--bg);color:#e8ebf2;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0;padding-bottom:100px}.centered{display:grid;min-height:100%;padding:24px;place-items:center}.card{background:#000;background:var(--panel);border:1px solid #21242c;border-radius:14px;box-shadow:0 10px 30px #00000059;max-width:440px;padding:28px;width:100%}.logo{border-radius:12px;color:#8a90a2;color:var(--muted);display:grid;font-weight:700;height:56px;margin:0 auto 16px;place-items:center;width:56px}h1,h2,h3{margin:0 0 12px}.pageIntro{grid-gap:6px;display:grid;gap:6px}.pageTitle{font-size:clamp(26px,3.5vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.pageIntro p{line-height:1.6;max-width:60ch}.loginGate{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:24vh 24px 48px}.loginGate .logo{border-radius:0;height:96px;margin:0 0 28px;width:96px}.loginGate h2{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 16px;text-align:center}.loginGate .authForm{grid-gap:12px;display:grid;gap:12px;max-width:440px;width:100%}.passwordWrap{position:relative}.passwordWrap .togglePw{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:0;padding:0;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.passwordWrap .togglePw:hover{color:#fff}.loginGate .pill{border-radius:999px}.loginGate .input{background:#000;border:1px solid #fff3;color:#fff;height:48px;padding:12px 20px;transition:border-color .2s ease,box-shadow .2s ease}.passwordWrap .input{padding-right:56px}.loginGate .input::placeholder{color:#ffffff8c}.loginGate .input:focus{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff0f}.loginGate .button.white{background:#fff;border:none;border-radius:999px;box-shadow:0 6px 14px #ffffff0f;color:#000;font-weight:700;height:48px;letter-spacing:.01em;transition:opacity .2s ease,transform .05s ease,box-shadow .2s ease}.loginGate .button.white:hover{background:#f2f2f2;box-shadow:0 8px 18px #ffffff14;opacity:1}.loginGate .subtle .linkish{color:#fff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.loginGate .subtle .linkish:hover{text-underline-offset:6px}.loginGate .button.white:active{background:#e9e9e9}p{color:#8a90a2;color:var(--muted);margin:0 0 16px}.button,.input{background:#0f1116;border:1px solid #272a33;border-radius:10px;color:#e8ebf2;color:var(--text);font-size:15px;outline:none;padding:12px 14px;width:100%}.input:focus{border-color:#3a3f4d}.button{background:#3c82f6;background:var(--accent);border:none;color:#fff;cursor:pointer;font-weight:600}.button:disabled{cursor:not-allowed;opacity:.6}.row{display:flex;gap:10px}.stack{grid-gap:10px;display:grid;gap:10px}.header{background:#000;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:18px 22px}.header,.user{align-items:center;display:flex}.user{color:#8a90a2;color:var(--muted);gap:10px}.linkish{color:#3c82f6;color:var(--accent);cursor:pointer;text-decoration:none}.linkish:hover{text-decoration:underline}.shell{grid-gap:22px;display:grid;gap:22px;margin:32px auto;max-width:1100px;padding:0 22px 100px}.centerCol{margin:0 auto;max-width:none;width:100%}.twoCol{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr}@media (min-width:960px){.twoCol{align-items:start;grid-template-columns:1fr 1fr}}.col{grid-gap:22px;display:grid;gap:22px}.panel{background:#000;background:var(--panel);border:1px solid #ffffff1a;border-radius:14px;padding:18px}.trackInput{align-items:center;display:flex;gap:10px}.trackInput .input{flex:1 1;height:44px}.trackInput .smallBtn{border-radius:10px;height:44px;padding:0 16px}.sectionTitle{color:#8a90a2;color:var(--muted);font-size:14px;letter-spacing:.08em;margin:4px 0 16px;text-transform:uppercase}.tracksGrid{grid-gap:10px;display:grid;gap:10px}.trackIndex{color:#fff;font-weight:700;text-align:center;width:36px}.trackItem{grid-gap:12px;align-items:center;background:#000;border:1px solid #ffffff1f;border-radius:12px;display:grid;gap:12px;grid-template-columns:36px 56px 1fr auto;padding:10px}.trackMeta{grid-gap:2px;display:grid;gap:2px}.trackTitle{color:#fff;font-weight:700}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackArtist{color:#ffffffa6;font-size:13px}.status{border:none!important;border-radius:999px;color:#ffffffb3;font-size:12px;padding:6px 10px}.status.pending{border-color:#fff3}.status.starting{border-color:#0000;color:#c7e3f1}.status.inprogress{border-color:#2bb67380;color:#2bb673d9}.thumb{background:#0d0f14;border-radius:8px;height:56px;object-fit:cover;width:56px}.thumb.placeholder{background:linear-gradient(135deg,#ffffff0f,#ffffff05);color:#fff9;display:grid;font-size:22px;place-items:center}.status.removeQueued{border:none!important;color:#ef4444d9}.divider{background:#1e2129;height:1px;margin:6px 0 12px}.subtle{color:#8a90a2;color:var(--muted);font-size:13px}.smallBtn{background:#12141a;border:1px solid #272a33;border-radius:8px;color:#e8ebf2;color:var(--text);cursor:pointer;padding:6px 10px}.iconBtn{align-items:center;background:#0000!important;border:none!important;display:inline-flex;height:30px;justify-content:center;line-height:1;padding:6px 8px;width:30px}.iconBtn:hover{background:#0000;border:none}.smallBtn:hover{border-color:#3a3f4d}.smallBtn.success{background:#6ee7b7;border-color:#34d399;color:#000}.smallBtn.success:hover{background:#34d399;border-color:#10b981;color:#000}.smallBtn.success:disabled{cursor:not-allowed;opacity:.7}.queueWrap{grid-gap:12px;display:grid;gap:12px}.queueRow{align-items:center;display:flex;gap:10px;justify-content:space-between}.diffList{grid-gap:12px}.diffList,.diffRow{display:grid;gap:12px}.diffRow{grid-gap:12px;align-items:center;background:#000;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:24px 56px 1fr auto;padding:10px}.diffRow.add{background:#2bb67314;border-color:#2bb67338;box-shadow:inset 0 0 0 1px #2bb67324}.diffRow.remove{background:#ef444414;border-color:#ef444438;box-shadow:inset 0 0 0 1px #ef444424}.diffSign{font-size:18px;font-weight:800;line-height:1;text-align:center;width:24px}.diffSign.plus{color:#2bb673f2}.diffSign.minus{color:#ef4444f2}.cycleBar{align-items:center;background:#0b0c10;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cycleBar .left,.cycleBar .left .muted{font-weight:400}.cycleBar .right{align-items:center;display:flex;gap:12px}.cycleBar .preview{color:#8a90a2;color:var(--muted);font-size:14px}.floatingDevBtn{background:#0ea5e9;border:1px solid #38bdf8;border-radius:999px;bottom:20px;color:#000;cursor:pointer;font-size:13px;padding:10px 14px;position:fixed;right:20px;z-index:9999}.floatingDevBtn:hover{background:#38bdf8}.banner{border-radius:10px;font-size:14px;margin-bottom:12px;opacity:1;padding:10px 14px;transition:opacity 1.2s ease}.banner.fadeOut{opacity:0}.badge{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffd9;display:inline-block;font-size:12px;padding:4px 8px}.badge.warn{border-color:#f5a52480;color:#f5a524f2}.banner.green{background:#2bb6731f;border:1px solid #2bb67359;color:#8ff0bf}.banner.amber{background:#f5a5241f;border:1px solid #f5a52459;color:#ffd48a}.banner.red{background:#ef44441f;border:1px solid #ef444459;color:#ff9b9b}.muted{color:#8a90a2;color:var(--muted)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%);background-size:400px 100%}.errorText{color:#ff9b9b;font-size:13px}@media (max-width:640px){.mobileHide{display:none!important}}.footerVersion{background:#00000047;border:1px solid #ffffff0a;border-radius:999px;bottom:6px;color:#ffffff80;font-size:11px;left:50%;opacity:.7;padding:3px 8px;position:fixed;transform:translateX(-50%);z-index:9998}
/*# sourceMappingURL=main.8cbd9672.css.map*/