:root{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#181818;--border-color:#222;--border-color-hover:#444;--text-primary:#fff;--text-secondary:#888;--text-tertiary:#555;--accent-color:#fff;--color-spotify:#1db954;--color-youtube:#f55;--color-danger:#f55;--color-warning:#f97316;--color-success:#22c55e;--color-champion:#facc15;--color-admin1:#a855f7;--color-admin2:#eab308;--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Source Code Pro", ui-monospace, monospace;--font-heading:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(#ffffff0d 1.2px,#0000 1.2px);background-size:24px 24px;background-attachment:fixed;min-height:100vh;overflow:visible}html,body,#app{min-height:100%}#app{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:500}.font-mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}button{color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;-webkit-user-select:auto;user-select:auto;background:0 0;border:none;font-family:inherit}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-all{border:1px solid var(--border-color);border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.container-full{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}@media (width<=768px){.container-full{padding:0 20px}}.hover-fade{transition:opacity var(--transition-fast)}.hover-fade:hover{opacity:.7}.hover-glow{transition:background-color var(--transition-fast), box-shadow var(--transition-normal)}.hover-glow:hover{background-color:var(--bg-tertiary);box-shadow:0 8px 32px #ffffff08}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards fadeIn}.animate-slide-in{animation:.35s cubic-bezier(.25,.46,.45,.94) forwards slideInRight}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn-back{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.btn-back:hover{color:var(--text-primary);border-color:var(--border-color-hover)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 1px var(--border-color-hover);outline:none;border-color:var(--border-color-hover)!important}.header[data-v-cbffa4eb]{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);width:calc(100% - 80px);max-width:1440px;transition:all var(--transition-normal);background-color:#121212d9;margin:20px auto 0;position:sticky;top:20px;box-shadow:0 8px 32px #00000040}.header-container[data-v-cbffa4eb]{justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex}.logo-area[data-v-cbffa4eb]{align-items:center;gap:14px;display:flex}.logo-clickable[data-v-cbffa4eb]{align-items:center;display:flex}.logo-img[data-v-cbffa4eb]{object-fit:contain;width:auto;height:34px;display:block}.btn-version[data-v-cbffa4eb]{border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:#ffffff0f;padding:4px 10px;font-family:monospace;font-size:11px;font-weight:600;transition:all .2s}.btn-version[data-v-cbffa4eb]:hover{color:var(--text-primary);border-color:var(--border-color-hover);background:#ffffff1a}.dropdown-wrap[data-v-cbffa4eb]{align-items:center;display:flex}.dropdown[data-v-cbffa4eb]{z-index:50;position:relative}.dropdown-btn[data-v-cbffa4eb]{white-space:nowrap;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);min-width:120px;height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:500;display:flex}.dropdown-btn[data-v-cbffa4eb]:hover,.dropdown-btn.open[data-v-cbffa4eb]{background:var(--bg-tertiary)}.chevron[data-v-cbffa4eb]{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;font-size:8px}.chevron.rotated[data-v-cbffa4eb]{transform:rotate(180deg)}.dropdown-list[data-v-cbffa4eb]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;flex-direction:column;gap:2px;min-width:100%;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 32px #0006}.dropdown-item[data-v-cbffa4eb]{border-radius:var(--radius-full);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.dropdown-item[data-v-cbffa4eb]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.active[data-v-cbffa4eb]{color:var(--text-primary);background:#ffffff14;font-weight:600}.dropdown-item.hidden[data-v-cbffa4eb]{opacity:.4;cursor:not-allowed}.dropdown-item.hidden[data-v-cbffa4eb]:hover{color:var(--text-secondary);background:0 0}.dropdown-item.hidden:hover .lock-icon[data-v-cbffa4eb]{color:#f55}.dropdown-item-label[data-v-cbffa4eb]{flex:1}.lock-icon[data-v-cbffa4eb]{color:var(--text-tertiary);transition:color var(--transition-fast);flex-shrink:0}.actions-search-area[data-v-cbffa4eb]{flex-grow:1;justify-content:flex-end;align-items:center;gap:12px;max-width:750px;transition:gap .3s;display:flex}.btn-add-track[data-v-cbffa4eb]{color:#22c55e;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);white-space:nowrap;background-color:#22c55e0d;border:1px solid #22c55e4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-add-track[data-v-cbffa4eb]:hover{color:var(--bg-primary);background-color:#22c55e;border-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.search-input-wrapper[data-v-cbffa4eb]{flex-grow:1;align-items:center;display:flex;position:relative}.search-icon[data-v-cbffa4eb]{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);z-index:1;align-items:center;font-size:15px;display:flex;position:absolute;left:12px}.search-input-wrapper:focus-within .search-icon[data-v-cbffa4eb]{color:var(--text-secondary)}.search-input[data-v-cbffa4eb]{box-sizing:border-box;width:100%;height:38px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:0 16px 0 34px;font-family:inherit;font-size:13px}.search-input[data-v-cbffa4eb]:focus{border-color:var(--accent-color);background-color:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #ffffff1a}.search-input[data-v-cbffa4eb]::placeholder{color:var(--text-tertiary)}.btn-stats[data-v-cbffa4eb]{width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-stats[data-v-cbffa4eb]:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.btn-profiles[data-v-cbffa4eb]{width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-profiles[data-v-cbffa4eb]:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.btn-admin-panel[data-v-cbffa4eb]{color:#f55;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);white-space:nowrap;background-color:#ff55550d;border:1px solid #ff55554d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-admin-panel[data-v-cbffa4eb]:hover{color:#f55;background-color:#ff55551a;border-color:#f55}.btn-auth-toggle[data-v-cbffa4eb]{box-sizing:border-box;height:38px;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.btn-auth-toggle[data-v-cbffa4eb]:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.btn-profile[data-v-cbffa4eb]{box-sizing:border-box;height:38px;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.btn-profile[data-v-cbffa4eb]:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.btn-profile.admin1-theme[data-v-cbffa4eb]{border-color:color-mix(in srgb, var(--color-admin1) 40%, transparent);color:var(--color-admin1);background-color:color-mix(in srgb, var(--color-admin1) 5%, transparent)}.btn-profile.admin1-theme[data-v-cbffa4eb]:hover{border-color:var(--color-admin1);background-color:color-mix(in srgb, var(--color-admin1) 10%, transparent)}.btn-profile.admin2-theme[data-v-cbffa4eb]{border-color:color-mix(in srgb, var(--color-admin2) 40%, transparent);color:var(--color-admin2);background-color:color-mix(in srgb, var(--color-admin2) 5%, transparent)}.btn-profile.admin2-theme[data-v-cbffa4eb]:hover{border-color:var(--color-admin2);background-color:color-mix(in srgb, var(--color-admin2) 10%, transparent)}.btn-auth-toggle.admin1-theme[data-v-cbffa4eb]{border-color:color-mix(in srgb, var(--color-admin1) 40%, transparent);color:var(--color-admin1);background-color:color-mix(in srgb, var(--color-admin1) 5%, transparent)}.btn-auth-toggle.admin1-theme[data-v-cbffa4eb]:hover{border-color:var(--color-admin1);background-color:color-mix(in srgb, var(--color-admin1) 10%, transparent)}.btn-auth-toggle.admin2-theme[data-v-cbffa4eb]{border-color:color-mix(in srgb, var(--color-admin2) 40%, transparent);color:var(--color-admin2);background-color:color-mix(in srgb, var(--color-admin2) 5%, transparent)}.btn-auth-toggle.admin2-theme[data-v-cbffa4eb]:hover{border-color:var(--color-admin2);background-color:color-mix(in srgb, var(--color-admin2) 10%, transparent)}.btn-expandable[data-v-cbffa4eb]{border-radius:var(--radius-full)!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;transition:width .25s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;position:relative!important;overflow:hidden!important}.btn-expandable .btn-icon-wrapper[data-v-cbffa4eb]{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.btn-expandable .btn-text-wrapper[data-v-cbffa4eb]{opacity:0;white-space:nowrap;font-family:var(--font-sans), sans-serif;letter-spacing:normal;pointer-events:none;align-items:center;height:100%;padding-right:14px;font-size:13px;font-weight:600;transition:opacity .25s ease-out 50ms;display:flex;position:absolute;top:0;left:38px}.btn-expandable:hover .btn-text-wrapper[data-v-cbffa4eb]{opacity:1;transition:opacity .25s ease-out .1s}.btn-expandable[data-v-cbffa4eb]:hover{justify-content:flex-start!important}.btn-add-track.btn-expandable[data-v-cbffa4eb]:hover{width:122px!important}.btn-stats.btn-expandable[data-v-cbffa4eb]:hover{width:138px!important}.btn-profiles.btn-expandable[data-v-cbffa4eb]:hover{width:108px!important}.btn-admin-panel.btn-expandable[data-v-cbffa4eb]:hover{width:152px!important}.btn-auth-toggle.btn-expandable[data-v-cbffa4eb]:hover{width:105px!important}.btn-profile.btn-expandable[data-v-cbffa4eb]:hover{width:112px!important}.drop-enter-active[data-v-cbffa4eb],.drop-leave-active[data-v-cbffa4eb]{transition:opacity var(--transition-fast), transform var(--transition-fast)}.drop-enter-from[data-v-cbffa4eb],.drop-leave-to[data-v-cbffa4eb]{opacity:0;transform:translateY(-4px)}@media (width<=768px){.header[data-v-cbffa4eb]{width:calc(100% - 32px);margin:16px auto 0;top:16px}.header-container[data-v-cbffa4eb]{flex-direction:column;align-items:stretch;gap:15px;padding:16px}.logo-area[data-v-cbffa4eb]{align-items:center}.actions-search-area[data-v-cbffa4eb]{width:100%;min-width:unset}}.maintenance-locked[data-v-cbffa4eb]{opacity:.4;pointer-events:none;cursor:not-allowed!important}.confirm-overlay[data-v-0f9afc2a]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal[data-v-0f9afc2a]{background-color:var(--bg-primary);flex-direction:column;gap:24px;width:90%;max-width:400px;padding:32px;display:flex}.confirm-message[data-v-0f9afc2a]{color:var(--text-primary);font-size:15px;line-height:1.5}.confirm-actions[data-v-0f9afc2a]{justify-content:flex-end;gap:12px;display:flex}.btn-confirm-cancel[data-v-0f9afc2a]{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:10px 20px;font-size:13px;font-weight:600}.btn-confirm-cancel[data-v-0f9afc2a]:hover{color:var(--text-primary);border-color:var(--border-color-hover);background-color:var(--bg-tertiary)}.btn-confirm-ok[data-v-0f9afc2a]{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background-color:#f55;border-color:#f55;padding:10px 20px;font-size:13px;font-weight:600}.btn-confirm-ok[data-v-0f9afc2a]:hover{background-color:#f33;border-color:#f33;box-shadow:0 4px 12px #ff555540}.modal-enter-active[data-v-0f9afc2a]{transition:opacity .2s}.modal-enter-active .confirm-modal[data-v-0f9afc2a]{transition:transform .2s,opacity .2s}.modal-leave-active[data-v-0f9afc2a]{transition:opacity .15s}.modal-leave-active .confirm-modal[data-v-0f9afc2a]{transition:transform .15s,opacity .15s}.modal-enter-from[data-v-0f9afc2a],.modal-leave-to[data-v-0f9afc2a]{opacity:0}.modal-enter-from .confirm-modal[data-v-0f9afc2a],.modal-leave-to .confirm-modal[data-v-0f9afc2a]{opacity:0;transform:scale(.95)}.maintenance-page[data-v-2642943e]{z-index:200;background-color:var(--bg-primary);background-image:radial-gradient(#ffffff0d 1.2px,#0000 1.2px);background-size:24px 24px;background-attachment:fixed;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.maintenance-content[data-v-2642943e]{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.maintenance-gif[data-v-2642943e]{filter:drop-shadow(0 4px 12px #ffffff0d);width:120px;height:auto;margin-bottom:8px}.maintenance-title[data-v-2642943e]{color:var(--text-primary);letter-spacing:.06em;margin:0;font-size:18px;font-weight:700}.maintenance-text[data-v-2642943e]{color:var(--text-secondary);max-width:360px;margin:0;font-size:14px;line-height:1.6}.maintenance-sub[data-v-2642943e]{color:var(--text-tertiary);margin:0;font-size:12px}.app-layout{background-color:#0000;flex-direction:column;min-height:100vh;display:flex}.special-lists-container{flex-direction:column;margin-top:40px;transition:margin-top .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);display:flex}.special-lists-container.is-searching-empty{opacity:0;pointer-events:none;margin-top:0}.special-section{grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),margin-bottom .4s cubic-bezier(.16,1,.3,1);display:grid}.special-section:not(:last-child){margin-bottom:40px}.special-section-content{min-height:0}.special-section-fade-enter-active,.special-section-fade-leave-active{transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),margin-bottom .4s cubic-bezier(.16,1,.3,1),padding-bottom .4s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.special-section-fade-enter-from,.special-section-fade-leave-to{opacity:0;transform:translateY(-20px);grid-template-rows:0fr!important;margin-bottom:0!important;padding-bottom:0!important}.special-section-fade-enter-to,.special-section-fade-leave-from{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.special-section-title{letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-size:12px;font-weight:600}.special-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid;position:relative}.special-grid--tests{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px}.special-grid--tournaments{grid-template-columns:repeat(2,1fr);gap:20px}.special-grid--tests .card-list-leave-active{width:100%}.special-grid .grid-item{display:flex}.special-grid .grid-item>*{width:100%;min-width:0}.card-list-enter-active{transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--delay,0s)}.card-list-leave-active{pointer-events:none;width:240px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute}.card-list-enter-from{opacity:0;transform:translateY(12px)scale(.97)}.card-list-leave-to{opacity:0;transform:scale(.97)}.card-list-move{transition:transform .35s cubic-bezier(.25,.46,.45,.94)}@media (width<=768px){.special-lists-container{margin-top:30px}.special-section:not(:last-child){margin-bottom:30px}.special-grid{grid-template-columns:1fr;gap:20px}.card-list-leave-active{width:100%}}.main-content{width:100%}.list-page-container{flex-direction:column;display:flex}.page-fade-enter-active{transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94)}.page-fade-leave-active{transition:opacity .25s cubic-bezier(.25,.46,.45,.94),transform .25s cubic-bezier(.25,.46,.45,.94)}.page-fade-enter-from{opacity:0;transform:translateY(16px)}.page-fade-leave-to{opacity:0;transform:translateY(-16px)}.mc-login-fade-enter-active{transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.mc-login-fade-leave-active{transition:opacity .25s cubic-bezier(.25,.46,.45,.94)}.mc-login-fade-enter-from,.mc-login-fade-leave-to{opacity:0}.mc-instant .page-fade-leave-active{transition-duration:0s!important}.mc-maintenance{visibility:hidden;pointer-events:none}.mc-show-changelog,.mc-show-login{visibility:visible!important;pointer-events:auto!important}.mc-header-login{opacity:0;pointer-events:none}.app-layout>.mc-header-login,.app-layout>.header{transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.maintenance-fade-enter-active{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.maintenance-fade-enter-from{opacity:0;transform:translateY(16px)}.maintenance-fade-leave-active{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.maintenance-fade-leave-to{opacity:0;transform:translateY(16px)}