.notation-editor{tab-size:4;font-variant-ligatures:none;font-kerning:none;font-family:Roboto Mono,Noto Sans Sinhala,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;line-height:1.75}[data-notation-font=sinhala],.chord-preview-chart,.chord-sheet.chord-chart{--notation-font-family:"Noto Sans Sinhala", system-ui, sans-serif}.notation-editor.converter-chart,.converter-chart,.chord-chart .notation-pair,.public-site .chord-sheet.chord-chart .notation-pair,.public-site .chord-sheet.chord-chart .notation-lyrics{font-family:var(--notation-font-family,"Noto Sans Sinhala", system-ui, sans-serif);font-variant-ligatures:normal;font-kerning:auto;tab-size:8;letter-spacing:normal;word-spacing:normal;font-weight:400;font-stretch:100%;line-height:1.5}.notation-editor.converter-chart,.converter-chart{font-size:1rem}.converter-textarea{border:1px solid var(--border);background:var(--muted);width:100%;min-height:14rem;color:var(--foreground);border-radius:.85rem;padding:.85rem 1rem}.converter-chart{box-sizing:border-box;appearance:none;border:1px solid var(--border);background:var(--card);width:100%;min-height:calc(27em + .75rem + 2px);color:var(--foreground);white-space:pre-wrap;resize:none;background-clip:padding-box;border-radius:.375rem;padding:.375rem .75rem;display:block;overflow:hidden}.converter-chart-snapshot{min-height:calc(18em + .75rem + 2px);max-height:28rem;overflow:auto}.converter-chordmonkey{border:1px solid var(--border);background:var(--muted);border-radius:.85rem;margin-top:1rem;padding:.85rem 1rem;scroll-margin-top:5rem}.converter-chordmonkey-summary{cursor:pointer;color:var(--foreground);font-weight:650}.converter-chordmonkey-badge{background:var(--card);color:var(--muted-foreground);border-radius:999px;margin-left:.5rem;padding:.15rem .55rem;font-size:.7rem;font-weight:650}.converter-source-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.converter-source-actions{gap:.4rem;display:flex}.converter-step{border-top:1px solid var(--border);padding-top:1.15rem}.converter-step-label{color:var(--foreground);align-items:center;gap:.6rem;margin-bottom:.95rem;font-weight:650;display:flex}.converter-step-label b{background:var(--brand-amber);width:1.75rem;height:1.75rem;color:var(--brand-navy-dark);border-radius:999px;place-items:center;font-size:.8rem;display:inline-grid}.converter-small-button,.converter-secondary-button,.converter-use-button{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:.55rem;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.converter-small-button:hover,.converter-secondary-button:hover{border-color:var(--brand-amber);background:var(--brand-amber-soft)}.converter-small-button:disabled,.converter-secondary-button:disabled,.converter-use-button:disabled{cursor:not-allowed;opacity:.45}.converter-convert-button{background:var(--brand-amber);width:100%;color:var(--brand-navy-dark);border-radius:.75rem;justify-content:center;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-weight:700;display:inline-flex}.converter-convert-button:hover{background:var(--brand-amber-hover)}@media (width>=640px){.converter-convert-button{width:auto}.converter-textarea{min-height:16rem}}.converter-convert-button span{opacity:.75;font-size:.75rem;font-weight:500}.converter-convert-button:disabled{opacity:.6}.converter-use-button{border-color:var(--brand-amber);background:var(--brand-amber);color:var(--brand-navy-dark)}.converter-field{color:var(--foreground);gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.converter-input-action{display:flex}.converter-input-action input{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--foreground);border-radius:.55rem 0 0 .55rem;flex:1;padding:.65rem .75rem;font-weight:400}.converter-input-action button{border:1px solid var(--border);background:var(--muted);color:var(--foreground);border-left:0;border-radius:0 .55rem .55rem 0;padding:0 .75rem;font-size:.75rem}.converter-combobox{position:relative}.converter-combobox-list{z-index:20;border:1px solid var(--border);background:var(--card);width:100%;max-height:15rem;color:var(--foreground);border-radius:.6rem;padding:.3rem;position:absolute;top:calc(100% + .3rem);overflow:auto;box-shadow:0 12px 30px #0000001f}.converter-combobox-list li{cursor:pointer;border-radius:.4rem;padding:.55rem .65rem;font-weight:400}.converter-combobox-list li:hover,.converter-combobox-list li.is-active,.converter-combobox-list li[aria-selected=true]{background:var(--brand-amber-soft)}.converter-combobox-list .is-empty{cursor:default;color:var(--muted-foreground)}.song-field{color:var(--foreground);gap:.4rem;font-size:.875rem;font-weight:600;display:grid}.song-field input,.song-field select,.song-field textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);border-radius:.7rem;padding:.7rem .85rem;font-weight:400}.song-field input[type=text],.song-field input[type=number],.song-field select{height:2.75rem;min-height:2.75rem}.song-field-row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.song-field-row input{flex:14rem;width:auto;min-width:0}.song-featured{border:1px solid var(--border);background:var(--muted);border-radius:.7rem;align-items:center;gap:.75rem;min-height:2.75rem;padding:.7rem .85rem;display:flex}.song-field input:focus,.song-field select:focus,.song-field textarea:focus,.converter-input-action input:focus,.converter-textarea:focus,.converter-chart:focus{border-color:var(--brand-amber);outline:2px solid color-mix(in srgb, var(--brand-amber) 30%, transparent)}.song-form-actions{z-index:40;border-top:1px solid var(--border);background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000000f}.converter-modal-open{overflow:hidden}.chord-preview-overlay{z-index:100;background:color-mix(in srgb, var(--brand-navy-dark) 72%, transparent);place-items:end center;padding:0;display:grid;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.chord-preview-overlay{place-items:center;padding:1.25rem}}.chord-preview-dialog{background:var(--card);width:min(92rem,100vw - 2.5rem);max-height:min(92vh,100%);color:var(--foreground);border-radius:1rem 1rem 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000004d}@media (width>=640px){.chord-preview-dialog{border-radius:1rem;max-height:calc(100vh - 2.5rem)}}.chord-preview-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--brand-amber-soft) 55%, var(--card));align-items:flex-start;gap:.75rem;padding:1.1rem 1.15rem 1rem;display:flex}.chord-preview-header-main{flex:1;min-width:0}.chord-preview-header h2{margin:0;font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:750;line-height:1.25}.chord-preview-meta{color:var(--muted-foreground);margin-top:.35rem;font-size:.875rem}.chord-preview-kicker{color:var(--brand-navy);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:700}.dark .chord-preview-kicker{color:var(--brand-amber)}.chord-preview-slug{opacity:.85;margin-left:.35rem;font-family:Roboto Mono,ui-monospace,monospace;font-size:.78rem;display:inline-block}.chord-preview-close{border:1px solid var(--border);background:var(--card);width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.chord-preview-close:hover{border-color:var(--brand-amber);background:var(--brand-amber-soft)}.chord-preview-toolbar{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.7rem 1.15rem;display:flex}.chord-preview-toolbar-group{flex-wrap:wrap;gap:.4rem;display:flex}.chord-preview-tool{border:1px solid var(--border);background:var(--muted);color:var(--foreground);border-radius:.55rem;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.8rem;font-weight:650;display:inline-flex}.chord-preview-tool:hover:not(:disabled){border-color:var(--brand-amber);background:var(--brand-amber-soft)}.chord-preview-tool[aria-pressed=true],.chord-preview-tool[aria-pressed=true]:hover:not(:disabled){border-color:var(--brand-amber);background:var(--brand-amber);color:var(--brand-navy-dark)}.chord-preview-tool:disabled{opacity:.45}.chord-preview-hint{color:var(--muted-foreground);margin:0;font-size:.75rem}.chord-preview-split{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.chord-preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.chord-preview-pane+.chord-preview-pane{border-left:1px solid var(--border)}.chord-preview-pane-title{border-bottom:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;margin:0;padding:.55rem 1.15rem;font-size:.7rem;font-weight:700}.chord-preview-pane-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.chord-preview-pane-body:not(.chord-preview-chart):not(.chord-compare-chart){padding:1.15rem 1.15rem 1.5rem}.chord-compare-chart{padding:0;display:flex;position:relative;overflow:hidden}.chord-compare-chart .converter-chart{resize:none;border-radius:0;flex:1;width:100%;height:100%;min-height:0;overflow:auto}.chord-compare-mirror{z-index:-1;box-sizing:border-box;visibility:hidden;pointer-events:none;border-color:#0000;height:max-content;min-height:0;position:absolute;top:0;left:0;overflow:visible}.chord-compare-mirror div{white-space:pre-wrap;overflow-wrap:break-word}.chord-preview-singlish{white-space:pre;background:0 0;border:0;border-radius:0;margin:0;padding:0}.chord-preview-singlish+.chord-preview-singlish{margin-top:1.25rem}.chord-preview-chart{font-family:var(--notation-font-family,"Noto Sans Sinhala", system-ui, sans-serif);padding:1.15rem 1.15rem 1.5rem}.chord-sheet.chord-chart{font-family:var(--notation-font-family,"Noto Sans Sinhala", system-ui, sans-serif)}.chord-preview-empty{border:1px dashed var(--border);background:var(--muted);text-align:center;border-radius:.85rem;place-content:center;min-height:12rem;padding:1.5rem;display:grid}.chord-chart .section-gap{height:1.75rem}.chord-chart .section-title{color:var(--brand-navy);border-bottom:0;margin:1rem 0 .55rem;padding-bottom:0;font-weight:750}.dark .chord-chart .section-title{color:var(--brand-amber)}.chord-chart .notation-pair{font-size:inherit;letter-spacing:normal;word-spacing:normal;margin:.7rem 0;font-weight:400;line-height:1.5;overflow-x:auto}.chord-chart .notation-pair:not(.notation-pair--chords-only){flex-direction:column;gap:0;display:flex}.chord-chart .notation-chords,.chord-chart .notation-lyrics{min-width:max-content;font:inherit;letter-spacing:inherit;word-spacing:inherit;white-space:pre}.chord-chart .notation-chords{color:#0000;min-height:1.55em;padding-bottom:0;line-height:1.35}.chord-chart .notation-pair--chords-only{--chord-only-badge-width:2.9em;margin:.22rem 0}.chord-chart .notation-pair--chords-only .notation-chords{flex-wrap:nowrap;align-items:center;gap:.38em;min-height:0;padding-bottom:0;line-height:1;display:flex}.chord-chart .notation-pair--chords-only .notation-chord-pad,.chord-chart .notation-pair--chords-only .notation-chord-source{display:none}.chord-chart .notation-pair--chords-only .notation-chord-slot{width:auto;min-width:var(--chord-only-badge-width);flex:none;display:inline-flex;position:relative}.chord-chart .notation-pair--chords-only .chord-badge{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:max-content;max-width:none;min-height:1.55em;padding-block:.12em;padding-inline:.42em;position:relative;top:auto;bottom:auto;left:auto;overflow:visible}.chord-chart .notation-pair--chords-only .notation-chord-comment{flex:none;margin-left:.1em}.chord-chart .notation-chord-slot{vertical-align:baseline;display:inline-block;position:relative}.chord-chart .notation-chord-source{visibility:hidden;font:inherit;letter-spacing:inherit}.chord-chart .notation-chord-comment{color:var(--muted-foreground)}.chord-badge{border:1px solid var(--chord-badge-border);background:var(--chord-badge-bg);color:var(--chord-badge-fg);letter-spacing:.01em;white-space:nowrap;border-radius:.4rem;flex-shrink:0;align-items:baseline;padding:.14em .42em;font-family:Roboto Mono,ui-monospace,monospace;font-size:.95em;font-weight:800;line-height:1.25;display:inline-flex}.chord-badge .chord-suffix{font-size:inherit;font-weight:inherit}.chord-badge .chord-slash{font-weight:400}.chord-badge--bar{justify-content:center;min-width:2.5rem}.lyric-word{flex-direction:column;align-items:flex-start;max-width:100%;display:inline-flex}.lyric-word-chords{pointer-events:none;flex-wrap:wrap;align-items:flex-end;gap:.2em .28em;max-width:100%;min-height:1.7em;margin-bottom:.1em;display:flex}.chord-reader{max-width:100%;overflow-x:clip}.chord-reader-keys{grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem;display:grid}.chord-reader-bars{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=639px){.chord-reader-keys{grid-template-columns:repeat(9,minmax(0,1fr));gap:.28rem;display:grid}.chord-reader-keys .key-switch{border:1px solid var(--chord-badge-border);width:100%;min-width:0;min-height:2.05rem;color:var(--chord-badge-fg);background:0 0;border-radius:.4rem;justify-content:center;padding:.22em .08em;font-size:.72em;font-weight:800}}@media (width>=640px){.chord-badge--bar{min-width:2.85rem}.chord-reader-keys{gap:.375rem}.chord-reader-bars{flex-wrap:wrap;gap:.625rem;display:flex}}@media (width>=1024px){.chord-reader-keys{grid-template-columns:repeat(17,minmax(0,1fr))}}.key-switch{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;min-height:1.75rem;color:var(--foreground);letter-spacing:0;white-space:nowrap;cursor:pointer;border-radius:.28rem;flex-shrink:1;justify-content:center;align-items:center;padding:.1em .05em;font-family:Roboto Mono,ui-monospace,monospace;font-size:.68em;font-weight:600;line-height:1.15;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.key-switch:hover{border-color:var(--chord-badge-border);color:var(--chord-badge-fg);background:0 0}.key-switch.is-active{border-color:var(--chord-badge-border);background:var(--chord-control-active-bg);color:var(--chord-badge-fg);font-weight:800}.key-switch.is-active:hover{border-color:var(--chord-badge-border);background:var(--chord-control-active-bg);color:var(--chord-badge-fg)}.key-switch.is-origin:not(.is-active){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chord-badge-fg) 28%, transparent)}.key-switch .chord-suffix{font-size:inherit;font-weight:inherit}@media (width>=640px){.key-switch{min-height:2.6rem;padding:.32em .35em;font-size:.9em}}@media (width>=1024px){.key-switch{min-height:2.5rem;padding:.35em .45em;font-size:.95em}}.chord-chart .chord-badge{box-sizing:border-box;border:0;justify-content:center;width:100%;max-width:100%;padding-block:.12em;position:absolute;top:auto;bottom:0;left:0;overflow:visible}.chord-chart .notation-pair--chords-only .chord-badge{width:100%;min-width:max-content;max-width:none;padding-inline:.42em;position:relative;top:auto;bottom:auto;left:auto;overflow:visible}.chord-chart .notation-chords-only-group{border-collapse:separate;border-spacing:.38em .22rem;width:max-content;max-width:100%;display:inline-table}.chord-chart .notation-chords-only-group .notation-pair--chords-only{margin:0;display:table-row}.chord-chart .notation-chords-only-group .notation-pair--chords-only .notation-chords{display:contents}.chord-chart .notation-chords-only-group .notation-pair--chords-only .notation-chord-slot{vertical-align:middle;width:1%;min-width:2.9em;display:table-cell}.chord-chart .notation-chords-only-group .notation-pair--chords-only .chord-badge{box-sizing:border-box;width:100%;min-width:0;max-width:none;padding-inline:.42em}.chord-chart .notation-chords-only-group .notation-pair--chords-only .notation-chord-comment{vertical-align:middle;white-space:nowrap;width:auto;margin-left:0;display:table-cell}.chord-chart .notation-chords-only-group .section-gap{display:table-row}.chord-chart .notation-chords-only-group .section-gap:after{content:"";height:.55em;display:table-cell}.chord-chart .notation-lyrics{line-height:1.5}.chord-preview-footer{border-top:1px solid var(--border);background:var(--card);padding:.85rem 1.15rem calc(.85rem + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chord-preview-footer-note{max-width:28rem;color:var(--muted-foreground);margin:0;font-size:.75rem}.chord-preview-footer-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.chord-preview-save{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:.65rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:650}.chord-preview-save:hover:not(:disabled){background:var(--muted)}.chord-preview-save:disabled{opacity:.45}.chord-preview-done{background:var(--brand-amber);color:var(--brand-navy-dark);border-radius:.65rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:750}.chord-preview-done:hover{background:var(--brand-amber-hover)}@media (width<=640px){.song-form-actions .mx-auto{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}.chord-editor .notation-lyrics[contenteditable]{cursor:text;border-radius:.2rem;outline:none}.chord-editor .notation-lyrics[contenteditable]:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#c2410c) 45%, transparent)}.chord-editor .chord-badge{cursor:pointer}@media (width>=768px){.chord-editor .chord-badge{cursor:grab}.chord-editor .notation-chord-slot.is-dragging .chord-badge,.chord-editor .notation-chords.is-dragging{cursor:grabbing}.chord-editor .chord-editor-mobile-bar{display:none}}.chord-editor .chord-editor-mobile-bar{z-index:40;border-top:1px solid var(--border);background:var(--background);padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.chord-editor .chord-editor-mobile-bar-hint{min-height:44px;color:var(--muted-foreground);justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:600;display:flex}.chord-editor .chord-editor-mobile-bar-actions{justify-content:space-around;align-items:center;gap:.25rem;display:flex}.chord-editor .chord-editor-mobile-bar-actions button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.chord-editor .chord-editor-mobile-bar-actions button:hover,.chord-editor .chord-editor-mobile-bar-actions button:focus-visible{background:var(--surface-2,var(--muted))}.chord-editor .notation-chords.is-dragging{-webkit-user-select:none;user-select:none}.chord-editor .notation-chord-space-probe{visibility:hidden;pointer-events:none;white-space:pre;position:absolute}.chord-editor .notation-chord-slot.is-editing .chord-badge,.chord-editor .notation-chord-slot.is-selected .chord-badge{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#c2410c) 55%, transparent)}.chord-editor .notation-chord-slot.is-selected:focus,.chord-editor .notation-chord-slot.is-selected:focus-visible,.chord-editor .notation-chord-pad:focus,.chord-editor .notation-chord-pad:focus-visible,.chord-editor .notation-chord-gap:focus,.chord-editor .notation-chord-gap:focus-visible{outline:none}.chord-editor .chord-badge-input{box-sizing:border-box;width:100%;min-width:2.4em;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:center;background:0 0;border:0;outline:none;margin:0;padding:0;display:block}.chord-editor .notation-chord-pad,.chord-editor .notation-chord-gap{cursor:pointer;min-width:.45em}.chord-editor .notation-chord-gap{vertical-align:baseline;min-height:1em;display:inline-block}.chord-editor .chord-chart .notation-pair--chords-only .notation-chord-pad,.chord-editor .chord-chart .notation-pair--chords-only .notation-chord-gap{white-space:pre;flex:none;align-self:stretch;align-items:center;min-width:.45em;display:inline-flex}