:root{--paper:#faf8f5;--paper-raised:#fffdf9;--paper-sunken:#f7f3ec;--paper-inset:#ece7dd;--paper-white:#fff;--ink:#1c1a17;--ink-strong:#3a3630;--ink-dim:#5c564d;--ink-muted:#6b655c;--ink-soft:#8c8378;--ink-faint:#a09789;--rule-light:#e4dfd6;--rule:#ddd7cc;--rule-mid:#cfc8bb;--rule-strong:#c9c1b4;--rule-deep:#bdb5a8;--rule-warm:#b9b1a4;--accent:#8c3a2b;--accent-hover:#a04a37;--accent-border:#dcc0b8;--accent-rgb:140 58 43;--ink-rgb:28 26 23;--shadow-warm:rgba(90,78,62,.09);--paper-white-90:hsla(0,0%,100%,.9)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif}::selection{background:rgb(var(--accent-rgb)/.16)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.home{font-family:Newsreader,Georgia,serif}.home a{color:inherit;text-decoration:none}.home a:hover{color:var(--accent)}@media (max-width:640px){.home{padding:0 20px 64px!important}.home-header{align-items:flex-start!important;flex-direction:column;gap:20px!important;padding-top:36px!important}.home-header nav{width:100%;justify-content:space-between;gap:12px!important}.home-intro{margin-top:32px!important;font-size:21px!important;line-height:1.42!important}.home-projects{margin-top:64px!important}.home .idx-row{grid-template-columns:1fr!important;gap:2px!important}.home .idx-year{text-align:left!important}}.home .idx-row:hover{border-top-color:var(--rule-strong)!important}.home .idx-row:hover .idx-title{color:var(--accent)}.fret{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.fret a{color:var(--accent);text-decoration:none}.fret a:hover{color:var(--accent-hover)}.fret button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fret [data-dot]{transition:transform .12s ease}.fret [data-dot]:hover{transform:scale(1.15)}.key-picker{position:relative;z-index:20}.key-picker__trigger{align-items:center;background:transparent;border:1px solid var(--rule);border-radius:8px;color:var(--ink-muted);cursor:pointer;display:flex;font:500 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;gap:7px;height:44px;padding:0 10px}.key-picker__trigger strong{color:var(--accent);font-size:14px}.key-picker__popover{background:var(--paper-raised);border:1px solid var(--rule);border-radius:12px;box-shadow:0 14px 34px rgb(var(--ink-rgb)/.16);display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(4,44px);left:0;padding:8px;position:absolute;top:calc(100% + 7px)}.key-picker__popover button{background:transparent;border:1px solid var(--rule-light);border-radius:8px;color:var(--ink-muted);cursor:pointer;font:600 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;height:44px;padding:0}.key-picker__popover button.is-active,.key-picker__popover button:hover{background:rgb(var(--accent-rgb)/.14);border-color:var(--accent);color:var(--accent)}.fret [hidden]{display:none!important}.secondary-actions{display:flex;gap:4px;justify-content:flex-end;margin:-6px 0 12px}.secondary-actions button{background:transparent;border:0;border-radius:6px;color:var(--ink-soft);cursor:pointer;font:500 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;min-height:32px;padding:0 9px}.secondary-actions button:hover{background:rgb(var(--ink-rgb)/.05);color:var(--ink-strong)}.context-guide{align-items:center;background:rgb(var(--accent-rgb)/.08);border:1px solid var(--accent-border);border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin:0 0 14px;padding:13px 15px}.context-guide__eyebrow{color:var(--accent);display:block;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:3px;text-transform:uppercase}.context-guide p{color:var(--ink-strong);font-size:12.5px;line-height:1.45;margin:0;text-wrap:pretty}.context-guide__actions{display:flex;flex:none;gap:5px}.context-guide button,.tool-disclosure__trigger{min-height:44px}.context-guide button{background:transparent;border:1px solid var(--rule-strong);border-radius:8px;color:var(--ink-muted);cursor:pointer;font:500 11.5px/1 system-ui,-apple-system,Segoe UI,sans-serif;padding:0 11px}.tool-disclosure{flex:1 0 100%;margin-top:2px}.tool-disclosure--changes{border-top:1px solid var(--rule-light);margin-top:30px;padding-top:16px}.tool-disclosure__trigger{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--ink-strong);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:7px 9px;text-align:left;width:100%}.tool-disclosure__trigger:hover{background:rgb(var(--ink-rgb)/.04)}.tool-disclosure__trigger strong{display:block;font-size:13px;font-weight:600}.tool-disclosure__trigger small{color:var(--ink-soft);display:block;font-size:11px;line-height:1.4;margin-top:2px}.neck-viewport{--note-marker-size:clamp(22px,3.6cqi,31px);--open-string-column:clamp(40px,7cqi,56px);container-type:inline-size;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.neck-board [data-marker-kind=active],.neck-board [data-marker-kind=chord],.neck-board [data-marker-kind=reference-bright]{height:var(--note-marker-size)!important;max-width:none!important;width:var(--note-marker-size)!important}.neck-board{min-width:760px}.neck-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 0 12px}.neck-toolbar>div:first-child{align-items:baseline;display:flex;gap:8px}.neck-toolbar__label{color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.neck-toolbar__status{color:var(--ink-faint);font-size:11px}.fret-range{border:1px solid var(--rule);border-radius:8px;display:flex;gap:2px;padding:2px}.fret-range button{background:transparent;border:0;border-radius:6px;color:var(--ink-muted);cursor:pointer;font:500 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;min-height:30px;padding:0 10px}.fret-range button:hover{background:rgb(var(--accent-rgb)/.1)}.fret-range button.is-active{background:rgb(var(--accent-rgb)/.2);color:var(--accent)}@media (min-width:900px){.neck-board{min-width:0}}@media (max-width:720px){.fret{overflow-x:clip;padding:16px 16px 40px!important}.fret button{min-height:44px!important}.fret-header,.progression-header{align-items:stretch!important;flex-direction:column;gap:16px!important}.fret-heading{min-width:0}.fret-title-row{align-items:flex-start!important;flex-direction:column;gap:3px!important}.fret-title-row>div:first-child{font-size:28px!important}.fret-controls,.progression-controls{align-items:stretch!important;display:grid!important;grid-gap:12px!important;gap:12px!important;grid-template-columns:minmax(0,1fr) auto;width:100%}.key-picker{grid-column:1/-1;justify-self:start}.key-picker__trigger{height:44px}.reference-controls{align-items:flex-start!important;flex-direction:column;gap:6px!important}.label-toggle button,.progression-controls button,.reference-controls button{min-height:44px!important}.label-toggle{align-self:end}.print-action{display:none!important}.secondary-actions{justify-content:flex-start;margin-top:-4px}.secondary-actions button{min-height:44px}.context-guide{align-items:stretch;flex-direction:column;gap:10px}.context-guide__actions{flex-wrap:wrap}.neck-viewport{border-radius:12px!important;margin-inline:-16px;padding:14px 16px 10px!important}.neck-viewport--wide:after{color:var(--ink-soft);content:"Swipe to explore the neck →";display:block;font-size:11px;letter-spacing:.02em;padding:8px 0 2px;position:-webkit-sticky;position:sticky;left:0;width:max-content}.neck-board--compact{min-width:0}.neck-toolbar{align-items:stretch;flex-direction:column;gap:8px}.fret-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.fret-range button{min-height:44px;padding:0 5px}.grips-panel,.layers-panel,.position-panel,.progression-grid,.reference-panel{min-width:0!important;width:100%}.layers-panel button,.position-panel button{min-height:44px!important}.progression-controls{grid-template-columns:1fr}.progression-controls>*{max-width:100%;overflow-x:auto}.bar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grips-grid{display:grid!important;grid-gap:10px!important;gap:10px!important;grid-template-columns:1fr}.grips-grid>div{width:100%}}@media (max-width:390px){.fret-controls{grid-template-columns:1fr}.label-toggle{align-self:start}}.fret .hv-accent12:hover{background:rgb(var(--accent-rgb)/.12)!important}.fret .hv-accent14:hover{background:rgb(var(--accent-rgb)/.14)!important}.fret .hv-accent16:hover{background:rgb(var(--accent-rgb)/.16)!important}.fret .hv-accent20:hover{background:rgb(var(--accent-rgb)/.2)!important}.fret .hv-preset:hover{border-color:var(--ink-soft)!important;color:var(--ink-strong)!important}.fret .hv-pick:hover{border-color:var(--ink-soft)!important;color:var(--ink)!important}.fret .hv-ink14:hover{background:rgb(var(--ink-rgb)/.14)!important;color:var(--ink)!important}.fret .hv-ink10:hover{background:rgb(var(--ink-rgb)/.1)!important}.fret .hv-ink10:hover,.fret .hv-inkc:hover{color:var(--ink)!important}@page{size:landscape;margin:10mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}[data-noprint]{display:none!important}}