:root{--bg:#0f1115;--panel:#181b22;--text:#f3f4f6;--text-dim:#9ca3af;--accent:#ff4d8d;--accent-soft:#ff4d8d40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}#app{flex-direction:column;min-height:100svh;display:flex}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.pack-upload-form[data-v-3bacae36]{background:var(--panel);border-radius:10px;flex-direction:column;gap:12px;width:min(320px,80vw);padding:16px;display:flex}.field[data-v-3bacae36]{text-align:left;flex-direction:column;gap:6px;display:flex}.field label[data-v-3bacae36]{color:var(--text-dim);font-size:13px}.field input[type=text][data-v-3bacae36]{background:var(--bg);border:1px solid var(--text-dim);color:var(--text);border-radius:6px;padding:8px}.field input[type=file][data-v-3bacae36]{color:var(--text);font-size:13px}.upload-error[data-v-3bacae36]{color:var(--accent);margin:0;font-size:13px}.upload-btn[data-v-3bacae36]{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:10px 24px;font-size:15px;font-weight:600}.upload-btn[data-v-3bacae36]:disabled{background:var(--bg);color:var(--text-dim)}.preset-overlay[data-v-31df203a]{z-index:100;background:#0f1115b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preset-modal[data-v-31df203a]{background:var(--panel);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:min(340px,85vw);padding:28px 24px;display:flex}h2[data-v-31df203a]{margin:0;font-size:20px}.subtitle[data-v-31df203a]{color:var(--text-dim);margin:0;font-size:13px}.preset-modal input[data-v-31df203a]{background:var(--bg);border:1px solid var(--text-dim);width:100%;color:var(--text);text-align:center;border-radius:6px;padding:10px 12px;font-size:15px}.actions[data-v-31df203a]{gap:10px;width:100%;display:flex}.actions button[data-v-31df203a]{border:1px solid #0000;border-radius:999px;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.cancel-btn[data-v-31df203a]{border-color:var(--text-dim);color:var(--text);background:0 0}.save-btn[data-v-31df203a]{background:var(--accent);color:#fff}.save-btn[data-v-31df203a]:disabled{background:var(--bg);color:var(--text-dim)}.start-screen[data-v-bda6f432]{text-align:center;background-position:50%;background-size:cover;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow-y:auto}.upload-toggle-btn[data-v-bda6f432]{background:var(--panel);border:1px solid var(--text-dim);color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;top:16px;right:16px}.upload-form-popover[data-v-bda6f432]{z-index:10;position:absolute;top:60px;right:16px}h1[data-v-bda6f432]{margin:0}.subtitle[data-v-bda6f432]{color:var(--text-dim);margin:0 0 12px}.mode-switch[data-v-bda6f432]{background:var(--panel);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;display:flex}.mode-switch button[data-v-bda6f432]{color:var(--text-dim);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.mode-switch button.active[data-v-bda6f432]{background:var(--accent);color:#fff}.niche-search[data-v-bda6f432]{gap:8px;width:min(420px,85vw);display:flex}.niche-search input[data-v-bda6f432]{background:var(--panel);border:1px solid var(--text-dim);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:8px 12px}.niche-search button[data-v-bda6f432]{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 18px;font-weight:600}.niche-search button[data-v-bda6f432]:disabled{background:var(--panel);color:var(--text-dim)}.themes[data-v-bda6f432]{flex-wrap:wrap;justify-content:center;gap:14px;max-width:640px;display:flex}.theme-card[data-v-bda6f432]{background:var(--panel);width:140px;color:var(--text);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.theme-card img[data-v-bda6f432],.theme-noimg[data-v-bda6f432]{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:6px;width:100%}.theme-card.selected[data-v-bda6f432]{border-color:var(--accent)}.theme-name[data-v-bda6f432]{font-size:14px;font-weight:600}.theme-count[data-v-bda6f432]{color:var(--text-dim);font-size:12px}.selection-summary[data-v-bda6f432]{color:var(--text-dim);margin:-8px 0 0;font-size:13px}.toggle-upload-btn[data-v-bda6f432]{color:var(--text-dim);background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}.tag-filter[data-v-bda6f432]{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;display:flex}.tag-chip[data-v-bda6f432]{background:var(--panel);color:var(--text-dim);border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:13px}.tag-chip.selected[data-v-bda6f432]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.clear-tags-btn[data-v-bda6f432]{color:var(--accent);background:0 0;border:none;padding:6px 4px;font-size:13px;text-decoration:underline}.field-row[data-v-bda6f432]{gap:16px;width:min(320px,80vw);display:flex}.field-row .field[data-v-bda6f432]{flex:1;width:auto;min-width:0}.field[data-v-bda6f432]{flex-direction:column;gap:8px;width:min(320px,80vw);display:flex}.field label[data-v-bda6f432]{color:var(--text-dim);font-size:14px}.field input[type=range][data-v-bda6f432]{accent-color:var(--accent)}.field input[type=number][data-v-bda6f432],.field select[data-v-bda6f432]{background:var(--panel);border:1px solid var(--text-dim);color:var(--text);border-radius:6px;padding:8px}.warning[data-v-bda6f432]{color:var(--accent);max-width:360px;font-size:14px}.start-actions[data-v-bda6f432]{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.start-btn[data-v-bda6f432]{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:14px 40px;font-size:18px;font-weight:600}.start-btn[data-v-bda6f432]:disabled{background:var(--panel);color:var(--text-dim)}.save-btn[data-v-bda6f432]{background:var(--panel);color:var(--text);border:1px solid var(--text-dim);border-radius:999px;padding:13px 28px;font-size:15px;font-weight:600}.save-btn[data-v-bda6f432]:disabled{color:var(--text-dim);opacity:.5}.preset-list[data-v-bda6f432]{flex-direction:column;gap:10px;width:min(420px,85vw);display:flex}.preset-card[data-v-bda6f432]{align-items:stretch;gap:8px;display:flex}.preset-main[data-v-bda6f432]{text-align:left;background:var(--panel);color:var(--text);border:1px solid #0000;border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:12px 16px;display:flex}.preset-main[data-v-bda6f432]:hover{border-color:var(--accent)}.preset-name[data-v-bda6f432]{font-size:15px;font-weight:600}.preset-meta[data-v-bda6f432]{color:var(--text-dim);font-size:12px}.preset-del[data-v-bda6f432]{background:var(--panel);border:1px solid var(--text-dim);color:var(--text-dim);border-radius:10px;padding:0 14px;font-size:14px}.preset-del[data-v-bda6f432]:hover{color:var(--accent);border-color:var(--accent)}.loading-screen[data-v-5f0a77bd]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}h1[data-v-5f0a77bd]{margin:0;font-size:24px}.progress-bar[data-v-5f0a77bd]{background:var(--panel);border-radius:999px;width:min(320px,80vw);height:10px;overflow:hidden}.progress-fill[data-v-5f0a77bd]{background:var(--accent);height:100%;transition:width .12s ease-out}.progress-label[data-v-5f0a77bd]{color:var(--text-dim);margin:0;font-size:14px}.beat-track[data-v-c79b0be3]{width:100%;height:90px;position:relative;overflow:hidden}.track-line[data-v-c79b0be3]{background:var(--text-dim,#9ca3af);opacity:.4;height:2px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dot[data-v-c79b0be3]{background:var(--accent,#ff4d8d);will-change:left;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%)}.hit-zone[data-v-c79b0be3]{border:3px solid var(--accent,#ff4d8d);background:var(--accent-soft,#ff4d8d40);border-radius:50%;width:52px;height:52px;transition:transform .12s ease-out,background .12s ease-out;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1)}.hit-zone.pulsing[data-v-c79b0be3]{background:var(--accent,#ff4d8d);transform:translate(-50%,-50%)scale(1.25)}.play-screen[data-v-2d8072ab]{flex:1;min-height:0;position:relative}.stage-background[data-v-2d8072ab]{background-position:50%;background-size:cover;position:absolute;inset:0}.image-area[data-v-2d8072ab]{position:absolute;inset:0;overflow:hidden}.media-holder[data-v-2d8072ab]{width:100%;height:100%}.image-area img[data-v-2d8072ab],.image-area video[data-v-2d8072ab]{object-fit:cover;width:100%;height:100%;display:block}.media-holder.bump[data-v-2d8072ab]{animation:.15s ease-out bump-pulse-2d8072ab}@keyframes bump-pulse-2d8072ab{0%{transform:scale(1.05)}to{transform:scale(1)}}.top-bar[data-v-2d8072ab]{background:linear-gradient(#0000008c,#0000);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 20px;display:grid;position:absolute;top:0;left:0;right:0}.timer[data-v-2d8072ab]{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px #0009;justify-self:center;font-size:22px;font-weight:700}.fullscreen-btn[data-v-2d8072ab],.back-btn[data-v-2d8072ab]{color:#fff;white-space:nowrap;background:#0006;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-size:14px}.fullscreen-btn[data-v-2d8072ab]{justify-self:start}.back-btn[data-v-2d8072ab]{justify-self:end}.fullscreen-btn[data-v-2d8072ab]:hover,.back-btn[data-v-2d8072ab]:hover{background:#0009}.beat-track-overlay[data-v-2d8072ab]{background:linear-gradient(#0000,#0000008c);padding-top:24px;position:absolute;bottom:0;left:0;right:0}.next-btn[data-v-2d8072ab]{z-index:5;color:#fff;white-space:nowrap;background:#0006;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-size:14px;position:absolute;bottom:16px;right:16px}.next-btn[data-v-2d8072ab]:hover{background:#0009}.recap-screen[data-v-98710d49]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:24px;display:flex}h1[data-v-98710d49]{margin:0}.stats[data-v-98710d49]{gap:32px;display:flex}.stat[data-v-98710d49]{flex-direction:column;align-items:center;gap:4px;display:flex}.stat .value[data-v-98710d49]{color:var(--accent);font-size:40px;font-weight:700}.stat .label[data-v-98710d49]{color:var(--text-dim);font-size:13px}.restart-btn[data-v-98710d49]{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:14px 40px;font-size:18px;font-weight:600}.login-overlay[data-v-14ac92ad]{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal[data-v-14ac92ad]{background:var(--panel);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:min(320px,85vw);padding:32px 24px;display:flex}h1[data-v-14ac92ad]{margin:0}.subtitle[data-v-14ac92ad]{color:var(--text-dim);margin:0;font-size:14px}.login-modal input[data-v-14ac92ad]{background:var(--bg);border:1px solid var(--text-dim);width:100%;color:var(--text);text-align:center;border-radius:6px;padding:10px 12px;font-size:15px}.login-error[data-v-14ac92ad]{color:var(--accent);margin:0;font-size:13px}.login-btn[data-v-14ac92ad]{background:var(--accent);color:#fff;border:none;border-radius:999px;width:100%;padding:12px 24px;font-size:15px;font-weight:600}.login-btn[data-v-14ac92ad]:disabled{background:var(--bg);color:var(--text-dim)}
