.tuner-page.svelte-17t6a81.svelte-17t6a81{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.fft-fullscreen.svelte-17t6a81.svelte-17t6a81{position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(60px + env(safe-area-inset-bottom,0px))}.fft-canvas.svelte-17t6a81.svelte-17t6a81{width:100%;height:100%;display:block}.back-btn.svelte-17t6a81.svelte-17t6a81{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:50%;background:var(--canvas-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:10}.back-btn.svelte-17t6a81 svg.svelte-17t6a81{width:24px;height:24px}.mode-toggle.svelte-17t6a81.svelte-17t6a81{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--canvas-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.mode-toggle.svelte-17t6a81.svelte-17t6a81:active{color:var(--text);border-color:var(--muted)}.mode-toggle.active.svelte-17t6a81.svelte-17t6a81{color:var(--freq-high);border-color:var(--freq-high);box-shadow:0 0 16px var(--recording-glow)}.mode-toggle.svelte-17t6a81 svg.svelte-17t6a81{width:24px;height:24px}.page-title.svelte-17t6a81.svelte-17t6a81{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:600;color:var(--text);margin:0;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.5)}.note-overlay.svelte-17t6a81.svelte-17t6a81{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.note-name.svelte-17t6a81.svelte-17t6a81{font-size:5rem;font-weight:800;color:var(--text);line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.note-name.svelte-17t6a81 sub.svelte-17t6a81{font-size:2rem;color:var(--muted);font-weight:600}.note-waiting.svelte-17t6a81.svelte-17t6a81{font-size:1.5rem;color:var(--muted-strong);font-weight:500}.placeholder-overlay.svelte-17t6a81.svelte-17t6a81{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.placeholder-icon.svelte-17t6a81.svelte-17t6a81{width:80px;height:80px;color:var(--border)}.control-overlay.svelte-17t6a81.svelte-17t6a81{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.control-btn.svelte-17t6a81.svelte-17t6a81{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur))}.control-btn.start.svelte-17t6a81.svelte-17t6a81{background:var(--glass-btn-accent);border:1px solid var(--glass-btn-accent-border);color:var(--accent)}.control-btn.start.svelte-17t6a81.svelte-17t6a81:active{transform:scale(.97);background:var(--glass-btn-accent-active)}.control-btn.stop.svelte-17t6a81.svelte-17t6a81{background:var(--glass-btn);border:1px solid var(--glass-btn-border);color:var(--text)}.control-btn.stop.svelte-17t6a81.svelte-17t6a81:active{background:var(--glass-btn-active)}.control-btn.svelte-17t6a81 svg.svelte-17t6a81{width:22px;height:22px}.error-text.svelte-17t6a81.svelte-17t6a81{color:var(--error);font-size:.875rem;margin:0;background:var(--canvas-overlay-bg);padding:8px 16px;border-radius:8px}