.page.svelte-1uha8ag{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12);display:flex;flex-direction:column;padding:60px 20px 20px}.hero.svelte-1uha8ag{text-align:center;padding:0 0 32px;max-width:480px;margin:0 auto}.hero-badge.svelte-1uha8ag{display:inline-block;padding:6px 16px;background:#ff006e26;border:1px solid rgba(255,0,110,.3);border-radius:20px;color:#ff006e;font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:.05em}.hero-title.svelte-1uha8ag{font-size:clamp(28px,8vw,42px);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.1;letter-spacing:-.02em}.hero-subtitle.svelte-1uha8ag{font-size:clamp(15px,4vw,17px);color:#999;line-height:1.6;max-width:380px;margin:0 auto}.content.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;max-width:400px;margin:0 auto;width:100%}.level-section.svelte-1uha8ag{width:100%}.level-label.svelte-1uha8ag{font-size:12px;color:#666;margin-bottom:12px;text-align:center}.preset-row.svelte-1uha8ag{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.preset-pill.svelte-1uha8ag{padding:8px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.preset-pill.svelte-1uha8ag:hover{background:#ff006e14;border-color:#ff006e4d;color:#ccc}.preset-pill.selected.svelte-1uha8ag{background:#ff006e26;border-color:#ff006e;color:#ff006e}.range-slider.svelte-1uha8ag{position:relative;height:24px;margin-bottom:12px}.range-track.svelte-1uha8ag{position:absolute;top:50%;left:0;right:0;height:6px;background:#ffffff1a;border-radius:3px;transform:translateY(-50%)}.range-fill.svelte-1uha8ag{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#ff006e,#a855f7);border-radius:3px}.range-input.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}.range-input.svelte-1uha8ag::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #ff006e;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease}.range-input.svelte-1uha8ag::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input.svelte-1uha8ag::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #ff006e;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000004d}.range-display.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:12px}.range-value.svelte-1uha8ag{font-size:18px;font-weight:600;color:#ff006e}.range-separator.svelte-1uha8ag{font-size:13px;color:#666}.public-rooms-section.svelte-1uha8ag{width:100%}.mode-buttons.svelte-1uha8ag{display:flex;flex-direction:column;gap:12px;width:100%}.mode-btn.svelte-1uha8ag{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .15s ease}.mode-btn.practice-btn.svelte-1uha8ag{background:linear-gradient(135deg,#ff006e,#cc0058);box-shadow:0 4px 20px #ff006e4d}.mode-btn.practice-btn.svelte-1uha8ag:hover{box-shadow:0 6px 30px #ff006e80;transform:translateY(-2px)}.mode-btn.play-btn.svelte-1uha8ag{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 20px #a855f74d}.mode-btn.play-btn.svelte-1uha8ag:hover{box-shadow:0 6px 30px #a855f780;transform:translateY(-2px)}.mode-icon.svelte-1uha8ag{font-size:32px}.mode-info.svelte-1uha8ag{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mode-name.svelte-1uha8ag{font-size:20px;font-weight:700;color:#fff}.mode-desc.svelte-1uha8ag{font-size:13px;color:#ffffffb3}.mode-sub.svelte-1uha8ag{font-size:11px;color:#ffffff80;margin-top:2px}.mode-range.svelte-1uha8ag{font-size:11px;color:#fbbf24;margin-top:2px;font-weight:500}.mode-btn.play-btn.disabled.svelte-1uha8ag{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:none;cursor:not-allowed;opacity:.7}.mode-btn.play-btn.disabled.svelte-1uha8ag:hover{transform:none;box-shadow:none}.stats.svelte-1uha8ag{display:flex;gap:32px}.stat.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num.svelte-1uha8ag{font-size:24px;font-weight:700;color:#00d9ff}.stat-label.svelte-1uha8ag{font-size:12px;color:#555}.footer.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:12px;padding:24px 0;font-size:12px;color:#555}.dot.svelte-1uha8ag{color:#ff006e}.footer-link.svelte-1uha8ag{color:#666;text-decoration:none;transition:color .15s ease}.footer-link.svelte-1uha8ag:hover{color:#ff006e}.tutorial-link.svelte-1uha8ag{display:flex;align-items:center;gap:12px;max-width:400px;width:100%;padding:12px 16px;background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:10px;text-decoration:none;transition:all .15s ease}.tutorial-link.svelte-1uha8ag:hover{background:#00d9ff1f;border-color:#00d9ff66}.tutorial-icon.svelte-1uha8ag{font-size:24px}.tutorial-text.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;gap:2px}.tutorial-title.svelte-1uha8ag{font-size:14px;font-weight:600;color:#fff}.tutorial-desc.svelte-1uha8ag{font-size:12px;color:#666}.tutorial-arrow.svelte-1uha8ag{font-size:18px;color:#00d9ff}@media(max-width:400px){.preset-row.svelte-1uha8ag{flex-wrap:wrap}.preset-pill.svelte-1uha8ag{padding:6px 12px;font-size:12px}.mode-btn.svelte-1uha8ag{padding:16px 20px}.mode-icon.svelte-1uha8ag{font-size:28px}.mode-name.svelte-1uha8ag{font-size:18px}}