pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#6d4aff;--on-accent:#fff;--bg:#fff;--sidebar:#f8f7f5;--panel:#fff;--fg:#0c0c14;--weak:#5c5958;--hint:#8f8d8a;--line:#eae7e4;--line-strong:#d1cfcd;--hover:#f1eeeb;--danger:#dc3251;--success:#1ea885;--shadow:0 8px 24px #0c0c141f, 0 2px 6px #0c0c140f;--radius:8px;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 86%, #fff);--accent-press:color-mix(in srgb, var(--accent) 82%, #000);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1a22;--sidebar:#141319;--panel:#23212c;--fg:#f1eff7;--weak:#a7a4b5;--hint:#7e7b8c;--line:#34323e;--line-strong:#4a4757;--hover:#2b2935;--shadow:0 8px 24px #00000073, 0 2px 6px #0000004d;--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent)}:root[data-accent=blue]{--accent:#2563eb}:root[data-accent=teal]{--accent:#0d9488}:root[data-accent=green]{--accent:#16a34a}:root[data-accent=amber]{--accent:#b7791f}:root[data-accent=orange]{--accent:#ea580c}:root[data-accent=red]{--accent:#dc2626}:root[data-accent=pink]{--accent:#db2777}:root[data-accent=purple]{--accent:#9333ea}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);margin:0}#marknotes{height:100vh;flex-direction:column;height:100dvh;display:flex}h1,h2,h3,p{margin:0}a{color:var(--accent)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hint{color:var(--hint);font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{border-radius:var(--radius);height:36px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-solid{background:var(--accent);color:var(--on-accent)}.btn-solid:hover:not(:disabled){background:var(--accent-hover)}.btn-solid:active:not(:disabled){background:var(--accent-press)}.btn-outline{border-color:var(--line-strong)}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 86%, #fff)}.btn-icon{width:36px;color:var(--weak);padding:0}.btn-icon:hover:not(:disabled){color:var(--fg)}.glyph span{font-size:15px;font-weight:700;line-height:1}.glyph-I{font-family:Georgia,serif;font-style:italic}.glyph-S{text-decoration:line-through}.banner:empty{display:none}.banner{color:#241c00;text-align:center;background:#ffb800;padding:6px 16px;font-weight:500}.app{border:0;flex:1;grid-template-columns:264px minmax(0,1fr);min-width:0;min-height:0;margin:0;padding:0;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;gap:8px;min-height:0;padding:16px 12px 12px;display:flex;overflow:auto}.brand{align-items:center;gap:10px;padding:0 8px 8px;display:flex}.logo{width:30px;height:30px}.wordmark{letter-spacing:-.01em;font-size:18px;font-weight:700}.btn-new{width:100%;height:40px}.new-slot .menu-anchor{display:block}.new-slot .menu{left:0;right:0}.locations{margin-top:8px}.nav-item,.tree-item,.connect-item{width:100%;height:36px;color:var(--weak);justify-content:flex-start;padding:0 10px;font-weight:400}.nav-item span,.tree-item span,.connect-item span{text-overflow:ellipsis;overflow:hidden}.nav-item[aria-current=true],.tree-item[aria-current=true]{background:var(--accent-soft);color:var(--fg);font-weight:600}.nav-item[aria-current=true] .icon,.tree-item[aria-current=true] .icon{color:var(--accent)}.tree{flex-direction:column;min-height:80px;display:flex}.tree-row{padding-left:calc(var(--depth) * 16px);align-items:center;display:flex}.tree-row .tree-item{flex:1;min-width:0;padding-left:4px}.expander,.expander-space{flex:none;width:24px;height:24px}.expander .icon{width:14px;height:14px;transition:transform .15s}.expander[aria-expanded=true] .icon{transform:rotate(90deg)}.expander:disabled{visibility:hidden}.tree-empty{padding:8px 10px}.drives{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;display:flex}.drives .hint{padding:4px 10px}.section-title{color:var(--hint);letter-spacing:.06em;text-transform:uppercase;padding:0 10px 4px;font-size:11px;font-weight:600}.accounts:empty{display:none}.account{border-radius:var(--radius);align-items:center;gap:10px;padding:6px 4px 6px 10px;display:flex}.account:hover{background:var(--hover)}.account-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:relative}.account-icon:after{content:"";border:2px solid var(--sidebar);background:var(--hint);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.account-icon.ok:after{background:var(--success)}.account-icon.error:after{background:var(--danger)}.account-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.account-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-text small{color:var(--hint);font-size:12px}.account-notice{flex-direction:column;align-items:flex-start;gap:4px;padding:0 10px 6px 52px;display:flex}.account-notice p{overflow-wrap:anywhere;margin:0}.badge{background:var(--hover);color:var(--hint);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px}.local{color:var(--hint);align-items:center;gap:8px;padding:8px 10px 0;font-size:12px;display:flex}.local .icon{width:14px;height:14px}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.menu-toggle{display:none}.breadcrumb{flex:1;align-items:center;gap:4px;min-width:0;font-size:16px;font-weight:600;display:flex;overflow:hidden}.breadcrumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb span:not(:last-child){color:var(--weak);flex-shrink:1;font-weight:400}.breadcrumb .icon{width:14px;height:14px;color:var(--hint)}.status{text-overflow:ellipsis;white-space:nowrap;max-width:40%;color:var(--weak);font-size:13px;overflow:hidden}.top-actions{gap:4px;display:flex}.syncing #sync .icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:52px;padding:8px 16px;display:flex}.formatting{flex-wrap:wrap;gap:2px;display:flex}.main:not(.has-note) .formatting{visibility:hidden}.item-actions{gap:4px;margin-left:auto;display:flex}.item-actions .btn{color:var(--weak)}.item-actions .btn:hover:not(:disabled){color:var(--fg)}.panes{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.main:not(.has-note) .panes{display:none}.pane{min-height:0;overflow:auto}.pane+.pane{border-left:1px solid var(--line)}.main:not(.has-note) .view-switch,.chord-mode .view-switch{display:none}.view-switch .segment{padding:0 12px}.main[data-view=edit] .panes,.main[data-view=preview] .panes{grid-template:minmax(0,1fr)/minmax(0,1fr)}.main[data-view=edit] #preview,.main[data-view=preview] .editor-pane{display:none}.main[data-view=preview] .pane+.pane{border:0}.main[data-view=preview] .formatting{visibility:hidden}#editor{height:100%}.preview{overflow-wrap:anywhere;padding:24px 32px;line-height:1.65}.preview>:first-child{margin-top:0}.preview h1,.preview h2,.preview h3{margin:1.2em 0 .5em}.preview p,.preview ul,.preview ol,.preview blockquote,.preview pre,.preview table{margin:0 0 1em}.preview blockquote{border-left:3px solid var(--accent);color:var(--weak);padding-left:12px}.preview code{background:var(--hover);border-radius:4px;padding:1px 4px;font-size:.92em}.diagnostic-excerpt{white-space:pre-wrap;overflow-wrap:anywhere}.preview pre{border-radius:var(--radius);background:var(--hover);white-space:pre-wrap;padding:12px}.preview pre code{background:0 0;padding:0}.preview table{border-collapse:collapse}.preview td,.preview th{border:1px solid var(--line);padding:6px 10px}.cm-editor{background:0 0;height:100%}.cm-editor.cm-focused{outline:none!important}.cm-scroller{font:14px/1.7 ui-monospace,Cascadia Code,Menlo,monospace}.cm-content{caret-color:var(--accent);padding:24px 32px!important}.cm-gutters{display:none}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.has-note .empty{display:none}.empty-art{background:var(--accent-soft);width:88px;height:88px;color:var(--accent);border-radius:24px;place-items:center;margin-bottom:8px;display:grid}.empty-art .icon{stroke-width:1.4px;width:40px;height:40px}.empty h2{font-size:18px}.empty p{color:var(--weak);margin-bottom:8px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.menu-anchor{position:relative}.menu{z-index:20;border:1px solid var(--line);background:var(--panel);min-width:200px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:6px;animation:.12s ease-out pop;display:flex;position:absolute;top:calc(100% + 4px)}.menu-start{left:0}.menu-end{right:0}.drives .menu{top:auto;bottom:calc(100% + 4px)}.menu-item{justify-content:flex-start;width:100%;font-weight:400}.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline:none}.menu-item.danger{color:var(--danger)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.modal{background:var(--panel);width:min(480px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--fg);box-shadow:var(--shadow);border:0;border-radius:12px;padding:0;animation:.15s ease-out pop}.modal[open]{flex-direction:column;display:flex}.modal::backdrop{background:#0c0c1473}.modal-header{align-items:center;gap:8px;padding:20px 16px 8px 24px;display:flex}.modal-header h2{overflow-wrap:anywhere;flex:1;font-size:18px}.modal-body{color:var(--weak);flex-direction:column;gap:16px;padding:8px 24px;display:flex;overflow:auto}.modal-footer{justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.setting h3{color:var(--fg);font-size:13px;font-weight:600}.input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);height:40px;color:var(--fg);font:inherit;padding:0 12px}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input:disabled{opacity:.5}.field-error{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);margin:0 24px;padding:8px 12px}.setting{flex-direction:column;gap:8px;display:flex}.setting-actions{flex-wrap:wrap;gap:8px;display:flex}.platform-links{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.fields{flex-direction:column;gap:12px;display:flex}.local{flex-wrap:wrap}.unlock{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.unlock-card{border:1px solid var(--line);background:var(--panel);width:min(400px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.unlock-card h1{font-size:20px}.unlock-card p{color:var(--weak)}.unlock-card .field-error{margin:0}.unlock-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.check{color:var(--fg);cursor:pointer;align-items:center;gap:8px;margin-top:12px;display:flex}.check input{width:16px;height:16px;accent-color:var(--danger);margin:0}.segmented{background:var(--hover);border-radius:10px;padding:3px;display:inline-flex}.segment{height:32px;color:var(--weak);flex:1}.segment[aria-checked=true]{background:var(--panel);color:var(--fg);box-shadow:0 1px 3px #00000026}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--swatch);color:#fff;border-radius:50%;width:32px;height:32px}.swatch:hover:not(:disabled){background:var(--swatch);color:#fff;transform:scale(1.08)}.swatch .icon{opacity:0;stroke-width:2.6px}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--swatch)}.swatch[aria-checked=true] .icon{opacity:1}.switch{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.switch-track{background:var(--line-strong);border-radius:999px;width:36px;height:20px;transition:background-color .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-track:after{transform:translate(16px)}.chooser-path{border-radius:var(--radius);background:var(--hover);color:var(--fg);overflow-wrap:anywhere;padding:8px 12px;font-family:ui-monospace,monospace;font-size:13px}.chooser-list{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;max-height:260px;padding:4px;display:flex;overflow:auto}.chooser-list[aria-busy=true]{opacity:.6}.chooser-list .hint{padding:8px}.chooser-item{width:100%;color:var(--fg);justify-content:flex-start;font-weight:400}.chooser-item .icon{color:var(--accent)}.chooser-item.parent .icon{color:var(--weak);transform:rotate(180deg)}.chooser-options{flex-direction:column;gap:10px;display:flex}#conflicts[hidden],#empty-new-chords[hidden]{display:none}.modal.conflicts,.modal.import-dialog{width:min(760px,100vw - 32px)}.import-dialog textarea{resize:vertical;height:auto;min-height:100px;padding:8px 12px}.import-dialog .preview{border:1px solid var(--line);border-radius:var(--radius);flex:none;min-height:100px;padding:12px}.conflict+.conflict{border-top:1px solid var(--line);padding-top:16px}.conflict h3{color:var(--fg);overflow-wrap:anywhere;font-size:15px}.merge-view,.merge-chunks,.merge-conflict{flex-direction:column;gap:10px;display:flex}.merge-conflict{border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px}.merge-conflict .merge-title{color:var(--fg);font-size:13px}.merge-label{font-size:12px;font-weight:600}.merge-text{border-radius:var(--radius);background:var(--hover);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:6px 10px;font-family:ui-monospace,monospace;font-size:13px}.merge-resolved .merge-text{color:var(--weak)}.merge-local .merge-text{border-left:3px solid var(--accent)}.merge-remote .merge-text{border-left:3px solid var(--danger)}.merge-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.merge-editor{resize:vertical;height:280px;padding:8px 12px;font-family:ui-monospace,monospace}.toast{z-index:30;color:#fff;max-width:min(440px,100vw - 48px);box-shadow:var(--shadow);background:#2b2935;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 8px 12px 16px;animation:.15s ease-out pop;display:flex;position:fixed;bottom:24px;right:24px}.toast[hidden]{display:none}.toast>.icon{color:#ff8a9c;margin-top:1px}.toast p{white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.toast .btn-icon{color:#c9c6d4;width:28px;height:28px;margin-top:-4px}.toast .btn-icon:hover{color:#fff;background:#ffffff1a}.scrim{display:none}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:25;width:min(300px,85vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar-open .sidebar{box-shadow:var(--shadow);transform:none}.sidebar-open .scrim{z-index:24;background:#0c0c1466;display:block;position:fixed;inset:0}.menu-toggle{display:inline-flex}.topbar{flex-wrap:wrap;height:auto;min-height:56px;padding:0 8px}.status{flex-basis:100%;order:5;max-width:none;padding:0 8px 8px}#sync span,.item-actions .btn span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}#sync{width:36px;padding:0}.toolbar{flex-wrap:wrap}.panes{grid-template-rows:minmax(240px,1fr) auto;grid-template-columns:minmax(0,1fr)}.pane+.pane{border-left:0;border-top:1px solid var(--line)}}.loading{color:var(--weak);flex-direction:column;align-items:center;gap:12px;margin:auto;display:flex}.preview input[type=checkbox]{accent-color:var(--accent)}.editor-pane{position:relative;overflow:hidden}.mentions{z-index:5;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);max-height:min(280px,50%);box-shadow:var(--shadow);padding:4px;position:absolute;inset:auto 12px 12px;overflow:auto}.mention{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.mention:hover{background:var(--hover)}.mention[aria-selected=true]{background:var(--accent-soft)}.mention>.icon{color:var(--weak);flex:none}.mention-text{flex-direction:column;flex:1;min-width:0;display:flex}.mention-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-path{color:var(--weak)}.id-chip{border:1px solid var(--line);background:var(--sidebar);border-radius:999px;flex:none;align-items:center;gap:2px;padding-left:8px;font-size:12px;display:inline-flex}.id-chip .btn{border-radius:999px;width:26px;height:26px}.mention-empty{margin:0;padding:8px}.preview a.note-link{color:var(--accent);text-decoration-style:dotted}.preview a.note-link.broken{color:var(--danger);cursor:not-allowed;text-decoration-line:line-through}.preview img.attachment{border-radius:6px;max-width:100%;height:auto}.preview img.attachment.missing{border:1px dashed var(--line-strong);color:var(--hint);padding:4px 8px;font-style:italic;display:inline-block}.mode-slot{display:none}.has-note.chord-file .mode-slot{display:flex}.chord-mode .formatting{visibility:hidden}.chord-banner{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--fg);margin:0;padding:10px 16px;font-size:13px}.chord-pane{flex:1;min-height:0;display:none;overflow:auto}.has-note.chord-mode .chord-pane{display:block}.has-note.chord-mode .panes{display:none}.chord-editor{grid-template-columns:minmax(240px,320px) minmax(0,1fr);min-height:100%;display:grid}.chord-sequence{border-right:1px solid var(--line);padding:16px}.chord-sequence-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chord-sequence-head .section-title,.chord-form .section-title{margin:0}.chord-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chord-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:center;gap:4px;padding:6px;display:flex}.chord-item[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chord-open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:10px;padding:2px;display:flex}.chord-open:hover{background:var(--hover)}.chord-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.chord-item-text strong,.chord-tags{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chord-chip,.chord-tags{color:var(--weak);font-size:12px}.chord-item-actions{grid-template-columns:repeat(2,auto);display:grid}.chord-item-actions .btn-icon{width:28px;height:28px;color:var(--weak)}.chord-empty{padding:8px 0}.chord-preview{flex:none;padding:4px 4px 4px 2px;position:relative}.chord-preview-position{color:var(--weak);font-size:10px;position:absolute;top:-2px;right:2px}.chord-preview-grid{flex-direction:column;display:flex}.chord-preview-row{align-items:center;display:flex}.chord-preview-indicator{width:12px;color:var(--weak);text-align:center;font-size:10px;line-height:11px}.chord-preview-frets{background:linear-gradient(var(--line-strong), var(--line-strong)) center / 100% 1px no-repeat;display:flex}.chord-preview-cell{border-right:1px solid var(--line-strong);place-items:center;width:16px;height:11px;display:grid}.chord-preview-cell:first-child{border-left:2px solid var(--line-strong)}.chord-preview-dot{background:var(--accent);width:10px;height:10px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:8px;font-weight:700;display:grid}.chord-form{flex-direction:column;gap:16px;min-width:0;padding:16px 20px 24px;display:flex}.chord-form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.chord-form-row .field:first-child{flex:1;min-width:180px}.chord-form .field-error{margin:0}.chord-note{resize:vertical;height:auto;min-height:72px;padding:8px 12px}.chord-form-actions{justify-content:flex-end;gap:8px;display:flex}.fretboard-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto}.fretboard-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fretboard{--cols:56px 40px 40px repeat(var(--frets), 40px) 64px;width:max-content;padding:8px}.fret-header,.string-row{grid-template-columns:var(--cols);align-items:center;display:grid}.fret-header{color:var(--hint);text-align:center;font-size:11px}.fret-header .marker{color:var(--fg);font-weight:700}.fret-header .red-line-fret{color:var(--danger)}.string-row{border:0;min-width:0;margin:0;padding:0}.tuning-label{font-size:13px}.string-row>button{border:0;border-right:1px solid var(--line-strong);background:linear-gradient(var(--line-strong), var(--line-strong)) center / 100% 2px no-repeat;height:32px;color:var(--fg);font:inherit;cursor:pointer;margin:2px 0;font-size:13px;font-weight:700}.string-row>button:hover{background-color:var(--hover)}.string-row>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.string-row>.mute,.string-row>.open{color:var(--weak);background:0 0;border-right:0;border-radius:6px}.string-row>.open{border-right:3px solid var(--fg);border-radius:6px 0 0 6px}.string-row>.mute.selected{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.string-row>.open.selected{background-color:var(--accent-soft);color:var(--accent)}.string-row>.marker-fret{background-color:color-mix(in srgb, var(--hover) 70%, transparent)}.string-row>.red-line-fret{border-right:2px solid var(--danger)}.string-row>.fret.selected{background:radial-gradient(circle, var(--accent) 0 12px, transparent 12.5px);color:var(--on-accent)}.string-row>.finger{height:32px;margin-left:8px;padding:0 6px}@media (max-width:860px){.chord-editor{grid-template-columns:minmax(0,1fr)}.chord-sequence{border-right:0;border-bottom:1px solid var(--line)}}@media (prefers-color-scheme:dark){.doc-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1a22;--panel:#23212c;--fg:#f1eff7;--weak:#a7a4b5;--hint:#7e7b8c;--line:#34323e}}.doc{max-width:760px;margin:0 auto;padding:48px 24px 64px;font-size:15px;line-height:1.6}.doc-header{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.doc h1{margin-bottom:8px;font-size:28px;line-height:1.2}.doc h2{margin:32px 0 12px;font-size:19px}.doc p,.doc ul,.doc dl{margin:0 0 12px}.doc-lead,.doc li,.doc dd,.doc p{color:var(--weak)}.doc li{margin-bottom:6px}.doc-modes dt{color:var(--fg);margin-top:16px;font-weight:600}.doc-modes dd{border-left:3px solid var(--line);margin:4px 0 0;padding-left:16px}.doc code{font-size:.92em}.doc-footer{border-top:1px solid var(--line);margin-top:40px;padding-top:16px}#pwa-status:not(:empty){background:var(--panel);color:var(--weak);border-top:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.app-page{flex-direction:column;height:100dvh;display:flex}.app-page #marknotes{flex:1;height:auto;min-height:0}#pwa-status p{margin:0}