@font-face{font-family:Ibarra Real Nova;src:url(/fonts/ibarra-semibold.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Ibarra Real Nova;src:url(/fonts/ibarra-semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Ibarra Real Nova;src:url(/fonts/ibarra-regular.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{color-scheme:dark;font-family:Ibarra Real Nova,Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-bg: #1c1c1c;--text-primary: #a8a8a8;--text-secondary: #7d7d7d;--text-strong: #f3f1ed;--surface-primary: #252525;--surface-hover: #2e2e2e;--surface-active: #a8a8a8;--card-active-bg: #a8a8a8;--card-active-text: #1c1c1c;--card-active-muted: rgba(28, 28, 28, .65);--card-chip-bg: rgba(28, 28, 28, .12);--card-chip-text: rgba(28, 28, 28, .76);--card-chip-selected-bg: #1c1c1c;--card-chip-selected-text: #f3f1ed;--card-grid-line: rgba(28, 28, 28, .38);--card-dot: #1c1c1c;--border-default: rgba(168, 168, 168, .2);--border-strong: rgba(168, 168, 168, .44);--note-fill: #d8d5ce;--note-ink: #1c1c1c;--function-good: #73e2a7;--function-ok: #ffd166;--function-weak: #ff7b7b;--home-bg: rgba(115, 226, 167, .27);--home-text: #d9ffea;--home-border: rgba(115, 226, 167, .58);--tension-bg: rgba(255, 123, 123, .29);--tension-text: #ffe0e0;--tension-border: rgba(255, 123, 123, .62);--header-bg: rgba(28, 28, 28, .9);--hint-bg: rgba(37, 37, 37, .94);--sequencer-accent: #00a6ff;--sequencer-accent-text: #ffffff;--font-body: clamp(.875rem, 1.25vw, 1.125rem);--font-bio: clamp(1.125rem, 1.55vw, 1.4375rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-card: .5rem;--radius-pill: 999px;--content-max: 90rem;--page-padding: 2.5rem;--transition-fast: .18s;--ease-default: cubic-bezier(.4, 0, .2, 1);background:var(--page-bg);color:var(--text-primary)}:root[data-theme=light]{color-scheme:light;--page-bg: #f7f5f0;--text-primary: #393633;--text-secondary: #716d67;--text-strong: #181614;--surface-primary: #ebe7e0;--surface-hover: #dfdad1;--surface-active: #25211e;--card-active-bg: #25211e;--card-active-text: #f7f5f0;--card-active-muted: rgba(247, 245, 240, .64);--card-chip-bg: #3a3530;--card-chip-text: #ece7df;--card-chip-selected-bg: #f7f5f0;--card-chip-selected-text: #25211e;--card-grid-line: rgba(247, 245, 240, .34);--card-dot: #f7f5f0;--border-default: rgba(57, 54, 51, .18);--border-strong: rgba(57, 54, 51, .42);--note-fill: #393633;--note-ink: #ffffff;--function-good: #168a50;--function-ok: #a96800;--function-weak: #cf3434;--home-bg: #d8f5e5;--home-text: #075c32;--home-border: #58ad7c;--tension-bg: #ffe0e0;--tension-text: #8f1f1f;--tension-border: #df7777;--header-bg: rgba(247, 245, 240, .94);--hint-bg: rgba(235, 231, 224, .96)}*{box-sizing:border-box}html{background:var(--page-bg);overflow-x:clip;scrollbar-gutter:stable}body{min-width:0;min-height:100vh;margin:0;overflow-x:clip;background:var(--page-bg);color:var(--text-primary);font-size:var(--font-body);line-height:1.5}body.paywall-locked{overflow:hidden}button,select,input{font:inherit}button,select,input[type=range]{cursor:pointer}button,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:1px solid currentColor;outline-offset:4px}.app{min-height:100vh;padding-bottom:var(--space-8)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--page-padding);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-heading{display:flex;align-items:center;gap:12px;min-width:0}.brand-heading img{display:block;width:56px;height:34px}.brand-logo{flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;transition:transform .12s var(--ease-default),opacity var(--transition-fast)}.brand-logo:active{transform:scale(.92)}.brand-heading h1{display:block;margin:0}.brand-toggle-stack{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.brand-heading h1{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5}.brand-heading h1 i{font-weight:400}.brand-heading h1 span,.brand-heading h1 i{white-space:nowrap}.brand-heading h1 a{color:inherit;text-decoration-color:var(--border-strong);text-decoration-thickness:1px;text-underline-offset:3px}.onboarding-toggle{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 0;border:0;background:transparent;color:var(--text-secondary);font-size:.75rem;line-height:1;transition:color var(--transition-fast)}.onboarding-toggle.active{color:var(--text-primary)}.onboarding-switch{position:relative;width:26px;height:14px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-primary);transition:background var(--transition-fast),border-color var(--transition-fast)}.onboarding-switch i{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--text-secondary);transition:transform var(--transition-fast),background var(--transition-fast)}.onboarding-toggle.active .onboarding-switch{border-color:var(--surface-active);background:var(--surface-active)}.onboarding-toggle.active .onboarding-switch i{background:var(--page-bg);transform:translate(12px)}.trial-timer-link{display:inline-flex;align-items:center;min-height:24px;padding:2px 0;border:0;background:transparent;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1;transition:color var(--transition-fast)}.app-footer{display:flex;justify-content:center;padding:var(--space-6) 0 var(--space-4)}.app-footer-link{text-decoration:none}.trial-timer-link:hover{color:var(--text-primary)}.theme-switch .theme-icon{position:absolute;top:50%;z-index:0;color:var(--text-secondary);transform:translateY(-50%);pointer-events:none}.theme-switch .theme-icon-sun{left:2px}.theme-switch .theme-icon-moon{right:2px}.settings-panel{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--page-padding) var(--space-4);display:grid;grid-template-rows:0fr;min-height:0;transition:grid-template-rows .26s var(--ease-default)}.settings-panel.is-open{grid-template-rows:1fr}.settings-panel>.control-grid{overflow:hidden}.control-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2);min-width:0}.key-control{flex:3 1 18rem}.scale-control{flex:1 1 8rem}.instrument-control{flex:1.4 1 10rem}.control-group{min-width:0;margin:0;padding:0;border:0}.control-group legend{display:flex;justify-content:space-between;width:100%;margin:0 0 5px;padding:0;color:var(--text-secondary);font-size:.75rem;line-height:1.25}.control-group legend span{font-style:italic}.sound-control{flex:1 1 7rem}.volume-control{display:grid;gap:5px;flex:1 1 7rem;align-content:start;min-width:0;color:var(--text-secondary);line-height:1.25}.volume-slider-track{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:3px;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-primary)}.volume-slider-fill{position:absolute;top:3px;bottom:3px;left:3px;z-index:0;border-radius:5px;background:var(--surface-active);transition:width var(--transition-fast);pointer-events:none}.volume-slider-value{position:relative;z-index:2;color:#fff;font-size:.8125rem;font-variant-numeric:tabular-nums;mix-blend-mode:difference;pointer-events:none}.control-grid output{color:var(--text-primary);font-variant-numeric:tabular-nums}.segmented-control{display:flex;gap:2px;min-width:0;min-height:40px;padding:3px;border-radius:var(--radius-card);background:var(--surface-primary)}.segmented-control button{flex:1 1 0;min-width:0;min-height:34px;padding:6px 9px;border:0;border-radius:5px;overflow:hidden;background:transparent;color:var(--text-primary);font-size:.8125rem;line-height:1;text-overflow:ellipsis;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.segmented-control button.active{background:var(--surface-active);color:var(--page-bg);box-shadow:0 1px 5px #00000029}.note-toggle{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.note-toggle button{padding-inline:2px;font-variant-numeric:tabular-nums}.sound-cycle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:6px 12px;border:0;border-radius:var(--radius-card);background:var(--surface-primary);color:var(--text-primary);font-size:.8125rem;transition:background var(--transition-fast),color var(--transition-fast)}.sound-cycle:hover{background:var(--surface-hover)}.sound-dot{flex:0 0 auto;width:7px;height:7px;border-radius:var(--radius-pill)}.sound-dot-velvet{background:#a58aac}.sound-dot-clean{background:#78ad8c}.sound-dot-air{background:#aaa}.volume-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.volume-slider::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:100%;background:transparent;border:0}.volume-slider::-moz-range-thumb{width:4px;height:100%;background:transparent;border:0}.volume-slider::-moz-range-track{background:transparent}.minimal-workspace{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--page-padding) var(--space-16)}.minimal-fretboard,.piano-keyboard{min-width:0;border-radius:var(--radius-card);background:var(--surface-primary);overflow:hidden}.piano-keyboard{margin-top:var(--space-2)}.piano-keyboard:first-child{margin-top:0}.instrument-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:11px 14px 9px;color:var(--text-primary);line-height:1.35}.instrument-heading span{font-weight:600}.instrument-heading small{color:var(--text-secondary);font-size:.8125rem}.fretboard-scroll,.piano-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.fretboard-canvas{min-width:70rem;padding:0 14px 14px}.fret-marker-row,.fretboard-grid{display:grid}.fret-marker{display:grid;place-items:center;height:18px}.fret-marker span{width:5px;height:5px;border-radius:var(--radius-pill);background:var(--text-secondary)}.fret-number{display:grid;width:100%;place-items:center;height:24px;border:0;border-radius:var(--radius-card);background:transparent;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;cursor:url(/capo-cursor.svg) 10 14,pointer;transition:background var(--transition-fast),color var(--transition-fast)}.fret-number:hover{background:var(--surface-hover);color:var(--text-primary)}.fret-number.capo-active{background:var(--card-active-bg);color:var(--card-active-text);font-weight:600}.string-name{display:grid;place-items:center;min-height:52px;border-right:1px solid var(--border-strong);color:var(--text-secondary);font-size:.8125rem;font-weight:600}.string-cell{position:relative;display:grid;place-items:center;min-height:52px;border-right:1px solid var(--border-default);background:linear-gradient(180deg,transparent 48.75%,rgba(168,168,168,.5) 49%,rgba(168,168,168,.5) 51%,transparent 51.25%)}.note-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--note-fill);border-radius:var(--radius-pill);background:var(--note-fill);color:var(--note-ink);font-size:.75rem;font-weight:600;line-height:1}.note-dot.root-note{width:36px;height:36px;border-radius:7px;background:var(--text-strong);box-shadow:0 0 0 3px var(--surface-primary),0 0 0 4px var(--text-strong)}.piano-scroll{padding:0 10px 10px}.piano-shell{position:relative;min-width:54rem;height:125px;border:1px solid var(--border-default);border-radius:7px;overflow:hidden;background:var(--page-bg)}.white-key-row{display:grid;grid-template-columns:repeat(29,minmax(0,1fr));height:100%}.piano-key{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;-webkit-user-select:none;user-select:none}.white-key{height:100%;padding-bottom:8px;border-right:1px solid #77736d;background:#d8d5ce;color:var(--note-ink)}.white-key:last-child{border-right:0}.black-key-row{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.black-key{position:absolute;top:0;width:calc(100% / 29 * .66);height:61%;padding-bottom:7px;border-radius:0 0 5px 5px;background:#191919;color:var(--text-strong)}.piano-key span{position:relative;z-index:1;display:grid;place-items:center;min-width:24px;height:24px;border-radius:var(--radius-pill);background:var(--note-fill);color:var(--note-ink);font-size:.6875rem;font-weight:600}.piano-key.active{background:#aaa69e}.black-key.active{background:#66635e}.piano-key.active span{background:var(--page-bg);color:var(--text-strong)}.piano-key.root-key span{border-radius:5px;box-shadow:0 0 0 2px currentColor}.chord-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);min-width:0;margin-top:var(--space-8)}.strip-chord{position:relative;display:grid;grid-template-rows:1fr auto;gap:var(--space-2);min-width:0;min-height:112px;padding:12px;border:1px solid transparent;border-radius:var(--radius-card);overflow:hidden;background:var(--surface-primary);color:var(--text-primary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.strip-chord.active{border-color:var(--card-active-bg);background:var(--card-active-bg);color:var(--card-active-text)}.relation-dot{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--text-secondary);box-shadow:0 0 0 2px var(--surface-primary);z-index:3;pointer-events:none}.relation-dot.good{background:var(--function-good)}.relation-dot.ok{background:var(--function-ok)}.relation-dot.weak{background:var(--function-weak)}.relation-dot.neutral{opacity:.45}.strip-chord.active .relation-dot{box-shadow:0 0 0 2px var(--page-bg)}.strip-main{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;align-content:center;justify-items:start;gap:1px;min-width:0;width:100%;min-height:100%;padding:12px 12px 46px;border:0;background:transparent;color:inherit;text-align:left}.strip-main:focus-visible{outline-offset:-4px}.strip-main span{color:var(--text-secondary);font-size:.75rem;font-weight:400}.strip-main strong{max-width:100%;overflow:hidden;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.strip-chord.active .strip-main span{color:var(--card-active-muted)}.variant-row{position:relative;z-index:2;grid-row:2;align-self:end;display:flex;align-items:center;gap:3px;width:100%;min-width:0;padding:2px 0;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none}.variant-row::-webkit-scrollbar,.position-strip::-webkit-scrollbar,.chord-strip::-webkit-scrollbar{display:none}.variant-chip{flex:0 0 auto;min-height:26px;padding:4px 7px;border:0;border-radius:6px;background:var(--surface-hover);color:var(--text-primary);font-size:.6875rem;line-height:1;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.strip-chord.active .variant-chip{background:var(--card-chip-bg);color:var(--card-chip-text)}.variant-chip.active,.strip-chord.active .variant-chip.active{background:var(--card-chip-selected-bg);color:var(--card-chip-selected-text)}.sequencer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.sequencer-icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--radius-pill);background:var(--surface-primary);color:var(--text-primary);transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.sequencer-icon-button.small{width:26px;height:26px}.sequencer-icon-button:hover:not(:disabled){background:var(--surface-hover)}.sequencer-icon-button:disabled{opacity:.4}.sequencer-icon-button.play.is-playing{background:var(--sequencer-accent);color:var(--sequencer-accent-text)}.sequencer-steps,.sequencer-bpm{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-primary);color:var(--text-primary);font-size:.75rem}.sequencer-steps,.sequencer-bpm{padding:3px}.sequencer-steps strong{min-width:1.1em;text-align:center;font-variant-numeric:tabular-nums}.sequencer-bpm label{display:flex;align-items:center;gap:4px;padding:0 2px}.sequencer-bpm input{width:2.6em;border:0;background:transparent;color:var(--text-primary);font-size:.8125rem;font-family:inherit;font-variant-numeric:tabular-nums;text-align:center}.sequencer-bpm input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.sequencer-preset{display:flex;align-items:center;gap:4px;height:34px;padding:3px;border-radius:var(--radius-pill);background:var(--surface-primary)}.sequencer-preset span{max-width:180px;padding:0 4px;overflow:hidden;color:var(--text-primary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.sequencer-preset-cta{height:34px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:var(--surface-primary);color:var(--text-primary);font-size:.75rem;transition:background var(--transition-fast),color var(--transition-fast)}.sequencer-preset-cta:hover{background:var(--surface-hover)}.sequencer-slots{display:flex;align-items:center;gap:4px;padding:3px;border-radius:var(--radius-pill);background:var(--surface-primary)}.sequencer-slot{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:.6875rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.sequencer-slot.filled{background:var(--sequencer-accent);color:var(--sequencer-accent-text);cursor:grab}.sequencer-slot.dragging{opacity:.4}.sequencer-slot:disabled{cursor:default}@keyframes sequencer-blink{0%,to{opacity:1}50%{opacity:.45}}.sequencer-slot.current{animation:sequencer-blink .6s ease-in-out infinite}.position-strip{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:var(--space-2);margin-top:var(--space-2);padding-bottom:4px;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none}.position-button{min-width:148px;height:108px;padding:10px;border:1px solid transparent;border-radius:var(--radius-card);background:var(--surface-primary);color:var(--text-primary);transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.position-button.active{border-color:var(--card-active-bg);background:var(--card-active-bg);color:var(--card-active-text)}.relationship-hint{position:sticky;bottom:12px;z-index:20;display:block;min-height:48px;max-width:48rem;margin:var(--space-5) auto 0;padding:16px 20px;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;background:#0a0a0a;color:#ffffffc7;font-size:.875rem;line-height:1.45;box-shadow:0 18px 40px #00000059;pointer-events:none;animation:hint-reveal var(--transition-fast) var(--ease-default)}.onboarding-copy{pointer-events:auto}.relationship-hint p{margin:0}.relationship-hint p+p{margin-top:8px}.relationship-reminder{color:#fff;font-style:italic}.onboarding-acknowledge{min-height:40px;margin-top:12px;padding:0 20px;border:0;border-radius:var(--radius-pill);background:#0071e3;color:#fff;font-size:.875rem;font-weight:500;line-height:1;transition:background var(--transition-fast)}.relationship-advice{display:flex;align-items:center;color:#fff}.relationship-hint mark{padding:1px 7px;border-radius:var(--radius-pill);color:inherit;font-weight:600}.home-word{border:1px solid var(--home-border);background:var(--home-bg);color:var(--home-text)!important}.tension-word{border:1px solid var(--tension-border);background:var(--tension-bg);color:var(--tension-text)!important}.indicator-word{font-weight:600}.indicator-word.good{color:var(--function-good)}.indicator-word.ok{color:var(--function-ok)}.indicator-word.weak{color:var(--function-weak)}@keyframes hint-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--space-6);background:#00000052;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:hint-reveal .24s var(--ease-default)}.paywall-hero{display:flex;max-width:30rem;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-8);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;background:#0a0a0a;box-shadow:0 24px 64px #00000080;text-align:center}@keyframes paywall-bounce{0%{transform:scale(1)}40%{transform:scale(.99)}70%{transform:scale(1.01)}to{transform:scale(1)}}.paywall-hero.paywall-bounce{animation:paywall-bounce .38s ease-out}.paywall-eyebrow{margin-bottom:var(--space-4);padding:3px 10px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-pill);color:#ffffff9e;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.paywall-emoji-badge{display:flex;width:56px;height:56px;align-items:center;justify-content:center;margin-bottom:var(--space-4);border-radius:50%;background:#ffffff0f;font-size:1.75rem;line-height:1;transition:background var(--transition-fast)}.paywall-hero h2{margin:0 0 var(--space-3);color:#fff;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.paywall-subtitle{margin:0 0 var(--space-6);color:#ffffffc7;font-size:clamp(1rem,2vw,1.125rem);line-height:1.4}.paywall-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.paywall-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:var(--radius-pill);font-size:1rem;font-weight:500;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast)}.paywall-cta:disabled,.paywall-cta[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.price-picker{display:flex;width:100%;gap:var(--space-2);margin-bottom:var(--space-4)}.price-option{flex:1;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:#ffffff0d;color:#ffffffc7;font-size:.9375rem;font-weight:500;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.price-option:hover{border-color:#ffffff47;background:#ffffff14}.price-option.active{border-color:#0071e3;background:#0071e3;color:#fff}.paywall-cta-primary{border:0;background:#0071e3;color:#fff}.paywall-cta-primary:hover{background:#0077ed}.paywall-cta-full{width:100%}.paywall-cta-secondary{border:1px solid #2997ff;background:transparent;color:#2997ff}.paywall-cta-secondary:hover{background:#2997ff1a}.paywall-cta-text{border:0;background:none;color:#ffffff80;font-size:.875rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast)}.paywall-cta-text:hover{color:#ffffffc7}.paywall-divider{display:flex;align-items:center;gap:var(--space-3);width:100%;margin:var(--space-6) 0 var(--space-4);color:#fff6;font-size:.8125rem}.paywall-divider:before,.paywall-divider:after{flex:1;height:1px;background:#ffffff24;content:""}.paywall-manual{display:flex;width:100%;flex-direction:column;gap:var(--space-3)}.paywall-alt-link{margin-top:var(--space-4);color:#ffffff80;font-size:.8125rem;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.paywall-alt-link:hover{color:#ffffffc7}.paywall-field{width:100%;text-align:left}.paywall-field-label{display:block;margin-bottom:6px;color:#ffffff80;font-size:.75rem;letter-spacing:.02em}.paywall-field-row{display:flex;align-items:center;gap:var(--space-2);padding:10px 10px 10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:.75rem;background:#ffffff0d;transition:border-color var(--transition-fast),background var(--transition-fast)}.paywall-field-row:hover{border-color:#ffffff47;background:#ffffff14}.paywall-field-value{flex:1;overflow:hidden;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1rem;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.paywall-field-copy{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:.5rem;background:#ffffff14;color:#ffffffb3;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.paywall-field-copy:hover{background:#ffffff29;color:#fff}.paywall-field-copy.copied{background:#34c7592e;color:#34c759}.telegram-message{display:flex;width:100%;align-items:flex-start;gap:10px;margin:var(--space-5) 0;text-align:left}.telegram-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;object-fit:cover}.telegram-message-body{display:flex;min-width:0;flex-direction:column;gap:4px}.telegram-sender{color:#ffffff80;font-size:.75rem;font-weight:600}.telegram-bubble{position:relative;padding:10px 46px 16px 12px;border-radius:.25rem .75rem .75rem;background:#202b38;color:#e9edf1;font-size:.875rem;line-height:1.4}.telegram-bubble-time{position:absolute;right:10px;bottom:6px;color:#e9edf173;font-size:.6875rem}.telegram-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2aabee}.telegram-cta:hover{background:#32b8ff}.voicing-mini{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:var(--space-2);width:100%;height:100%}.mini-start{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums}.position-button.active .mini-start{background:var(--card-chip-bg);color:var(--card-active-text)}.mini-grid{display:grid;grid-template-rows:repeat(6,1fr);height:68px;border-top:1px solid var(--border-default);border-left:1px solid var(--border-strong)}.mini-cell{position:relative;display:grid;place-items:center;min-width:16px;border-right:1px solid var(--border-strong);background:linear-gradient(180deg,transparent 46%,rgba(168,168,168,.4) 47%,rgba(168,168,168,.4) 53%,transparent 54%)}.position-button.active .mini-grid{border-color:var(--card-grid-line)}.position-button.active .mini-cell{border-right-color:var(--card-grid-line);background:linear-gradient(180deg,transparent 46%,var(--card-grid-line) 47%,var(--card-grid-line) 53%,transparent 54%)}.mini-cell i{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--note-fill)}.position-button.active .mini-cell i{background:var(--card-dot)}@media(hover:hover){.onboarding-toggle:hover{color:var(--text-strong)}.onboarding-acknowledge:hover{background:#0077ed}.segmented-control button:not(.active):hover{background:var(--surface-hover);color:var(--text-strong)}.strip-chord:not(.active):hover,.position-button:not(.active):hover{background:var(--surface-hover);transform:translateY(-2px)}.variant-chip:hover{color:var(--text-strong);opacity:1}.piano-keyboard:hover{background:var(--surface-hover)}}@media(max-width:63.999rem){:root{--page-padding: 2rem}}@media(max-width:67.999rem){.key-control{flex-basis:100%}.chord-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:39.999rem){:root{--page-padding: 1.25rem}.app{padding-bottom:0}.topbar{position:relative;align-items:flex-start;padding-top:var(--space-5);padding-bottom:var(--space-5);background:var(--page-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.brand-heading{width:100%;align-items:center;flex-wrap:wrap;row-gap:4px}.trial-timer-link{margin-left:auto}.brand-toggle-stack{width:100%}.control-grid{gap:var(--space-2)}.note-toggle{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.note-toggle::-webkit-scrollbar{display:none}.note-toggle button{flex:0 0 42px}.volume-slider{min-height:44px}.minimal-workspace{padding-top:var(--space-2);padding-bottom:var(--space-8)}.fretboard-canvas{min-width:70rem;padding-inline:12px}.piano-shell{min-width:54rem}.string-name,.string-cell{min-height:48px}.note-dot{width:32px;height:32px}.chord-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,15rem);gap:var(--space-2);margin-top:var(--space-5);padding-bottom:4px;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none}.strip-chord{min-height:108px}.strip-main strong{font-size:1.5rem}.position-strip{grid-auto-columns:min(74vw,16rem)}.position-button{min-width:0;height:124px}.voicing-mini{grid-template-columns:28px 1fr;gap:10px}.mini-start{width:28px;height:28px}.mini-grid{height:86px}.relationship-hint{bottom:8px;min-height:52px;margin-top:var(--space-4);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sequencer-toolbar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none}.sequencer-toolbar::-webkit-scrollbar{display:none}.sequencer-toolbar>*{flex:0 0 auto}.paywall-hero{padding:var(--space-8) var(--space-5)}.paywall-actions{flex-direction:column;width:100%}.paywall-cta{width:100%}.paywall-field-value{font-size:.9375rem}}@media(max-width:22rem){:root{--page-padding: 1rem}.control-grid>.control-group{flex-basis:100%}.chord-strip,.position-strip{grid-auto-columns:82vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}