html{background:#f6f5ef;color-scheme:light}.contact-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:12px;text-underline-offset:4px}.theme-control{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.theme-toggle{width:auto;min-height:44px;margin:0;padding:8px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:11px Segoe UI,Arial,sans-serif;cursor:pointer}.theme-toggle:focus-visible{outline:3px solid #c58a4b;outline-offset:4px}.theme-warning{max-width:240px;font:11px/1.5 Segoe UI,Arial,sans-serif}.theme-warning[hidden]{display:none}.masthead .theme-control{margin-left:auto}@media(max-width:760px){.masthead:has(.theme-control){height:auto;min-height:80px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:12px}}html[data-theme=dark]{--ink: #f3f0e9;--muted: #b6c6d0;--line: #46515c;--lime: #f2d477;--dark: #171c21;--theme-deep: #1c2025;--theme-surface: #272d33;--theme-tile: #35424d;--theme-accent: #f2d477;--theme-blue: #b9daeb;--theme-hover: #ffe9ae;--theme-border: #798e9a;--immersive-surface: #272d33;--immersive-muted: #e1e5eb;--immersive-tile: #35424d;--immersive-chrome: #171c21;color:var(--ink);background:var(--theme-deep);color-scheme:dark}[data-theme=dark] .brand-dot{color:var(--theme-accent)}[data-theme=dark] .local-badge,[data-theme=dark] .tonality-controls label,[data-theme=dark] .tonality-controls p,[data-theme=dark] .root-shape-caption,[data-theme=dark] .left-shape-guide h2,[data-theme=dark] .instrument-label,[data-theme=dark] .instrument-hint,[data-theme=dark] .slider-label,[data-theme=dark] .slider-label output,[data-theme=dark] .slider-endpoints,[data-theme=dark] .chord-display p,[data-theme=dark] .reading-label,[data-theme=dark] .hand-readings small,[data-theme=dark] .patch-label div>span,[data-theme=dark] .guide-step p,[data-theme=dark] .guide-step p strong,[data-theme=dark] .fine-print p,[data-theme=dark] footer,[data-theme=dark] .guide-heading>span,[data-theme=dark] .step-number,[data-theme=dark] .root-map small,[data-theme=dark] .tilt-demo span,[data-theme=dark] .voicing-map span{color:var(--muted)}[data-theme=dark] .tonality,[data-theme=dark] .sound-card{background:var(--theme-surface);border-color:var(--line)}[data-theme=dark] .tonality-controls select,[data-theme=dark] .instrument-label select{background:var(--theme-deep);border-color:var(--theme-border);color:var(--ink)}[data-theme=dark] .scale-mapping>span,[data-theme=dark] .voicing-shapes>li{background:var(--theme-tile);color:var(--theme-blue)}[data-theme=dark] .scale-mapping small{color:var(--muted)}[data-theme=dark] .scale-mapping .hand-shape,[data-theme=dark] .voicing-shapes .hand-shape{color:var(--theme-surface)}[data-theme=dark] .camera-card{color:var(--ink)}[data-theme=dark] .camera-stage{background:radial-gradient(ellipse at 50% 37%,#293943 0,#20282f 40%,#171c21 75%)}[data-theme=dark] .mode-switch{background:var(--theme-deep)}[data-theme=dark] .mode-button{color:var(--muted)}[data-theme=dark] .mode-button.selected{color:var(--theme-blue);background:var(--theme-tile)}[data-theme=dark] .live-status,[data-theme=dark] .camera-empty p,[data-theme=dark] .permission-note,[data-theme=dark] .tracking-bar,[data-theme=dark] .audition-heading p,[data-theme=dark] .audition-heading .eyebrow,[data-theme=dark] .manual-note,[data-theme=dark] legend{color:var(--muted)}[data-theme=dark] .live-status i{background:var(--muted)}[data-theme=dark] .live-status.live i{background:var(--theme-accent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent) 25%,transparent)}[data-theme=dark] .hand-art{color:var(--theme-blue)}[data-theme=dark] .button.primary{background:var(--theme-accent);color:var(--theme-deep)}[data-theme=dark] .button.primary:hover{background:var(--theme-hover)}[data-theme=dark] .frame-corner{border-color:color-mix(in srgb,var(--theme-blue) 25%,transparent)}[data-theme=dark] .preview-tag{background:color-mix(in srgb,var(--theme-deep) 90%,transparent)}[data-theme=dark] .tracking-dot{border-color:var(--theme-blue)}[data-theme=dark] .tracking-dot.active{background:var(--theme-accent);border-color:var(--theme-accent)}[data-theme=dark] .stop-button{color:var(--ink)}[data-theme=dark] .sound-state{color:var(--muted);border-color:var(--theme-border)}[data-theme=dark] .sound-state.playing{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-deep)}[data-theme=dark] .note-chips span{color:var(--muted);border-color:var(--theme-border)}[data-theme=dark] .note-chips .note,[data-theme=dark] .patch-icon,[data-theme=dark] .root-map b,[data-theme=dark] .voicing-map b{background:var(--theme-tile);color:var(--theme-blue)}[data-theme=dark] .output-meter{color:var(--theme-blue)}[data-theme=dark] .output-segments i{border-color:var(--theme-blue)}[data-theme=dark] .output-segments i.lit{background:var(--theme-blue)}[data-theme=dark] .hand-readings,[data-theme=dark] .hand-readings>div+div{border-color:var(--line)}[data-theme=dark] .left-dot{background:var(--theme-blue)}[data-theme=dark] .right-dot{background:var(--theme-accent)}[data-theme=dark] .finger-indicators span{border-color:var(--theme-border);color:var(--muted)}[data-theme=dark] .finger-indicators span.extended{background:var(--theme-accent);border-color:var(--theme-hover);color:var(--theme-deep)}[data-theme=dark] .tilt-demo b{color:var(--theme-accent)}[data-theme=dark] input[type=range]{accent-color:var(--theme-blue)}[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{background:var(--theme-border)}[data-theme=dark] .root-button{background:var(--theme-surface);border-color:var(--theme-border);color:var(--ink)}[data-theme=dark] .root-button.selected{background:var(--theme-tile);border-color:var(--theme-blue);color:var(--theme-blue)}[data-theme=dark] .option-buttons button{color:var(--ink);border-color:var(--theme-border)}[data-theme=dark] .option-buttons button.selected{background:var(--theme-tile);color:var(--theme-blue);border-color:var(--theme-blue)}[data-theme=dark] .option-buttons span{color:var(--muted)}[data-theme=dark] .mute-button{background:var(--theme-tile);color:var(--ink)}[data-theme=dark] .scale-mapping>span.is-playing,[data-theme=dark] .voicing-shapes>li.is-playing,[data-theme=dark] #manual-roots button.is-playing,[data-theme=dark] #manual-voicing button.is-playing,[data-theme=dark] #manual-quality button.is-playing{background:var(--theme-accent);color:var(--theme-deep);box-shadow:inset 0 0 0 2px var(--theme-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}[data-theme=dark] .is-playing small,[data-theme=dark] #manual-quality button.is-playing span{color:var(--theme-deep)}[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] select:focus-visible,[data-theme=dark] input:focus-visible{outline-color:var(--theme-accent)}[data-theme=dark] .error-panel{background:var(--theme-surface);border-color:var(--theme-accent);color:var(--ink)}[data-theme=dark] .immersive-toolbar{border-color:var(--theme-border);color:var(--ink)}[data-theme=dark] .immersive-camera #camera-media{background:var(--theme-deep)}.brand.svg-wordmark{display:block;width:182px;height:68px;flex-shrink:0;font-size:0}.svg-wordmark>span{display:none}.svg-wordmark>img{display:block;width:100%;height:100%;object-fit:contain}.svg-wordmark>.wordmark-dark{display:none}[data-theme=dark] .svg-wordmark>.wordmark-light{display:none}[data-theme=dark] .svg-wordmark>.wordmark-dark{display:block}@media(max-width:760px){.brand.svg-wordmark{width:152px;height:57px}}