@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:Instrument Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#161616;background:#fbfaf6;line-height:1.4;font-weight:400;--font-body: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-heading: var(--font-body);--font-label: var(--font-body);--text-label: .74rem;--text-sm: .86rem;--text-base: .96rem;--text-heading: 1.08rem;--text-title: 1.22rem;--text-display: clamp(2.5rem, 3.8vw, 4rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.03em;--tracking-ui: .08em;--tracking-wide: .12em;--tracking-label: .12em;--leading-tight: 1.08;--leading-base: 1.4;--leading-copy: 1.35;--paper: #fbfaf6;--ink: #161616;--muted: #6f6b63;--line: #d8d2c6;--root: #f5d7d2;--tension: #dbe9f6;--minor: #d9eedf;--alt: #f3e3c8;--warning: #d57f52;--accent-soft: #e3ebf3;--accent-soft-strong: #d3dfec;--accent-ink: #334155;--accent-border: rgba(83, 102, 128, .18);--fret-inlay-fill: rgba(149, 149, 149, .224)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base)}button,select,input{font:inherit}.app-shell{padding:24px 24px 56px;max-width:1540px;margin:0 auto}.app-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20;width:fit-content;max-width:min(560px,calc(100% - 32px));padding:10px 14px;border:1px solid rgba(83,102,128,.18);background:#fffffff5;box-shadow:0 10px 24px #0f172a14;color:var(--accent-ink);font-size:var(--text-base)}.app-footer{margin-top:40px;padding-top:12px;border-top:1px solid rgba(216,210,198,.65)}.app-footer a{color:#4f5f73;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.panel-header p,.aliases{color:var(--muted)}.app-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(216,210,198,.65)}.app-brand{font-family:var(--font-label);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.layout{display:grid;gap:16px;align-items:stretch}.top-layout{grid-template-columns:minmax(240px,1fr) minmax(0,3fr) minmax(240px,1fr);margin-bottom:16px;align-items:start}.chord-state-panel{display:grid;align-content:start;min-height:0;height:fit-content;align-self:start}.center-column{display:grid;gap:16px;min-width:0;align-content:start}.interpretations-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:fit-content;align-self:start}.results-section{width:100%;min-width:0}.results-panel{display:grid;gap:0}.results-panel .panel-header{margin-bottom:10px}.results-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.results-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#a8a29e;font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);padding:0 0 14px;text-transform:uppercase;font-family:var(--font-label)}.results-tab-active{border-bottom-color:var(--ink);color:var(--ink)}.results-tab-panel{display:grid;gap:16px}.results-tab-panel-scroll{max-height:min(66vh,720px);overflow-y:auto;overflow-x:hidden;padding-right:6px}.results-header{margin-bottom:0}.fingerings-shell{display:grid;gap:14px}.fingerings-toolbar{display:flex;justify-content:flex-end}.fingerings-browser{position:relative}.fingering-controls{border:1px solid rgba(83,102,128,.18);border-radius:18px;background:linear-gradient(180deg,#fbfaf6fa,#fffffff0),#fffffff5;padding:16px;align-self:start;box-shadow:0 6px 18px #0f172a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fingering-controls-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 32px));z-index:12}.fingering-controls .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.fingering-controls-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.fingering-controls-header h3{margin:2px 0 0;font-family:var(--font-heading);font-size:var(--text-title);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.fingering-controls-eyebrow{margin:0;color:var(--muted);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.fingering-controls-close{border:1px solid rgba(83,102,128,.18);border-radius:999px;background:#ffffffd6;color:var(--accent-ink);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.fingering-controls-close span{font-size:var(--text-title);line-height:1}.panel{border:1px solid var(--line);background:#fff9;padding:16px;min-height:100%}.top-layout>.chord-state-panel,.top-layout>.interpretations-panel{min-height:fit-content}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}.panel-header>div{display:grid;gap:0}.panel-header h2{margin:0;line-height:var(--leading-tight);font-size:var(--text-title);font-weight:var(--weight-medium);font-family:var(--font-heading)}.panel-header p{margin:4px 0 0;font-size:var(--text-sm);line-height:var(--leading-copy)}.toggle:hover,.interpretation:hover,.candidate:hover{border-color:var(--ink)}.icon-toggle{border:1px solid rgba(83,102,128,.18);border-radius:999px;background:#ffffffd6;color:var(--accent-ink);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.app-nav-settings{position:relative;isolation:isolate;overflow:visible;flex-shrink:0;width:44px;height:44px;border:0;background:transparent;border-radius:0;cursor:pointer;transition:color .15s ease,transform .15s ease,opacity .15s ease}.app-nav-settings:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:radial-gradient(circle at 50% 50%,#728caa38,#728caa1f 45%,#728caa00 75%);box-shadow:0 10px 22px #5466801a,0 0 0 1px #728caa14;opacity:0;transform:scale(.94);transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;z-index:-1}.app-nav-settings-wrap{position:relative;display:flex;align-items:center;gap:8px;justify-content:flex-end}.app-nav-contact-wrap{position:relative}.app-nav-settings:hover,.app-nav-settings:focus-visible{color:var(--ink)}.app-nav-settings:hover{transform:translateY(-1px)}.app-nav-settings:hover:before,.app-nav-settings:focus-visible:before{opacity:1;transform:scale(1)}.app-nav-settings:focus-visible{outline:2px solid rgba(63,90,122,.22);outline-offset:2px}.app-nav-settings.active-toggle{background:transparent;color:var(--ink)}.app-nav-settings.active-toggle:before{opacity:1;transform:scale(1);background:radial-gradient(circle at 50% 50%,#728caa42,#728caa24 48%,#728caa00 78%);box-shadow:0 12px 26px #5466801f,0 0 0 1px #728caa1f}.contact-links-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:grid;gap:6px;padding:10px;border:1px solid rgba(216,210,198,.8);border-radius:14px;background:#fffffff7;box-shadow:0 12px 30px #0f172a14;z-index:12}.contact-links-popover a{color:var(--ink);text-decoration:none;font-size:var(--text-base);padding:8px 10px;border-radius:10px;transition:background-color .12s ease,color .12s ease}.contact-links-popover a:hover,.contact-links-popover a:focus-visible{background:#53668014;color:var(--accent-ink);outline:none}.icon-toggle:hover,.fingering-controls-close:hover{border-color:var(--accent-ink)}.settings-icon{width:23px;height:23px}.guitar-fretboard{width:100%;height:auto;display:block;min-height:300px}.guitar-fretboard-bg{fill:transparent}.guitar-fret-inlay{fill:var(--fret-inlay-fill)}.guitar-nut{stroke:#3f3f3f;stroke-width:4}.guitar-fret-wire{stroke:#6a6a6a;stroke-width:1.4}.guitar-string{stroke:#5c5c5c;stroke-linecap:round}.guitar-hitbox{fill:transparent;cursor:pointer}.guitar-hitbox:focus{outline:none}.guitar-string-label,.guitar-fret-number{fill:#666;font-size:10px}.guitar-muted-marker{fill:#9fb2c8;font-size:17px;pointer-events:none;-webkit-user-select:none;user-select:none}.guitar-note{stroke:transparent;stroke-width:0;transition:filter .12s ease,stroke .12s ease,stroke-width .12s ease}.guitar-note-marker-animated{transition:transform .15s cubic-bezier(.2,0,.12,1),opacity .15s cubic-bezier(.2,0,.12,1);transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.guitar-note-label{fill:#121212;font-size:9px;font-weight:600}.guitar-note.tone{fill:#dbe9f6}.guitar-note.root{fill:#d9eedf}.guitar-note-emphasized{stroke:#5366808c;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(211,223,236,.95))}.fretboard-panel{display:grid;gap:12px;padding:20px}.fretboard-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:6px}.fretboard-actions{position:relative;display:flex;align-items:flex-start;gap:10px;flex-shrink:0}.fretboard-title-block{display:grid;gap:6px}.fretboard-title-block p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-copy)}.fretboard-primary-name{margin:0;font-size:var(--text-display);font-weight:var(--weight-medium);line-height:.96;letter-spacing:var(--tracking-tight);font-family:"Instrument Serif",Iowan Old Style,Times New Roman,serif}.fretboard-play-button{border:1px solid rgba(83,102,128,.18);border-radius:999px;background:#ffffffd6;color:var(--accent-ink);min-width:92px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.fretboard-play-button:hover,.fretboard-play-button:focus-visible{border-color:#5366803d;box-shadow:0 10px 22px #728caa29;transform:translateY(-1px)}.fretboard-play-button:active{transform:translateY(0);box-shadow:0 4px 10px #728caa1f}.fretboard-play-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.fretboard-tuner-toggle{width:auto;min-width:56px;padding:0 14px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(83,102,128,.18);font-size:var(--text-sm);font-weight:var(--weight-medium)}.playback-tuner-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 48px));border:1px solid rgba(83,102,128,.18);border-radius:18px;background:linear-gradient(180deg,#fbfaf6fa,#fffffff2),#fffffff5;padding:16px;box-shadow:0 10px 28px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:14}.playback-tuner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.playback-tuner-header h3{margin:2px 0 0;font-family:"Instrument Serif",Iowan Old Style,Times New Roman,serif;font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.playback-tuner-grid{display:grid;gap:14px}.playback-tuner-footer{margin-top:16px;display:flex;justify-content:flex-end}.fretboard-context{display:grid;gap:8px}.fretboard-status{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-copy)}.symbol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.symbol-grid label,.filters label{display:flex;flex-direction:column;gap:8px;font-size:var(--text-base);line-height:var(--leading-copy)}select,input[type=range]{width:100%}.toggle-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toggle{border:1px solid var(--line);background:#fff;padding:8px 10px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.active-toggle{background:var(--accent-soft);color:var(--accent-ink)}.selector-card{display:grid;gap:10px}.selector-mode-badge{border:1px solid rgba(0,0,0,.08);border-radius:999px;color:var(--muted);font-family:var(--font-label);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:1;padding:7px 10px;text-transform:uppercase}.selector-mode-badge{background:var(--accent-soft);color:var(--accent-ink)}.selector-block{display:grid;gap:8px;position:relative}.chord-state-panel .selector-block{gap:6px}.selector-block-error .selector-segmented,.selector-block-error .selector-chip-grid,.selector-block-error .selector-select-shell,.selector-block-error .selector-static-shell{box-shadow:0 0 0 1px #9f3a2b38,0 0 0 6px #f6ddd894}.selector-block-warning .selector-segmented,.selector-block-warning .selector-chip-grid,.selector-block-warning .selector-select-shell,.selector-block-warning .selector-static-shell{box-shadow:0 0 0 1px #d57f522e,0 0 0 6px #f3ead885}.selector-block-info .selector-segmented,.selector-block-info .selector-chip-grid,.selector-block-info .selector-select-shell,.selector-block-info .selector-static-shell{box-shadow:0 0 0 1px #53668029,0 0 0 6px #e3ebf36b}.selector-label,.selector-colour-label-row .selector-label{color:#a8a29e;font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.selector-select-shell{position:relative;border:1px solid rgba(0,0,0,.08);background:#f5f5f4;border-radius:999px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}.selector-static-shell{border:1px solid rgba(0,0,0,.08);background:#f5f5f4;border-radius:999px;min-height:47px;padding:0 16px;display:flex;align-items:center;color:#1c1917;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium)}.selector-select-shell[data-hover-linked=true],.selector-segment[data-hover-linked=true],.selector-chip[data-hover-linked=true]{box-shadow:0 0 0 1px #53668038,0 0 0 6px #d3dfec80}.selector-select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#1c1917;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);padding:14px 42px 14px 16px;width:100%}.selector-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:var(--text-label);pointer-events:none}.selector-segmented{display:grid;gap:4px;border:1px solid rgba(0,0,0,.08);background:#f5f5f4;border-radius:999px;padding:4px}.selector-segmented-five{grid-template-columns:repeat(5,minmax(0,1fr))}.selector-segmented-four{grid-template-columns:repeat(4,minmax(0,1fr))}.family-choice-wrap{display:block;position:relative;width:100%}.selector-segment{width:100%;min-height:32px;border:0;background:transparent;border-radius:999px;color:#78716c;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:6px 8px;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.selector-segment[data-fretboard-match=true]:not(.selector-segment-active):hover,.selector-chip[data-fretboard-match=true]:not(.selector-chip-active):hover{box-shadow:0 0 0 1px #53668033,0 0 0 6px #d3dfec73}.selector-segment:disabled{opacity:.45;cursor:help}.selector-segment-active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}.selector-segment-guided{box-shadow:0 0 0 1px #7fa68852,0 0 0 6px #deefe2c7;background:#e2efe5e6;color:#466253}.selector-colour-label-row{display:flex;align-items:center;gap:10px}.selector-diagnostic-note{margin:0;color:#6f6b63;font-size:var(--text-sm);line-height:var(--leading-copy)}.selector-floating-note{position:absolute;left:0;bottom:calc(100% + 8px);width:140px;max-width:240px;padding:9px 11px;border:1px solid rgba(127,166,136,.26);border-radius:12px;background:#f6faf7fa;box-shadow:0 12px 28px #24443414;color:#466253;font-size:var(--text-sm);line-height:var(--leading-copy);z-index:8;pointer-events:none}.selector-floating-note-family{left:50%;bottom:calc(100% + 10px);transform:translate(-6%)}.selector-floating-note-chip{left:50%;bottom:calc(100% + 10px);width:164px;transform:translate(-50%)}.selector-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px}.selector-chip{width:100%;min-height:36px;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:8px;color:#78716c;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;white-space:nowrap;cursor:pointer}.selector-chip-active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-border)}.selector-chip-warning{box-shadow:0 0 0 1px #d57f522e,0 0 0 5px #f3ead866;border-color:#d57f5247}.selector-chip-error{box-shadow:0 0 0 1px #9f3a2b33,0 0 0 5px #f6ddd873;border-color:#9f3a2b4d}.selector-chip:disabled{opacity:.5;cursor:help}.warning{color:var(--warning);margin:0}.info-note{margin:0;color:var(--accent-ink);font-size:var(--text-base);line-height:var(--leading-copy)}.diagnostic{margin:8px 0 0;font-size:var(--text-sm);line-height:var(--leading-copy)}.diagnostic-error{color:#9f3a2b}.diagnostic-warning{color:var(--warning)}.diagnostic-info{color:var(--muted)}.interpretation-list-panel{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:grid;gap:14px}.interpretation-list-compact{list-style:none;margin:0;padding:0;display:grid;gap:10px}.interpretation-section{display:grid;gap:8px}.interpretation-section-heading{margin:0;color:var(--muted);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.interpretation-row{width:100%;border:1px solid rgba(0,0,0,.08);background:#fffffff0;padding:14px 14px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;cursor:pointer}.interpretation-row:hover{border-color:#1111112e}.active-interpretation-row{border-color:var(--accent-border)}.interpretation-row-head{display:flex;align-items:center;gap:10px;min-width:0}.interpretation-row-tail{display:flex;align-items:center;gap:10px;flex:0 0 auto}.interpretation-row-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Instrument Serif",Iowan Old Style,Times New Roman,serif;font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.interpretation-status-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.interpretation-status-error{background:#d57f52}.interpretation-status-warning{background:#d8b46a}.interpretation-row-toggle{color:var(--muted);font-size:var(--text-heading);line-height:1}.interpretation-row-body{padding:10px 4px 2px 20px}.interpretation-row-alt{margin:0 0 6px;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-copy)}.candidate{width:100%;border:1px solid var(--line);background:#fff;padding:14px;display:flex;justify-content:space-between;align-items:stretch;text-align:left;gap:12px}.filters{display:grid;gap:14px}.filters label{display:grid;gap:8px;color:var(--accent-ink);font-size:var(--text-base);font-weight:var(--weight-semibold)}.filter-field{gap:6px}.filter-title{color:var(--accent-ink);font-size:var(--text-base);font-weight:var(--weight-semibold)}.filter-description{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-copy)}.filters label>span{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.checkbox{flex-direction:row!important;align-items:center}.checkbox input{accent-color:#7f8fa5}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0}.range-input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#e7d9c8,#dbe9f6)}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;margin-top:-6px;border:2px solid rgba(83,102,128,.24);background:#fffdf9;box-shadow:0 4px 10px #0f172a1f}.range-input::-moz-range-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#e7d9c8,#dbe9f6)}.range-input::-moz-range-thumb{width:18px;height:18px;border:2px solid rgba(83,102,128,.24);border-radius:50%;background:#fffdf9;box-shadow:0 4px 10px #0f172a1f}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(83,102,128,.18);border-radius:12px;background:#ffffffe0;color:var(--accent-ink);padding:10px 12px}.fingering-groups{display:grid;gap:14px;width:100%}.fingering-group{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;border-top:1px solid rgba(83,102,128,.14);padding-top:12px}.fingering-group-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:transparent}.fingering-group-summary::-webkit-details-marker{display:none}.fingering-group-toggle{color:var(--muted);font-size:var(--text-heading);line-height:1;flex:0 0 auto}.fingering-group .candidate-grid{padding:10px 0 0}.fingering-load-more{margin:0 14px 14px}.candidate-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:stretch}.candidate{width:100%;padding:10px;background:linear-gradient(180deg,#ffffff80,#f7f4ed61),#ffffff57;border:1px solid rgba(216,210,198,.62);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;box-shadow:0 6px 18px #0f172a09;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.candidate:hover,.candidate:focus-visible{background:linear-gradient(180deg,#ffffff9e,#f3f8fd6b),#ffffff6b;border-color:#53668038;box-shadow:0 10px 24px #0f172a0f;transform:translateY(-1px)}.candidate-diagram-wrap{display:flex;align-items:center;justify-content:center;width:100%}.chord-diagram{width:100%;height:auto;display:block}.chord-diagram-bg{fill:transparent}.chord-diagram-string{stroke:#2f2f2f;stroke-linecap:round}.chord-diagram-fret{stroke:#111;stroke-width:1.4}.chord-diagram-nut{stroke:#111;stroke-width:4}.chord-diagram-base-fret{fill:#64748b;font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.04em}.chord-diagram-marker{fill:#9fb2c8;font-family:var(--font-body);font-size:14px;font-weight:var(--weight-bold);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none}.chord-diagram-open{fill:none;stroke:#111;stroke-width:2}.chord-diagram-dot{stroke:transparent;stroke-width:0}.chord-diagram-dot.tone{fill:#111}.chord-diagram-dot.root{fill:#dbe9f6}@media(max-width:1100px){.top-layout{grid-template-columns:1fr}.center-column{gap:14px}.fretboard-topbar{flex-direction:column;align-items:stretch}.fretboard-actions{width:100%;justify-content:flex-start}.playback-tuner-popover{left:0;right:auto;width:min(100%,420px)}.fingering-controls .filters{grid-template-columns:1fr}.fingering-controls-popover{width:min(320px,calc(100vw - 32px));max-width:none}.candidate{padding:8px}.interpretation-row-body{padding-left:0}}