@import "https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&family=Lexend+Giga:wght@100;175;300;400;500;700&family=Outfit:wght@300;400;500;600;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080809;--s1:#ffffff0d;--s2:#ffffff06;--s3:#ffffff14;--bd:#ffffff14;--bd2:#ffffff29;--ac:#fff;--tx:#f3f1ed;--tx2:#f3f1ed80;--tx3:#52555c;--gn:#30c0b7;--rd:#fd8083;--btn-c:#080809}[data-theme=cream]{--bg:#f0ebe0;--s1:#0000000a;--s2:#00000005;--s3:#00000012;--bd:#0000001a;--bd2:#0000002e;--ac:#1a1b1e;--tx:#1a1208;--tx2:#5a4a30;--tx3:#a09070;--gn:#3a7a50;--rd:#c04040;--btn-c:#fffdf7}[data-theme=gray]{--bg:#111113;--s1:#ffffff0f;--s2:#ffffff08;--s3:#ffffff1a;--bd:#ffffff17;--bd2:#ffffff2e;--ac:#e0e0e0;--tx:#f0ede8;--tx2:#aaa49e;--tx3:#60605a;--gn:#5ecea0;--rd:#ff5252;--btn-c:#111}body{background:var(--bg);color:var(--tx);min-height:100vh;font-family:Lexend Giga,sans-serif;font-weight:300;transition:background .3s,color .3s;overflow-x:hidden}#root{min-height:100vh}.f-title{font-family:Special Gothic Expanded One,sans-serif;font-weight:400}.f-body{font-family:Lexend Giga,sans-serif}.f-song{font-family:Outfit,sans-serif}button,input,select,textarea{font-family:Lexend Giga,sans-serif}.bg-fx{pointer-events:none;z-index:0;position:fixed;inset:0}[data-theme=cream] .bg-fx,[data-theme=gray] .bg-fx{opacity:.2}.card{background:var(--s1);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--bd);border-radius:14px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.card-hdr{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-body{padding:13px 16px}h1,h2,.title-lg{font-family:Special Gothic Expanded One,sans-serif;font-weight:400}.ff{font-family:Lexend Giga,sans-serif;font-weight:900}.title{color:var(--tx);font-family:Special Gothic Expanded One,sans-serif;font-size:clamp(22px,4vw,34px);font-weight:400;line-height:1.05}.ac{color:var(--ac)}.lbl{text-transform:uppercase;letter-spacing:2px;color:var(--tx3);font-family:Lexend Giga,sans-serif;font-size:8px;font-weight:700}.btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-family:Lexend Giga,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0;width:12px;height:12px}.btn-p{background:var(--ac);color:var(--btn-c)}.btn-p:hover{opacity:.88}.btn-g{background:var(--s1);color:var(--tx2);border:1px solid var(--bd)}.btn-g:hover{background:var(--s3);color:var(--tx)}.btn-s{color:var(--tx);border:1px solid var(--bd);background:#ffffff14}.btn-s:hover{background:#ffffff21}.btn-live{color:var(--gn);cursor:pointer;background:#30c0b726;border:1px solid #30c0b759;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-family:Lexend Giga,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-live:hover{background:#30c0b740}.btn-sm{padding:5px 12px;font-size:11px}.btn-xs{padding:3px 8px;font-size:10px}.btn:disabled{opacity:.25;pointer-events:none}.ib{border:1px solid var(--bd);background:var(--s1);width:26px;height:26px;color:var(--tx3);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ib svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:11px;height:11px}.ib:hover{background:var(--s3);color:var(--tx)}.ib.del:hover{color:var(--rd);background:#ff52521a;border-color:#ff525259}.inp{border:1px solid var(--bd);color:var(--tx);background:#ffffff0a;border-radius:9px;outline:none;width:100%;padding:8px 12px;font-family:Lexend Giga,sans-serif;font-size:13px;transition:all .2s}.inp:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0f}.inp::placeholder{color:var(--tx3)}[data-theme=cream] .inp,[data-theme=gray] .inp{background:#0000000a}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 9px;font-family:Lexend Giga,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.bdot{background:currentColor;border-radius:50%;width:4px;height:4px}.b-draft{color:var(--tx3);background:#5a566e33;border:1px solid #5a566e40}.b-pub{color:var(--gn);background:#30c0b71a;border:1px solid #30c0b738}.sb{border-right:1px solid var(--bd);z-index:20;background:#0e0e10;flex-direction:column;width:180px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}[data-theme=cream] .sb{background:#ece6daf7}[data-theme=gray] .sb{background:#0d0d0f}.sb.col{width:60px}.sb-top{border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;min-height:68px;padding:14px 12px;display:flex;position:relative}.logo-mk{align-items:center;width:100%;transition:all .25s;display:flex}.logo-mk img{object-fit:contain;max-height:36px;transition:all .25s}.logo-txt{flex:1;transition:opacity .2s;overflow:hidden}.logo-txt h1{color:var(--tx);white-space:nowrap;letter-spacing:1px;font-family:Special Gothic Expanded One,sans-serif;font-size:15px;font-weight:400}.logo-txt span{color:var(--tx3);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;font-family:Lexend Giga,sans-serif;font-size:8px;font-weight:700}.sb.col .logo-txt,.sb.col .th-sw,.sb.col .sb-section-label{opacity:0;pointer-events:none}.sb-r{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.sb-btn{border:1px solid var(--bd);background:var(--s1);width:22px;height:22px;color:var(--tx3);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sb-btn:hover{background:var(--s3);color:var(--tx)}.sb-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:11px;height:11px}.th-sw{align-items:center;gap:5px;display:flex}.th-btn{cursor:pointer;border:1.5px solid #0000;border-radius:50%;width:14px;height:14px;transition:all .18s}.sb-nav{scrollbar-width:none;flex:1;padding:12px 8px;overflow-y:auto}.sb-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--tx3);white-space:nowrap;margin:10px 0 4px;padding:0 8px;font-family:Lexend Giga,sans-serif;font-size:8px;font-weight:700;transition:opacity .2s}.nav-grp{text-transform:uppercase;letter-spacing:2px;color:var(--tx3);white-space:nowrap;margin-bottom:3px;padding:0 8px;font-family:Lexend Giga,sans-serif;font-size:8px;font-weight:700;transition:opacity .2s}.sb.col .nav-grp{opacity:0}.ni{cursor:pointer;color:var(--tx2);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;margin-bottom:1px;padding:9px 8px;font-family:Lexend Giga,sans-serif;transition:all .15s;display:flex;overflow:hidden}.ni:hover{background:var(--s1);color:var(--tx)}.ni.on{color:var(--tx);background:#ffffff12;border-color:#ffffff1a}.ni.on .ni-dot{background:var(--ac)}.ni-dot{background:var(--tx3);border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:all .2s}.ni-ic{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ni-ic svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:15px;height:15px}.ni-lb{flex:1;font-family:Lexend Giga,sans-serif;font-size:11px;font-weight:300;transition:opacity .2s}.sb.col .ni-lb,.sb.col .ni-dot,.sb.col .sb-section-label{opacity:0}.sb-foot{border-top:1px solid var(--bd);flex-shrink:0;padding:12px}.u-chip{align-items:center;gap:9px;display:flex}.u-av{border:1px solid var(--bd);width:30px;height:30px;color:var(--tx2);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Lexend Giga,sans-serif;font-size:11px;font-weight:700;display:flex}.u-inf{min-width:0;transition:opacity .2s;overflow:hidden}.u-name{color:var(--tx);white-space:nowrap;font-family:Lexend Giga,sans-serif;font-size:11px;font-weight:300}.sb.col .u-inf{opacity:0}.main{z-index:1;min-height:100vh;margin-left:180px;transition:margin-left .25s cubic-bezier(.4,0,.2,1);position:relative}.main.col{margin-left:60px}.pw{padding:10px 8px 90px}.sv.sv-with-sidebar{left:180px!important}.sv.sv-with-sidebar.sv-sb-col{left:60px!important}@media (width>=768px) and (width<=1023px){.sv.sv-with-sidebar,.sv.sv-with-sidebar.sv-sb-col{left:0!important}}@media (width>=1024px){.sv.sv-with-sidebar{left:220px!important}.sv.sv-with-sidebar.sv-sb-col{left:60px!important}}@media (width>=1440px){.sv.sv-with-sidebar{left:200px!important}.sv.sv-with-sidebar.sv-sb-col{left:60px!important}}@media (width<=767px){.sv.sv-with-sidebar,.sv.sv-with-sidebar.sv-sb-col{left:0!important}}.bot{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-top:1px solid var(--bd);z-index:20;background:#0e0e10;justify-content:space-around;align-items:center;padding:7px 0 11px;display:none;position:fixed;bottom:0;left:0;right:0}[data-theme=cream] .bot{background:#ece6daf7}[data-theme=gray] .bot{background:#0d0d0f}.bn{cursor:pointer;color:var(--tx3);flex-direction:column;align-items:center;gap:2px;padding:2px 7px;font-family:Lexend Giga,sans-serif;transition:all .15s;display:flex}.bn.on{color:var(--ac)}.bn svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:20px;height:20px}.bn-lb{letter-spacing:.8px;text-transform:uppercase;font-size:7px;font-weight:700}.sc-n{color:var(--tx);font-family:Special Gothic Expanded One,sans-serif;font-size:clamp(32px,6vw,42px);font-weight:400;line-height:1}.two{grid-template-columns:1fr;gap:12px;display:grid}.stats{flex-wrap:wrap;gap:10px;display:flex}.ph{flex-direction:column;gap:16px;display:flex}.modal{background:var(--s1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--bd);border-radius:20px;width:90vw;max-width:420px;padding:24px}.sv{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.sv-hdr{flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.sv-back{border:1px solid var(--bd);background:var(--s1);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sv-back svg{width:14px;height:14px;stroke:var(--tx2);fill:none;stroke-width:2px}.sv-nav{flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.sv-ni{text-align:center;flex:1;min-width:0}.nb{border:1px solid var(--bd);background:var(--s1);color:var(--tx2);cursor:pointer;border-radius:9px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-family:Lexend Giga,sans-serif;font-size:11px;font-weight:700;transition:all .2s;display:flex}.nb:disabled{opacity:.2;pointer-events:none}.nb.p{color:var(--ac);border-color:#fff3}.nb svg{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}.sv-content{overscroll-behavior:contain}input[type=range].fader-velocidad{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:100px;outline:none;height:6px}input[type=range].fader-velocidad::-webkit-slider-thumb{appearance:none;background:var(--gn);cursor:grab;border:3px solid #ffffffe6;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #0006}input[type=range].fader-velocidad::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range].fader-velocidad::-moz-range-thumb{background:var(--gn);cursor:grab;border:3px solid #ffffffe6;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #0006}input[type=range].fader-velocidad::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1)}@media (width>=768px) and (width<=1023px){.sb{display:none}.main{margin-left:0!important}.bot{display:flex}.pw{padding:16px 20px 90px}}@media (width>=1024px){.sb{width:220px;display:flex}.sb.col{width:60px}.main{margin-left:180px}.main.col{margin-left:60px}.bot{display:none}.pw{padding:24px 28px 40px}.sc-n{font-size:40px}.title{font-size:34px}.two{grid-template-columns:1fr 1fr}.ph{flex-direction:row;align-items:center}.modal{width:600px}.ni-lb{font-size:11px}.ni-ic svg{width:17px;height:17px}}@media (width>=1440px){.sb{width:200px}.sb.col{width:60px}.main{margin-left:200px}.main.col{margin-left:60px}.pw{padding:28px 36px 40px}.sc-n{font-size:46px}.title{font-size:38px}.modal{width:680px}}@media (width<=767px){.sb{display:none}.main{margin-left:0!important}.bot{display:flex}.pw{padding:10px 8px 90px}}.sg{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.scard{background:var(--s1);border:1px solid var(--bd);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:11px 13px;transition:all .15s;display:flex}.scard:hover{background:var(--s3);border-color:var(--bd2)}.scard-n{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-family:Lexend Giga,sans-serif;font-size:10px;font-weight:500;overflow:hidden}.scard-s{color:var(--ac);align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;display:flex}.scard-s span{color:var(--tx3);font-size:9px;font-weight:400}.bpm-sec{margin-bottom:24px}.bpm-bar{opacity:.25;border-radius:2px;height:2px;margin-bottom:12px}.bpm-bar.fast{background:var(--rd)}.bpm-bar.mid{background:var(--gn)}.bpm-bar.slow{background:#6b6f77}@media (width>=600px){.sg{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.sg{grid-template-columns:repeat(4,1fr)}}.sb.col .sb-top{justify-content:center;padding:14px 0}.sb.col .logo-mk{justify-content:center}.sb:not(.col) .logo-mk{justify-content:flex-start}.logo-txt{display:none}.page-sub{color:var(--tx2);font-family:Lexend Giga,sans-serif;font-size:15px;font-weight:200;line-height:1.4}.page-sub-sm{color:var(--tx3);font-family:Lexend Giga,sans-serif;font-size:12px;font-weight:200;line-height:1.5}.sv{z-index:100!important;background:var(--bg)!important;position:fixed!important;inset:0!important}