@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--accent: #3b82f6;--accent-contr: #ffffff;--header-bg: #1e3a8a}[data-theme=girl]{--accent: #6b7280;--header-bg: #1f2937}:root[data-mode=light]{--bg-page: #f9fafb;--bg-card: #ffffff;--fg-text: #0f172a;--row-alt: #f5f7fa;--border: #d2d8e0}:root[data-mode=dark]{--bg-page: #111827;--bg-card: #1f2937;--fg-text: #e5e7eb;--row-alt: #1e293b;--border: #374151}html{font-size:95%}body{margin:0;font-family:Inter,sans-serif;background:var(--bg-page);color:var(--fg-text)}header.mod-header{background:var(--header-bg);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;flex-wrap:wrap}header.mod-header h1{margin:0;font-size:1.4rem}header.mod-header nav.nav-center{flex:1;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}header.mod-header nav a{display:inline-block;padding:.45rem .9rem;border:1px solid var(--accent);border-radius:2px;background:transparent;color:var(--accent);font-size:1rem;text-decoration:none;transition:background .15s,color .15s}header.mod-header nav a:hover{background:var(--accent);color:var(--accent-contr)}header.mod-header nav a.active,header.mod-header nav a.active:hover{background:var(--accent);color:var(--accent-contr);font-weight:600}.mode-toggle{background:none;border:none;font-size:1.35rem;cursor:pointer;line-height:1;padding:0;color:var(--accent-contr);transition:transform .15s}.mode-toggle:hover{transform:scale(1.15)}.crumb-btn{display:inline-block;margin-right:.25rem;padding:.25rem .55rem;border:1px solid var(--accent);border-radius:2px;background:transparent;color:var(--accent);font-size:.95rem;cursor:pointer;transition:background .15s,color .15s}.crumb-btn:hover{background:var(--accent);color:var(--accent-contr)}main{padding:1rem}.card{background:var(--bg-card);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 4px #00000014;margin-bottom:1.5rem;overflow:visible}.player-box{position:sticky;top:0;z-index:100;border:2px solid var(--accent);border-radius:8px;margin-bottom:1.5rem}.scroll-list{max-height:60vh;overflow-y:auto;padding-right:.25rem}button,input,select{font-size:1rem}.btn{background:var(--accent);color:var(--accent-contr);border:none;padding:.4rem .9rem;border-radius:4px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-light{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.35rem .8rem;border-radius:4px;cursor:pointer}table{width:100%;border-collapse:collapse}thead th{border-bottom:2px solid var(--border)}th,td{padding:.5rem .6rem;text-align:left;font-size:.95rem}tbody tr{border-bottom:1px solid var(--border)}tbody tr:nth-child(odd){background:var(--row-alt)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.msg-success{margin-left:.6rem;color:var(--accent);font-weight:600;animation:fadeout 2s forwards}@keyframes fadeout{0%,90%{opacity:1}to{opacity:0}}.config-wrap{max-width:600px;margin:0}@media (max-width:600px){html{font-size:92%}header.mod-header h1{font-size:1.25rem}.config-wrap{max-width:100%}}.eq-canvas{display:block;width:100%;height:60px;background:#0f172a;border-radius:4px;margin-top:.6rem}