:root{--page-bg:#fff;--paper-bg:#fff;--ink-primary:#161616;--ink-secondary:#55514b;--ink-muted:#8a857c;--line-primary:#222;--line-secondary:#666;--marker-fill:#222;--demoted-gray:gray;--barre-gray:#999;--note-fill:#dad8d3;--root-fill:#c45f58;--marker-text:#fff;--slide-fill:#a8a8a8;--blue-note:#527fa6;--circle-major:#5d91bd;--circle-minor:#d7e6f2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=bw]{--page-bg:#eee;--paper-bg:#fff;--ink-primary:#000;--ink-secondary:#444;--ink-muted:#777;--line-primary:#000;--line-secondary:#555;--marker-fill:#000;--demoted-gray:gray;--barre-gray:#999;--note-fill:#d8d8d8;--root-fill:#000;--slide-fill:#999;--blue-note:#555;--circle-major:#777;--circle-minor:#ddd}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--ink-primary);font-family:var(--font-sans);margin:0}.sheet-nav,.library-toolbar{z-index:10;justify-content:center;gap:var(--space-2);padding:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #ddd;display:flex;position:sticky;top:0}.sheet-nav__button,.library-toolbar__button{border:1px solid var(--line-secondary);color:var(--ink-secondary);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:700}.library-toolbar__button:disabled{cursor:not-allowed;opacity:.45}.sheet-nav__button--active{background:var(--ink-primary);border-color:var(--ink-primary);color:#fff}.library-toolbar__picker{align-self:center;width:260px;position:relative}.library-toolbar__current{width:100%;color:var(--ink-secondary);font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 28px 7px 12px;font-size:13px;font-weight:700;position:relative}.library-toolbar__current:after{content:"⌄";color:var(--ink-muted);position:absolute;right:10px}.library-toolbar__current:hover,.library-toolbar__current[aria-expanded=true]{background:#fff;border-color:#d7d3cc}.library-page-menu{z-index:20;width:100%;max-height:min(80vh,844px);padding:var(--space-2);background:#fff;border:1px solid #d7d3cc;border-radius:8px;position:absolute;top:calc(100% + 8px);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 14px 36px #0000002e}.library-page-menu__section+.library-page-menu__section{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid #e7e3dd}.library-page-menu__section h2{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;padding-top:1px;font-size:10px;font-weight:800}.library-page-menu__item{width:100%;color:var(--ink-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:13px;display:block}.library-page-menu__item:hover{background:#f4f2ee}.library-page-menu__item--active{background:var(--ink-primary);color:#fff}.library-index{background:var(--paper-bg);width:min(11in,100vw - 48px);margin:24px auto;padding:.45in;box-shadow:0 12px 40px #00000029}.library-index__header{border-bottom:1px solid var(--line-secondary);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.library-index__categories{gap:var(--space-5);display:grid}.library-category h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.library-category__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.library-card{gap:var(--space-3);min-height:116px;padding:var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7d3cc;border-radius:8px;grid-template-columns:64px 1fr;display:grid}.library-card:hover{border-color:var(--line-secondary)}.library-card__thumbnail{border:1px solid var(--line-secondary);background:#fff;align-content:start;gap:5px;width:58px;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #fff}.library-card__thumbnailImage{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.library-card__thumbnail--portrait{height:76px}.library-card__thumbnail--landscape{height:46px;margin-top:12px}.library-card__thumbHeader{background:var(--ink-primary);height:4px}.library-card__thumbLine,.library-card__thumbLine--short{background:var(--ink-muted);height:2px}.library-card__thumbLine--short{width:70%}.library-card__thumbGrid{background-color:#0000;background-image:linear-gradient(90deg,#0000 48%,#d7d3cc 50%,#0000 52%),linear-gradient(#0000 48%,#d7d3cc 50%,#0000 52%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d7d3cc;height:20px}.library-card__body{align-content:start;gap:4px;display:grid}.library-card__title{color:var(--ink-primary);font-size:15px;font-weight:800}.library-card__meta{color:var(--root-fill);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.library-card__description{color:var(--ink-secondary);font-size:12px;line-height:1.3}.sheet-page{background:var(--paper-bg);width:8.5in;min-height:11in;margin:24px auto;padding:.45in;box-shadow:0 12px 40px #00000029}.sheet-page--landscape{width:11in;min-height:8.5in}.placeholder-page{flex-direction:column;display:flex}.placeholder-panel{border:1px dashed #bdb7ae;place-items:center;min-height:7.5in;display:grid}.placeholder-panel p{color:var(--ink-muted);margin:0;font-size:15px;font-weight:700}.sheet-header{border-bottom:1px solid var(--line-secondary);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-1);color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-size:30px;line-height:1}.dek{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:13px}.chord-sections{gap:var(--space-4);display:grid}.chord-section h2{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary);font-size:13px}.chord-grid{gap:var(--space-4) var(--space-4);grid-template-columns:repeat(5,128px);align-items:start;display:grid}.chord-grid--primary{grid-template-columns:repeat(5,128px)}.chord-grid--essential-bottom,.chord-grid--essential-sevenths{margin-top:var(--space-4)}.chord-grid__spacer{width:128px}.chord-grid--sevenths,.chord-grid--movable{grid-template-columns:repeat(5,128px)}.chord{width:100%;margin:0}.chord svg{width:100%;height:auto;display:block}.chord__title{fill:var(--ink-primary);font-size:20px;font-weight:800}.chord--secondary .chord__title,.chord--dominant .chord__title,.chord--movable .chord__title{fill:var(--ink-secondary);font-weight:700}.chord--compact .chord__title{font-size:17px}.chord__fret,.chord__string{stroke:var(--line-primary);stroke-width:1.4px;stroke-linecap:round}.chord__nut{stroke:var(--line-primary);stroke-width:5px;stroke-linecap:round}.chord__barre{stroke:var(--barre-gray);stroke-width:11px;stroke-linecap:round}.chord__finger{fill:var(--note-fill);stroke:var(--line-primary);stroke-width:1.2px}.chord__finger--root{fill:var(--root-fill);stroke:var(--root-fill)}.chord__finger--optional{fill:#fff;stroke:var(--demoted-gray)}.chord__fingerText{fill:var(--ink-primary);font-size:9px;font-weight:800}.chord__finger--root+.chord__fingerText{fill:var(--marker-text)}.chord__fingerText--optional{fill:var(--demoted-gray)}.chord__baseFret{fill:var(--ink-secondary);font-size:10px;font-weight:700}.chord__mute{fill:var(--ink-secondary);font-size:15px;font-weight:700}.chord__open{fill:none;stroke:var(--line-primary);stroke-width:1.8px}.chord__open--root{stroke:var(--root-fill)}.chord__stringNote{fill:var(--ink-primary);font-size:12px;font-weight:600}.chord__stringNote--root{fill:var(--root-fill);font-weight:800}.chord__note{fill:var(--ink-muted);font-size:12px;font-weight:600}.fretboard-page{flex-direction:column;display:flex}.fretboard-stack{gap:var(--space-4);display:grid}.chord-roadmaps-grid{gap:var(--space-3);display:grid}.chord-roadmaps-grid .fretboard-section h2{margin-bottom:var(--space-1)}.chord-roadmaps-grid .fretboard__noteText{font-size:10.5px;font-weight:600}.chord-roadmaps-grid .fretboard__noteText--minor,.chord-roadmaps-grid .fretboard__noteText--diminished{font-size:9px;font-weight:600}.fretboard-section h2{color:var(--ink-secondary);letter-spacing:.08em;margin:0;font-size:13px}.fretboard-section--vertical h2{text-align:center;margin-bottom:2px;padding-left:14px;font-size:11px}.fretboard-page .fretboard-scale-grid .fretboard{margin-top:-2px}.fretboard-scale-section{margin-top:21px}.fretboard-scale-section>h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;font-size:13px}.fretboard-scale-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.fretboard{width:100%;margin:0}.fretboard svg{width:100%;height:auto;display:block}.fretboard__fretNumber,.fretboard__tuning{fill:var(--ink-secondary);font-size:12px;font-weight:700}.fretboard__shapeLabel{fill:var(--ink-secondary);letter-spacing:0;font-size:8px;font-weight:800}.fretboard__fret{stroke:var(--line-secondary);stroke-width:1.2px;stroke-linecap:round}.fretboard__nut{stroke:var(--line-primary);stroke-width:5px;stroke-linecap:round}.fretboard__string{stroke:var(--line-primary);stroke-width:1.3px;stroke-linecap:round}.fretboard__note{fill:var(--note-fill);stroke:var(--line-primary);stroke-width:1.2px}.fretboard__note--root,.fretboard__note--scaleRoot{fill:var(--root-fill);stroke:var(--root-fill)}.fretboard__note--blue{fill:#fff;stroke:var(--blue-note)}.fretboard__note--demoted{fill:#fff;stroke:var(--demoted-gray)}.fretboard__noteText{fill:var(--ink-primary);font-size:10px;font-weight:800}.fretboard__note--root+.fretboard__noteText,.fretboard__noteText--root{fill:var(--marker-text)}.fretboard__noteText--blue{fill:var(--blue-note);font-size:7px}.fretboard__noteText--demoted{fill:var(--demoted-gray)}.fretboard__positionDot{fill:var(--ink-muted);opacity:.28}.fretboard__slide{stroke:var(--slide-fill);stroke-width:2.8px;stroke-linecap:round}.fretboard__slideArrow{fill:var(--slide-fill)}.caged-page{flex-direction:column;display:flex}.caged-section h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;font-size:13px}.caged-section--minor{margin-top:var(--space-4)}.caged-grid{gap:var(--space-3);grid-template-columns:repeat(5,1fr);align-items:start;display:grid}.caged-grid .fretboard-section--vertical h2{padding-left:14px}.caged-section:not(.caged-section--minor) .fretboard-section--vertical h2{margin-bottom:0;transform:none}.caged-section--minor .fretboard-section--vertical h2{margin-bottom:-4px;transform:translateY(6px)}.traditional-caged-page{flex-direction:column;display:flex}.traditional-caged-section h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;font-size:13px}.traditional-caged-single{grid-template-columns:1.22fr .92fr;align-items:start;gap:48px;width:5.9in;margin:0 auto;display:grid}.traditional-caged-single .fretboard-section--vertical h2{display:none}.traditional-caged-single .fretboard__shapeLabel{font-size:11.5px}.triads-page{flex-direction:column;display:flex}.triads-page .sheet-header{margin-bottom:var(--space-4)}.triads-section h2{margin:0 0 var(--space-2);color:var(--ink-secondary);letter-spacing:.08em;font-size:13px}.triads-section--minor{margin-top:var(--space-3)}.triads-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.triads-grid .fretboard-section--vertical h2{margin-bottom:-2px;padding-left:8px;font-size:10px}.triads-grid .fretboard__noteText{font-size:9px}.seventh-fragments-page{flex-direction:column;display:flex}.seventh-fragments-page .sheet-header{margin-bottom:var(--space-3)}.seventh-fragments-section+.seventh-fragments-section{margin-top:var(--space-2)}.seventh-fragments-section h2{color:var(--ink-secondary);letter-spacing:.08em;margin:0 0 2px;font-size:12px}.seventh-fragments-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.seventh-fragments-grid .fretboard-section--vertical h2{margin-bottom:-4px;padding-left:14px;font-size:10px}.seventh-fragments-grid .fretboard__noteText{font-size:8px}.seventh-fragment-inversions-page{flex-direction:column;display:flex}.seventh-fragment-inversions-page .sheet-header{margin-bottom:var(--space-2)}.seventh-fragment-inversions-section+.seventh-fragment-inversions-section{margin-top:2px}.seventh-fragment-inversions-section h2{color:var(--ink-secondary);letter-spacing:.08em;margin:0;font-size:11px}.seventh-fragment-inversions-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.seventh-fragment-inversions-grid .fretboard-section--vertical h2{margin-bottom:-8px;padding-left:8px;font-size:9.5px}.seventh-fragment-inversions-grid .fretboard__noteText,.seventh-fragment-inversions-grid .fretboard__shapeLabel{font-size:7.4px}.seventh-chords-page .sheet-header{margin-bottom:var(--space-3)}.seventh-chords-rows{gap:var(--space-3);display:grid}.seventh-chords-row h2{margin:0 0 var(--space-2);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.seventh-chords-grid{grid-template-columns:repeat(7,1fr);align-items:start;gap:10px;display:grid}.seventh-chords-portrait-page .sheet-header{margin-bottom:var(--space-2)}.seventh-chords-portrait-table{grid-template-columns:30px repeat(5,102px);justify-content:center;align-items:start;gap:12.5px 18px;display:grid}.seventh-chords-portrait-row{display:contents}.seventh-chords-portrait-row h3{color:var(--barre-gray);text-align:center;align-self:center;margin:0;font-size:32px;font-weight:800;transform:translateY(11px)}.seventh-chords-portrait-row .chord__title{font-size:17px}.seventh-chords-portrait-row .chord__fingerText{font-size:8.6px}.seventh-chords-portrait-row .chord__stringNote{display:none}.ukulele-chord-sections{gap:var(--space-3);display:grid}.ukulele-chord-section h2{margin:0 0 var(--space-2);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.ukulele-chord-grid{justify-content:space-between;gap:var(--space-2);grid-template-columns:repeat(6,92px);align-items:start;display:grid}.ukulele-chord-sections--compact{gap:var(--space-6)}.ukulele-chord-grid--seven{gap:var(--space-5) 6px;grid-template-columns:repeat(7,92px)}.ukulele-chord-seven-rows{gap:var(--space-5);display:grid}.progression-table-section h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:13px;line-height:1.2}.progression-table-section+.progression-table-section{margin-top:var(--space-4)}.progression-table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #c8c3bb;width:100%;font-size:10px;line-height:1.32}.progression-table th,.progression-table td{vertical-align:top;border-bottom:1px solid #c8c3bb;border-right:1px solid #c8c3bb;padding:7px 8px}.progression-table th:last-child,.progression-table td:last-child{border-right:0}.progression-table tbody tr:last-child td{border-bottom:0}.progression-table th{color:var(--ink-primary);letter-spacing:.06em;text-transform:uppercase;background:#eceae6;font-size:9px;font-weight:800}.progression-table td:first-child{color:var(--ink-primary);font-size:10.8px;font-weight:800}.progression-table td:nth-child(2),.progression-table td:nth-child(3){color:var(--ink-primary);text-align:center;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.4px;font-weight:700}.progression-table td:nth-child(4){color:var(--ink-secondary)}.progression-table th:first-child,.progression-table td:first-child{width:16%}.progression-table th:nth-child(2),.progression-table td:nth-child(2),.progression-table th:nth-child(3),.progression-table td:nth-child(3){width:18%}.progression-table th:nth-child(4),.progression-table td:nth-child(4){width:48%}.formula-table-section h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:13px;line-height:1.2}.formula-table-section+.formula-table-section{margin-top:var(--space-4)}.formula-table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #c8c3bb;width:100%;font-size:11px;line-height:1.32}.formula-table th,.formula-table td{vertical-align:middle;border-bottom:1px solid #c8c3bb;border-right:1px solid #c8c3bb;padding:7px 8px}.formula-table th:last-child,.formula-table td:last-child{border-right:0}.formula-table tbody tr:last-child td{border-bottom:0}.formula-table th{color:var(--ink-primary);letter-spacing:.06em;text-transform:uppercase;background:#eceae6;font-size:9px;font-weight:800}.formula-table td:first-child{color:var(--ink-primary);font-size:11.2px;font-weight:800}.formula-table td:nth-child(2){color:var(--ink-primary);text-align:center;font-size:11.5px;font-weight:800}.formula-table td:nth-child(3),.formula-table td:nth-child(4){color:var(--ink-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.6px;font-weight:700}.formula-table th:first-child,.formula-table td:first-child{width:27%}.formula-table th:nth-child(2),.formula-table td:nth-child(2){width:13%}.formula-table th:nth-child(3),.formula-table td:nth-child(3),.formula-table th:nth-child(4),.formula-table td:nth-child(4){width:30%}.twelve-bar-grid{gap:3px;width:100%;margin:0 auto;display:grid}.twelve-bar-row{grid-template-columns:repeat(4,minmax(14px,max-content));justify-content:center;column-gap:8px;display:grid}.twelve-bar-cell{justify-content:center;align-items:center;min-width:14px;display:inline-flex}.twelve-bar-row span{text-align:center}.interval-table-section h2{margin:0 0 var(--space-3);color:var(--ink-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:13px;line-height:1.2}.interval-table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #c8c3bb;width:100%;font-size:12px;line-height:1.35}.interval-table th,.interval-table td{vertical-align:middle;border-bottom:1px solid #c8c3bb;border-right:1px solid #c8c3bb;padding:9px 10px}.interval-table th:last-child,.interval-table td:last-child{border-right:0}.interval-table tbody tr:last-child td{border-bottom:0}.interval-table th{color:var(--ink-primary);letter-spacing:.06em;text-transform:uppercase;background:#eceae6;font-size:9px;font-weight:800}.interval-table td:first-child{color:var(--ink-primary);font-size:11.4px;font-weight:800}.interval-table td:nth-child(2),.interval-table td:nth-child(3){color:var(--ink-primary);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:800}.interval-table th:first-child,.interval-table td:first-child{width:20%}.interval-table th:nth-child(2),.interval-table td:nth-child(2){width:10%}.interval-table th:nth-child(3),.interval-table td:nth-child(3){width:11%}.interval-table th:nth-child(4),.interval-table td:nth-child(4),.interval-table th:nth-child(5),.interval-table td:nth-child(5){width:29.5%}.circle-fifths-page{flex-direction:column;display:flex}.circle-fifths-page .sheet-header{margin-bottom:6px}.circle-fifths{width:6.85in;margin:0 auto}.circle-fifths svg{width:100%;height:auto;display:block}.circle-fifths__outerCircle{fill:#fff}.circle-fifths__notationWedge{fill:#fff;stroke:none}.circle-fifths__majorWedge{fill:var(--circle-major);stroke:#fff;stroke-width:5px}.circle-fifths__minorWedge{fill:var(--circle-minor);stroke:#fff;stroke-width:5px}.circle-fifths__center{fill:#fff}.circle-fifths__majorText{fill:#fff;font-size:34px;font-weight:800}.circle-fifths__minorText{fill:var(--ink-secondary);font-size:26px;font-weight:400}.circle-fifths__staff,.circle-fifths__staffBar{stroke:var(--line-primary);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.circle-fifths__clefMark{fill:#000}.circle-fifths__accidental{fill:#000;font-family:Bravura,Noto Music,Apple Symbols,Segoe UI Symbol,Times New Roman,serif;font-size:25px;font-weight:400}.key-relationship-grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));padding:0 .5in;display:grid}.key-relationship h2{margin:0 0 var(--space-2);color:var(--ink-secondary);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:12px}.key-relationship svg{width:100%;height:auto;display:block}.key-relationship__wedge{fill:var(--circle-minor);stroke:#fff;stroke-width:3px}.key-relationship__wedge--tonic{fill:var(--circle-major)}.key-relationship__text{fill:var(--ink-secondary);font-size:15px;font-weight:500}.key-relationship__text--tonic{fill:#fff}@page{size:Letter;margin:0}@page landscape{size:Letter landscape;margin:0}@media print{html,body,#root{height:auto;min-height:0;margin:0;padding:0}body{background:#fff}.sheet-nav,.library-toolbar,.library-index{display:none}.sheet-page{width:8.5in;height:auto;min-height:0;box-shadow:none;break-after:auto;page-break-after:auto;margin:0}.sheet-page--landscape{page:landscape;width:11in;min-height:0}}