@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--graphite:#171b1c;--anthracite:#252b2c;--ivory:#f4f0e7;--copper:#c68c62;--turquoise:#52c6af;--stone:#a9ada9;--wood-light:#dcb893;--wood:#c68c62;--wood-dark:#9c6a45;--font-display:"Fraunces Variable", Georgia, "Times New Roman", serif;--font-ui:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-s:.5rem;--radius-m:1rem;--radius-l:1.5rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--text-s:.875rem;--text-m:1rem;--text-l:1.25rem;--text-xl:clamp(1.5rem, 1.2rem + 1.4vw, 2rem);--text-hero:clamp(2.5rem, 1.6rem + 4.2vw, 4.25rem);--tap-size:2.75rem;--content-width:68rem;--reading-width:42rem;--tabbar-height:4.25rem;--sidebar-width:15rem;--duration:.16s;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--graphite);--surface:var(--anthracite);--surface-raised:#2f3637;--text:var(--ivory);--text-muted:var(--stone);--border:#f4f0e71f;--control-border:#7b8280;--accent:var(--copper);--accent-text:var(--copper);--on-accent:var(--graphite);--ok:var(--turquoise);--ok-text:var(--turquoise);--focus:var(--turquoise);--shadow:0 1px 2px #00000040}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--ivory);--surface:#fbf9f4;--surface-raised:#ece6d8;--text:var(--graphite);--text-muted:#565c59;--border:#171b1c24;--control-border:#7e827e;--accent-text:#8a5530;--ok-text:#1b6f5e;--focus:#1b6f5e;--shadow:0 1px 2px #171b1c14}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--ivory);--surface:#fbf9f4;--surface-raised:#ece6d8;--text:var(--graphite);--text-muted:#565c59;--border:#171b1c24;--control-border:#7e827e;--accent-text:#8a5530;--ok-text:#1b6f5e;--focus:#1b6f5e;--shadow:0 1px 2px #171b1c14}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--text-m);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}h1{font-size:var(--text-hero)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l)}p{text-wrap:pretty;margin:0}a{color:var(--accent-text);text-underline-offset:.2em}img,svg{max-width:100%;display:block}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);background:var(--accent);color:var(--on-accent);font-weight:600;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-4)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{width:100%;max-width:var(--content-width);padding-inline:max(var(--space-4), env(safe-area-inset-left)) max(var(--space-4), env(safe-area-inset-right));margin-inline:auto}.container--reading{max-width:var(--reading-width)}.stack>*+*{margin-top:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-size);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration), border-color var(--duration);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:color-mix(in srgb, var(--accent) 88%, white)}.btn--ghost{border-color:var(--control-border);color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface)}.btn--large{min-height:3.5rem;padding-inline:var(--space-6);font-size:var(--text-l)}.card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow)}.eyebrow{color:var(--accent-text);font-size:var(--text-s);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.muted{color:var(--text-muted)}.notice{padding:var(--space-4);border:1px dashed var(--accent-text);border-radius:var(--radius-m);background:var(--surface);color:var(--text)}.icon{flex:none;width:1.5rem;height:1.5rem}.logo{min-height:var(--tap-size);align-items:center;gap:var(--space-3);color:var(--text);font-family:var(--font-display);font-size:var(--text-l);font-weight:700;text-decoration:none;display:inline-flex}.logo__mark{width:2rem;height:2rem}.logo__body{fill:var(--accent)}.logo__string{stroke:var(--bg)}.logo__dot{fill:var(--ok)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-weight:600}.select{min-height:var(--tap-size);padding:var(--space-2) var(--space-4);border:1px solid var(--control-border);border-radius:var(--radius-m);background:var(--surface-raised)}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--control-border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segmented__option{min-height:var(--tap-size);padding-inline:var(--space-3);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration);background:0 0;border:0}.segmented__option[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.site{flex-direction:column;min-height:100dvh;display:flex}.site__header{z-index:10;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.site__header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4rem;display:flex}.site__nav{align-items:center;gap:var(--space-5);display:none}.site__nav a{color:var(--text-muted);text-decoration:none}.site__nav a:hover,.site__nav a[aria-current=page]{color:var(--text)}.site__main{padding-block:var(--space-7);flex:1}.site__footer{padding-block:var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-s)}.site__footer-inner{gap:var(--space-5);flex-direction:column;display:flex}.site__footer ul{gap:0 var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site__footer a{min-height:var(--tap-size);color:var(--text-muted);align-items:center;display:inline-flex}@media (width>=700px){.site__nav{display:flex}.site__footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.hero{gap:var(--space-5);padding-block:var(--space-6) var(--space-7);justify-items:start;display:grid}.hero__lead{max-width:36rem;color:var(--text-muted);font-size:var(--text-l)}.section{padding-block:var(--space-7);border-top:1px solid var(--border)}.section>.container>*+*{margin-top:var(--space-5)}.grid{gap:var(--space-4);display:grid}@media (width>=700px){.grid--3{grid-template-columns:repeat(3,1fr)}}.tool-card{gap:var(--space-3);color:var(--text);transition:border-color var(--duration);flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent)}.tool-card .icon{width:2rem;height:2rem;color:var(--accent-text)}.steps{gap:var(--space-4);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);width:2.25rem;height:2.25rem;margin-bottom:var(--space-3);background:var(--surface-raised);color:var(--accent-text);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid}@media (width>=700px){.steps{grid-template-columns:repeat(3,1fr)}}.faq details{border-bottom:1px solid var(--border)}.faq summary{min-height:var(--tap-size);padding-block:var(--space-3);cursor:pointer;font-weight:600}.faq details p{padding-bottom:var(--space-4);color:var(--text-muted)}.social{gap:var(--space-3);flex-wrap:wrap;display:flex}.tools{min-height:100dvh}.tools__main{padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) calc(var(--tabbar-height) + var(--space-6) + env(safe-area-inset-bottom));max-width:48rem;margin-inline:auto}.tools__sidebar{display:none}.tabbar{z-index:20;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.tabbar a{border-radius:var(--radius-m);min-height:3.25rem;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tabbar a[aria-current=page]{background:var(--surface-raised);color:var(--accent-text)}@media (width>=900px){.tabbar{display:none}.tools__sidebar{gap:var(--space-6);width:var(--sidebar-width);padding:var(--space-5) var(--space-4);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.tools__sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.tools__sidebar nav a{align-items:center;gap:var(--space-3);min-height:var(--tap-size);padding-inline:var(--space-3);border-radius:var(--radius-m);color:var(--text-muted);font-weight:600;text-decoration:none;display:flex}.tools__sidebar nav a:hover{color:var(--text)}.tools__sidebar nav a[aria-current=page]{background:var(--surface-raised);color:var(--accent-text)}.tools__main{margin-left:var(--sidebar-width);max-width:none;padding:var(--space-7) var(--space-6)}.tools__content{max-width:44rem;margin-inline:auto}}.page-head{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.page-head h1{font-size:var(--text-xl)}.settings-list{gap:var(--space-5);display:grid}.hero{grid-template-columns:1fr}.hero__text{gap:var(--space-5);justify-items:start;display:grid}.hero-art{width:100%;max-width:24rem}@media (width>=800px){.hero{align-items:center;gap:var(--space-7);grid-template-columns:1.2fr 1fr}.hero-art{justify-self:end}}.home-groups{gap:var(--space-6);display:grid}.home-group__title{margin-bottom:var(--space-3);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-s);letter-spacing:.08em;text-transform:uppercase;font-weight:600}@media (width>=700px){.grid--2{grid-template-columns:repeat(2,1fr)}}.tool-card{align-items:center;gap:0 var(--space-4);padding-block:var(--space-4);grid-template-columns:auto 1fr;display:grid}.tool-card .icon{grid-row:span 2}.tool-card h3{font-size:var(--text-l)}.tools__topbar{z-index:10;min-height:3.5rem;padding:env(safe-area-inset-top) var(--space-4) 0;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-link{width:var(--tap-size);height:var(--tap-size);color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.topbar-link:hover,.topbar-link:focus-visible{color:var(--text)}.tools__main{padding-top:var(--space-5)}.sidebar-group+.sidebar-group{margin-top:var(--space-4)}.sidebar-group__title{margin:0 0 var(--space-1);padding-inline:var(--space-3);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}@media (width>=900px){.tools__topbar{display:none}.tools__main{padding-top:var(--space-7)}.sidebar-group--bottom{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:auto}.tools__sidebar nav{flex:1}}.num{font-variant-numeric:tabular-nums}.note-label{font-family:var(--font-display);white-space:nowrap;font-weight:700}.note-label sub{font-family:var(--font-ui);opacity:.75;font-size:.6em;font-weight:600}.tools__content>*+*{margin-top:var(--space-5)}.section-title{font-size:var(--text-l)}.safety{font-size:var(--text-s)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--round{width:3.25rem;height:3.25rem;padding:0;font-size:1.5rem;line-height:1}input.select{width:100%}.setup-chip{width:100%;min-height:var(--tap-size);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);text-align:left;cursor:pointer;gap:2px;display:grid}.setup-chip__main{font-weight:700}.setup-chip__edit{color:var(--accent-text);font-size:var(--text-s);font-weight:600}.tuner-display{gap:var(--space-4);display:grid}.status{align-items:flex-start;gap:var(--space-3);margin:0;display:flex}.status__dot{background:var(--text-muted);border-radius:50%;flex:none;width:.75rem;height:.75rem;margin-top:.45rem}.status[data-status=listening] .status__dot{background:var(--ok-text)}.status[data-status=requesting] .status__dot,.status[data-status=no-signal] .status__dot{background:var(--accent)}.status[data-status=error] .status__dot{background:#e5645a}.meter{gap:var(--space-2);display:grid}.meter__scale{border-radius:var(--radius-m);background:var(--surface-raised);height:4.5rem;position:relative;overflow:hidden}.meter__tick{background:var(--border);width:2px;height:28%;margin-left:-1px;position:absolute;bottom:0}.meter__tick--center{background:var(--text-muted);height:100%}.meter__zone{background:color-mix(in srgb, var(--ok) 22%, transparent);position:absolute;top:0;bottom:0}.meter__needle{background:var(--accent-text);width:6px;transition:left var(--duration);border-radius:3px;margin-left:-3px;position:absolute;top:.5rem;bottom:.5rem}.meter[data-state=in-tune] .meter__needle{background:var(--ok-text)}.meter__ends{color:var(--text-muted);font-size:var(--text-s);justify-content:space-between;display:flex}.guidance{min-height:1.5rem;font-family:var(--font-display);font-size:var(--text-l);text-align:center;margin:0;font-weight:600}.readout{gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.diag__rows{gap:var(--space-1);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--text-s);margin:0;display:grid}.diag__rows>div{justify-content:space-between;gap:var(--space-3);display:flex}.diag__rows dt{color:var(--text-muted)}.diag__rows dd{text-align:right;overflow-wrap:anywhere;margin:0}.diag__verdict{font-weight:600}.diag__meter{height:var(--space-5);margin-block:var(--space-3) var(--space-1);border:1px solid var(--control-border);border-radius:var(--radius-s);background:var(--surface-raised);position:relative;overflow:hidden}.diag__meter-bar{background:var(--text-muted);height:100%;transition:width var(--duration) linear}.diag__meter-bar[data-over=true]{background:var(--ok)}.diag__meter-hold,.diag__meter-threshold{background:var(--text);position:absolute;top:0;bottom:0}.diag__meter-hold{opacity:.6;width:2px}.diag__meter-threshold{background:var(--accent);width:3px}.diag__meter-scale{font-size:var(--text-s);justify-content:space-between;margin:0;display:flex}.readout[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.readout dt{color:var(--text-muted);font-size:var(--text-s)}.readout dd{gap:var(--space-1);margin:0;display:grid}.readout__value{font-size:var(--text-l);font-weight:600;line-height:1.2;display:grid}.readout__value small{font-size:var(--text-s);font-weight:500}.headstock{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-l);background:repeating-linear-gradient(95deg, #171b1c0d 0 2px, transparent 2px 9px), linear-gradient(135deg, var(--wood-light), var(--wood) 55%, var(--wood-dark));color:var(--graphite);display:flex}.course{align-content:start;justify-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2);border-radius:var(--radius-m);color:inherit;font:inherit;background:#171b1c24;border:2px solid #0000;flex:1;display:grid}button.course{cursor:pointer;min-height:9.5rem;transition:background-color var(--duration), border-color var(--duration)}button.course[aria-pressed=true]{border-color:var(--turquoise);background:var(--graphite);color:var(--ivory)}.course__title{letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.course__pegs{gap:var(--space-2);flex-direction:column;display:flex}.peg{width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 3px var(--wood-light);background:currentColor;border-radius:50%}button.course[aria-pressed=true] .peg{box-shadow:inset 0 0 0 3px var(--graphite)}.course__notes{font-size:var(--text-l);justify-items:center;gap:2px;display:grid}.controls{gap:var(--space-3);display:grid}.controls__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.controls__row .btn--large{flex:12rem}.sheet{border:1px solid var(--border);border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--bg);width:100%;max-width:34rem;max-height:88dvh;color:var(--text);margin:auto auto 0;padding:0;overflow-y:auto}.sheet::backdrop{background:#0000008c}.sheet__panel{gap:var(--space-5);padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));display:grid}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@media (width>=700px){.sheet{border-radius:var(--radius-l);margin:auto}}.tempo{gap:var(--space-4);text-align:center;justify-items:center;display:grid}.tempo__value{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);margin:0;font-weight:700;display:flex}.tempo__value .num{font-size:clamp(4rem,22vw,6rem);line-height:1}.tempo__unit{color:var(--text-muted);font-size:var(--text-xl)}.tempo__term{font-family:var(--font-display);font-style:italic;font-size:var(--text-l);margin:0}.tempo__controls{align-items:center;gap:var(--space-3);width:100%;display:flex}.tempo__row{align-items:flex-end;gap:var(--space-4);text-align:left;width:100%;display:flex}.tempo-input{flex:1}.field>.slider{flex:none}.slider{width:100%;height:var(--tap-size);accent-color:var(--accent);cursor:pointer;flex:1}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-width:3.5rem;min-height:var(--tap-size);padding:var(--space-2) var(--space-4);border:1px solid var(--control-border);border-radius:var(--radius-pill);background:var(--surface-raised);cursor:pointer;transition:background-color var(--duration);font-weight:600}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.beats{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;flex-wrap:wrap;margin:0;list-style:none;display:flex}.beat{background:var(--surface-raised);border:2px solid var(--control-border);border-radius:50%;width:1.5rem;height:1.5rem;transition:background-color 60ms}.beat[data-level=strong]{border-color:var(--accent);width:2.25rem;height:2.25rem}.beat[data-level=group]{border-color:var(--text-muted);width:1.875rem;height:1.875rem}.beat[data-group-start=true]{margin-left:var(--space-3)}.beat[data-active=true]{background:var(--ok-text);border-color:var(--ok-text)}.freq-table{border-collapse:collapse;width:100%}.freq-table caption{padding-bottom:var(--space-2);text-align:left;font-size:var(--text-s)}.freq-table th,.freq-table td{padding:var(--space-2) var(--space-2) var(--space-2) 0;border-top:1px solid var(--border);text-align:left;vertical-align:top}.freq-table thead th{color:var(--text-muted);font-size:var(--text-s);font-weight:600}.freq{margin-right:var(--space-4);display:inline-grid}.hero-art__panel{fill:var(--surface);stroke:var(--border)}.hero-art__wood{fill:var(--wood);opacity:.9}.hero-art__tick{stroke:var(--text-muted);stroke-width:2px;stroke-linecap:round}.hero-art__tick--center{stroke:var(--text)}.hero-art__zone{fill:var(--ok);opacity:.2}.hero-art__needle{stroke:var(--ok);stroke-width:5px;stroke-linecap:round}.hero-art__dot{fill:var(--ok)}.hero-art__string{stroke:var(--graphite);stroke-width:2px;stroke-linecap:round}.meter[data-state=locked] .meter__scale{background:color-mix(in srgb, var(--ok) 22%, var(--surface-raised))}.meter[data-state=locked] .meter__needle{background:var(--ok-text)}.tuner-display[data-locked=true]{border-color:var(--ok)}.guidance[data-in-tune=true]{color:var(--ok-text)}.stepper{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.stepper__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.btn--stop{color:var(--graphite);background:#e5645a}.btn--stop:hover{background:#e8776e}.chips--notes{grid-template-columns:repeat(4,1fr);display:grid}.chips--notes .chip{min-width:0;padding-inline:var(--space-2)}@media (width>=500px){.chips--notes{grid-template-columns:repeat(6,1fr)}}.result{gap:var(--space-2);text-align:center;border-color:var(--accent);display:grid}.result__note{font-family:var(--font-display);margin:0;font-size:clamp(3rem,18vw,4.5rem);font-weight:700;line-height:1.1}.compare summary{min-height:var(--tap-size);padding-block:var(--space-2);cursor:pointer;font-weight:600}.compare__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.compare__list li{gap:var(--space-1);display:grid}.compare__notes{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.compare__group{gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-raised);display:inline-flex}