._container_u8ucw_1{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.15),transparent 70%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1),transparent 60%),var(--bg-app)}._hero_u8ucw_14{text-align:center;max-width:600px;margin-bottom:40px}._titleBadge_u8ucw_20{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#6366f126;border:1px solid var(--border-accent);color:#a5b4fc;font-size:.85rem;font-weight:600;margin-bottom:16px}._heading_u8ucw_34{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}._subtitle_u8ucw_44{color:var(--text-muted);font-size:1rem;line-height:1.6}._cardsGrid_u8ucw_50{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:720px}._modeCard_u8ucw_58{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}._modeCard_u8ucw_58:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .25s ease}._modeCard_u8ucw_58:hover,._modeCard_u8ucw_58:active{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 12px 36px #0006,0 0 20px var(--accent-glow)}._modeCard_u8ucw_58:hover:before{opacity:1}._iconWrapper_u8ucw_95{width:52px;height:52px;border-radius:14px;background:#6366f126;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}._cardTitle_u8ucw_107{font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:8px}._cardDesc_u8ucw_114{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:20px}._cardFooter_u8ucw_121{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent-primary);margin-top:auto}._playerStage_byb8e_1{position:relative;width:100%;height:100%;min-height:240px;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}._centeringLayer_byb8e_14{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._centeringLayerContain_byb8e_23{object-fit:contain}._centeringLayerFill_byb8e_27{object-fit:cover}._transformLayer_byb8e_31{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .05s ease-out;will-change:transform}._videoElement_byb8e_42{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}._videoElementFill_byb8e_50{object-fit:cover}._videoMirrored_byb8e_54{transform:scaleX(-1)}._overlayTop_byb8e_59{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}._badgeGroup_byb8e_71{display:flex;gap:8px}._badge_byb8e_71{background:#0f1117bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-main);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:4px;pointer-events:auto}._adjustActiveBadge_byb8e_92{background:#f59e0bd9;color:#000;font-weight:700;animation:_pulse_byb8e_1 2s infinite}@keyframes _pulse_byb8e_1{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}._overlayControls_byb8e_105{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}._controlBar_byb8e_117{display:flex;gap:6px;background:#0f1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);padding:6px 12px;border-radius:30px;pointer-events:auto}._iconBtn_byb8e_128{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--text-muted);transition:all .2s ease}._iconBtn_byb8e_128:hover,._iconBtn_byb8e_128:active{color:var(--text-main);background:#ffffff1f}._iconBtnActive_byb8e_144{color:var(--accent-primary);background:#6366f133;border:1px solid var(--accent-glow)}._centerPlayBtn_byb8e_150{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#6366f1d9;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #6366f180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,opacity .2s ease;z-index:12}._centerPlayBtn_byb8e_150:active{transform:translate(-50%,-50%) scale(.92)}._timelineContainer_vrby9_1{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:12px 16px;display:flex;flex-direction:column;gap:12px;width:100%}._topRow_vrby9_11{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}._currentBeatHeader_vrby9_19{display:flex;align-items:center;gap:12px}._phraseBadge_vrby9_25{background:#6366f126;color:var(--accent-primary);border:1px solid var(--border-accent);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700}._bigBeatCounter_vrby9_35{font-size:1.25rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:6px}._bigBeatNumber_vrby9_44{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:1.1rem;font-weight:900;box-shadow:0 0 12px var(--accent-glow)}._loopControlGroup_vrby9_58{display:flex;align-items:center;gap:8px}._loopModeBtn_vrby9_64{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:700;background:#ffffff14;color:var(--text-muted);border:1px solid var(--border-subtle);transition:all .2s ease}._loopModeBtnActive_vrby9_78{background:linear-gradient(135deg,#6366f1d9,#ec4899d9);color:#fff;border-color:transparent;box-shadow:0 0 16px #6366f166}._navBtn_vrby9_85{padding:6px 10px;border-radius:12px;background:#ffffff0d;color:var(--text-muted);font-size:.8rem;font-weight:600;transition:all .2s ease}._navBtn_vrby9_85:hover{color:var(--text-main);background:#ffffff1f}._beatGrid_vrby9_101{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;width:100%}._beatCard_vrby9_108{background:#16192699;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative}._beatCard_vrby9_108:hover{background:#6366f126;border-color:var(--border-accent)}._beatCardActive_vrby9_127{background:linear-gradient(135deg,#6366f1e6,#ec4899d9);border-color:transparent;box-shadow:0 4px 18px var(--accent-glow);transform:translateY(-2px) scale(1.04)}._beatNumber_vrby9_134{font-size:1.1rem;font-weight:800;color:var(--text-muted)}._beatCardActive_vrby9_127 ._beatNumber_vrby9_134{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}._beatSublabel_vrby9_145{font-size:.65rem;font-weight:600;color:var(--text-dim);margin-top:2px}._beatCardActive_vrby9_127 ._beatSublabel_vrby9_145{color:#ffffffe6}._calibrationBar_vrby9_157{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px dashed var(--border-subtle);flex-wrap:wrap}._bpmItem_vrby9_167{display:flex;align-items:center;gap:8px}._bpmInput_vrby9_173{width:60px;background:#0000004d;border:1px solid var(--border-strong);border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:700;text-align:center;color:var(--text-main)}._miniBtn_vrby9_185{padding:4px 8px;border-radius:8px;background:#ffffff14;font-size:.75rem;font-weight:600;color:var(--text-muted);transition:all .2s ease}._miniBtn_vrby9_185:hover{background:#ffffff29;color:var(--text-main)}._calibrateGroup_vrby9_200{display:flex;align-items:center;gap:6px}._container_m443s_1{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-app);overflow:hidden}._header_m443s_10{height:54px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;z-index:20}._headerLeft_m443s_21{display:flex;align-items:center;gap:12px}._backBtn_m443s_27{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem;font-weight:500;padding:6px 12px;border-radius:8px;background:#ffffff0d;transition:all .2s ease}._backBtn_m443s_27:hover{color:var(--text-main);background:#ffffff1a}._pageTitle_m443s_45{font-size:1.05rem;font-weight:700;color:var(--text-main)}._uploadLabel_m443s_51{display:flex;align-items:center;gap:6px;background:var(--accent-primary);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease}._uploadLabel_m443s_51:hover{background:var(--accent-primary-hover)}._fileInput_m443s_69{display:none}._stageArea_m443s_73{flex:1;width:100%;position:relative;overflow:hidden;background-color:#000}._controlsArea_m443s_81{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:12px 16px;display:flex;flex-direction:column;gap:10px;z-index:20}._progressBarContainer_m443s_91{display:flex;align-items:center;gap:12px}._timeText_m443s_97{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:44px}._slider_m443s_105{flex:1;accent-color:var(--accent-primary);cursor:pointer}._speedGroup_m443s_111{display:flex;align-items:center;justify-content:center;gap:6px}._speedBtn_m443s_118{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#ffffff0d;color:var(--text-muted);border:1px solid transparent;transition:all .2s ease}._speedBtn_m443s_118:hover{color:var(--text-main);background:#ffffff1a}._speedBtnActive_m443s_134{background:#6366f133;color:var(--accent-primary);border-color:var(--accent-glow)}._container_zwqfh_1{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-app);overflow:hidden}._header_zwqfh_10{height:54px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;z-index:20}._headerLeft_zwqfh_21{display:flex;align-items:center;gap:12px}._backBtn_zwqfh_27{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem;font-weight:500;padding:6px 12px;border-radius:8px;background:#ffffff0d;transition:all .2s ease}._backBtn_zwqfh_27:hover{color:var(--text-main);background:#ffffff1a}._pageTitle_zwqfh_45{font-size:1.05rem;font-weight:700;color:var(--text-main)}._headerActions_zwqfh_51{display:flex;gap:8px}._uploadLabel_zwqfh_56{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}._uploadLabel_zwqfh_56:hover{background:#ffffff26}._fileInput_zwqfh_75{display:none}._dualStageArea_zwqfh_80{flex:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000;position:relative;overflow:hidden}._playerSlot_zwqfh_91{position:relative;width:100%;height:100%;overflow:hidden}._controlsArea_zwqfh_98{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:12px 16px;display:flex;flex-direction:column;gap:10px;z-index:20}._syncRow_zwqfh_108{display:flex;align-items:center;gap:16px}._offsetControl_zwqfh_114{flex:1;display:flex;align-items:center;gap:10px}._labelText_zwqfh_121{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}._slider_zwqfh_128{flex:1;accent-color:var(--accent-secondary);cursor:pointer}._offsetBadge_zwqfh_134{font-size:.8rem;font-weight:700;color:var(--accent-secondary);min-width:60px;text-align:right;font-variant-numeric:tabular-nums}._stepBtn_zwqfh_143{padding:4px 8px;border-radius:6px;background:#ffffff14;color:var(--text-main);font-size:.75rem;font-weight:600}._stepBtn_zwqfh_143:hover{background:#ffffff26}._volumeRow_zwqfh_156{display:flex;align-items:center;justify-content:space-between;gap:20px}._volumeItem_zwqfh_163{display:flex;align-items:center;gap:8px;flex:1}:root{--bg-app: #0d0f17;--bg-card: #161926;--bg-card-hover: #1f2335;--bg-surface: #121420;--bg-glass: rgba(22, 25, 38, .75);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-accent: rgba(99, 102, 241, .4);--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .35);--accent-secondary: #ec4899;--accent-cyan: #06b6d4;--accent-gold: #f59e0b;--accent-green: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Outfit", "Noto Sans SC", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;outline:none}input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}