.app-shell.svelte-1vbj1vs.svelte-1vbj1vs{display:flex;flex-direction:column;min-height:100dvh}.app-main.svelte-1vbj1vs.svelte-1vbj1vs{position:relative;overflow:hidden;flex:1}.tool-aura.svelte-1vbj1vs.svelte-1vbj1vs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.tool-aura.svelte-1vbj1vs.svelte-1vbj1vs:before{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;background:var(--tool-aura-background, linear-gradient(145deg, rgba(226, 117, 51, .22) 0%, rgba(87, 79, 161, .18) 100%));filter:blur(10px) saturate(118%);opacity:.95}.tool-aura.svelte-1vbj1vs.svelte-1vbj1vs:after{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;background:var(--tool-aura-island-a, radial-gradient(56rem 34rem at 18% 14%, rgba(226, 117, 51, .3), transparent 72%)),var(--tool-aura-island-b, radial-gradient(54rem 34rem at 80% 78%, rgba(87, 79, 161, .26), transparent 75%)),var(--tool-aura-island-c, radial-gradient(48rem 30rem at 48% 52%, rgba(45, 87, 161, .2), transparent 72%));filter:blur(28px);opacity:.92}.pitch-pipe-container.svelte-1vbj1vs.svelte-1vbj1vs{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(100%,460px);margin:0 auto;padding:24px 20px 80px;justify-content:center;flex:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.octave-selector.svelte-1vbj1vs.svelte-1vbj1vs{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:8px 16px;backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur))}.octave-btn.svelte-1vbj1vs.svelte-1vbj1vs{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.octave-btn.svelte-1vbj1vs.svelte-1vbj1vs:active:not(:disabled){background:var(--orange-alpha-20);border-color:var(--accent)}.octave-btn.svelte-1vbj1vs.svelte-1vbj1vs:disabled{opacity:.3;cursor:not-allowed}.octave-display.svelte-1vbj1vs.svelte-1vbj1vs{font-size:1rem;font-weight:600;color:var(--text);min-width:80px;text-align:center}.pitch-pipe.svelte-1vbj1vs.svelte-1vbj1vs{width:100%;max-width:380px;aspect-ratio:1;position:relative;touch-action:none}.pitch-pipe-inner.svelte-1vbj1vs.svelte-1vbj1vs{position:relative;overflow:hidden;width:100%;height:100%;background:radial-gradient(circle at 34% 28%,#ffffff3d,#ffffff05 44%),linear-gradient(160deg,#ffffff29,#ffffff05 44%,#00000024),var(--tool-glass-surface, var(--glass-thin));border-radius:50%;box-shadow:0 20px 48px #0000003d,inset 0 1px #ffffff3d,inset 0 -24px 42px #00000029;backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%)}.pitch-pipe-inner.svelte-1vbj1vs.svelte-1vbj1vs:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle at 52% 40%,rgba(255,255,255,.16) 0%,transparent 66%);pointer-events:none}.decorative-ring.svelte-1vbj1vs.svelte-1vbj1vs{position:absolute;top:15%;left:15%;right:15%;bottom:15%;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 24px #ffffff14;pointer-events:none}.center-display.svelte-1vbj1vs.svelte-1vbj1vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(165deg,#fff3,#ffffff0f 42%,#00000029),var(--glass-thin);border-radius:50%;border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 26px #0000003d,inset 0 1px #ffffff3d;z-index:1;pointer-events:none;backdrop-filter:blur(calc(var(--glass-btn-blur) + 8px));-webkit-backdrop-filter:blur(calc(var(--glass-btn-blur) + 8px))}.current-note.svelte-1vbj1vs.svelte-1vbj1vs{font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.current-octave.svelte-1vbj1vs.svelte-1vbj1vs{font-size:.875rem;color:var(--muted);margin-top:2px}.center-icon.svelte-1vbj1vs.svelte-1vbj1vs{font-size:1.75rem;color:var(--muted-strong)}.center-hint.svelte-1vbj1vs.svelte-1vbj1vs{font-size:.65rem;color:var(--muted-strong);text-align:center;margin-top:2px}.note-button.svelte-1vbj1vs.svelte-1vbj1vs{position:absolute;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--glass-btn-border);background:var(--glass-btn);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;z-index:2;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff42;overflow:hidden}.note-button.svelte-1vbj1vs.svelte-1vbj1vs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.24) 0%,transparent 64%);pointer-events:none}.note-button.sharp.svelte-1vbj1vs.svelte-1vbj1vs{width:58px;height:58px;background:#ffffff1a}.note-button.svelte-1vbj1vs.svelte-1vbj1vs:active{background:var(--glass-btn-active);transform:translate(-50%,-50%) scale(1.05)}.note-button.active.svelte-1vbj1vs.svelte-1vbj1vs{background:var(--glass-btn-accent);border-color:var(--glass-btn-accent-border);box-shadow:0 0 24px #f973166b,0 0 46px #f973163d,inset 0 1px #ffffff52;transform:translate(-50%,-50%) scale(1.08)}.note-name.svelte-1vbj1vs.svelte-1vbj1vs{font-size:1.125rem;font-weight:700;color:var(--text);line-height:1}.note-button.sharp.svelte-1vbj1vs .note-name.svelte-1vbj1vs{font-size:1rem}.note-alt.svelte-1vbj1vs.svelte-1vbj1vs{font-size:.7rem;color:var(--muted-strong);line-height:1;margin-top:2px}.note-button.active.svelte-1vbj1vs .note-name.svelte-1vbj1vs{color:var(--accent)}.note-button.active.svelte-1vbj1vs .note-alt.svelte-1vbj1vs{color:var(--accent-hover)}.hint-text.svelte-1vbj1vs.svelte-1vbj1vs{margin-top:24px;font-size:.875rem;color:var(--muted-strong);text-align:center}.ios-note.svelte-1vbj1vs.svelte-1vbj1vs{margin-top:8px;font-size:.75rem;color:var(--muted-strong);text-align:center}@media (max-width: 400px){.pitch-pipe.svelte-1vbj1vs.svelte-1vbj1vs{max-width:320px}.note-button.svelte-1vbj1vs.svelte-1vbj1vs{width:56px;height:56px}.note-button.sharp.svelte-1vbj1vs.svelte-1vbj1vs{width:50px;height:50px}.note-name.svelte-1vbj1vs.svelte-1vbj1vs{font-size:1rem}.note-button.sharp.svelte-1vbj1vs .note-name.svelte-1vbj1vs{font-size:.875rem}}@media (max-width: 340px){.pitch-pipe.svelte-1vbj1vs.svelte-1vbj1vs{max-width:280px}.note-button.svelte-1vbj1vs.svelte-1vbj1vs{width:48px;height:48px}.note-button.sharp.svelte-1vbj1vs.svelte-1vbj1vs{width:44px;height:44px}.note-name.svelte-1vbj1vs.svelte-1vbj1vs{font-size:.875rem}.note-button.sharp.svelte-1vbj1vs .note-name.svelte-1vbj1vs{font-size:.75rem}}