.label-overlay.svelte-1k5518f{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.key-label.svelte-1k5518f{transition:opacity .2s ease}.major-label.svelte-1k5518f,.minor-label.svelte-1k5518f{font-family:var(--font-ui);-webkit-user-select:none;user-select:none}.key-focus-target.svelte-1k5518f{position:absolute;width:52px;height:52px;transform:translate(-50%,-50%);background:transparent;border:none;border-radius:50%;cursor:pointer;outline:none}.key-focus-target.svelte-1k5518f:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px;background:#ffffff0d}.info-panel.svelte-fq3saw{position:fixed;right:0;top:0;height:100%;width:min(320px,100vw);background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.08);border-radius:var(--radius-panel) 0 0 var(--radius-panel);transform:translate(100%);transition:transform .3s cubic-bezier(.32,0,.15,1);overflow-y:auto;z-index:100;padding:24px 20px 32px}.info-panel.visible.svelte-fq3saw{transform:translate(0)}.close-btn.svelte-fq3saw{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-ui)}.close-btn.svelte-fq3saw:hover{background:#fff3}.panel-content.svelte-fq3saw{display:flex;flex-direction:column;gap:24px}.key-header.svelte-fq3saw{padding-bottom:16px;border-bottom:2px solid}.key-name.svelte-fq3saw{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px}.minor-name.svelte-fq3saw{font-size:.85rem;color:var(--text-muted);display:block}.enharmonic.svelte-fq3saw{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px}h3.svelte-fq3saw{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.scale-degrees.svelte-fq3saw{display:flex;gap:6px;flex-wrap:wrap}.degree.svelte-fq3saw{display:flex;flex-direction:column;align-items:center;background:#ffffff0f;border-radius:6px;padding:6px 8px;min-width:34px}.degree-num.svelte-fq3saw{font-size:.65rem;color:var(--text-muted)}.degree-note.svelte-fq3saw{font-size:.9rem;font-weight:500}.chord-list.svelte-fq3saw{display:flex;flex-direction:column;gap:8px}.chord-row.svelte-fq3saw{display:flex;align-items:center;gap:12px}.chord-name.svelte-fq3saw{font-size:.85rem;font-weight:700;width:24px;color:var(--text-muted)}.chord-notes.svelte-fq3saw{font-size:.85rem;color:var(--text-primary)}.neighbor-keys.svelte-fq3saw{display:flex;gap:12px}.neighbor.svelte-fq3saw{flex:1;background:#ffffff0d;border-radius:8px;padding:10px 12px}.neighbor-dir.svelte-fq3saw{display:block;font-size:.95rem;font-weight:600}.neighbor-label.svelte-fq3saw{display:block;font-size:.7rem;color:var(--text-muted);margin-top:2px}.control.svelte-1sqe4da{display:flex;align-items:center;gap:10px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 16px}.control-icon.svelte-1sqe4da{font-size:14px;color:var(--text-muted)}.control-value.svelte-1sqe4da{font-size:.75rem;color:var(--text-muted);min-width:48px;text-align:right}input[type=range].svelte-1sqe4da{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:#ffffff26;border-radius:2px;outline:none}input[type=range].svelte-1sqe4da::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px #ffffff80}input[type=range].svelte-1sqe4da::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;cursor:pointer}.control.svelte-1rppdgd{display:flex;align-items:center;gap:10px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 16px}.control-icon.svelte-1rppdgd{font-size:14px;color:var(--text-muted)}.control-value.svelte-1rppdgd{font-size:.75rem;color:var(--text-muted);min-width:52px;text-align:right}input[type=range].svelte-1rppdgd{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:#ffffff26;border-radius:2px;outline:none}input[type=range].svelte-1rppdgd::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px #ffffff80}input[type=range].svelte-1rppdgd::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;cursor:pointer}.app.svelte-1n46o8q{position:relative;width:100%;height:100svh;background:radial-gradient(ellipse at 50% 60%,#0d1a2e,#050a14 70%);overflow:hidden}.canvas-wrapper.svelte-1n46o8q{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none;cursor:crosshair}.main-canvas.svelte-1n46o8q{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hint.svelte-1n46o8q{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#ffffff12;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:10px 20px;font-size:.85rem;color:var(--text-muted);pointer-events:none;animation:svelte-1n46o8q-pulse-hint 2.5s ease-in-out infinite}.hint-icon.svelte-1n46o8q{font-size:1rem}@keyframes svelte-1n46o8q-pulse-hint{0%,to{opacity:.6}50%{opacity:1}}.controls.svelte-1n46o8q{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.title-bar.svelte-1n46o8q{position:absolute;top:20px;left:24px;pointer-events:none}.title-bar.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.1rem;font-weight:600;letter-spacing:.05em;color:var(--text-primary)}.title-bar.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:.7rem;color:var(--text-muted);margin-top:2px}:root{--bg-color: #050a14;--panel-bg: rgba(10, 18, 35, .92);--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .45);--accent-glow: 0 0 18px currentColor;--font-ui: "Inter", system-ui, sans-serif;--radius-panel: 12px;--transition-ui: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-color);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}button{font-family:inherit;cursor:pointer}input[type=range]{cursor:pointer}