:root{color-scheme:light;font-family:Avenir Next,IBM Plex Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf1ef;color:#161a1d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#ffffffeb,#fff0 28%),linear-gradient(180deg,#f7f9f8,#edf1ef 42%,#e7ece9)}button{font:inherit;cursor:pointer}#app{min-height:100vh}.app-shell{--bg: #edf1ef;--bg-shell: rgba(255, 255, 255, .48);--bg-panel: rgba(255, 255, 255, .84);--bg-panel-strong: rgba(255, 255, 255, .94);--control-shell: rgba(236, 240, 238, .9);--control-surface: rgba(250, 252, 251, .96);--control-selected-start: rgba(231, 235, 233, .98);--control-selected-end: rgba(221, 226, 223, .94);--control-shadow: 0 0 0 rgba(0, 0, 0, 0);--panel-shadow: 0 0 0 rgba(0, 0, 0, 0);--control-contrast: #161a1d;--text: #161a1d;--muted: #6c7476;--border: rgba(27, 34, 35, .1);--border-strong: rgba(27, 34, 35, .16);--shadow: 0 20px 40px rgba(53, 67, 65, .08);--string: #7d8586;--string-shadow: rgba(93, 125, 134, .14);--track: rgba(28, 37, 37, .08);--active: #5d7d86;--accent: #ab8a59;--danger: #98685d;min-height:100vh;display:grid;grid-template-rows:auto auto minmax(320px,1fr) auto auto;gap:28px;padding:22px 18px 28px;background:linear-gradient(180deg,#ffffff61,#fff0 26%),var(--bg);color:var(--text)}.app-shell[data-theme=dark]{color-scheme:dark;--bg: #141816;--bg-shell: rgba(32, 38, 35, .72);--bg-panel: rgba(29, 35, 33, .88);--bg-panel-strong: rgba(35, 42, 39, .95);--control-shell: rgba(36, 42, 39, .88);--control-surface: rgba(40, 47, 43, .96);--control-selected-start: rgba(218, 223, 220, .92);--control-selected-end: rgba(194, 201, 197, .86);--control-shadow: 0 0 0 rgba(0, 0, 0, 0);--panel-shadow: 0 0 0 rgba(0, 0, 0, 0);--control-contrast: #191d1b;--text: #f2efe6;--muted: #98a39e;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--shadow: 0 22px 44px rgba(0, 0, 0, .28);--string: #76807a;--string-shadow: rgba(140, 171, 178, .2);--track: rgba(255, 255, 255, .08);--active: #8cabb2;--accent: #c2a06c;--danger: #c18a7b;background:radial-gradient(circle at top,#323b379e,#14181600 26%),linear-gradient(180deg,#1a201d,#141816 38%,#111512)}.control-bar,.note-lockup,.performance-stack,.control-deck,.status-footer{width:min(100%,1280px);margin:0 auto}.control-bar{display:grid;gap:18px}.brand-lockup{display:grid;gap:12px}.brand-lockup h1,.brand-lockup p,.note-lockup p,.pitch-caption,.info-copy,.info-label,.info-value{margin:0}.brand-lockup h1{font-size:clamp(2.1rem,4vw,3.2rem);line-height:.94;letter-spacing:-.045em}.instrument-label,.info-label{color:var(--muted);font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.toolbar{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.control-cluster{display:grid;gap:8px}.toolbar-cluster{justify-items:end}.theme-control{position:relative;display:flex;align-items:flex-end;margin-left:4px;padding-left:18px}.theme-control:before{content:"";position:absolute;left:0;bottom:7px;width:1px;height:20px;background:var(--border-strong)}.control-label{margin:0;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.segmented-group{display:inline-flex;flex-wrap:wrap;gap:18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.segmented-group button,.theme-button{min-height:34px;border:0;border-radius:0;background:transparent;color:var(--text);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.segmented-group button:hover,.theme-button:hover,.panel-action:hover:not(:disabled){transform:translateY(-1px)}.segmented-group button{min-height:0;padding:0 0 7px;border:0;border-radius:0;border-bottom:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--text) 76%,var(--muted));font-size:.98rem;font-weight:700;letter-spacing:.02em}.segmented-group button:hover,.segmented-group button:focus-visible{border-bottom-color:color-mix(in srgb,var(--text) 18%,transparent);background:transparent;color:var(--text)}.segmented-group button[aria-pressed=true]{border-bottom-color:var(--active);background:transparent;color:var(--text);box-shadow:none}.theme-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:32px;padding:0 10px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--text) 72%,var(--muted));box-shadow:none;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.theme-button:hover,.theme-button:focus-visible{color:var(--text);background:color-mix(in srgb,var(--control-shell) 58%,transparent)}.theme-button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--active) 32%,transparent)}.segmented-group-instrument{gap:22px}.segmented-group-instrument button{font-size:1rem}.segmented-group-mode{gap:16px}.segmented-group-mode button{font-size:.88rem;letter-spacing:.12em;text-transform:uppercase}.note-lockup{display:grid;gap:10px;justify-items:center;padding:6px 0 4px;text-align:center}.instrument-label{letter-spacing:.12em}.current-note{font-size:clamp(5rem,16vw,9.6rem);font-weight:800;line-height:.82;letter-spacing:-.07em}.status-copy{min-height:1.4em;color:var(--muted);font-size:1.02rem;font-weight:700}.status-copy[data-status=in-tune]{color:var(--active)}.status-copy[data-status=tune-up],.status-copy[data-status=tune-down]{color:var(--accent)}.status-copy[data-status=mic-blocked]{color:var(--danger)}.performance-stack{display:grid;gap:24px}.string-field{display:grid;grid-template-columns:repeat(var(--string-count, 6),minmax(48px,1fr));gap:clamp(12px,2.6vw,34px);align-items:stretch;width:min(100%,980px);margin:0 auto}.string-button{appearance:none;display:grid;grid-template-rows:auto 1fr;gap:16px;justify-items:center;min-width:0;min-height:100%;padding:0;border:0;background:transparent;color:var(--text)}.string-button:focus{outline:none}.string-button:focus-visible .string-note{outline:none;box-shadow:inset 0 -2px 0 var(--accent)}.string-note{display:grid;place-items:center;min-width:34px;min-height:0;padding:0 2px 7px;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:0;background:transparent;box-shadow:none;font-size:1.2rem;font-weight:700;letter-spacing:.04em}.string-line{width:2px;min-height:clamp(260px,34vw,340px);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.72),var(--string) 18%,#596263 100%);box-shadow:0 0 0 1px #ffffff24,inset 0 0 0 1px #0000000d}.app-shell[data-theme=dark] .string-line{background:linear-gradient(180deg,#ffffff61,#8b948f 22%,#57605c)}.string-button[data-active=true] .string-note{border-color:var(--active);color:var(--active)}.string-button[data-active=true] .string-line{width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--active) 38%,white),var(--active));box-shadow:0 0 0 1px color-mix(in srgb,var(--active) 22%,transparent),0 0 16px var(--string-shadow)}.pitch-meter{display:grid;gap:12px;width:min(100%,760px);margin:0 auto;padding:0 8px}.pitch-scale{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pitch-scale span:nth-child(2){justify-self:center}.pitch-scale span:last-child{justify-self:end}.pitch-track{position:relative;min-height:24px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.pitch-track-glow{position:absolute;top:50%;left:0;right:0;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,color-mix(in srgb,var(--text) 8%,transparent),color-mix(in srgb,var(--text) 2%,transparent) 22%,color-mix(in srgb,var(--active) 8%,transparent),color-mix(in srgb,var(--text) 2%,transparent) 78%,color-mix(in srgb,var(--text) 8%,transparent))}.pitch-track-center{position:absolute;top:3px;bottom:3px;left:50%;width:1px;border-radius:0;transform:translate(-50%);background:color-mix(in srgb,var(--active) 64%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--active) 14%,transparent)}.pitch-marker{position:absolute;top:4px;bottom:4px;left:var(--pitch-position, 50%);width:6px;border:0;border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel-strong) 82%,white),color-mix(in srgb,var(--active) 38%,var(--control-shell)));box-shadow:0 0 14px color-mix(in srgb,var(--active) 14%,transparent);transform:translate(-50%);transition:left .14s ease-out}.pitch-track[data-has-signal=false] .pitch-marker{background:color-mix(in srgb,var(--control-shell) 82%,var(--bg-panel-strong));box-shadow:none;opacity:.72}.pitch-caption{min-height:1.4em;color:var(--muted);font-size:.98rem;font-weight:600;text-align:center}.control-deck{display:grid;gap:0;padding-top:18px;border-top:1px solid var(--border-strong)}.info-card{display:grid;gap:12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.info-card-header{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.info-value{color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.info-pill{display:inline-flex;align-items:center;min-height:0;padding:0 0 3px;border:0;border-bottom:1px solid var(--border-strong);border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}.info-copy{color:var(--muted);font-size:.95rem;line-height:1.55}.panel-action{width:auto;max-width:100%;min-width:148px;min-height:34px;justify-self:start;padding:0 14px;border:1px solid var(--border-strong);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--control-selected-start) 72%,transparent),color-mix(in srgb,var(--control-selected-end) 58%,transparent));color:color-mix(in srgb,var(--control-contrast) 92%,var(--muted));font-size:.86rem;font-weight:700;box-shadow:none;letter-spacing:.08em;text-transform:uppercase}.panel-action:disabled{cursor:default;transform:none;opacity:.56}.segmented-group-inline{width:100%;gap:24px}.segmented-group-inline button{width:auto}.status-footer{min-height:52px;display:grid;place-items:center;padding-bottom:6px;color:var(--muted);font-size:.98rem;font-weight:600;text-align:center}@media(min-width:760px){.app-shell{gap:34px;padding:28px 28px 34px}.control-bar{grid-template-columns:minmax(0,1fr) auto;align-items:start}.toolbar{justify-content:end}.control-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.info-card+.info-card{padding-left:28px;border-left:1px solid var(--border)}}@media(max-width:759px){.segmented-group,.toolbar{gap:14px}.toolbar-cluster{justify-items:start}.theme-control{margin-left:0;padding-left:0}.theme-control:before{display:none}.segmented-group-instrument{gap:18px}.segmented-group-mode{gap:14px}.string-field{gap:10px}.string-note{min-width:28px;font-size:1rem}.string-line{min-height:210px}.pitch-scale{font-size:.72rem}.info-card-header{flex-direction:column}.segmented-group-inline{gap:18px}.info-card+.info-card{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}}