/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.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}@layer theme{:root,:host{--font-sans:"Manrope Variable", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#f2f4f1;--color-muted:#9ca5a2;--color-lime:#a0ed19;--color-panel:#171b1c;--color-line:#323839;--color-cyan:#53d6dc;--color-amber:#f1b65b}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.min-h-dvh{min-height:100dvh}.w-10{width:calc(var(--spacing) * 10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-lime{border-color:var(--color-lime)}.border-lime\/35{border-color:#a0ed1959}@supports (color:color-mix(in lab, red, red)){.border-lime\/35{border-color:color-mix(in oklab, var(--color-lime) 35%, transparent)}}.border-line{border-color:var(--color-line)}.bg-panel\/55{background-color:#171b1c8c}@supports (color:color-mix(in lab, red, red)){.bg-panel\/55{background-color:color-mix(in oklab, var(--color-panel) 55%, transparent)}}.bg-panel\/60{background-color:#171b1c99}@supports (color:color-mix(in lab, red, red)){.bg-panel\/60{background-color:color-mix(in oklab, var(--color-panel) 60%, transparent)}}.bg-panel\/70{background-color:#171b1cb3}@supports (color:color-mix(in lab, red, red)){.bg-panel\/70{background-color:color-mix(in oklab, var(--color-panel) 70%, transparent)}}.p-1{padding:var(--spacing)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-cyan{color:var(--color-cyan)}.text-ink{color:var(--color-ink)}.text-lime{color:var(--color-lime)}.text-muted{color:var(--color-muted)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-lime{accent-color:var(--color-lime)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:text-lime:hover{color:var(--color-lime)}}}:root{font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090c0c}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:color .18s,border-color .18s,background-color .18s,box-shadow .18s}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-lime);outline-offset:4px}button:not(:disabled):active{translate:0 1px}.app-background{background-image:radial-gradient(430px 290px at 50% 80%,#36550d12,#0000),linear-gradient(#090c0c 2%,#0000 20% 87%,#090c0c 100%),linear-gradient(90deg,#090c0c,#0000 30% 70%,#090c0c),linear-gradient(#78928408 1px,#0000 1px),linear-gradient(90deg,#78928408 1px,#0000 1px);background-size:auto,auto,auto,24px 24px,24px 24px;background-attachment:fixed}.app-shell{max-width:460px;padding:max(14px, env(safe-area-inset-top)) 22px max(12px, env(safe-area-inset-bottom))}.app-header{height:44px;margin-bottom:8px}.icon-button{color:#e2e6e2;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{color:var(--color-lime);background:#ffffff0b}.brand-wave{margin-left:7px}.skip-link{z-index:10;background:var(--color-lime);color:#101608;border-radius:8px;padding:12px 20px;position:fixed;top:10px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:none}.pwa-help{padding:18px 16px}.pwa-help+.pwa-help{border-top:1px solid var(--color-line)}.pwa-help strong{font-size:13px;font-weight:600}.pwa-help p{color:var(--color-muted);margin:10px 0 0 36px;font-size:12px;line-height:1.6}.pwa-error{color:var(--color-amber);margin-top:12px;font-size:12px;line-height:1.6}.pwa-update{z-index:20;left:50%;bottom:max(16px, env(safe-area-inset-bottom));width:min(420px,100% - 28px);color:var(--color-ink);background:#141b15;border:1px solid #a0ed1960;border-radius:16px;padding:16px 48px 16px 18px;position:fixed;transform:translate(-50%);box-shadow:0 8px 40px #000a}.pwa-update strong{font-size:14px}.pwa-update p{color:var(--color-muted);margin-top:4px;font-size:12px}.pwa-action{background:var(--color-lime);color:#142100;border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:650;display:flex}.pwa-dismiss{position:absolute;top:5px;right:6px}.mode-tabs{height:41px}.mode-tab{width:50%;color:var(--color-muted);border-radius:8px;font-size:13px;font-weight:500}.mode-tab:hover{color:#fff}.mode-tab.active{color:#142100;background:linear-gradient(115deg,#90d816,#b0f724);font-weight:650;box-shadow:0 0 14px #a0ed1919}.mode-control{height:44px}.auto-mode{background:#111612b3;height:30px}.auto-mode:hover{border-color:var(--color-lime);background:#a0ed190b}.guitar-stage{--string-button-size:54px;height:clamp(278px,36dvh,340px);margin:0 -6px}.headstock-art{filter:brightness(.77)saturate(.68);width:auto;height:100%;position:absolute;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.string-controls{position:absolute;inset:0}.string-button{width:var(--string-button-size);height:var(--string-button-size);color:var(--color-ink);background:radial-gradient(circle at 50% 30%,#1b2120df,#0a0e0edb);border:1px solid #59605e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.string-button:hover{border-color:var(--color-lime);background:#151e0e}.string-button.is-selected{border-color:var(--color-lime);color:var(--color-lime);box-shadow:0 0 17px #a0ed1925,inset 0 0 13px #a0ed1909}.string-note{font-size:24px;font-weight:600;line-height:1.1}.string-note sub{font-size:11px;font-weight:500;bottom:-.1em}.string-number{color:#88918e;margin-top:2px;font-size:8px;font-weight:400;line-height:1}.string-position-0,.string-position-1,.string-position-2{left:0}.string-position-3,.string-position-4,.string-position-5{right:0}.string-position-0,.string-position-3{top:21%}.string-position-1,.string-position-4{top:39.5%}.string-position-2,.string-position-5{top:58%}.is-left-handed .headstock-art{transform:translate(-50%)scaleX(-1)}.is-left-handed .string-position-0,.is-left-handed .string-position-1,.is-left-handed .string-position-2{left:auto;right:0}.is-left-handed .string-position-3,.is-left-handed .string-position-4,.is-left-handed .string-position-5{left:0;right:auto}.pitch-meter{margin:2px 4px 0;padding-bottom:3px}.meter-labels{margin:0 -7px 10px;font-size:11px;line-height:14px}.meter-ruler{justify-content:space-between;align-items:center;height:20px;display:flex;position:relative}.meter-tick{background:#9aa49ca6;width:1px;height:6px}.meter-tick.medium{background:#d5dbd2a0;height:11px}.meter-tick.large{background:#e3e7deb3;height:20px}.meter-pointer{top:-5px;left:var(--pitch-position);clip-path:polygon(0 0,100% 0,50% 100%);background:var(--pitch-color);width:16px;height:18px;filter:drop-shadow(0 0 4px var(--pitch-color));transition:left .45s cubic-bezier(.2,.8,.2,1),background .25s;position:absolute;transform:translate(-50%)}.meter-center{background:#d1d5c5a6;width:1px;height:13px;position:absolute;top:20px;left:50%}.meter-leds{justify-content:space-between;align-items:center;height:23px;padding:9px 0 0;display:flex}.meter-led{background:#536052;border-radius:50%;width:4px;height:4px;transition:background .3s,opacity .3s}.meter-led.is-lit{background:var(--pitch-color);box-shadow:0 0 7px var(--pitch-color)}@supports (color:color-mix(in lab, red, red)){.meter-led.is-lit{box-shadow:0 0 7px color-mix(in srgb, var(--pitch-color) 45%, transparent)}}.meter-led.center-led{width:6px;height:6px}.note-display{color:var(--color-lime);margin:12px 0 14px;position:relative}.note-display:before{content:"";pointer-events:none;background:radial-gradient(#7ba5260b,#0000 65%);position:absolute;inset:-18px -12px -22px}.digital-note{filter:drop-shadow(0 0 10px #a0ed1923);justify-content:center;align-items:flex-end;gap:8px;height:clamp(77px,10.2dvh,102px);display:flex}.digital-note svg{fill:currentColor;width:auto;height:100%;overflow:visible}.note-octave{min-width:13px;margin-bottom:5px;font-size:26px;line-height:1}.note-octave sub{font-size:inherit;bottom:0}.frequency{letter-spacing:-.8px;margin-top:9px;font-size:26px;font-weight:450;line-height:1.25}.frequency span{letter-spacing:0;font-size:.72em}.tuning-status{min-height:22px;margin-top:7px;font-size:13px}.status-check{border:1px solid;border-radius:50%;padding:2px}.note-display.is-offset{color:var(--color-amber)}.note-display.is-offset .digital-note{filter:drop-shadow(0 0 10px #f1b65b20)}.note-display.is-silent{color:var(--color-muted)}.note-display.is-silent .digital-note{opacity:.35;filter:none}.tuning-selector{height:45px}.tuning-selector:hover{background:#1b241b;border-color:#77924c}.microphone-panel{margin-top:12px}.microphone-button{width:100%;min-height:43px;color:var(--color-lime);background:#a0ed1910;border:1px solid #a0ed1970;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.microphone-button:hover{border-color:var(--color-lime);background:#a0ed1920}.is-listening .microphone-button{background:#141b12;border-color:#3a4735}.microphone-hint{min-height:16px;color:var(--color-muted);text-align:center;text-wrap:balance;margin-top:7px;font-size:10px;line-height:16px}.microphone-hint.is-error{color:var(--color-amber)}.listening-dot{background:var(--color-lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #a0ed1960}.has-microphone .string-position-0,.has-microphone .string-position-3{top:min(21%, calc(39.5% - var(--string-button-size) - 8px))}.has-microphone .string-position-2,.has-microphone .string-position-5{top:max(58%, calc(39.5% + var(--string-button-size) + 8px))}.has-microphone .meter-pointer{transition-duration:.12s}.demo-panel{margin-top:12px}.demo-caption{letter-spacing:.02em}.demo-controls{margin-top:7px}.demo-button{color:#9ca5a2;flex:1;justify-content:center;align-items:center;gap:4px;height:34px;font-size:11px;display:flex;position:relative}.demo-button+.demo-button:before{content:"";background:#2a322d;width:1px;height:13px;position:absolute;left:0}.demo-button.selected{color:var(--color-lime)}.demo-button.selected:after{content:"";background:var(--color-lime);height:1px;position:absolute;bottom:0;left:22%;right:22%;box-shadow:0 0 8px #a0ed1940}.demo-button:hover,.next-string:hover{color:var(--color-lime)}.pitch-meter.expanded{margin-top:22px}.flat-sharp{color:#8d9691;margin-bottom:20px;font-size:27px}.expanded .meter-labels{font-size:13px}.expanded .meter-ruler{height:31px}.expanded .meter-pointer{width:20px;height:24px}.expanded .meter-leds{height:57px}.expanded .meter-led{width:6px;height:6px}.expanded .center-led{width:10px;height:10px}.expanded .meter-center{height:43px;top:25px}.note-display.expanded{margin:24px 0 22px}.expanded .digital-note{gap:12px;height:clamp(155px,23dvh,215px)}.expanded .note-octave{font-size:35px}.expanded .frequency{margin-top:18px;font-size:36px}.expanded .tuning-status{margin-top:16px;font-size:18px}.expanded .status-check{width:26px;height:26px;padding:3px}.cents-readout{margin-top:12px}.chromatic-notes{margin:0 0 14px}.chromatic-note{width:35px;height:35px;color:var(--color-muted);background:#141a16;border:1px solid #353e38;border-radius:50%;font-size:13px}.chromatic-note.selected{color:var(--color-lime);background:#23341150;border-color:#a0ed1980}.chromatic-note:hover{color:#fff;border-color:var(--color-lime)}.secondary-screen{padding-top:12px;padding-bottom:10px}.tuning-list{gap:12px;margin-top:20px}.tuning-card{border:1px solid var(--color-line);background:linear-gradient(115deg,#1b2021dd,#171b1cec);border-radius:17px;align-items:center;gap:18px;padding:13px 19px 14px 17px;display:flex}.tuning-card .preset-notes{margin-top:9px}.tuning-card .font-bold{line-height:1.3}.tuning-card.selected{border-color:var(--color-lime);background:linear-gradient(120deg,#23391266,#15200f77);box-shadow:0 0 15px #a0ed1908}.tuning-card:hover{background-color:#223024;border-color:#8dad5b}.tuning-radio{border:1px solid #7f8781;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.selected .tuning-radio{color:var(--color-lime);border-color:var(--color-lime)}.preset-note{border:1px solid #48503fd9;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:14px;font-weight:650;display:inline-flex}.preset-note sub{font-size:8px;transform:translateY(5px)}.selected .preset-note{color:var(--color-lime)}.section-title{margin-bottom:12px;font-size:17px;font-weight:650}.settings-group{border:1px solid var(--color-line);background:linear-gradient(120deg,#14191aed,#121616d9);border-radius:16px;padding:0 17px}.settings-row{align-items:center;gap:12px;min-height:60px;font-size:14px;display:flex}.settings-row+.settings-row,.settings-pitch-row,.settings-pitch-row+.settings-row,.tolerance-row{border-top:1px solid #303832}button.settings-row:hover{color:var(--color-lime)}.setting-icon{width:21px;height:24px;color:var(--color-lime);stroke-width:1.5px;flex-shrink:0}.setting-value{color:var(--color-lime);white-space:nowrap;margin-left:auto;font-size:12px}.settings-pitch-row{padding:16px 0 13px;font-size:13px}.stepper-button{border:1px solid var(--color-line);width:30px;height:30px;color:var(--color-lime);border-radius:8px;place-items:center;display:grid}.stepper-button:hover{background:#a0ed1910}input[type=range]{cursor:pointer;height:20px}.toggle{background:#4c5551;border-radius:20px;width:44px;height:25px;padding:3px;display:block}.toggle span{background:#101710;border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block}.toggle.on{background:var(--color-lime)}.toggle.on span{transform:translate(19px)}.tolerance-row{padding:18px 0}.tolerance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.tolerance-choice{cursor:pointer;position:relative}.tolerance-choice input{opacity:0;width:1px;height:1px;position:absolute}.tolerance-choice>span{color:#e5eae4;background:#171d19;border:1px solid #414a45;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:57px;display:flex}.tolerance-choice strong{font-size:11px;font-weight:600}.tolerance-choice small{font-size:10px}.tolerance-choice input:checked+span{color:#b4f044;background:#243315;border-color:#a0ed19}.tolerance-choice input:focus-visible+span{outline-offset:3px;outline:2px solid #a0ed19}.tolerance-choice:hover>span{border-color:#a0ed19}.instrument-section+.instrument-section{margin-top:24px}.instrument-list{flex-direction:column;gap:9px;display:flex}.instrument-card{text-align:left;border:1px solid var(--color-line);background:linear-gradient(115deg,#1b2021dd,#171b1cec);border-radius:14px;align-items:center;gap:13px;width:100%;padding:15px;display:flex}.instrument-card.selected{border-color:var(--color-lime);background:linear-gradient(120deg,#23391299,#15200f99)}.instrument-card:hover,.instrument-pill:hover{border-color:#8dad5b}.instrument-icon{color:var(--color-muted);flex-shrink:0}.selected .instrument-icon{color:var(--color-lime)}.instrument-check{border:1px solid #586153;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.selected .instrument-check{color:#a0ed19;border-color:#a0ed19}.instrument-note-list{color:#d2dbc9;gap:13px;margin-top:8px;font-size:12px;display:flex}.instrument-note-list sub{font-size:8px;bottom:-.1em}.instrument-stage{flex-direction:column;align-items:center;padding:5px 3px 12px;display:flex}.instrument-stage-title{color:#d1d8cd;justify-content:center;align-items:center;gap:7px;min-height:30px;font-size:12px;display:flex}.instrument-stage-title:hover{color:var(--color-lime)}.stringboard{grid-template-columns:repeat(var(--string-count), minmax(0, 1fr));background:linear-gradient(90deg,#0000,#66523a10 15% 85%,#0000);flex:1;width:100%;max-width:360px;margin:8px 0;display:grid;position:relative}.stringboard.has-frets{background-image:linear-gradient(#0000 29%,#6f746133 29% 29.7%,#0000 29.7% 53%,#6f746133 53% 53.7%,#0000 53.7%),linear-gradient(90deg,#0000,#66523a10 15% 85%,#0000)}.stringboard.is-mirrored{direction:rtl}.string-lane{direction:ltr;border-radius:12px;min-width:0;position:relative}.string-lane:hover{background-color:#a0ed1908}.string-wire{top:21px;bottom:2px;left:calc(50% - var(--wire-width) / 2);width:var(--wire-width);opacity:.55;background:linear-gradient(#909a87,#bbb39b 70%,#0000);position:absolute}.string-wire.paired{transform:translate(-3px);box-shadow:6px 0 #9d9f8a}.is-selected .string-wire{opacity:.9;background:linear-gradient(#a0ed19,#a0ed19 70%,#0000);box-shadow:0 0 11px #a0ed1940}.is-selected .string-wire.paired{box-shadow:6px 0 #a0ed19,0 0 11px #a0ed1940}.lane-number{color:#9ca5a2;font-size:10px;position:absolute;top:0;left:0;right:0}.lane-note{color:#f2f4f1;background:#151b18;border:1px solid #59605e;border-radius:50%;justify-content:center;align-items:baseline;width:41px;height:41px;padding-top:8px;font-size:18px;font-weight:600;display:flex;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.lane-note sub{font-size:9px}.is-selected .lane-note{color:#a0ed19;background:#17220e;border-color:#a0ed19;box-shadow:0 0 18px #a0ed1920}.stringboard-hint{color:#9ca5a2;font-size:10px;line-height:16px}.tuning-card .preset-note{flex:1;min-width:0;max-width:33px}.tuning-card .preset-notes{gap:4px}@media (width>=700px){.app-shell{padding-top:23px}.app-header{margin-bottom:17px}.app-background{background-size:auto,auto,auto,30px 30px,30px 30px}.app-background:before{content:"";pointer-events:none;background:radial-gradient(#ffffff02,#0000 75%);width:600px;max-width:100vw;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.guitar-stage{height:clamp(300px,39dvh,370px)}}@media (width<=370px){.app-shell{padding-inline:17px}.guitar-stage{--string-button-size:47px}.string-note{font-size:22px}.tuning-card{gap:12px;padding:17px 12px}.tuning-card .text-\[21px\]{font-size:19px}.tuning-radio{width:28px;height:28px}.preset-note{width:30px;height:30px}.settings-group{padding-inline:13px}.settings-row{gap:9px;font-size:12px}.setting-value{font-size:11px}}@media (height<=780px) and (width<=699px){.app-shell{padding-top:8px}.app-header{height:38px;margin-bottom:8px}.mode-control{height:43px}.guitar-stage{--string-button-size:44px;height:33dvh;min-height:246px}.note-display{margin:10px 0 12px}.digital-note{height:70px}.frequency{margin-top:7px;font-size:24px}.demo-panel{margin-top:10px}.pitch-meter.expanded{margin-top:14px}.flat-sharp{margin-bottom:14px}.note-display.expanded{margin:18px 0}.expanded .digital-note{height:134px}.expanded .frequency{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
