@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-data: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-display: "DM Serif Display", Georgia, "Times New Roman", serif;--text-display: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--text-h1: clamp(1.75rem, 1.55rem + .8vw, 2rem);--text-h2: clamp(1.375rem, 1.25rem + .5vw, 1.625rem);--text-h3: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);--text-body: clamp(1rem, .97rem + .12vw, 1.0625rem);--text-small: clamp(.875rem, .86rem + .06vw, .9375rem);--text-label: .8125rem;--leading-tight: 1.2;--leading-body: 1.6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--target-min: 24px;--target: 44px;--content-max: 1440px;--prose-max: 72ch;--header-h: 60px;--sidebar-w: 248px;--z-sticky: 10;--z-header: 20;--z-drawer: 30;--z-overlay: 40;--z-toast: 50;--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--icon-stroke: 1.75;--ui-scale: 1}[data-stage=on]{--ui-scale: 1.5;--target: 64px}:root,[data-theme=light]{color-scheme:light;--color-bg: #f5f0e7;--color-surface: #fffcf6;--color-surface-raised: #ffffff;--color-surface-sunken: #ece4d6;--color-text: #29221d;--color-text-muted: #655a50;--color-border: #d8ccbc;--color-border-strong: #8e7f70;--color-wood: #805333;--color-wood-soft: #e7d3b3;--color-accent: #8a5728;--color-accent-graphic: #a8743f;--color-focus: #805333;--color-primary: #805333;--color-on-primary: #fffcf6;--color-selected-bg: #efe1c9;--color-playing: #1f5f7a;--color-success: #236746;--color-warning: #855014;--color-danger: #a43d32;--color-info: #1f5f7a;--fb-wood: #e9dcc6;--fb-fret: #9b8a76;--fb-nut: #29221d;--fb-string: #6f6256;--fb-inlay: #cdbca3;--degree-root: #29221d;--degree-third: #1f5f7a;--degree-fifth: #236746;--degree-seventh: #a43d32;--degree-tension: #855014;--degree-other: #7a6a5c;--degree-label: #fffcf6;--degree-characteristic: #805333}[data-theme=dark]{color-scheme:dark;--color-bg: #201a16;--color-surface: #30251e;--color-surface-raised: #3b2d23;--color-surface-sunken: #1a1512;--color-text: #f5f0e7;--color-text-muted: #d0c1af;--color-border: #5c4939;--color-border-strong: #8c7663;--color-wood: #d8b98a;--color-wood-soft: #4a3a2e;--color-accent: #d8b98a;--color-accent-graphic: #c18a50;--color-focus: #e7d3b3;--color-primary: #d8b98a;--color-on-primary: #201a16;--color-selected-bg: #4a3a2e;--color-playing: #79b8d5;--color-success: #8bd6ae;--color-warning: #f0c27e;--color-danger: #f2a096;--color-info: #79b8d5;--fb-wood: #2b211b;--fb-fret: #8c7663;--fb-nut: #e7d3b3;--fb-string: #b9a794;--fb-inlay: #4a3a2e;--degree-root: #f5f0e7;--degree-third: #79b8d5;--degree-fifth: #8bd6ae;--degree-seventh: #f2a096;--degree-tension: #d8b98a;--degree-other: #b9a794;--degree-label: #201a16;--degree-characteristic: #e7d3b3}.btn{--btn-bg: var(--color-surface-raised);--btn-fg: var(--color-text);--btn-border: var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);min-width:var(--target);max-width:100%;padding:var(--space-1) var(--space-4);font:inherit;font-size:var(--text-small);font-weight:600;line-height:1.25;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;overflow-wrap:break-word;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast);touch-action:manipulation;user-select:none}.btn:hover{--btn-bg: var(--color-surface-sunken)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{--btn-bg: var(--color-primary);--btn-fg: var(--color-on-primary);--btn-border: var(--color-primary)}.btn--primary:hover{--btn-bg: color-mix(in srgb, var(--color-primary) 88%, var(--color-text))}.btn--ghost{--btn-bg: transparent;--btn-border: transparent}.btn--icon{padding:0}.btn--sm{min-height:36px;min-width:36px;padding:0 var(--space-3)}.btn--icon.btn--sm{padding:0}.btn--lg{min-height:56px;padding:0 var(--space-6);font-size:var(--text-body)}.btn[aria-pressed=true]{--btn-bg: var(--color-selected-bg);--btn-border: var(--color-wood)}.btn--playing{--btn-border: var(--color-playing);box-shadow:0 0 0 2px var(--color-playing)}.field{display:grid;gap:var(--space-1);min-width:0}.field>label,.field>.field__label,fieldset>legend{font-size:var(--text-small);font-weight:600}.field__hint{font-size:var(--text-small);color:var(--color-text-muted)}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset>legend{padding:0;margin-bottom:var(--space-1)}.input,.select{width:100%;min-height:var(--target);padding:0 var(--space-3);font:inherit;font-size:var(--text-small);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.input--mono{font-family:var(--font-data)}textarea.input{padding:var(--space-3);min-height:120px;resize:vertical}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:100%}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmented span{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:38px;min-width:38px;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 3px);font-size:var(--text-small);font-weight:550;color:var(--color-text-muted);cursor:pointer;white-space:nowrap}.segmented input:checked+span{background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 0 0 1px var(--color-border-strong),0 1px 2px #0000001f}.segmented input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:1px}.note-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:30rem;gap:var(--space-1)}.range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.range input[type=range]{width:100%;min-height:var(--target);accent-color:var(--color-wood)}.range output{font-family:var(--font-data);font-size:var(--text-small);min-width:4ch;text-align:right}.switch{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--target);cursor:pointer;font-size:var(--text-small)}.switch input{appearance:none;flex:none;width:40px;height:24px;margin:0;border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);position:relative;cursor:pointer;transition:background var(--dur-fast)}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--color-text-muted);transition:transform var(--dur-fast)}.switch input:checked{background:var(--color-primary);border-color:var(--color-primary)}.switch input:checked:after{transform:translate(16px);background:var(--color-on-primary)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}@media(min-width:768px){.panel{padding:var(--space-5)}}.panel--flat{background:transparent;border:0;padding:0}.panel__title{font-size:var(--text-small);font-weight:650;margin:0 0 var(--space-3)}.card-link{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color var(--dur-fast),transform var(--dur-fast)}.grid-auto>.card-link,.grid-auto>li>.card-link{height:100%}.card-link:hover{border-color:var(--color-wood)}.card-link__icon{color:var(--color-wood)}.card-link__title{font-weight:650;font-size:var(--text-body)}.card-link__desc{font-size:var(--text-small);color:var(--color-text-muted)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-small);text-decoration:none;font-weight:500}a.chip:hover,button.chip:hover{border-color:var(--color-wood)}button.chip{font:inherit;font-size:var(--text-small);cursor:pointer}.chip[aria-pressed=true]{background:var(--color-selected-bg);border-color:var(--color-wood)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-label);font-weight:600;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-muted)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:var(--text-small)}.facts dt{color:var(--color-text-muted);font-weight:500}.facts dd{margin:0;font-family:var(--font-data);overflow-wrap:anywhere}.note-row{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.note-token{display:inline-grid;justify-items:center;gap:2px;min-width:48px;padding:var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.note-token__name{font-weight:700;font-size:var(--text-body)}.note-token__degree{font-family:var(--font-data);font-size:var(--text-label);color:var(--color-text-muted)}.note-token[data-role=root]{border-color:var(--degree-root);box-shadow:inset 0 -3px 0 var(--degree-root)}.note-token[data-role=third]{box-shadow:inset 0 -3px 0 var(--degree-third)}.note-token[data-role=fifth]{box-shadow:inset 0 -3px 0 var(--degree-fifth)}.note-token[data-role=seventh]{box-shadow:inset 0 -3px 0 var(--degree-seventh)}.note-token[data-role=tension]{box-shadow:inset 0 -3px 0 var(--degree-tension)}.note-token[data-characteristic=true]{outline:2px dashed var(--degree-characteristic);outline-offset:2px}.table-wrap{position:relative;overflow-x:auto;max-width:100%;min-width:0}.table{width:100%;border-collapse:collapse;font-size:var(--text-small)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.table th{font-weight:650;color:var(--color-text-muted)}.table .mono{white-space:nowrap}.disclosure{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.disclosure>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target);padding:0 var(--space-4);cursor:pointer;font-weight:600;font-size:var(--text-small);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--dur-fast)}.disclosure[open]>summary:after{transform:rotate(-135deg)}.disclosure__body{padding:0 var(--space-4) var(--space-4)}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left-width:4px;background:var(--color-surface);font-size:var(--text-small)}.notice>svg{flex:none;margin-top:2px}.notice p:last-child{margin:0}.notice--info{border-left-color:var(--color-info)}.notice--info>svg{color:var(--color-info)}.notice--success{border-left-color:var(--color-success)}.notice--success>svg{color:var(--color-success)}.notice--warning{border-left-color:var(--color-warning)}.notice--warning>svg{color:var(--color-warning)}.notice--danger{border-left-color:var(--color-danger)}.notice--danger>svg{color:var(--color-danger)}.empty-state{display:grid;justify-items:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);color:var(--color-text-muted)}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-wood);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--color-danger)}.status-dot--live{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.toasts{position:fixed;z-index:var(--z-toast);bottom:var(--space-4);left:50%;transform:translate(-50%);display:grid;gap:var(--space-2);width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);font-size:var(--text-small);box-shadow:0 6px 24px #00000040;animation:toast-in var(--dur-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}dialog.modal{width:min(640px,calc(100vw - 24px));max-height:min(80dvh,720px);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:0 24px 64px #00000059;margin-top:10vh}dialog.modal::backdrop{background:#00000080}.palette__input{width:100%;min-height:56px;padding:0 var(--space-4) 0 48px;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-body)}.palette__input:focus{outline:none}.palette__search{position:relative}.palette__search>svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.palette__list{list-style:none;margin:0;padding:var(--space-2);overflow-y:auto;max-height:calc(min(80dvh,720px) - 100px)}.palette__item a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:var(--target);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.palette__item[aria-selected=true] a,.palette__item a:hover{background:var(--color-selected-bg)}.palette__item-desc{display:block;font-size:var(--text-small);color:var(--color-text-muted)}@media(max-width:479px){.palette__item a{grid-template-columns:auto minmax(0,1fr);align-items:start}.palette__item a>svg{margin-top:2px}.palette__item a>.badge{grid-column:2;justify-self:start}.palette__foot>span{display:none}.palette__foot:not(:has(a)){display:none}}.palette__item-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.palette__foot{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-label);color:var(--color-text-muted)}.search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;min-width:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-muted);font:inherit;font-size:var(--text-small);cursor:pointer}.search-trigger__text{display:none}@media(min-width:768px){.search-trigger{width:280px}.search-trigger__text{display:inline;flex:1;text-align:left}}.transport{display:inline-flex;align-items:center;flex:none;max-width:100%}.transport__label{display:inline-grid;text-align:left}.transport__label>span{grid-area:1 / 1;white-space:nowrap}.transport__label>span:not([data-current]){visibility:hidden}.transport__dot{width:8px;height:8px;flex:none;background:currentColor;visibility:hidden}.transport[data-state] .transport__dot{visibility:visible}.transport[data-state=paused] .transport__dot{opacity:.55}.transport__stop{margin-left:-1px;border-start-start-radius:0;border-end-start-radius:0}.transport__main:has(+.transport__stop){border-start-end-radius:0;border-end-end-radius:0}.volume-control{position:relative}.volume-control>.btn{position:relative}.volume-control__live{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-playing)}.volume-control__panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-2);width:max-content;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000002e}.volume-control__panel input[type=range]{width:160px;accent-color:var(--color-accent)}@media(max-width:599px){.volume-control{position:static}.volume-control__panel{left:var(--space-4);right:var(--space-4);width:auto}.volume-control__panel input[type=range]{flex:1;width:auto}}.volume-control__panel output{min-width:3ch;text-align:right}.level-tabs{margin:var(--space-6) 0}.level-badge[data-level=essential]{color:var(--color-success)}.level-badge[data-level=applied]{color:var(--color-info)}.level-badge[data-level=advanced]{color:var(--color-warning)}.readout{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,2rem + 4vw,5rem);font-weight:600;line-height:1;letter-spacing:-.02em}.readout-sub{font-family:var(--font-data);font-size:var(--text-small);color:var(--color-text-muted)}.fretboard{display:block;height:auto;border-radius:var(--radius-md)}.fretboard:focus{outline:none}.fretboard:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.fretboard:not(:focus-visible) .fb-focus{display:none}.fb-marker{transition:opacity var(--dur-fast)}.fb-marker[data-playing]>:not(rect:first-child){transform:scale(1.12);transition:transform var(--dur-fast)}.fretboard-wrap{border-radius:var(--radius-md)}.chord-hero{display:grid;gap:var(--space-4);align-items:start}@media(min-width:768px){.chord-hero{grid-template-columns:auto 1fr;column-gap:var(--space-8)}.chord-hero .note-row{grid-column:1 / -1}}.chord-symbol{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 3vw,4rem);line-height:1;margin:0 0 var(--space-2);color:var(--color-text)}.voicing-view{display:grid;gap:var(--space-6);align-items:center}@media(min-width:900px){.voicing-view{grid-template-columns:auto minmax(0,1fr)}}.voicing-view__main{display:grid;justify-items:center;gap:var(--space-2)}.voicing-view__board{min-width:0}.voicing-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.voicing-card{display:grid;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.voicing-card[aria-current=true]{border-color:var(--color-wood);box-shadow:inset 0 0 0 1px var(--color-wood);background:var(--color-selected-bg)}.voicing-card__select{display:grid;justify-items:center;gap:var(--space-1);background:none;border:0;padding:var(--space-1);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);font:inherit}.chord-diagram{display:block;max-width:100%;height:auto}.tuner{display:grid;gap:var(--space-4)}.tuner__display{display:grid;justify-items:center;gap:var(--space-2);text-align:center;padding-block:var(--space-4)}.tuner__note{font-family:var(--font-display);font-size:clamp(3.5rem,3rem + 5vw,6rem);line-height:1;margin:0}.tuner[data-state=ok] .tuner__note{color:var(--color-success)}.gauge{width:min(360px,100%);height:auto}.tuner__ok{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-success);font-weight:700;margin:0}.tuner__level{width:min(240px,80%);height:6px;border-radius:3px;background:var(--color-surface-sunken);overflow:hidden}.tuner__level span{display:block;height:100%;background:var(--color-info)}.tuner-strings{list-style:none;padding:0;margin:0 0 var(--space-3);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tuner-string{display:flex;gap:var(--space-1);border-radius:var(--radius-md)}.tuner-string .btn:first-child{flex:1;justify-content:flex-start}.tuner-string[data-active] .btn:first-child{--btn-border: var(--color-info);box-shadow:0 0 0 2px var(--color-info)}.tuner-string[data-ok] .btn:first-child{--btn-border: var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.metronome__main{display:grid;gap:var(--space-5)}.metronome__tempo{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.metronome__tempo .readout{margin:0}.metronome__tempo .readout-sub{margin:var(--space-1) 0 0}.pulse-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.pulse{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-family:var(--font-data);cursor:pointer;display:grid;place-items:center;position:relative;transition:transform 60ms,background 60ms}.pulse[data-level="2"]{border-width:4px;border-color:var(--color-wood)}.pulse[data-level="0"]{width:44px;height:44px;margin:6px}.pulse[data-level="-1"]{border-style:dashed;color:var(--color-text-muted)}.pulse[data-level="-1"]:after{content:"";position:absolute;inset:45% 15%;border-top:2px solid var(--color-text-muted);transform:rotate(-35deg)}.pulse[data-active=true]{background:var(--color-playing);color:var(--color-bg);border-color:var(--color-playing);transform:scale(1.12)}[data-motion=reduce] .pulse[data-active=true]{transform:none}@media(prefers-reduced-motion:reduce){.pulse[data-active=true]{transform:none}}[data-stage=on] .pulse{width:84px;height:84px}.link-button{background:none;border:0;padding:0;color:var(--color-accent);font:inherit;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.lang-switch{position:relative;flex:none;border-radius:var(--radius-md)}.lang-switch__face{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--target);padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:600;color:var(--color-text)}.lang-switch:hover .lang-switch__face{background:var(--color-surface-sunken)}.lang-switch__select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font:inherit}.lang-switch:has(:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.stepper{display:flex;align-items:center;min-width:0;max-width:100%}.stepper__input{flex:1 1 4.5em;min-width:3.5em;max-width:7em;text-align:center;border-radius:0;margin-inline:-1px;position:relative}.stepper__input:focus-visible{z-index:1}.stepper__btn{flex:none}.stepper__btn:first-child{border-start-end-radius:0;border-end-end-radius:0}.stepper__btn:nth-child(3){border-start-start-radius:0;border-end-start-radius:0}.stepper__suffix{margin-left:var(--space-2);white-space:nowrap}.board-layout{container-type:inline-size}.board-layout__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@container (min-width: 560px){.board-layout[data-vertical] .board-layout__grid{grid-template-columns:auto minmax(0,1fr);gap:var(--space-6);align-items:start}.board-layout[data-vertical] .board-layout__aside{position:sticky;top:calc(var(--header-h) + var(--space-4))}}.app{min-height:100dvh;display:grid;grid-template-rows:var(--header-h) 1fr auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main" "footer"}@media(min-width:1024px){.app{grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-areas:"header header" "sidebar main" "sidebar footer"}}[data-stage=on] .app{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main" "footer"}.app-header{grid-area:header;position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.app-header__spacer{flex:1}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;font-weight:700;font-size:1.0625rem;white-space:nowrap;min-height:var(--target)}.brand__mark{width:28px;height:28px;color:var(--color-wood)}.brand__name span{color:var(--color-accent)}.app-sidebar{grid-area:sidebar;display:none;position:sticky;top:var(--header-h);height:calc(100dvh - var(--header-h));overflow-y:auto;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface)}@media(min-width:1024px){.app-sidebar{display:flex;flex-direction:column}.menu-button{display:none!important}}[data-stage=on] .app-sidebar{display:none}.app-main{grid-area:main;min-width:0;padding:var(--space-6) var(--space-4) var(--space-12);width:100%;max-width:var(--content-max);margin-inline:auto}@media(min-width:768px){.app-main{padding:var(--space-8) var(--space-8) var(--space-16)}}.app-main:focus{outline:none}.app-footer{grid-area:footer;padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-small);color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}[data-stage=on] .app-footer{display:none}.sidebar-foot{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}button.nav-link{width:100%;border:0;background:none;font:inherit;font-size:var(--text-small);font-weight:500;text-align:left;cursor:pointer}.nav-section+.nav-section{margin-top:var(--space-5)}.nav-section__title{padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-small);font-weight:500}.nav-link:hover{background:var(--color-surface-sunken)}.nav-link[aria-current=page]{background:var(--color-selected-bg);font-weight:650;box-shadow:inset 3px 0 0 var(--color-wood)}.nav-link svg{flex:none;color:var(--color-text-muted)}.nav-link[aria-current=page] svg{color:var(--color-wood)}.drawer-backdrop{position:fixed;inset:0;z-index:var(--z-drawer);background:#00000073}dialog.drawer{margin:0;max-height:none;height:100dvh;border:0;color:var(--color-text)}dialog.drawer::backdrop{background:#00000073}.drawer{position:fixed;inset:0 auto 0 0;z-index:calc(var(--z-drawer) + 1);width:min(320px,88vw);overflow-y:auto;padding:var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);animation:drawer-in var(--dur-base) var(--ease-out)}.drawer--right{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--color-border);animation-name:drawer-in-right}.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes drawer-in-right{0%{transform:translate(100%)}}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-3);font-size:var(--text-small);color:var(--color-text-muted)}.breadcrumb li+li:before{content:"·";margin-right:var(--space-2)}.breadcrumb a{color:inherit}.page-head{margin-bottom:var(--space-6);max-width:var(--prose-max)}.page-head p{color:var(--color-text-muted);margin:0}.tool{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.tool__workspace{min-width:0}.tool__controls{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:var(--space-4);align-content:start}@media(min-width:1024px){.tool--split{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.tool--split .tool__controls{position:sticky;top:calc(var(--header-h) + var(--space-4))}}[data-stage=on] .tool--split{grid-template-columns:minmax(0,1fr)}.related{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}@property --gap{syntax: "*"; inherits: false;}@property --min{syntax: "*"; inherits: false;}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap, var(--space-4));align-content:start}.cluster{display:flex;flex-wrap:wrap;gap:var(--gap, var(--space-2));align-items:center}.grid-auto{display:grid;gap:var(--gap, var(--space-4));grid-template-columns:repeat(auto-fill,minmax(min(var(--min, 240px),100%),1fr))}.split-2{--split-gap: var(--space-6);display:grid;gap:var(--split-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,max(15rem,calc(50% - var(--split-gap)))),1fr))}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.field-row>*{flex:1 1 9rem;min-width:0}.prose{max-width:var(--prose-max)}.prose h2{margin-top:var(--space-8)}.prose h3{margin-top:var(--space-6)}.prose ul,.prose ol{padding-left:1.25em;margin:0 0 var(--space-4)}.prose li+li{margin-top:var(--space-1)}.scroll-x{position:relative;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:var(--space-2)}.scroll-x:focus-visible{outline-offset:0}@media(max-width:767px){.stage-toggle,.header-settings{display:none!important}}@media(max-width:420px){.brand__name{display:none}}.drawer .nav-extra{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid;gap:var(--space-2)}[data-stage=on] :focus-visible{outline-width:5px;outline-offset:4px}.stage-exit{position:fixed;top:calc(var(--header-h) + var(--space-3));right:var(--space-4);z-index:var(--z-sticky)}.hero{display:grid;gap:var(--space-5);padding-block:var(--space-6) var(--space-4)}.hero h1{margin:0}.hero__lead{font-size:calc(var(--text-body) * 1.15);color:var(--color-text-muted);max-width:56ch;margin:0}.hero__search{display:grid;gap:var(--space-2);max-width:720px}.hero__question{font-weight:650}.hero__field{position:relative}.hero__field>svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.hero__field .input{min-height:56px;padding-left:48px;font-size:var(--text-body);border-radius:var(--radius-lg)}.grid-auto.quick-tools{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.quick-tools .card-link{padding:var(--space-5)}dialog.about{width:min(480px,calc(100vw - 24px));margin-top:12vh}.about__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.about__head .brand__mark{flex:none}.about__title{flex:1;margin:0;font-size:var(--text-h3)}.about__body{padding:var(--space-5)}.about__author{display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.about__name{margin:0;font-weight:700;font-size:var(--text-h3);line-height:1.2}@media print{.app-header,.app-sidebar,.app-footer,.tool__controls,.related,.no-print,.toasts{display:none!important}html,body{background:#fff!important;color:#000!important}.app{display:block}.app-main{padding:0;max-width:none}.scroll-x{overflow:visible}.panel{border-color:#999;break-inside:avoid}a{color:#000}@page{margin:14mm}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-ui);font-size:calc(100% * var(--ui-scale));line-height:var(--leading-body);background:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scrollbar-gutter:stable}body{margin:0;min-width:320px;font-size:var(--text-body);background:var(--color-bg);overflow-x:hidden}img,svg,video,canvas{max-width:100%;display:block}h1,h2,h3,h4{line-height:var(--leading-tight);margin:0 0 var(--space-3);font-weight:650;letter-spacing:-.01em}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-selected-bg);color:var(--color-text)}.mono,code,kbd{font-family:var(--font-data);font-variant-numeric:tabular-nums}kbd{font-size:.85em;padding:1px 6px;border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm)}.display{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:0}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-small)}.label{font-size:var(--text-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-2)}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-motion=reduce] *,[data-motion=reduce] *:before,[data-motion=reduce] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}fieldset{min-width:0}