:root{--brown-950:#3d2b1e;--brown-900:#2a1c12;--brown-800:#33241a;--brown-700:#7d5b37;--brass:#c89b5c;--brass-dim:#c89b5c29;--brass-border:#c89b5c73;--scan:#6fe3d6;--scan-dim:#6fe3d624;--scan-border:#6fe3d673;--moss:#8faf9b;--moss-deep:#5c7a63;--parchment:#f2ead9;--muted:#a99c87;--placeholder:#6b5d4b;--record-red:#d92b2b;--error:#e2685b;--interval-root:#a74c44;--interval-root-text:#fff;--interval-root-border:#783731;--interval-root-glow:#a74c448c;--interval-3rd:#4e627e;--interval-3rd-text:#fff;--interval-3rd-border:#38475b;--interval-3rd-glow:#4e627e8c;--interval-5th:#8a5638;--interval-5th-text:#fff;--interval-5th-border:#633e28;--interval-5th-glow:#8a56388c;--interval-7th:var(--moss-deep);--interval-7th-text:#fff;--interval-7th-border:#3f5548;--interval-7th-glow:#5c7a6399;--interval-ext:var(--muted);--interval-ext-text:var(--brown-950);--interval-ext-border:#85795f;--interval-ext-glow:#a99c8780;--interval-ext-9:#9d5c82;--interval-ext-9-text:#fff;--interval-ext-9-border:#71425e;--interval-ext-9-glow:#9d5c828c;--interval-ext-11:#915578;--interval-ext-11-text:#fff;--interval-ext-11-border:#683d56;--interval-ext-11-glow:#9155788c;--interval-ext-13:#6d405a;--interval-ext-13-text:#fff;--interval-ext-13-border:#4e2e41;--interval-ext-13-glow:#6d405a8c;--interval-6th:#bf92ac;--interval-6th-text:var(--brown-950);--interval-6th-border:#8a697c;--interval-6th-glow:#bf92ac8c}:root[data-colorblind=true]{--interval-root:#b54f00;--interval-root-text:#fff;--interval-root-border:#7e3700;--interval-root-glow:#b54f008c;--interval-3rd:#0072b2;--interval-3rd-text:#fff;--interval-3rd-border:#004f7c;--interval-3rd-glow:#0072b28c;--interval-5th:#e69f00;--interval-5th-text:var(--brown-950);--interval-5th-border:#a16f00;--interval-5th-glow:#e69f008c;--interval-7th:#00ad7e;--interval-7th-text:var(--brown-950);--interval-7th-border:#007958;--interval-7th-glow:#00ad7e8c;--interval-6th:#e085b7;--interval-6th-text:var(--brown-950);--interval-6th-border:#9c5d80;--interval-6th-glow:#e085b78c;--interval-ext-9:#56b4e9;--interval-ext-9-text:var(--brown-950);--interval-ext-9-border:#3c7da3;--interval-ext-9-glow:#56b4e98c;--interval-ext-11:#f0e442;--interval-ext-11-text:var(--brown-950);--interval-ext-11-border:#a89f2e;--interval-ext-11-glow:#f0e4428c;--interval-ext-13:#9c9c9c;--interval-ext-13-text:var(--brown-950);--interval-ext-13-border:#6d6d6d;--interval-ext-13-glow:#9c9c9c8c}:root{--loudness-quiet:#814932;--loudness-low:#9d5334;--loudness-mid:#a85736;--loudness-high:#d97b4f;--loudness-peak:#f2a268;--border:var(--brown-700);--shadow:0 24px 50px -18px #0000008c, 0 10px 30px -8px #0009, 0 2px 8px #0006, inset 0 1px 0 #ffffff0a;--shadow-inset:inset 0 4px 10px #00000080;--radius:10px;--radius-sm:6px;--bevel-light:#85623d;--rivet:#5a4a37;--rivet-highlight:#ffffff26;--overlay-tint:#0a0704b8;--brass-hover:#d9af74;--header-gradient-from:#332318;--ambient-line:#7d5b37;--ambient-line-dim:#74593a;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Fraunces", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, "SFMono-Regular", monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--muted);background:radial-gradient(62.5vw 70vh at 50% 40%, transparent 55%, #0006 100%), radial-gradient(#ffffff03 1px, transparent 1px) 0 0 / 3px 3px, radial-gradient(47.2vw 42vh at 50% -60px, #c89b5c1a, transparent), var(--brown-950);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}:root{overflow-x:hidden}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--parchment);font-weight:500}h1{letter-spacing:-.5px;margin:0 0 12px;font-size:46px;line-height:1.2}@media (width<=1024px){h1{font-size:32px}}h2{font-size:15px;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.6px;color:var(--moss);margin:0 0 14px;font-weight:500}@media (width<=1024px){h2{font-size:13px}}h3{font-size:14px;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:0 0 10px;font-weight:500}p{color:var(--muted);margin:0}a{color:var(--brass)}ul{margin:0;padding:0;list-style:none}code,.mono{font-family:var(--mono)}button{font:inherit}input,button{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 3px #c89b5c59)}50%{filter:drop-shadow(0 0 8px #c89b5c99)}}@keyframes copper-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes pulse-scan{0%,to{box-shadow:0 0 0 3px var(--scan-dim);transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 0 0 7px #6fe3d614}}@keyframes sig-ripple{0%{opacity:.6;transform:scale(.25)}60%{opacity:.2}to{opacity:0;transform:scale(3.2)}}@keyframes scan-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.accessibility-menu{position:relative}.accessibility-menu__trigger{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;line-height:normal;transition:color .15s;display:inline-flex}.accessibility-menu__trigger:hover,.accessibility-menu__trigger[aria-expanded=true]{color:var(--brass)}.accessibility-menu__panel.panel{z-index:30;flex-direction:column;gap:4px;width:280px;padding:16px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.accessibility-menu__option{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 0;display:flex}.accessibility-menu__option-label{color:var(--parchment);font-size:13px;font-weight:500}.accessibility-menu__switch{background:var(--brown-700);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.accessibility-menu__switch:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.accessibility-menu__switch--on{background:var(--brass);border-color:var(--brass)}.accessibility-menu__switch--on:after{background:var(--brown-950);transform:translate(16px)}.accessibility-menu__hint{color:var(--muted);margin:0 0 8px;font-size:11px;line-height:1.5}.accessibility-menu__status{color:var(--moss);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.4px;margin:4px 0 0}@media (width<=700px){.accessibility-menu__panel{width:240px}}.manual-search{flex-direction:column;gap:6px;display:flex}.manual-search__row{align-items:stretch;gap:10px;display:flex}.manual-search__field-wrap{flex:auto;align-items:center;display:flex;position:relative}.manual-search__icon{opacity:.55;pointer-events:none;font-size:14px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.manual-search__input.text-input{width:100%;padding-left:40px}.capture-panel--default .manual-search__input.text-input{padding:9px 4px 9px 34px;font-size:14px;line-height:normal;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #00000073}.capture-panel--default .manual-search__input.text-input:focus{border-color:var(--brass);box-shadow:inset 0 2px 6px #00000073,0 0 0 3px #c89b5c2e}.capture-panel--default .manual-search .btn-primary{letter-spacing:.65px;border:none;padding:0 18px;line-height:normal;transition:background .2s,transform .15s;box-shadow:inset 0 1px #ffffff59,0 2px 5px #00000059}.capture-panel--default .manual-search .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff6}.capture-panel--header .manual-search__input.text-input{padding:12px 8px 12px 32px;font-size:12px;line-height:normal;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #00000073}.capture-panel--header .manual-search__input.text-input:focus{border-color:var(--brass);box-shadow:inset 0 2px 6px #00000073,0 0 0 3px #c89b5c2e}.capture-panel--header .manual-search__icon{font-size:12px;left:12px}.capture-panel--header .manual-search .btn-primary{letter-spacing:.5px;border:none;padding:0 14px;font-size:11px;line-height:normal;transition:background .2s,transform .15s;box-shadow:inset 0 1px #ffffff59,0 2px 5px #00000059}.capture-panel--header .manual-search .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff6}.manual-search__suggestions-panel{z-index:20;background:var(--brown-800);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.manual-search__enharmonic-note{color:var(--moss);background:var(--brown-900);border-bottom:1px solid var(--border);cursor:default;padding:8px 12px;font-size:12px}.manual-search__enharmonic-note .readout{font-size:12px}.manual-search__suggestions{max-height:280px;margin:0;padding:4px;list-style:none;overflow-y:auto}.manual-search__suggestion{border-radius:var(--radius-sm);font-family:var(--mono);color:var(--parchment);cursor:pointer;padding:8px 12px;font-size:14px}.manual-search__suggestion--active,.manual-search__suggestion:hover{background:var(--brass-dim);color:var(--scan)}.capture-panel{background-color:var(--brown-900);background-image:radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px);border:1px solid var(--border);border-top-color:var(--bevel-light);border-radius:var(--radius);text-align:left;background-position:8px 8px,calc(100% - 8px) 8px,8px calc(100% - 8px),calc(100% - 8px) calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;flex-direction:column;gap:10px;padding:24px;display:flex;position:relative;box-shadow:0 30px 60px -20px #00000080,0 14px 34px -10px #000000a6,0 2px 8px #0006,inset 0 1px #ffffff0a,inset 0 -14px 20px -12px #00000080,inset 0 0 0 1px #c89b5c0f}.capture-panel__dropzone{text-align:center;cursor:pointer;border:2px dashed var(--brown-700);border-radius:var(--radius);background:radial-gradient(140px 60px at 50% 100%, #c89b5c1a, transparent), var(--brown-800);flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:13px 24px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 4px 12px #0000008c,inset 0 -1px #ffffff05}.capture-panel__dropzone:hover{border-style:solid;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-dim), inset 0 4px 12px #0000008c, inset 0 -1px 0 #ffffff05;animation:1.4s ease-in-out infinite dropzone-breathe}.capture-panel__dropzone:focus-visible{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-dim);outline:none}.capture-panel__dropzone--dragging{border-color:var(--brass);background:var(--brass-dim);box-shadow:0 0 0 3px var(--brass-dim);border-style:solid;animation:1.4s ease-in-out infinite dropzone-breathe}@keyframes dropzone-breathe{0%,to{box-shadow:0 0 0 3px var(--brass-dim)}50%{box-shadow:0 0 0 10px #c89b5c14}}.capture-panel__dropzone-icon{opacity:.9;width:36px;height:36px;margin:0 auto 4px;animation:2.6s ease-in-out infinite icon-glow;display:block}.capture-panel__icon-ring{fill:none;stroke:var(--brass);stroke-width:1.5px}.capture-panel__icon-arrow{fill:none;stroke:var(--brass);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.capture-panel__mini-wave{opacity:.75;justify-content:center;align-items:flex-end;gap:3px;height:10px;margin-top:8px;display:flex}.capture-panel__mini-wave-bar{width:3px;height:var(--mini-wave-h);background:var(--loudness-mid);transform-origin:bottom;border-radius:50%;animation:1.1s ease-in-out infinite copper-bar;box-shadow:0 .5px #ffffff26}.capture-panel__mini-wave-bar:nth-child(2),.capture-panel__mini-wave-bar:nth-child(6){background:var(--loudness-high)}.capture-panel__mini-wave-bar:nth-child(4){background:var(--loudness-peak);filter:drop-shadow(0 0 2px var(--loudness-peak))}.capture-panel__headline{font-family:var(--heading);color:var(--parchment);margin:0 0 3px;font-size:16px;font-weight:500;line-height:normal}.capture-panel__primary-text{color:var(--muted);margin:0;font-size:12px;line-height:normal}.capture-panel__browse-link{color:#b39770}.capture-panel__formats{font-family:var(--mono);letter-spacing:.6px;color:var(--muted);opacity:.7;margin-top:14px;font-size:11px;line-height:normal}.capture-panel__or{color:var(--muted);align-items:center;gap:12px;display:flex}.capture-panel__or:before{content:"";background:linear-gradient(270deg,#7d5b37,#a8875a);flex:1;height:1px}.capture-panel__or:after{content:"";background:linear-gradient(90deg,#7d5b37,#a8875a);flex:1;height:1px}.capture-panel__or span{font-family:var(--mono);letter-spacing:1.76px;color:var(--moss);opacity:.8;font-size:11px;line-height:normal}.capture-panel--default{max-width:480px;margin:0 auto;padding:13px}.capture-panel--compact{gap:14px;padding:18px}.capture-panel--compact .capture-panel__dropzone{padding:26px 16px}.capture-panel--compact .capture-panel__dropzone-icon{width:28px;height:28px;margin-bottom:8px}.capture-panel--compact .capture-panel__headline{font-size:18px}.capture-panel--mini{gap:12px;padding:16px}.capture-panel--mini .capture-panel__dropzone{padding:18px 16px}.capture-panel--mini .capture-panel__dropzone-icon{width:22px;height:22px;margin-bottom:6px}.capture-panel--mini .capture-panel__headline{margin-bottom:4px;font-size:16px}.capture-panel--mini .capture-panel__primary-text{font-size:13px}.capture-panel--mini .capture-panel__browse-link,.capture-panel--mini .capture-panel__formats,.capture-panel--mini .capture-panel__mini-wave{display:none}.capture-panel--mini .record-btn--block{padding:10px 16px;font-size:12px}.capture-panel--header{flex-flow:wrap;align-items:stretch;gap:14px;max-width:554px;padding:12px}.capture-panel--header .capture-panel__dropzone{flex:none;justify-content:center;width:224px;min-height:102px;padding:0}.capture-panel--header .capture-panel__dropzone-icon{width:20px;height:20px;margin-bottom:4px}.capture-panel--header .capture-panel__headline{margin-bottom:2px;font-size:13px}.capture-panel--header .capture-panel__primary-text{font-size:11px}.capture-panel--header .capture-panel__browse-link,.capture-panel--header .capture-panel__formats{display:none}.capture-panel__header-actions{flex-direction:column;flex:auto;justify-content:center;gap:15px;min-width:180px;display:flex}.capture-panel--header .record-btn--block{padding:11px 14px;font-size:10px}@media (width<=560px){.capture-panel--header{gap:10px;max-width:none}.capture-panel--header .capture-panel__dropzone{width:100%;min-height:84px;padding:10px 12px}.capture-panel__header-actions{gap:10px;min-width:0}}.waveform-group{flex-direction:column;gap:10px;display:flex}.waveform{align-items:stretch;gap:8px;width:100%;display:flex}.waveform__axis{flex-shrink:0;width:34px;position:relative}.waveform__axis-tick{font-family:var(--mono);letter-spacing:.2px;color:var(--muted);white-space:nowrap;font-size:9px;position:absolute;left:0;transform:translateY(-50%)}.waveform__plot{flex-direction:column;flex:1;min-width:0;display:flex}.waveform__time-axis{height:12px;margin-top:0;position:relative}.waveform__time-tick{font-family:var(--mono);letter-spacing:.2px;color:var(--muted);white-space:nowrap;font-size:9px;position:absolute;top:0;transform:translate(-50%)}.waveform__canvas{background:var(--brown-800);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:160px;box-shadow:var(--shadow-inset);cursor:pointer;touch-action:none;display:block}.waveform__canvas:hover{cursor:grab}.waveform__canvas--dragging,.waveform__canvas--dragging:hover{cursor:grabbing}.waveform__canvas:focus-visible{outline:2px solid var(--scan-border);outline-offset:2px}.waveform__transport{align-items:center;gap:12px;display:flex}.waveform__play{border:1px solid var(--brown-700);width:34px;height:34px;color:var(--brass);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:border-color .15s,background .15s;display:flex}.waveform__play:hover{border-color:var(--brass-border);background:var(--brass-dim)}.waveform__time{color:var(--muted);letter-spacing:.4px;font-size:13px}.recording-info{flex-direction:column;gap:10px;display:flex}.recording-status{background:var(--brown-800);border:1px solid var(--border);border-left:3px solid var(--moss);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.recording-status__dot{background:var(--moss);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.recording-status--quiet{border-left-color:var(--brass)}.recording-status--quiet .recording-status__dot{background:var(--brass)}.recording-status--clip{border-left-color:var(--error)}.recording-status--clip .recording-status__dot{background:var(--error)}.recording-status__body{flex-direction:column;gap:3px;min-width:0;display:flex}.recording-status__label{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--parchment);font-size:12px;font-weight:600}.recording-status__detail{color:var(--muted);margin:0;font-size:13px}.recording-meta{background:var(--brown-800);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:6px 20px;padding:10px 14px;display:flex}.recording-meta__item{flex-direction:column;gap:2px;display:flex}.recording-meta__label{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--moss);font-size:10px}.recording-meta__value{font-family:var(--mono);color:var(--parchment);font-size:12px}.recording-info__disclosure{color:var(--muted);margin:0;padding:0 2px;font-size:12px}.identifying-status{display:contents}.identifying-status__dots{justify-content:center;align-self:center;align-items:center;gap:8px;width:fit-content;margin-inline:auto;display:flex}.identifying-status__dot{background:var(--scan);width:10px;height:10px;box-shadow:0 0 0 3px var(--scan-dim);border-radius:50%;animation:1.4s ease-in-out infinite pulse-scan}.identifying-status__dot:nth-child(2){animation-delay:.18s}.identifying-status__dot:nth-child(3){animation-delay:.36s}.identifying-status__fact-row{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.identifying-status__fact{max-width:360px;color:var(--muted);opacity:1;margin:0;font-size:14px;transition:opacity .25s}.identifying-status__fact--fading{opacity:0}.identifying-status__next{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:color .15s,border-color .15s;display:flex}.identifying-status__next:hover{color:var(--brass);border-color:var(--brass)}.capture-overlay{background:var(--overlay-tint);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.capture-modal{background-color:var(--brown-900);background-image:radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px);border:1px solid var(--border);border-top-color:var(--bevel-light);border-radius:var(--radius);box-shadow:var(--shadow);background-position:8px 8px,calc(100% - 8px) 8px,8px calc(100% - 8px),calc(100% - 8px) calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;width:420px;max-width:100%;max-height:90vh;padding:24px;transition:width .2s;position:relative;overflow-y:auto}.capture-modal--preview{width:520px}.capture-modal--wide{width:900px}.capture-modal__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.capture-modal__title{margin:0}.capture-modal__body{text-align:left;flex-direction:column;gap:16px;display:flex}.capture-modal__body--centered{text-align:center;align-items:center}.capture-modal__body--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=760px){.capture-modal__body--split{grid-template-columns:1fr}}.capture-modal__preview{flex-direction:column;gap:16px;min-width:0;display:flex}.capture-modal__chooser{min-width:0}.capture-modal__loading-overlay{background:var(--overlay-tint);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.capture-modal__loading-card{text-align:center;background:var(--brown-900);border:1px solid var(--border);border-top-color:var(--bevel-light);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:16px;max-width:320px;padding:24px 28px;display:flex}.capture-modal{min-width:0}@media (width<=600px){.capture-overlay{align-items:flex-start;padding:12px}.capture-modal,.capture-modal--preview,.capture-modal--wide{width:100%;padding:18px}}.ambient-fretboards{z-index:-1;pointer-events:none;width:97vw;max-width:2400px;position:absolute;top:0;bottom:0;left:50%;overflow:clip;transform:translate(-50%)}.ambient-fretboards__item{text-align:center;filter:drop-shadow(0 8px 8px #00000059);position:absolute}.ambient-fretboards__item--blurred{filter:blur(1.2px)drop-shadow(0 6px 6px #0000004d)saturate(.65)}.ambient-fretboards__grid{border:1px solid var(--ambient-line);background-image:repeating-linear-gradient(90deg, var(--ambient-line) 0 1px, transparent 1px 25%), repeating-linear-gradient(180deg, var(--ambient-line) 0 1px, transparent 1px 20%);border-radius:3px;margin:0 auto;position:relative}.ambient-fretboards__item--blurred .ambient-fretboards__grid{border-color:var(--ambient-line-dim);background-image:repeating-linear-gradient(90deg, var(--ambient-line-dim) 0 1px, transparent 1px 25%), repeating-linear-gradient(180deg, var(--ambient-line-dim) 0 1px, transparent 1px 20%)}.ambient-fretboards__dot{border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.ambient-fretboards__label{font-family:var(--mono);letter-spacing:.03em;color:var(--muted);margin-top:8px;font-size:10px}.ambient-fretboards__bracket{border-color:var(--loudness-peak);opacity:1;width:9px;height:9px;filter:drop-shadow(0 0 3px var(--loudness-peak));pointer-events:none;border-style:solid;border-width:0;position:absolute}.ambient-fretboards__bracket--tl{border-top-width:1.5px;border-left-width:1.5px;top:-4px;left:-4px}.ambient-fretboards__bracket--tr{border-top-width:1.5px;border-right-width:1.5px;top:-4px;right:-4px}.ambient-fretboards__bracket--bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:-4px;left:-4px}.ambient-fretboards__bracket--br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:-4px;right:-4px}.ambient-fretboards__scanline{background:var(--scan);height:1.5px;box-shadow:0 0 4px var(--scan-border);opacity:0;pointer-events:none;animation:2.4s ease-in-out infinite ambient-scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes ambient-scan-sweep{0%{opacity:0;transform:translateY(0)}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(var(--scan-travel,78px));opacity:0}}.ambient-fretboards__mini-wave{justify-content:center;align-items:flex-end;gap:2px;height:14px;margin-bottom:5px;display:flex}.ambient-fretboards__mini-wave-bar{width:2px;height:var(--mini-wave-h);background:linear-gradient(180deg, var(--loudness-peak), var(--scan));transform-origin:bottom;opacity:1;filter:drop-shadow(0 0 2px #f2a26859);border-radius:50%;animation:1.3s ease-in-out infinite copper-bar}.ambient-fretboards__connector{background:repeating-linear-gradient(var(--scan-border) 0 2px, transparent 2px 4px);width:1px;height:8px;margin:0 auto;display:block}.ambient-fretboards__guess{font-family:var(--mono);letter-spacing:.03em;color:var(--scan);text-shadow:0 0 6px var(--scan-dim);margin-top:8px;font-size:10px}.app-footer{font-family:var(--sans);color:#b39770;text-align:center;padding:16px 24px 20px;font-size:9px}.app-footer__link{color:var(--brass);background-image:linear-gradient(var(--brass), var(--brass));background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none;transition:background-size .25s,color .2s}.app-footer__link:hover{background-size:100% 1px}.app-footer__secondary{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.app-footer__row--links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.app-footer__sep{color:currentColor;opacity:.5}.app-footer__row--contact,.app-footer__row--credit{margin-top:6px}.home-page{position:relative}.home-hero{text-align:center;gap:0;max-width:620px;margin:0 auto 8px}.home-hero h1{font-size:32px}.home-hero__heading-glow{text-shadow:0 0 18px #c89b5c80}.home-hero__eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--moss);opacity:.85;margin-bottom:3px;font-size:10px;line-height:normal}.home-hero__tagline{font-family:var(--heading);background:linear-gradient(#fbf5ea,#dcccb3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:19px;font-style:italic;line-height:1.2}.home-hero__description{max-width:460px;margin:12px auto 0;font-size:13px;line-height:1.35}.home-hero__stats-group{flex-direction:column;align-items:center;gap:8px;margin-top:24px;display:flex}.home-hero__tags{font-family:var(--mono);color:#b39770;justify-content:center;gap:10px;font-size:11px;line-height:normal;display:flex}.home-hero__tags-dot{opacity:.4}.home-hero__confidence{align-self:center}.home-hero__confidence-value{color:var(--scan);font-weight:600}.home-hero__directions{text-align:center;max-width:480px;margin:28px auto 0}.home-hero__directions-title{color:var(--moss);margin-bottom:10px}.home-hero__directions-body{color:var(--muted);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:20px;font-size:13px;line-height:1.6}.home-hero__cta{background:var(--brown-800);border:1px solid var(--brass-border);font-family:var(--mono);color:var(--brass);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex}.home-hero__cta:hover{border-color:var(--brass);background:var(--brown-700);box-shadow:0 0 0 3px var(--brass-dim);transform:translateY(-1px)}.home-hero__cta span{animation:1.8s ease-in-out infinite home-cta-arrow-bounce;display:inline-block}@keyframes home-cta-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.home-teasers{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}@media (width<=800px){.home-teasers{grid-template-columns:1fr}}.home-teaser{text-align:left;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.home-teaser:hover{border-color:var(--brass);box-shadow:var(--shadow), 0 0 0 3px var(--brass-dim);transform:translateY(-1px)}.home-teaser h3{color:var(--brass);margin-bottom:6px}.home-teaser p{margin:0;font-size:14px}@media (hover:none){.home-teaser:active{border-color:var(--brass)}.home-hero__cta:active{border-color:var(--brass);background:var(--brown-700)}}.chord-overview{margin-bottom:24px}.chord-overview h2{line-height:normal}.chord-overview__grid{grid-template-columns:1.05fr 1.15fr .8fr;gap:0;display:grid}@media (width<=780px){.chord-overview__grid{grid-template-columns:1fr}}.chord-overview__col{border-right:1px solid var(--border);padding:0 20px}@media (width<=780px){.chord-overview__col{border-right:none;border-bottom:1px solid var(--border);padding:0 0 18px}}.chord-overview__col:first-child{padding-left:0}@media (width<=780px){.chord-overview__col:first-child{padding-top:0}}.chord-overview__col:last-child{border-right:none;padding-right:0}@media (width<=780px){.chord-overview__col:last-child{border-bottom:none;padding-bottom:0}}.chord-overview__kicker{color:var(--moss);letter-spacing:.6px;margin-bottom:10px;font-size:12px;line-height:normal}.chord-overview__desc{color:var(--muted);max-width:34ch;margin:0;font-size:14px;line-height:1.55}.chord-overview__notes{flex-wrap:wrap;gap:12px;display:flex}.chord-overview__note{text-align:center;min-width:56px}.chord-overview__note small{font-size:11px;font-family:var(--mono);color:var(--muted);margin-top:6px;line-height:normal;display:block}.chord-overview__ball{width:38px;height:38px;font-family:var(--mono);filter:drop-shadow(0 0 3px var(--chord-overview-ball-glow,transparent));border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:normal;transition:transform .2s,filter .2s;display:inline-flex}.chord-overview__ball:hover{transform:translateY(-2px)}.chord-overview__formula{font-family:var(--heading);color:var(--parchment);text-shadow:0 0 16px var(--brass-dim);font-size:22px;line-height:normal}.chord-overview__bass-note{color:var(--muted);margin:10px 0 0;font-size:13px}.chord-overview__bass-note .readout{font-size:13px}.chord-overview__explain{margin-top:16px}.chord-overview__grid+.chord-overview__explain{margin-top:20px}.chord-overview__explain strong{color:var(--parchment);font-weight:600}.chord-overview__block{margin-top:20px}.chord-overview__grid+.chord-overview__block,.chord-overview__explain+.chord-overview__block{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.chord-overview__similar-list{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}@media (width<=560px){.chord-overview{margin-bottom:16px}.chord-overview__col{padding-bottom:14px}.chord-overview__col:not(:first-child){padding-top:18px}.chord-overview__kicker{margin-bottom:14px}.chord-overview__notes{gap:10px}.chord-overview__note{min-width:44px}.chord-overview__ball{width:32px;height:32px;font-size:12px}.chord-overview__formula{font-size:20px}.chord-overview__grid+.chord-overview__explain,.chord-overview__grid+.chord-overview__block,.chord-overview__explain+.chord-overview__block{margin-top:16px;padding-top:16px}}.detection-badge{font-family:var(--mono);letter-spacing:.4px;color:var(--parchment);background:var(--scan-dim);border:1px solid var(--scan-border);border-radius:999px;align-items:center;gap:14px;padding:9px 18px 9px 14px;font-size:13px;display:inline-flex}.detection-badge__dot-wrap{flex-shrink:0;width:7px;height:7px;display:inline-flex;position:relative}.detection-badge__ripple{border-radius:50%;animation:1.6s ease-out forwards sig-ripple;position:absolute;inset:0}.detection-badge__dot{background:var(--scan);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse-scan;position:relative}.detection-badge__bars{align-items:flex-end;gap:2px;height:16px;display:flex}.detection-badge__bar{background:var(--scan);transform-origin:bottom;width:2.5px;filter:drop-shadow(0 0 3px var(--scan-border));border-radius:1px;animation:1s ease-in-out infinite scan-bar}.detection-badge__confidence{color:var(--scan)}.fretboard-diagram svg{width:100%;height:100%;display:block}.interval-dot--root{filter:drop-shadow(0 0 3px var(--interval-root-glow))}.interval-dot--third{filter:drop-shadow(0 0 3px var(--interval-3rd-glow))}.interval-dot--fifth{filter:drop-shadow(0 0 3px var(--interval-5th-glow))}.interval-dot--seventh{filter:drop-shadow(0 0 3px var(--interval-7th-glow))}.interval-dot--ext{filter:drop-shadow(0 0 3px var(--interval-ext-glow))}.interval-dot--ext9{filter:drop-shadow(0 0 3px var(--interval-ext-9-glow))}.interval-dot--ext11{filter:drop-shadow(0 0 3px var(--interval-ext-11-glow))}.interval-dot--ext13{filter:drop-shadow(0 0 3px var(--interval-ext-13-glow))}.interval-dot--sixth{filter:drop-shadow(0 0 3px var(--interval-6th-glow))}.fretboard-diagram--interactive{cursor:pointer;transition:border-color .15s,box-shadow .15s}.fretboard-diagram--interactive:hover,.fretboard-diagram--interactive:focus-visible{border-color:var(--brass-border);box-shadow:var(--shadow-inset), 0 0 0 1px var(--brass-border);outline:none}@media (hover:none){.fretboard-diagram.fretboard-diagram--interactive{border-color:var(--brass-border)}.fretboard-diagram--interactive:active{box-shadow:var(--shadow-inset), 0 0 0 1px var(--brass)}}.interval-legend{font-family:var(--mono);letter-spacing:.4px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}.interval-legend__item{align-items:center;gap:6px;line-height:normal;display:inline-flex}.interval-legend__swatch{border:1px solid;border-radius:50%;flex-shrink:0;width:10px;height:10px}.song-list .song-card{background:var(--brown-800);border:1px solid var(--brown-700);border-radius:var(--radius-sm);flex-shrink:0;padding:0;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden}.song-card__summary{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:background-color .15s;display:flex}.song-card__summary:hover{background:var(--brown-700)}.song-list .song-card:has(.song-card__summary:hover){border-color:var(--brass);box-shadow:0 0 0 2px var(--brass-dim)}.song-card__thumb-wrapper{flex-shrink:0;width:40px;height:40px;display:block}.song-card__thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--brown-700);flex-shrink:0;width:40px;height:40px}.song-card__thumb--placeholder{background:repeating-linear-gradient(45deg, var(--brown-700) 0 6px, var(--brown-800) 6px 12px);border:1px solid var(--brown-700)}.song-card__summary-text{flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.song-card__artist{color:var(--muted);font-size:13px;line-height:normal}.song-card__chevron{color:var(--muted);flex-shrink:0;font-size:12px;line-height:normal}.song-card__detail{flex-direction:column;gap:10px;padding:0 12px 14px;display:flex}.song-card__artist-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-card__artist-img{object-fit:cover;border:1px solid var(--brown-700);border-radius:50%;flex-shrink:0;width:56px;height:56px}.song-card__artist-chips{flex-wrap:wrap;gap:6px;display:flex}.song-card__spotify,.song-card__youtube{border-radius:var(--radius-sm);border:1px solid var(--brown-700);display:block}.song-card__ug-info{flex-wrap:wrap;gap:6px;display:flex}.song-card__why-differs{color:var(--muted);background:var(--brown-800);border:1px solid var(--brown-700);border-left:3px solid var(--moss);border-radius:var(--radius-sm);margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.song-card__why-differs .readout{font-size:13px}.song-card__ug-link{width:fit-content;font-family:var(--mono);letter-spacing:.6px;color:var(--brass);border:1px solid var(--brass-border);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.song-card__ug-link:hover{border-color:var(--brass);background:var(--brown-700);box-shadow:0 0 0 3px var(--brass-dim)}.song-card__ug-ext{opacity:.8;font-size:11px}@media (hover:none){.song-card__summary:active{background:var(--brown-700)}.song-list .song-card:active{border-color:var(--brass-border)}}.song-filters__toggle{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--brown-700);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:600;line-height:normal;transition:border-color .15s,color .15s;display:inline-flex}.song-filters__toggle:hover,.song-filters__toggle[aria-expanded=true]{color:var(--parchment);border-color:var(--brass-border)}.song-filters__count{padding:2px 8px;font-size:10px}.song-filters__chevron{color:var(--muted);font-size:10px}.song-filters__panel{flex-direction:column;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.song-filters__row{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.song-filters__row--split{flex-flow:wrap;align-items:flex-start;gap:10px 16px}.song-filters__subfield{flex-direction:column;flex:0 auto;align-items:flex-start;gap:6px;min-width:max-content;display:flex}.song-filters__combobox{width:100%;position:relative}.song-filters__combobox-input-row{align-items:center;display:flex;position:relative}.song-filters__artist-input{box-sizing:border-box;width:100%;padding:10px 36px 10px 12px;font-size:14px}.song-filters__combobox-clear{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex;position:absolute;right:8px}.song-filters__combobox-clear:hover{color:var(--parchment);background:var(--brown-700)}.song-filters__combobox-list{z-index:5;background:var(--brown-900);border:1px solid var(--brown-700);border-radius:var(--radius-sm);max-height:220px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--brown-700) transparent;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.song-filters__combobox-option{text-align:left;width:100%;font:14px/1.3 var(--sans);color:var(--parchment);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.song-filters__combobox-option--highlighted,.song-filters__combobox-option:hover{background:var(--brown-800)}.song-filters__combobox-count{font-family:var(--mono);color:var(--muted);flex-shrink:0;font-size:11px}.song-filters__combobox-empty{font-family:var(--mono);color:var(--muted);padding:10px;font-size:12px;display:block}.song-filters__genre-header{flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;margin-bottom:8px;display:flex}.song-filters__selected-chip{font-family:var(--mono);letter-spacing:.4px;color:var(--brown-950);background:var(--brass);border:1px solid var(--brass);cursor:pointer;border-radius:999px;align-items:baseline;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.song-filters__selected-chip:hover{background:var(--brass-hover);border-color:var(--brass-hover)}.song-filters__genre-search{box-sizing:border-box;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px}.song-filters__chip-group{scrollbar-width:thin;scrollbar-color:var(--brown-700) transparent;flex-wrap:wrap;gap:6px;max-height:140px;padding-right:4px;display:flex;overflow-y:auto}.song-filters__chip{font-family:var(--mono);letter-spacing:.4px;color:var(--muted);background:var(--brown-800);border:1px solid var(--brown-700);cursor:pointer;border-radius:999px;align-items:baseline;gap:5px;padding:4px 12px;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.song-filters__chip-count{opacity:.75;font-size:9px}.song-filters__chip[aria-pressed=true] .song-filters__chip-count{opacity:.85}.song-filters__chip:hover{color:var(--parchment);border-color:var(--brass-border)}.song-filters__chip[aria-pressed=true]{color:var(--brown-950);background:var(--brass);border-color:var(--brass)}.song-filters__segmented{border:1px solid var(--brown-700);border-radius:999px;display:inline-flex;overflow:hidden}.song-filters__segment{font-family:var(--mono);letter-spacing:.4px;color:var(--muted);background:var(--brown-800);border:none;border-right:1px solid var(--brown-700);cursor:pointer;white-space:nowrap;padding:6px 14px;font-size:11px;transition:color .15s,background .15s}.song-filters__segment:last-child{border-right:none}.song-filters__segment:hover{color:var(--parchment)}.song-filters__segment[aria-pressed=true]{color:var(--brown-950);background:var(--brass)}.song-filters__year-range{align-items:center;gap:6px;display:flex}.song-filters__year-input{box-sizing:border-box;appearance:textfield;width:82px;padding:8px 22px 8px 8px;font-size:13px}.song-filters__year-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.song-filters__year-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.song-filters__year-field{align-items:center;display:flex;position:relative}.song-filters__year-steppers{flex-direction:column;width:16px;display:flex;position:absolute;top:3px;bottom:3px;right:3px}.song-filters__year-stepper{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:7px;line-height:1;display:flex}.song-filters__year-stepper:hover{color:var(--brass)}.song-filters__year-stepper:active{color:var(--parchment)}.song-filters__year-sep{color:var(--muted)}.song-filters__clear{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border:1px solid var(--brown-700);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:7px 16px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s}.song-filters__clear:hover{color:var(--parchment);border-color:var(--brass-border)}.song-filters__empty{text-align:center;font-family:var(--mono);color:var(--muted);background:var(--brown-800);border:1px dashed var(--brown-700);border-radius:var(--radius-sm);margin-top:16px;padding:20px 16px;font-size:13px}.chord-tone-panel.panel{flex-direction:column;flex:1;gap:5px;min-height:0;padding:8px 10px;display:flex}.chord-tone-panel__list{flex-direction:column;flex:1;justify-content:center;gap:9px;display:flex}.chord-tone-panel__group-item{flex-direction:column;gap:2px;display:flex}.chord-tone-panel__group-label{font-family:var(--mono);letter-spacing:.9px;text-transform:uppercase;color:var(--moss);opacity:.8;margin-top:1px;font-size:8px;font-weight:600}.chord-tone-panel__cell{border-radius:var(--radius-sm);box-sizing:border-box;border:1px solid;height:26px;padding:4px 12px 4px 8px;overflow:hidden}.chord-tone-panel__cell-inner{align-items:center;gap:6px;display:flex}.chord-tone-panel__cell-inner--muted{opacity:.55}.chord-tone-panel__chip{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chord-tone-panel__chip-note{font-family:var(--mono);font-size:8px;font-weight:700}.chord-tone-panel__chip--empty,.chord-tone-panel__chip--muted{background:0 0;border-style:dashed}.chord-tone-panel__chip--empty{opacity:.6}.chord-tone-panel__row-title{min-width:30px;font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:600;line-height:1.25}.chord-tone-panel__ref{min-width:0;font-family:var(--mono);letter-spacing:.15px;color:var(--muted);white-space:nowrap;font-size:10px;line-height:1.3}.chord-tone-panel__ref-active{text-underline-offset:1.5px;text-decoration:underline;text-decoration-thickness:1.25px}.chord-tone-panel__ref-active--played{color:var(--brass);font-weight:700}.chord-tone-panel__ref-sep{opacity:.6}.voicing-modal{width:480px}.voicing-modal .capture-modal__top{margin-bottom:18px}.voicing-modal .capture-modal__top:not(:has(.voicing-modal__chord-name)){justify-content:flex-end}.voicing-modal__chord-name .readout{font-size:20px}.voicing-modal .capture-modal__body{gap:10px}.voicing-modal--with-tones{width:755px}.voicing-modal__row{align-items:stretch;gap:20px;display:flex}.voicing-modal__diagram-col{flex-direction:column;flex:0 0 432px;min-width:0;display:flex}.voicing-modal__tones-col{flex-direction:column;flex:auto;min-width:0;display:flex}@media (width<=760px){.voicing-modal--with-tones{width:92vw;max-width:480px}.voicing-modal__row{flex-direction:column}.voicing-modal__diagram-col{flex-basis:auto;width:100%}}.voicing-modal__section-title{text-align:center;margin:0 0 6px}.voicing-modal__diagram-box.panel{flex-direction:column;flex:1;min-height:0;padding:8px 10px;display:flex}@media (width<=760px){.voicing-modal__diagram-box.panel{flex:none;min-height:auto}}.voicing-modal__diagram-box .fretboard-diagram{box-shadow:none;background:0 0;border-color:#0000;padding:0!important}.voicing-modal__legend{border-bottom:1px solid var(--brown-700);justify-content:center;margin-bottom:8px;padding-bottom:8px}.voicing-modal__details{flex-direction:column;gap:8px;margin-top:4px;display:flex}.voicing-modal__details p{color:var(--muted);margin:0;font-size:14px}.voicing-modal__details strong{color:var(--parchment);font-weight:600}.voicing-modal__row-3col{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.voicing-modal__row-3col-item{color:var(--muted);white-space:nowrap;margin:0;font-size:14px}.voicing-modal__row-3col-item--notes{white-space:normal;min-width:0}.voicing-modal__row-3col-sep{color:var(--muted);opacity:.5}.voicing-modal__omitted{border-top:1px solid var(--brown-700);padding-top:8px}@media (width<=760px){.voicing-modal{width:92vw;max-width:480px}}.results-page{position:relative}.results-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(76.4vw 800px at 50% 0%, transparent 45%, #0006 100%), radial-gradient(#ffffff03 1px, transparent 1px) 0 0 / 3px 3px, var(--brown-950);width:100vw;height:1000px;position:absolute;top:-90.09px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.results-header{gap:4px}.results-header h1{margin-bottom:4px;font-size:65px;font-weight:600;line-height:1}.results-header__searched-as{color:var(--muted);text-shadow:none;font-size:.5em;font-weight:400}.results-header__searched-as .readout{font-size:1em}.results-header__ambiguity-note{color:var(--muted);margin:0;font-size:13px}.results-header__ambiguity-note .readout{font-size:13px}.results-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=780px){.results-grid{grid-template-columns:1fr}}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{letter-spacing:1.4px;margin-bottom:0;font-size:14px}.panel-header__title{align-items:baseline;gap:8px;display:flex}.panel-header__count{font-family:var(--mono);color:var(--placeholder);font-size:11px;line-height:normal}.results-list-caption{font-family:var(--mono);color:var(--placeholder);text-align:center;margin-top:8px;font-size:10px;line-height:normal}.voicing-list,.song-list{scrollbar-width:thin;scrollbar-color:var(--brown-700) transparent;flex-direction:column;gap:8px;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.song-list,.voicing-list{max-height:590px}.voicing-list::-webkit-scrollbar{width:8px}.song-list::-webkit-scrollbar{width:8px}.voicing-list::-webkit-scrollbar-thumb{background:var(--brown-700);border-radius:4px}.song-list::-webkit-scrollbar-thumb{background:var(--brown-700);border-radius:4px}.related-notes{flex-direction:column;gap:8px;margin-top:16px;display:flex}.related-note{color:var(--muted);background:var(--brown-800);border:1px solid var(--brown-700);border-left:3px solid var(--moss);border-radius:var(--radius-sm);margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.related-note .readout{font-size:13px}.related-note--collapsible{padding:0}.related-note__toggle{width:100%;color:var(--parchment);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:600;transition:color .15s;display:flex}.related-note__toggle:hover{color:var(--brass)}.related-note__chevron{color:var(--muted);flex-shrink:0;font-size:12px;line-height:normal}.related-note__body{margin:0;padding:0 12px 10px}.quality-fallback-group{margin-top:12px}.quality-fallback-group .voicing-list__section{margin-bottom:6px}.voicing-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.voicing-list__item{flex-direction:column;align-items:stretch;gap:6px;display:flex}.voicing-list__legend-row{z-index:3;background:var(--brown-900);border-bottom:1px solid var(--brown-700);grid-column:1/-1;align-items:center;height:40px;margin-bottom:4px;display:flex;position:sticky;top:0}.voicing-list__section-row{z-index:2;background:var(--brown-900);grid-column:1/-1;position:sticky;top:40px}.voicing-list__section{text-align:center;align-items:center;gap:12px;margin:8px 0 0;line-height:normal;display:flex}.voicing-list__section:before,.voicing-list__section:after{content:"";background:var(--border);flex:1;height:1px}.voicing-list__legend-row+.voicing-list__section-row .voicing-list__section{margin-top:0}.voicing-list__capo-chip{font-family:var(--mono);letter-spacing:.5px;color:var(--moss);align-self:center;padding:1px 8px;font-size:10px;line-height:normal}.song-title{color:var(--parchment);font-weight:600;line-height:normal}.song-list__sentinel{flex-shrink:0;height:1px}.results-hero-row{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.results-hero-row .results-header{flex:1;min-width:260px}.results-jump{display:none}@media (width<=780px){.results-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.results-header h1{font-size:40px}.results-hero-row{gap:14px;margin-bottom:16px}.chord-overview{margin-bottom:16px}.results-grid{gap:16px}.panel-header{flex-wrap:wrap}.voicing-list{gap:8px;max-height:460px}.voicing-list,.song-list{margin-top:12px}.results-jump{z-index:10;background:var(--brown-950);border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:8px;margin:0 -18px 8px;padding:8px 18px;display:flex;position:sticky;top:66px}.results-jump button{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--brown-800);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:1;padding:7px 10px;font-size:11px}.results-jump button:active{color:var(--brass);border-color:var(--brass)}#results-overview,#results-voicings,#results-songs{scroll-margin-top:132px}}.about-page{gap:0;max-width:960px;margin:0 auto}.about-hero-copy{max-width:64ch;margin:0 0 40px;font-size:17px;line-height:1.65}.about-stats.about-stats{background-image:none;margin-bottom:56px;padding:0;display:flex;overflow:hidden}.about-stats__item{text-align:center;border-right:1px solid var(--border);flex:1;padding:22px 12px}.about-stats__item:last-child{border-right:none}.about-stats__value{font-size:28px;font-weight:600;line-height:normal}.about-stats__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin-top:6px;font-size:10px;line-height:normal}.about-section{margin-bottom:56px}.about-section h2,.about-section-card h2{letter-spacing:1.3px;margin-bottom:16px;font-size:13px;line-height:normal}.about-section>p{max-width:66ch;font-size:15px;line-height:1.7}.about-section>p+p{margin-top:16px}.about-hood-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.about-hood-card.about-hood-card{text-align:left;padding:22px}.about-hood-card h3{color:var(--parchment);letter-spacing:.96px;font-size:12px;line-height:normal}.about-hood-card p{margin:0;font-size:13.5px;line-height:1.6}.about-section-card.about-section-card{text-align:left;margin-bottom:24px;padding:32px}.about-section-card p{max-width:66ch;margin:0;font-size:15px;line-height:1.7}.about-section-card p+p{margin-top:14px}.about-source-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 28px;display:grid}.about-source-grid__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);margin-bottom:12px;font-size:11px;line-height:normal}.about-source-list{flex-direction:column;gap:9px;font-size:13.5px;display:flex}.about-source-list li{align-items:baseline;gap:8px;line-height:normal;display:flex}.about-source-list__mark--yes{color:var(--brass)}.about-source-list__mark--no{color:var(--placeholder)}.about-source-note.about-source-note{color:var(--muted);max-width:56ch;margin:0 0 15px;font-size:12.5px}a.about-resource-link{letter-spacing:.6px;color:var(--brown-900);border:none;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0000004d}@media (width<=800px){.about-stats{flex-wrap:wrap}.about-stats__item{flex:50%}.about-hood-grid,.about-source-grid{grid-template-columns:1fr}}.how-it-works-page{z-index:0;--hiw-well-bg:#150e07;--hiw-well-border:#3a2a18;--hiw-tag-bg:#1c1209;--hiw-tag-border:#4a3826;--hiw-spectrogram-border:#4a3520;max-width:980px;margin:0 auto;position:relative}.how-it-works-page:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(560px 420px at 14% 22%,#c89b5c0b,#0000 70%),radial-gradient(520px 380px at 86% 42%,#6fe3d607,#0000 70%),radial-gradient(600px 430px at 34% 64%,#d9895c08,#0000 70%),radial-gradient(480px 360px at 76% 88%,#c89b5c0a,#0000 70%),radial-gradient(500px 380px at 85% 88%,#c89b5c0f,#0000),radial-gradient(420px 340px at 8% 55%,#6fe3d609,#0000);background-position:top,top,top,top,bottom,bottom;background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,no-repeat,no-repeat;background-size:100% 1800px,100% 1800px,100% 1800px,100% 1800px,auto,auto;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.how-it-works-page *{line-height:normal}.how-it-works-page h1{margin-bottom:16px;font-size:44px}.how-it-works-intro{max-width:64ch;margin-bottom:64px;font-size:17px;line-height:1.65}.hiw-pipeline{flex-direction:column;gap:64px;display:flex;position:relative}.hiw-pipeline__spine{background:var(--border);z-index:0;width:2px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.hiw-pipeline__spine-dot{background:var(--border);z-index:0;border-radius:50%;width:9px;height:9px;position:absolute;left:50%;transform:translate(-50%,-50%)}.hiw-pipeline__spine-dot--top{top:0}.hiw-pipeline__spine-dot--bottom{bottom:0;transform:translate(-50%,50%)}.hiw-stage{grid-template-columns:1fr 64px 1fr;align-items:center;gap:20px;display:grid;position:relative}.hiw-stage__illustration,.hiw-stage__number,.hiw-stage__text{grid-row:1}.hiw-stage__illustration{grid-column:1;min-width:0}.hiw-stage__text{text-align:left;grid-column:3}.hiw-stage--reverse .hiw-stage__illustration{grid-column:3}.hiw-stage--reverse .hiw-stage__text{grid-column:1}.hiw-stage__number{background:var(--brown-900);border:2px solid var(--brass);width:44px;height:44px;color:var(--brass);font-family:var(--mono);text-shadow:none;z-index:1;border-radius:50%;grid-column:2;justify-content:center;justify-self:center;align-items:center;font-size:16px;font-weight:600;display:flex}.hiw-stage__text h3{color:var(--moss);margin-bottom:10px}.hiw-stage__text p{margin:0;font-size:14px;line-height:1.65}.hiw-stage__acc-header{display:none}.hiw-illustration,.hiw-stage__text{position:relative}.hiw-stage__illustration .hiw-illustration:after{content:"";z-index:0;background:#7d5b37;width:34px;height:2px;position:absolute;top:50%;right:-34px}.hiw-stage__text:before{content:"";z-index:0;background:#7d5b37;width:34px;height:2px;position:absolute;top:50%;left:-34px}.hiw-stage--reverse .hiw-stage__illustration .hiw-illustration:after{content:none}.hiw-stage--reverse .hiw-stage__illustration .hiw-illustration:before{content:"";z-index:0;background:#7d5b37;width:34px;height:2px;position:absolute;top:50%;left:-34px}.hiw-stage--reverse .hiw-stage__text:before{content:none}.hiw-stage--reverse .hiw-stage__text:after{content:"";z-index:0;background:#7d5b37;width:34px;height:2px;position:absolute;top:50%;right:-34px}.hiw-illustration.hiw-illustration{text-align:left;padding:22px}.hiw-illustration__tag{font-family:var(--mono);color:var(--brass);background:var(--hiw-tag-bg);border:1px solid var(--hiw-tag-border);border-radius:5px;margin-bottom:12px;padding:4px 8px;font-size:10.5px;display:inline-block}.hiw-illustration__caption{border-top:1px solid var(--hiw-well-border);margin:12px 0 0;padding-top:10px;font-size:12.5px;line-height:1.6}.hiw-spectrogram{align-items:stretch;gap:8px;display:flex}.hiw-spectrogram__labels{font-family:var(--mono);color:var(--brass);flex-direction:column;justify-content:space-between;padding:2px 0 20px;font-size:11px;font-weight:600;display:flex}.hiw-spectrogram__image-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hiw-spectrogram__image{border:1px solid var(--hiw-spectrogram-border);border-radius:6px;width:100%;height:auto;display:block}.hiw-spectrogram__times{font-family:var(--mono);color:var(--brass);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.hiw-spectrogram__colorbar-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.hiw-spectrogram__colorbar{border:1px solid var(--hiw-spectrogram-border);background:linear-gradient(#fcfdbf,#ed6925,#a52c60,#4a0c6b,#000004);border-radius:3px;flex:1;width:12px}.hiw-spectrogram__times--spacer{visibility:hidden}.hiw-spectrogram__colorbar-ticks{font-family:var(--mono);color:#7d5b37;flex-direction:column;justify-content:space-between;padding:2px 0 20px;font-size:10px;display:flex}.hiw-audio-player{background:var(--hiw-well-bg);border:1px solid var(--hiw-well-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;display:flex}.hiw-audio-player__toggle{background:var(--brass);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.hiw-audio-player__icon-play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--hiw-tag-bg);width:0;height:0;margin-left:2px}.hiw-audio-player__icon-pause{gap:2.5px;display:flex}.hiw-audio-player__icon-pause span{background:var(--hiw-tag-bg);width:3px;height:11px;display:block}.hiw-audio-player__waveform{flex:1;align-items:center;gap:2px;height:24px;display:flex;position:relative}.hiw-audio-player__bar{border-radius:1px;flex:1;min-width:0}.hiw-audio-player__time{font-family:var(--mono);color:var(--border);flex-shrink:0;font-size:9px}.hiw-audio-player__native{display:none}.hiw-illustration--cnn.hiw-illustration--cnn{width:442px;padding:20px 14px 14px}.hiw-cnn-diagram{box-sizing:border-box;grid-template-rows:36px 46px 34px;grid-auto-flow:column;justify-content:center;align-items:stretch;gap:4px 5px;width:100%;padding:20px 0 24px 12px;display:grid;position:relative;overflow:visible}.hiw-cnn-diagram__label{font-family:var(--mono);color:#e2d9c9;text-align:center;white-space:nowrap;place-self:end center;font-size:9px;font-weight:600;line-height:1.3}.hiw-cnn-diagram__label-dims{color:#a98866;font-size:7.5px;font-weight:400}.hiw-cnn-diagram__dims{font-family:var(--mono);color:#a98866;text-align:center;white-space:nowrap;place-self:start center;font-size:8px;line-height:1.4}.hiw-cnn-diagram__flatten-bars{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.hiw-cnn-diagram__flatten-bar{border-radius:1px;width:16px;height:4px}.hiw-cnn-diagram__thumb{object-fit:cover;border:1px solid var(--hiw-spectrogram-border);transform-origin:50%;border-radius:3px;width:44px;height:44px;transform:rotateY(18deg);box-shadow:3px 3px 8px -3px #0009}.hiw-cnn-diagram__connector{z-index:2;position:absolute;top:77px;overflow:visible}.hiw-cnn-diagram__heads-fan-svg{flex-shrink:0}.hiw-cnn-diagram__heads{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.hiw-cnn-diagram__head{align-items:center;gap:6px;display:flex}.hiw-cnn-diagram__head-dot{border-radius:3px;flex-shrink:0;width:13px;height:13px}.hiw-cnn-diagram__head-label{font-family:var(--mono);white-space:nowrap;font-size:9.5px;font-weight:700;line-height:1.4}.hiw-cnn-diagram__head-sub{color:#a98866;font-size:7px;font-weight:400}.hiw-note-bars{background:var(--hiw-well-bg);border:1px solid var(--hiw-well-border);border-radius:6px;padding:10px 10px 8px}.hiw-note-bars__bars{align-items:flex-end;gap:3px;height:52px;display:flex}.hiw-note-bars__col{flex:1;align-items:flex-end;height:100%;display:flex}.hiw-note-bars__bar{border-radius:2px;width:100%}.hiw-note-bars__labels{gap:3px;margin-top:4px;display:flex}.hiw-note-bars__labels span{text-align:center;font-family:var(--mono);flex:1;font-size:9px}.hiw-chord-summary{background:var(--hiw-well-bg);border:1px solid var(--hiw-well-border);font-family:var(--mono);border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px 10px;font-size:11px;display:flex}.hiw-chord-summary__label{color:var(--muted)}.hiw-chord-summary__plus{color:var(--hiw-tag-border)}.hiw-chord-summary__eq{color:var(--border)}.hiw-chord-summary__result{border:1px solid var(--scan);background:#132320;border-radius:6px;padding:2px 9px;font-weight:700}.hiw-voicing-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.hiw-voicing-card{border:1px solid var(--border);background:var(--brown-950);border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.hiw-voicing-card--featured{border-color:var(--scan-border);background:linear-gradient(var(--brown-900), var(--brown-950));box-shadow:0 0 12px var(--scan-dim)}.hiw-voicing-card__name{font-family:var(--mono);color:var(--parchment);font-size:10px;font-weight:600}.hiw-voicing-card--featured .hiw-voicing-card__name{color:var(--scan)}.hiw-voicing-card__grid{aspect-ratio:100/128;width:100%;position:relative}.hiw-voicing-card__nut{background:var(--parchment);width:86%;height:2px;position:absolute;top:15%;left:7%}.hiw-voicing-card__fret-label{font-family:var(--mono);color:var(--brass);font-size:8px;font-weight:600;position:absolute;top:2%;right:0}.hiw-voicing-card__vline{background:var(--border);width:1px;height:78%;position:absolute;top:15%}.hiw-voicing-card__hline{background:var(--border);width:86%;height:1px;position:absolute;left:7%}.hiw-voicing-card__dot{aspect-ratio:1;width:16%;font-family:var(--mono);color:var(--brown-950);z-index:2;border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:6px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.hiw-voicing-card__mute{font-family:var(--mono);color:var(--parchment);font-size:9px;position:absolute;top:0;transform:translate(-50%)}.hiw-voicing-card__mute--open{color:var(--interval-3rd)}.hiw-song-list{flex-direction:column;gap:7px;display:flex}.hiw-song-row{background:var(--hiw-well-bg);border:1px solid var(--hiw-well-border);border-radius:6px;align-items:center;gap:9px;padding:7px 9px;display:flex}.hiw-song-row--live{border:1px dashed var(--scan);background:#6fe3d60d}.hiw-song-row__cover{background:repeating-linear-gradient(45deg, var(--border) 0 6px, var(--brown-800) 6px 12px);border-radius:4px;flex-shrink:0;width:30px;height:30px}.hiw-song-row__info{flex:1;min-width:0}.hiw-song-row__title{color:#e2d9c9;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.hiw-song-row__title--live{color:var(--scan)}.hiw-song-row__chords-match{font-weight:700}.hiw-song-row__artist{color:var(--border);font-size:10px}.hiw-song-row__chords{font-family:var(--mono);color:#8a6b42;white-space:nowrap;flex-shrink:0;font-size:8.5px}.hiw-chromatic-cols{grid-template-columns:repeat(12,1fr);gap:2px;margin-bottom:8px;display:grid}.hiw-chromatic-cols__note{text-align:center;font-family:var(--mono);font-size:7.5px}.hiw-chromatic-row{grid-template-columns:repeat(12,1fr);gap:2px;margin-bottom:4px;display:grid}.hiw-chromatic-row__cell{aspect-ratio:1;font-family:var(--mono);color:var(--brown-950);border:1px solid;border-radius:3px;justify-content:center;align-items:center;font-size:7.5px;font-weight:800;display:flex}.hiw-chromatic-formula{font-family:var(--mono);color:var(--brass);margin-bottom:12px;font-size:9px}@media (width<=900px){.hiw-stage,.hiw-stage--reverse{grid-template-columns:minmax(0,1fr);gap:12px}.hiw-stage__illustration,.hiw-stage--reverse .hiw-stage__illustration,.hiw-stage__text,.hiw-stage--reverse .hiw-stage__text{grid-column:1}.hiw-stage__number{grid-area:1/1;justify-self:start}.hiw-stage__illustration,.hiw-stage--reverse .hiw-stage__illustration{grid-row:2}.hiw-stage__text,.hiw-stage--reverse .hiw-stage__text{grid-row:3}.hiw-pipeline__spine{left:22px}.hiw-stage__illustration .hiw-illustration:after,.hiw-stage__text:before,.hiw-stage--reverse .hiw-stage__illustration .hiw-illustration:before,.hiw-stage--reverse .hiw-stage__text:after{content:none}.hiw-pipeline{gap:16px;padding:10px 0}.hiw-pipeline__spine{top:5px;bottom:5px}.hiw-pipeline__spine-dot{left:22px}.hiw-pipeline__spine-dot--top{top:5px}.hiw-pipeline__spine-dot--bottom{bottom:5px}.hiw-stage__acc-header{background:var(--brown-800);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font:inherit;text-align:left;cursor:pointer;grid-area:1/1;align-items:center;gap:10px;padding:12px 14px;display:flex}.hiw-stage__acc-header:active{border-color:var(--brass)}.hiw-stage__acc-title{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--moss);flex:1;font-size:13px;font-weight:600}.hiw-stage__acc-chevron{width:15px;height:15px;color:var(--brass);flex-shrink:0;transition:transform .2s}.hiw-stage--open .hiw-stage__acc-chevron{transform:rotate(180deg)}.hiw-stage__number,.hiw-stage__text h3,.hiw-stage--collapsed .hiw-stage__illustration,.hiw-stage--collapsed .hiw-stage__text{display:none}}@media (width<=480px){.hiw-stage__illustration,.hiw-stage--reverse .hiw-stage__illustration{min-width:0;overflow-x:auto}.hiw-illustration.hiw-illustration{max-width:100%;overflow-x:auto}.hiw-illustration--cnn.hiw-illustration--cnn{width:100%;padding:20px 8px 12px;overflow:hidden}.hiw-cnn-diagram{zoom:.66;width:430px;margin-inline:auto;padding-left:6px;overflow-x:visible}.hiw-illustration__tag{white-space:normal}}.app-shell{flex-direction:column;flex:1;display:flex}.app-header{width:calc(100vw - var(--scrollbar-w,0px));margin-left:calc(50% - 50vw + var(--scrollbar-w,0px) / 2);margin-right:calc(50% - 50vw + var(--scrollbar-w,0px) / 2);z-index:20;background:linear-gradient(var(--header-gradient-from), var(--brown-900));justify-content:space-between;align-items:center;gap:16px;padding:12px 48px;display:flex;position:sticky;top:0;box-shadow:0 6px 14px -8px #0009,inset 0 1px #ffffff0a,inset 0 -1px #0006}@media (width<=700px){.app-header{gap:10px;padding:14px 20px}}.app-nav{align-items:center;gap:20px;display:flex}@media (width<=700px){.app-nav{gap:12px}}.app-nav__link{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500;line-height:normal;text-decoration:none;transition:color .15s}@media (width<=700px){.app-nav__link{font-size:11px}}.app-nav__link:hover,.app-nav__link.active{color:var(--brass)}.brand{font-family:var(--heading);letter-spacing:.01em;color:var(--parchment);align-items:center;gap:9px;font-size:20px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.brand:hover{color:var(--brass)}.brand__accent{color:var(--brass);font-style:italic}.brand:before{content:"";background:var(--scan);width:8px;height:8px;box-shadow:0 0 8px 1px var(--scan-border);border-radius:50%;transition:box-shadow .15s;display:inline-block}.brand:hover:before{box-shadow:0 0 10px 2px var(--scan-border)}.app-nav-toggle{border:1px solid var(--brown-700);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:none}.app-nav-toggle:hover,.app-nav-toggle[aria-expanded=true]{border-color:var(--brass-border);color:var(--brass)}.app-nav-toggle__icon{flex-direction:column;gap:4px;width:16px;display:flex}.app-nav-toggle__icon span{background:currentColor;border-radius:1px;height:2px;display:block}@media (width<=480px){.app-nav-toggle{display:flex}.app-nav{background:var(--brown-900);border:1px solid var(--border);border-top-color:var(--bevel-light);border-radius:var(--radius-sm);min-width:190px;box-shadow:var(--shadow);z-index:40;flex-direction:column;align-items:stretch;gap:2px;margin-top:6px;padding:8px;display:none;position:absolute;top:100%;right:12px}.app-nav--open{display:flex}.app-nav__link{padding:10px;font-size:12px}.app-nav .accessibility-menu{padding:4px 10px}.app-nav .accessibility-menu__panel.panel{z-index:50;width:auto;position:fixed;top:58px;left:12px;right:12px}}@media (hover:none){.brand:active,.app-nav__link:active{color:var(--brass)}}.handedness-toggle{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border:1px solid var(--brown-700);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:600;line-height:normal;transition:border-color .15s,color .15s,background .15s}.handedness-toggle:hover{color:var(--parchment);border-color:var(--brass-border)}.handedness-toggle[aria-pressed=true]{color:var(--brown-950);background:var(--brass);border-color:var(--brass)}.app-main{flex-direction:column;flex:1;gap:40px;padding:40px 32px 64px;display:flex}@media (width<=700px){.app-main{gap:28px;padding:28px 18px 48px}}.section{flex-direction:column;align-items:stretch;display:flex}.panel{background-color:var(--brown-900);background-image:radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px), radial-gradient(circle, var(--rivet) 1.4px, transparent 1.6px);border:1px solid var(--border);border-top-color:var(--bevel-light);border-radius:var(--radius);box-shadow:var(--shadow);background-position:8px 8px,calc(100% - 8px) 8px,8px calc(100% - 8px),calc(100% - 8px) calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;padding:24px;position:relative}@media (width<=700px){.panel{padding:18px}}.panel--recessed{background-color:var(--brown-800);box-shadow:var(--shadow-inset);border-color:var(--brown-700);background-image:none}.fretboard-diagram{box-sizing:border-box;width:100%}.btn{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--parchment);background:var(--brown-800);border:1px solid var(--brown-700);border-radius:var(--radius-sm);cursor:pointer;padding:12px 20px;font-size:13px;font-weight:600;line-height:normal;transition:border-color .15s,transform 50ms,background .15s}.btn:hover:not(:disabled){border-color:var(--brass-border);background:var(--brown-700)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brass);border-color:var(--brass);color:var(--brown-950)}.btn-primary:hover:not(:disabled){background:var(--brass-hover);border-color:var(--brass-hover)}.btn-ghost{border-color:var(--brown-700);color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--parchment)}.btn-close{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--brown-700);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px}.btn-close:hover:not(:disabled){color:var(--parchment);border-color:var(--brass-border)}.record-btn{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--parchment);background:var(--brown-800);border:1px solid var(--brown-700);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 20px 10px 14px;font-size:13px;font-weight:700;line-height:normal;transition:border-color .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #00000059}.record-btn:hover:not(:disabled):not(.record-btn--live){border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-dim);animation:1.4s ease-in-out infinite dropzone-breathe}.record-btn:disabled{opacity:.5;cursor:not-allowed}.record-btn__dot{background:var(--record-red);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:1.4s ease-in-out infinite pulse-record;box-shadow:0 0 0 3px #d92b2b33}@keyframes pulse-record{0%,to{box-shadow:0 0 0 3px #d92b2b40}50%{box-shadow:0 0 0 7px #d92b2b14}}.record-btn--live{border-color:var(--record-red);background:#d92b2b1f}.record-btn--big{padding:18px 34px 18px 22px;font-size:16px}.record-btn--big .record-btn__dot{width:18px;height:18px}.record-btn--block{letter-spacing:1.04px;justify-content:center;width:100%;padding:9px 20px;font-size:13px}.field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.field-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px}.text-input{font:16px/1 var(--sans);color:var(--parchment);background:var(--brown-800);border:1px solid var(--brown-700);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--brass);box-shadow:var(--shadow-inset), 0 0 0 3px var(--brass-dim)}.text-input::placeholder{color:var(--placeholder)}.file-input{font-family:var(--mono);color:var(--muted);font-size:13px}.readout{font-family:var(--mono);color:var(--scan);text-shadow:0 0 18px var(--scan-dim)}.badge{font-family:var(--mono);letter-spacing:.4px;color:var(--parchment);background:var(--scan-dim);border:1px solid var(--scan-border);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;line-height:normal;display:inline-flex}.badge__dot{background:var(--scan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #6fe3d62e}.tag{font-family:var(--mono);letter-spacing:.6px;color:var(--muted);background:var(--brown-800);border:1px solid var(--brown-700);border-radius:999px;padding:3px 10px;font-size:11px;line-height:normal;display:inline-block}.status-text{font-family:var(--mono);color:var(--muted);font-size:14px;line-height:normal}.status-text--warn{color:var(--brass)}.status-text--error{color:var(--error)}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.divider{background:var(--border);border:none;height:1px;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}