.app-footer[data-astro-cid-ocw72v5d]{background:var(--kl-canvas-subtle);padding-bottom:calc(var(--kl-bottom-bar-h) + env(safe-area-inset-bottom))}@media (width>=48rem){.app-footer[data-astro-cid-ocw72v5d]{padding-bottom:0}html[data-page=song] .app-footer[data-astro-cid-ocw72v5d]{padding-bottom:calc(var(--kl-bottom-bar-h) + 1.5rem)}}.footer-link[data-astro-cid-ocw72v5d]{min-height:var(--kl-target);text-underline-offset:.2em;text-decoration:underline;text-decoration-color:var(--kl-line-strong);align-items:center;display:inline-flex}.footer-link[data-astro-cid-ocw72v5d]:hover{color:var(--kl-link)}.theme-icon[data-astro-cid-l6lhmie6]{display:none}.theme-icon[data-astro-cid-l6lhmie6] svg{fill:currentColor;width:1.125rem;height:1.125rem}:root:not([data-theme]) .theme-icon[data-astro-cid-l6lhmie6][data-theme-icon=system],:root[data-theme=light] .theme-icon[data-astro-cid-l6lhmie6][data-theme-icon=light],:root[data-theme=dark] .theme-icon[data-astro-cid-l6lhmie6][data-theme-icon=dark]{display:grid}.app-header[data-astro-cid-urxya6sf]{z-index:var(--kl-z-header);height:var(--kl-header-h);background:color-mix(in oklch, var(--kl-canvas) 88%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.brand[data-astro-cid-urxya6sf]{min-height:var(--kl-target);font-family:var(--kl-font-display);font-size:var(--text-xl);color:var(--kl-fg);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.back-link[data-astro-cid-urxya6sf]{min-height:var(--kl-target);min-width:0;color:var(--kl-link);align-items:center;gap:.25rem;padding-inline-end:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link[data-astro-cid-urxya6sf] svg{fill:currentColor;width:1rem;height:1rem}.nav-link[data-astro-cid-urxya6sf]{min-height:var(--kl-target);color:var(--kl-fg-muted);transition:background-color var(--kl-duration-base) var(--kl-ease-out);border-radius:9999px;align-items:center;gap:.5rem;padding-inline:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-link[data-astro-cid-urxya6sf] svg{fill:currentColor;width:1rem;height:1rem}.nav-link[data-astro-cid-urxya6sf]:hover{color:var(--kl-fg);background:var(--kl-surface-sunken)}.header-search[data-astro-cid-urxya6sf]{align-items:center;margin-inline-start:.5rem;position:relative}.header-search[data-astro-cid-urxya6sf] svg{width:1rem;height:1rem;fill:var(--kl-fg-muted);pointer-events:none;position:absolute;inset-inline-start:.875rem}.header-search[data-astro-cid-urxya6sf] input[data-astro-cid-urxya6sf]{width:13rem;min-height:var(--kl-target);border:2px solid var(--kl-line-strong);background:var(--kl-surface-sunken);color:var(--kl-fg);border-radius:9999px;padding-inline:2.5rem 1rem}.header-search[data-astro-cid-urxya6sf] input[data-astro-cid-urxya6sf]::placeholder{color:var(--kl-fg-muted)}.nav-link[data-astro-cid-urxya6sf][aria-current=page]{color:var(--kl-fg-on-primary-soft);background:var(--kl-primary-soft)}.bottom-nav[data-astro-cid-dlrkusbo]{inset-inline:0;z-index:var(--kl-z-bottom-bar);padding-bottom:env(safe-area-inset-bottom);background:var(--kl-surface-raised);box-shadow:var(--kl-shadow-overlay);position:fixed;bottom:0}ul[data-astro-cid-dlrkusbo]{height:var(--kl-bottom-bar-h);grid-template-columns:repeat(4,1fr);display:grid}a[data-astro-cid-dlrkusbo]{height:100%;color:var(--kl-fg-muted);font-size:var(--text-xs);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-weight:700;text-decoration:none;display:flex}.indicator[data-astro-cid-dlrkusbo]{width:3.5rem;height:1.875rem;transition:background-color var(--kl-duration-base) var(--kl-ease-out);border-radius:9999px;place-items:center;display:grid;position:relative}.indicator[data-astro-cid-dlrkusbo] svg{fill:currentColor;width:1.25rem;height:1.25rem}.indicator[data-astro-cid-dlrkusbo] .nav-badge{top:-.25rem;position:absolute;inset-inline-end:.5rem}a[data-astro-cid-dlrkusbo][aria-current=page]{color:var(--kl-fg)}a[data-astro-cid-dlrkusbo][aria-current=page] .indicator[data-astro-cid-dlrkusbo]{background:var(--kl-primary-soft);color:var(--kl-fg-on-primary-soft)}@media (forced-colors:active){.bottom-nav[data-astro-cid-dlrkusbo]{border-top:1px solid canvastext}a[data-astro-cid-dlrkusbo][aria-current=page] .indicator[data-astro-cid-dlrkusbo]{outline:2px solid highlight}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-2xl:42rem;--font-weight-normal:400;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-white:#fff;--color-black:#000;--color-transparent:transparent;--color-current:currentColor;--breakpoint-sm:30rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--container-content:72rem;--container-lyrics:42ch;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--text-xs:.75rem;--text-xs--line-height:1.4;--text-sm:.875rem;--text-sm--line-height:1.45;--text-base:1rem;--text-base--line-height:1.6;--text-lg:1.125rem;--text-lg--line-height:1.55;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:clamp(1.375rem, 1.2rem + .8vw, 1.625rem);--text-2xl--line-height:1.3;--text-3xl:clamp(1.75rem, 1.4rem + 1.6vw, 2.25rem);--text-3xl--line-height:1.2;--text-4xl:clamp(2.125rem, 1.6rem + 2.6vw, 3.25rem);--text-4xl--line-height:1.1;--color-canvas:var(--kl-canvas);--color-fg:var(--kl-fg);--color-chord:var(--kl-chord);--shadow-card:var(--kl-shadow-card);--font-display:var(--kl-font-display);--font-body:var(--kl-font-body);--font-lyrics:var(--kl-font-lyrics)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--kl-header-h) + .5rem);scroll-padding-bottom:calc(var(--kl-bottom-bar-h) + env(safe-area-inset-bottom) + .5rem)}@media (width>=48rem){:root{--kl-header-h:4.25rem}html{scroll-padding-bottom:1rem}html[data-page=song]{scroll-padding-bottom:calc(var(--kl-bottom-bar-h) + 1.5rem)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--kl-canvas);color:var(--kl-fg);font-family:var(--kl-font-body);font-size:var(--text-base);line-height:var(--text-base--line-height);min-height:100dvh}h1,h2,h3{font-family:var(--kl-font-display);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;font-weight:600}a{color:inherit}.prose a{color:var(--kl-link);text-underline-offset:.2em;text-decoration:underline}:focus-visible{outline:3px solid var(--kl-focus);outline-offset:2px;border-radius:.25rem}svg{flex-shrink:0}.icon{fill:currentColor;width:1em;height:1em}.ill-accent{fill:var(--kl-accent)}.ill-2{fill:var(--kl-illustration-2)}.ill-glow{fill:var(--kl-illustration-glow)}}@layer components{.skip-link{z-index:var(--kl-z-overlay);border-radius:var(--radius-sm);background:var(--kl-surface-raised);color:var(--kl-fg);box-shadow:var(--kl-shadow-sheet);inset-inline-start:.5rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.app-shell{min-height:calc(100svh - var(--kl-header-h))}.page{width:100%;max-width:var(--container-content);padding-inline:var(--kl-gutter);margin-inline:auto}.section{margin-block:var(--kl-section)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:1rem;display:grid}.category-grid{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:1rem;display:grid}.btn{min-height:var(--kl-target);min-width:var(--kl-target);transition:background-color var(--kl-duration-base) var(--kl-ease-out), box-shadow var(--kl-duration-base) var(--kl-ease-out), transform var(--kl-duration-fast) var(--kl-ease-out);-webkit-tap-highlight-color:transparent;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-lg{min-height:var(--kl-target-lg);min-width:var(--kl-target-lg)}.btn-icon{padding-inline:0}.btn-primary{background:var(--kl-primary);color:var(--kl-fg-on-primary);box-shadow:var(--kl-shadow-xs)}.btn-primary:hover{background:var(--kl-primary-hover)}.btn-secondary{background:var(--kl-primary-soft);color:var(--kl-fg-on-primary-soft)}.btn-ghost{color:var(--kl-fg);background:0 0}.btn-ghost:hover,.btn-secondary:hover{background:var(--kl-primary-soft)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover,.btn-secondary:hover{background:color-mix(in oklch, var(--kl-primary-soft), var(--kl-primary) 12%)}}.btn svg{fill:currentColor;width:1.25rem;height:1.25rem}.chip{background:var(--kl-primary-soft);min-height:2rem;color:var(--kl-fg-on-primary-soft);font-size:var(--text-sm);border-radius:9999px;align-items:center;gap:.375rem;padding-inline:.75rem;font-weight:700;display:inline-flex}.chip svg{fill:currentColor;width:.875rem;height:.875rem}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.top-2{top:calc(var(--spacing) * 2)}.container{width:100%}@media (width>=30rem){.container{max-width:30rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}.mx-auto{margin-inline:auto}.ms-1{margin-inline-start:var(--spacing)}.ms-auto{margin-inline-start:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-full{height:100%}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-full{width:100%}.max-w-\(--container-lyrics\){max-width:var(--container-lyrics)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-prose{max-width:65ch}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--kl-line)}.bg-refrain{background-color:var(--kl-refrain)}.bg-surface-sunken{background-color:var(--kl-surface-sunken)}.p-1{padding:var(--spacing)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pe-12{padding-inline-end:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.font-display{font-family:var(--kl-font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-accent{color:var(--kl-accent)}.text-danger{color:var(--kl-danger)}.text-fg{color:var(--kl-fg)}.text-fg-muted{color:var(--kl-fg-muted)}.text-link{color:var(--kl-link)}.text-primary{color:var(--kl-primary)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.shadow-card{--tw-shadow:var(--kl-shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card-hover{--tw-shadow:var(--kl-shadow-card-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-overlay{--tw-shadow:var(--kl-shadow-overlay);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sheet{--tw-shadow:var(--kl-shadow-sheet);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--kl-shadow-xs);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (width>=30rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.md\:ms-2{margin-inline-start:calc(var(--spacing) * 2)}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:list-item{display:list-item}.md\:h-56{height:calc(var(--spacing) * 56)}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:py-16{padding-block:calc(var(--spacing) * 16)}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=80rem){.xl\:flex{display:flex}}.\[data-filter-item\]\:visible:is(data-filter-item){visibility:visible}}:root{--color-white:oklch(100% 0 0);--color-amber-50:oklch(97.5% .017 72);--color-amber-100:oklch(94.5% .04 72);--color-amber-200:oklch(89.5% .081 72);--color-amber-300:oklch(83% .11 72);--color-amber-400:oklch(76% .137 72);--color-amber-500:oklch(68% .145 72);--color-amber-600:oklch(58.5% .125 72);--color-amber-700:oklch(49.5% .104 72);--color-amber-800:oklch(40.5% .086 72);--color-amber-900:oklch(31.5% .066 72);--color-amber-950:oklch(23.5% .044 72);--color-amber-975:oklch(18% .039 72);--color-clay-50:oklch(97.5% .012 38);--color-clay-100:oklch(94.5% .028 38);--color-clay-200:oklch(89.5% .056 38);--color-clay-300:oklch(83% .096 38);--color-clay-400:oklch(76% .124 38);--color-clay-500:oklch(68% .15 38);--color-clay-600:oklch(58.5% .15 38);--color-clay-700:oklch(49.5% .129 38);--color-clay-800:oklch(40.5% .098 38);--color-clay-900:oklch(31.5% .067 38);--color-clay-950:oklch(23.5% .04 38);--color-clay-975:oklch(18% .037 38);--color-night-50:oklch(97.5% .01 268);--color-night-100:oklch(94.5% .024 268);--color-night-200:oklch(89.5% .044 268);--color-night-300:oklch(83% .057 268);--color-night-400:oklch(76% .07 268);--color-night-500:oklch(68% .085 268);--color-night-600:oklch(58.5% .085 268);--color-night-700:oklch(49.5% .073 268);--color-night-800:oklch(40.5% .056 268);--color-night-900:oklch(31.5% .043 268);--color-night-950:oklch(23.5% .043 268);--color-night-975:oklch(18% .043 268);--color-sand-50:oklch(97.5% .007 70);--color-sand-100:oklch(94.5% .009 70);--color-sand-200:oklch(89.5% .011 70);--color-sand-300:oklch(83% .015 70);--color-sand-400:oklch(76% .018 70);--color-sand-500:oklch(68% .022 70);--color-sand-600:oklch(58.5% .022 70);--color-sand-700:oklch(49.5% .019 70);--color-sand-800:oklch(40.5% .014 70);--color-sand-900:oklch(31.5% .01 70);--color-sand-950:oklch(23.5% .006 70);--color-sand-975:oklch(18% .005 70);--color-moss-50:oklch(97.5% .04 150);--color-moss-100:oklch(94.5% .048 150);--color-moss-200:oklch(89.5% .062 150);--color-moss-300:oklch(83% .08 150);--color-moss-400:oklch(76% .099 150);--color-moss-500:oklch(68% .12 150);--color-moss-600:oklch(58.5% .12 150);--color-moss-700:oklch(49.5% .103 150);--color-moss-800:oklch(40.5% .079 150);--color-moss-900:oklch(31.5% .054 150);--color-moss-950:oklch(23.5% .032 150);--color-moss-975:oklch(18% .03 150);--color-berry-50:oklch(97.5% .011 18);--color-berry-100:oklch(94.5% .026 18);--color-berry-200:oklch(89.5% .054 18);--color-berry-300:oklch(83% .093 18);--color-berry-400:oklch(76% .141 18);--color-berry-500:oklch(68% .17 18);--color-berry-600:oklch(58.5% .17 18);--color-berry-700:oklch(49.5% .147 18);--color-berry-800:oklch(40.5% .111 18);--color-berry-900:oklch(31.5% .076 18);--color-berry-950:oklch(23.5% .045 18);--color-berry-975:oklch(18% .043 18);color-scheme:light;--kl-canvas:var(--color-sand-50);--kl-canvas-subtle:var(--color-sand-100);--kl-surface:var(--color-white);--kl-surface-raised:var(--color-white);--kl-surface-sunken:var(--color-sand-100);--kl-fg:var(--color-sand-900);--kl-fg-muted:var(--color-sand-700);--kl-fg-on-primary:var(--color-white);--kl-primary:var(--color-clay-700);--kl-primary-hover:var(--color-clay-800);--kl-primary-soft:var(--color-clay-100);--kl-fg-on-primary-soft:var(--color-clay-800);--kl-link:var(--color-clay-700);--kl-accent:var(--color-amber-400);--kl-accent-soft:var(--color-amber-100);--kl-fg-on-accent:var(--color-amber-950);--kl-chord:var(--color-clay-700);--kl-refrain:var(--color-amber-50);--kl-refrain-bar:var(--color-amber-400);--kl-line:var(--color-sand-200);--kl-line-strong:var(--color-sand-600);--kl-focus:var(--color-night-800);--kl-success:var(--color-moss-700);--kl-success-soft:var(--color-moss-50);--kl-danger:var(--color-berry-700);--kl-danger-soft:var(--color-berry-50);--kl-illustration-2:var(--color-clay-400);--kl-illustration-glow:transparent;--kl-shadow-color:38% .05 55;--kl-shadow-strength:1;--kl-highlight:inset 0 0 0 transparent;--kl-font-display:var(--kl-font-fraunces);--kl-font-body:var(--kl-font-nunito);--kl-font-lyrics:var(--kl-font-nunito);--kl-gutter:clamp(1rem, 4vw, 2rem);--kl-section:clamp(2.5rem, 6vw, 5rem);--kl-card-pad:clamp(1rem, 3vw, 1.5rem);--kl-stack:.75rem;--kl-target:2.75rem;--kl-target-lg:3rem;--kl-header-h:3.5rem;--kl-bottom-bar-h:4rem;--lyrics-scale:1;--kl-lyrics-size:calc(clamp(1.25rem, 1.1rem + .6vw, 1.5rem) * var(--lyrics-scale));--kl-duration-fast:.12s;--kl-duration-base:.2s;--kl-duration-slow:.32s;--kl-ease-out:cubic-bezier(.2, .8, .2, 1);--kl-ease-in-out:cubic-bezier(.65, 0, .35, 1);--kl-ease-spring:linear(0, .35 12%, .85 28%, 1.04 42%, 1.02 55%, 1);--kl-z-base:0;--kl-z-sticky:10;--kl-z-header:20;--kl-z-bottom-bar:30;--kl-z-sheet:40;--kl-z-toast:50;--kl-z-overlay:60}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--kl-canvas:var(--color-night-975);--kl-canvas-subtle:var(--color-night-950);--kl-surface:var(--color-night-950);--kl-surface-raised:var(--color-night-900);--kl-surface-sunken:var(--color-night-975);--kl-fg:var(--color-sand-100);--kl-fg-muted:var(--color-night-300);--kl-fg-on-primary:var(--color-night-975);--kl-primary:var(--color-amber-400);--kl-primary-hover:var(--color-amber-300);--kl-primary-soft:var(--color-night-900);--kl-fg-on-primary-soft:var(--color-amber-300);--kl-link:var(--color-amber-300);--kl-accent:var(--color-amber-400);--kl-accent-soft:var(--color-night-900);--kl-fg-on-accent:var(--color-night-975);--kl-chord:var(--color-amber-300);--kl-refrain:var(--color-night-900);--kl-refrain-bar:var(--color-amber-400);--kl-line:var(--color-night-900);--kl-line-strong:var(--color-night-600);--kl-focus:var(--color-amber-300);--kl-success:var(--color-moss-300);--kl-success-soft:var(--color-night-900);--kl-danger:var(--color-berry-300);--kl-danger-soft:var(--color-night-900);--kl-illustration-2:var(--color-clay-500);--kl-illustration-glow:oklch(76% .137 72/.35);--kl-shadow-color:8% .03 268;--kl-shadow-strength:4;--kl-highlight:inset 0 1px 0 oklch(100% 0 0/.06)}}:root[data-theme=dark]{color-scheme:dark;--kl-canvas:var(--color-night-975);--kl-canvas-subtle:var(--color-night-950);--kl-surface:var(--color-night-950);--kl-surface-raised:var(--color-night-900);--kl-surface-sunken:var(--color-night-975);--kl-fg:var(--color-sand-100);--kl-fg-muted:var(--color-night-300);--kl-fg-on-primary:var(--color-night-975);--kl-primary:var(--color-amber-400);--kl-primary-hover:var(--color-amber-300);--kl-primary-soft:var(--color-night-900);--kl-fg-on-primary-soft:var(--color-amber-300);--kl-link:var(--color-amber-300);--kl-accent:var(--color-amber-400);--kl-accent-soft:var(--color-night-900);--kl-fg-on-accent:var(--color-night-975);--kl-chord:var(--color-amber-300);--kl-refrain:var(--color-night-900);--kl-refrain-bar:var(--color-amber-400);--kl-line:var(--color-night-900);--kl-line-strong:var(--color-night-600);--kl-focus:var(--color-amber-300);--kl-success:var(--color-moss-300);--kl-success-soft:var(--color-night-900);--kl-danger:var(--color-berry-300);--kl-danger-soft:var(--color-night-900);--kl-illustration-2:var(--color-clay-500);--kl-illustration-glow:oklch(76% .137 72/.35);--kl-shadow-color:8% .03 268;--kl-shadow-strength:4;--kl-highlight:inset 0 1px 0 oklch(100% 0 0/.06)}:root{--kl-a:min(.7, calc(.05 * var(--kl-shadow-strength)));--kl-shadow-xs:.5px 1px 1px oklch(var(--kl-shadow-color) / min(.7, calc(.06 * var(--kl-shadow-strength)))), var(--kl-highlight);--kl-shadow-card:.5px 1px 1px oklch(var(--kl-shadow-color) / var(--kl-a)), 1px 2px 4px oklch(var(--kl-shadow-color) / var(--kl-a)), 2px 4px 8px oklch(var(--kl-shadow-color) / var(--kl-a)), 4px 8px 16px oklch(var(--kl-shadow-color) / var(--kl-a)), var(--kl-highlight);--kl-shadow-card-hover:.5px 1px 1px oklch(var(--kl-shadow-color) / var(--kl-a)), 1px 3px 6px oklch(var(--kl-shadow-color) / min(.7, calc(.06 * var(--kl-shadow-strength)))), 3px 8px 16px oklch(var(--kl-shadow-color) / min(.7, calc(.07 * var(--kl-shadow-strength)))), 6px 16px 32px oklch(var(--kl-shadow-color) / min(.7, calc(.08 * var(--kl-shadow-strength)))), var(--kl-highlight);--kl-shadow-overlay:0 -1px 2px oklch(var(--kl-shadow-color) / min(.7, calc(.04 * var(--kl-shadow-strength)))), 0 -4px 12px oklch(var(--kl-shadow-color) / min(.7, calc(.06 * var(--kl-shadow-strength)))), var(--kl-highlight);--kl-shadow-sheet:1px 2px 4px oklch(var(--kl-shadow-color) / min(.7, calc(.06 * var(--kl-shadow-strength)))), 4px 12px 24px oklch(var(--kl-shadow-color) / min(.7, calc(.1 * var(--kl-shadow-strength)))), 8px 24px 40px oklch(var(--kl-shadow-color) / min(.7, calc(.12 * var(--kl-shadow-strength)))), var(--kl-highlight)}.card{--kl-card-shadow:var(--kl-shadow-card);--kl-card-shadow-hover:var(--kl-shadow-card-hover);--kl-card-shadow-active:var(--kl-shadow-xs);padding:var(--kl-card-pad);border-radius:var(--radius-lg);background:var(--kl-surface);box-shadow:var(--kl-card-shadow);transition:box-shadow var(--kl-duration-base) var(--kl-ease-out), transform var(--kl-duration-base) var(--kl-ease-out);flex-direction:column;gap:.5rem;display:flex;position:relative}.card-link{text-decoration:none}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline:3px solid var(--kl-focus);outline-offset:2px}.card:hover .card-link{text-underline-offset:.15em;text-decoration:underline}.card:hover,.card:focus-within{box-shadow:var(--kl-card-shadow-hover)}@media (prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-2px)}.card:active{box-shadow:var(--kl-card-shadow-active);transform:translateY(0)scale(.99)}}.card-category{border-radius:var(--radius-xl);background:linear-gradient(160deg, var(--kl-accent-soft), var(--kl-surface) 70%)}@media (forced-colors:active){.card{border:1px solid canvastext}}.lyrics{--kl-verse-badge-size:2rem;max-width:var(--container-lyrics);font-family:var(--kl-font-lyrics);font-size:var(--kl-lyrics-size);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;line-height:1.55}.lyrics-section{margin-block:1.25em}.lyrics-section>p{margin:0}.lyrics-line{display:block}.lyrics-line[data-gap]{margin-top:.75em}.verse-badge{width:var(--kl-verse-badge-size);height:var(--kl-verse-badge-size);background:var(--kl-accent);color:var(--kl-fg-on-accent);font-family:var(--kl-font-body);border-radius:9999px;place-items:center;margin-bottom:.25rem;font-size:1rem;font-weight:800;line-height:1;display:inline-grid}.lyrics-refrain{border-inline-start:4px solid var(--kl-refrain-bar);border-radius:var(--radius-md);background:var(--kl-refrain);margin-inline-start:.5rem;padding:.75em 1em}.refrain-label{color:var(--kl-fg-muted);font-family:var(--kl-font-body);font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.25rem;font-weight:700;display:block}.lyrics-muted{color:var(--kl-fg-muted)}.repeat-sign{vertical-align:-.12em;width:.6em;height:1em;color:var(--kl-fg-muted);fill:currentColor;display:inline-block}.repeat-sign-start{margin-inline-end:.3em}.repeat-sign-end{margin-inline-start:.3em}.word{white-space:nowrap}.seg{display:inline-block}.chord{color:var(--kl-chord);padding-inline-end:.3em;font-size:.8em;font-weight:800;line-height:1.2;display:none}[data-chords=on] .lyrics[data-has-chords]{line-height:2.3}[data-chords=on] .lyrics[data-has-chords] .seg{line-height:1.3}[data-chords=on] .chord{display:block}@media (forced-colors:active){.lyrics-refrain{border:1px solid canvastext;border-inline-start-width:4px}}.song-bar{z-index:var(--kl-z-bottom-bar);padding-bottom:env(safe-area-inset-bottom);background:var(--kl-surface-raised);box-shadow:var(--kl-shadow-overlay);inset-inline:0;position:fixed;bottom:0}.song-bar-inner{height:var(--kl-bottom-bar-h);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.25rem;padding-inline:.5rem;display:grid}@media (width>=48rem){.song-bar{inset-inline:var(--kl-gutter);border-radius:var(--radius-xl);max-width:48rem;box-shadow:var(--kl-shadow-sheet);margin-inline:auto;padding-bottom:0;bottom:1rem}}.bar-btn{min-width:0;min-height:var(--kl-target-lg);color:var(--kl-link);border-radius:9999px;align-items:center;gap:.375rem;padding-inline:.75rem;font-weight:700;text-decoration:none;display:flex}a.bar-btn:hover{background:var(--kl-primary-soft)}.bar-btn[aria-disabled=true]{color:var(--kl-fg-muted);opacity:.55}.bar-btn svg{fill:currentColor;width:1rem;height:1rem}.bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-position{min-height:var(--kl-target-lg);font-size:var(--text-sm);color:var(--kl-fg-muted);white-space:nowrap;border-radius:9999px;align-items:center;padding-inline:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.bar-position:hover{background:var(--kl-surface-sunken)}@media (forced-colors:active){.song-bar{border-top:1px solid canvastext}}html:not([data-js]) .js-only{display:none!important}.song-actions{gap:.5rem;display:inline-flex}.card .song-actions{z-index:1;position:relative}.card .card-action{z-index:1;position:absolute}.song-actions .icon-on{display:none}.favorite-btn[aria-pressed=true] .icon-on,.add-btn[data-added] .icon-on{display:block}.favorite-btn[aria-pressed=true] .icon-off,.add-btn[data-added] .icon-off{display:none}.favorite-btn[aria-pressed=true]{color:var(--kl-primary)}.add-btn[data-added]{background:var(--kl-success-soft);color:var(--kl-success)}@media (prefers-reduced-motion:no-preference){.add-btn[data-added] .icon-on,.favorite-btn[aria-pressed=true] .icon-on{animation:kl-pop var(--kl-duration-slow) var(--kl-ease-spring)}}@keyframes kl-pop{0%{opacity:0;transform:scale(.4)}}.nav-badge{background:var(--kl-accent);min-width:1.25rem;height:1.25rem;color:var(--kl-fg-on-accent);font-size:var(--text-xs);border-radius:9999px;place-items:center;padding-inline:.25rem;font-weight:800;line-height:1;display:inline-grid}.nav-badge[hidden]{display:none}.text-input{width:100%;min-width:0;min-height:var(--kl-target);border:2px solid var(--kl-line-strong);border-radius:var(--radius-sm);background:var(--kl-surface-sunken);color:var(--kl-fg);padding:.5rem .75rem}.check-row{min-height:var(--kl-target);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.375rem .75rem;display:flex}.check-row:hover{background:var(--kl-surface-sunken)}.check-input{width:1.375rem;height:1.375rem;accent-color:var(--kl-primary);flex-shrink:0}.link-button{min-height:var(--kl-target);color:var(--kl-link);text-underline-offset:.2em;cursor:pointer;align-items:center;gap:.375rem;font-weight:700;text-decoration:underline;display:inline-flex}.link-button svg{fill:currentColor;width:1em;height:1em}.notice{border-inline-start:4px solid var(--kl-accent);border-radius:var(--radius-sm);background:var(--kl-accent-soft);color:var(--kl-fg);padding:.75rem 1rem}.sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--kl-surface-raised);width:100%;max-width:100%;max-height:min(85dvh,44rem);color:var(--kl-fg);box-shadow:var(--kl-shadow-sheet);overscroll-behavior:contain;border:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:oklch(15% .03 268/.45)}.sheet-body{padding:1rem var(--kl-gutter) calc(1rem + env(safe-area-inset-bottom))}.sheet-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}@media (width>=48rem){.sheet{border-radius:var(--radius-xl);max-width:30rem;margin:auto}.sheet-body{padding:1.25rem 1.5rem}}@media (prefers-reduced-motion:no-preference){.sheet[open]{animation:kl-sheet-in var(--kl-duration-slow) var(--kl-ease-out)}}@keyframes kl-sheet-in{0%{opacity:0;transform:translateY(1.5rem)}}.toast-region{inset-inline:var(--kl-gutter);bottom:calc(var(--kl-bottom-bar-h) + env(safe-area-inset-bottom) + .75rem);z-index:var(--kl-z-toast);pointer-events:none;justify-items:center;display:grid;position:fixed}@media (width>=48rem){.toast-region{bottom:1.5rem}html[data-page=song] .toast-region{bottom:calc(var(--kl-bottom-bar-h) + 2rem)}}.toast{width:min(100%,32rem);min-height:var(--kl-target);border-radius:var(--radius-md);background:var(--kl-fg);color:var(--kl-canvas);box-shadow:var(--kl-shadow-sheet);pointer-events:auto;align-items:center;gap:.5rem;padding:.25rem .25rem .25rem 1rem;font-weight:700;display:flex}.toast-error{background:var(--kl-danger);color:var(--kl-canvas)}.toast-action,.toast-close{min-height:var(--kl-target);min-width:var(--kl-target);border-radius:var(--radius-sm);color:inherit;text-underline-offset:.2em;cursor:pointer;padding-inline:.75rem;font-weight:800;text-decoration:underline}.toast-close{font-size:1.5rem;text-decoration:none}.toast-action:hover,.toast-close:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.toast-action:hover,.toast-close:hover{background:color-mix(in oklch, currentColor 15%, transparent)}}.toast :focus-visible{outline-color:var(--kl-canvas)}@media (prefers-reduced-motion:no-preference){.toast{animation:kl-sheet-in var(--kl-duration-base) var(--kl-ease-out)}}.list-row,.edit-row{min-width:0;min-height:var(--kl-target-lg);border-radius:var(--radius-md);background:var(--kl-surface);box-shadow:var(--kl-shadow-xs);align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex;position:relative}.list-row:has(.card-link:hover){box-shadow:var(--kl-shadow-card-hover)}.list-row:has(.card-link:focus-visible){outline:3px solid var(--kl-focus);outline-offset:2px}.list-row-unavailable{color:var(--kl-fg-muted)}.list-pos,.verse-num,.context-pos{background:var(--kl-accent);width:2rem;height:2rem;color:var(--kl-fg-on-accent);border-radius:9999px;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid}.edit-row{flex-wrap:wrap;padding-inline:.5rem}.edit-row>.min-w-0{flex:9rem}.edit-actions{gap:.25rem;margin-inline-start:auto;display:flex}.edit-row[data-dragging]{box-shadow:var(--kl-shadow-sheet);outline:2px dashed var(--kl-line-strong)}.drag-handle{width:1.75rem;min-height:var(--kl-target);color:var(--kl-fg-muted);cursor:grab;touch-action:none;place-items:center;display:grid}.drag-handle svg{fill:currentColor;width:1rem;height:1rem}.edit-row .btn[aria-disabled=true]{opacity:.35}.context-row{min-height:var(--kl-target);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.25rem .75rem;font-weight:700;text-decoration:none;display:flex}.context-row:hover{background:var(--kl-surface-sunken)}.context-row[aria-current=page]{background:var(--kl-primary-soft);color:var(--kl-fg-on-primary-soft)}.verse-notice{max-width:var(--container-lyrics);border-radius:var(--radius-sm);background:var(--kl-surface-sunken);font-size:var(--text-sm);color:var(--kl-fg-muted);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:1rem;padding:0 .75rem;font-weight:700;display:flex}.lyrics-section[data-unselected]{color:var(--kl-fg-muted)}.lyrics-section[data-unselected]:before{content:attr(data-unselected);font-family:var(--kl-font-body);font-size:var(--text-sm);color:var(--kl-fg-muted);font-weight:700;display:block}.qr-overlay{color:#000;color-scheme:light;background:#fff;border:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0}.qr-overlay::backdrop{background:#fff}.qr-content{min-height:100%;padding:1.5rem var(--kl-gutter) calc(1.5rem + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.qr-code{width:min(80vw,80vh);height:min(80vw,80vh)}.qr-meta{color:#333}.qr-link{color:#333;max-width:40rem;font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.qr-close{min-height:var(--kl-target-lg);color:#fff;background:#000;border-radius:9999px;align-items:center;gap:.5rem;padding-inline:1.5rem;font-weight:800;display:inline-flex}.qr-close svg{fill:currentColor;width:1.25rem;height:1.25rem}.qr-overlay :focus-visible{outline-color:#000}.print-sheet{display:none}@media (forced-colors:active){.sheet,.toast,.list-row,.edit-row{border:1px solid canvastext}}html[data-js] .no-js-only{display:none!important}.chip-link,.chip-toggle{min-height:var(--kl-target);transition:background-color var(--kl-duration-base) var(--kl-ease-out), box-shadow var(--kl-duration-base) var(--kl-ease-out), transform var(--kl-duration-fast) var(--kl-ease-out);padding-inline:1rem;text-decoration:none}.chip-link:hover{background:var(--kl-primary-soft)}@supports (color:color-mix(in lab, red, red)){.chip-link:hover{background:color-mix(in oklch, var(--kl-primary-soft), var(--kl-primary) 12%)}}.chip-toggle{background:var(--kl-surface);color:var(--kl-fg);box-shadow:var(--kl-shadow-xs);cursor:pointer}.chip-toggle:hover{background:var(--kl-surface-sunken)}.chip-toggle:active{transform:scale(.96)}.chip-toggle[aria-pressed=true]{background:var(--kl-primary-soft);color:var(--kl-fg-on-primary-soft);box-shadow:none}.chip-toggle .chip-check{display:none}.chip-toggle[aria-pressed=true] .chip-check{display:block}@media (prefers-reduced-motion:no-preference){.chip-toggle[aria-pressed=true] .chip-check{animation:kl-pop var(--kl-duration-slow) var(--kl-ease-spring)}}.tag-filter fieldset{border:0;min-width:0;margin:0;padding:0}@media (forced-colors:active){.chip-toggle[aria-pressed=true]{outline:2px solid highlight}}.season-hero{margin-block:.5rem var(--kl-section);border-radius:var(--radius-xl);background:radial-gradient(circle at 85% 45%, var(--kl-accent), transparent 55%), linear-gradient(150deg, var(--kl-accent-soft), var(--kl-surface) 75%);grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.season-hero{background:radial-gradient(circle at 85% 45%, color-mix(in oklch, var(--kl-accent) 35%, transparent), transparent 55%), linear-gradient(150deg, var(--kl-accent-soft), var(--kl-surface) 75%)}}.season-hero{box-shadow:var(--kl-shadow-card);overflow:hidden}@media (width>=48rem){.season-hero{grid-template-columns:minmax(0,1fr) auto}}.season-title{text-decoration:none}.season-title:hover{text-underline-offset:.12em;text-decoration:underline}.season-songs{grid-template-columns:minmax(0,1fr);gap:.5rem;max-width:46rem;display:grid}@media (width>=30rem){.season-songs{grid-template-columns:repeat(2,minmax(0,1fr))}}.season-song{min-height:var(--kl-target);border-radius:var(--radius-md);background:var(--kl-surface);align-items:center;gap:.625rem;padding-inline:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.season-song{background:color-mix(in oklch, var(--kl-surface) 80%, transparent)}}.season-song{box-shadow:var(--kl-shadow-xs);transition:box-shadow var(--kl-duration-base) var(--kl-ease-out), transform var(--kl-duration-base) var(--kl-ease-out);font-weight:700;text-decoration:none}.season-song:hover{box-shadow:var(--kl-shadow-card-hover)}.season-illustration{aspect-ratio:1;justify-self:center;width:clamp(8rem,28vw,14rem);height:auto}@media (prefers-reduced-motion:no-preference){.season-hero:not([hidden]) .season-illustration .ill-glow{transform-box:fill-box;transform-origin:50%;animation:kl-glow 1.6s var(--kl-ease-in-out) .3s 1 both}.season-song:hover{transform:translateY(-1px)}}@keyframes kl-glow{0%{opacity:.4;transform:scale(.85)}55%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (forced-colors:active){.season-hero,.season-song{border:1px solid canvastext}}.search-field{gap:.5rem;display:flex;position:relative}.search-field-icon{width:1.125rem;height:1.125rem;color:var(--kl-fg-muted);pointer-events:none;inset-inline-start:1rem;position:absolute;top:50%;translate:0 -50%}.search-field input{min-width:0;min-height:var(--kl-target-lg);border:2px solid var(--kl-line-strong);background:var(--kl-surface-sunken);color:var(--kl-fg);font-size:var(--text-lg);border-radius:9999px;flex:1;padding-inline:2.75rem 1rem}.search-field input::placeholder{color:var(--kl-fg-muted)}.search-field .btn{min-height:var(--kl-target-lg)}.search-row{min-height:var(--kl-target-lg);border-radius:var(--radius-md);transition:background-color var(--kl-duration-base) var(--kl-ease-out);grid-template-columns:1fr auto;align-items:center;column-gap:1rem;padding:.625rem 1rem;display:grid;position:relative}.search-row>:not(.search-row-actions){grid-column:1;min-width:0}.search-row:hover,.search-row:focus-within{background:var(--kl-surface);box-shadow:var(--kl-shadow-xs)}.search-row:has(.card-link:focus-visible){outline:3px solid var(--kl-focus);outline-offset:2px}.search-row-actions{z-index:1;grid-area:1/2/span 3;position:relative}.search-excerpt{-webkit-line-clamp:2;color:var(--kl-fg-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-row mark{background:var(--kl-accent-soft);color:var(--kl-fg);text-decoration:underline;-webkit-text-decoration-color:var(--kl-accent);-webkit-text-decoration-color:var(--kl-accent);text-decoration-color:var(--kl-accent);text-underline-offset:.15em;border-radius:.2em;font-weight:800;text-decoration-thickness:2px}@media (forced-colors:active){.search-row mark{color:marktext;background:mark}}.offline-banner{top:calc(var(--kl-header-h) + .5rem);z-index:var(--kl-z-toast);max-width:calc(100% - 2 * var(--kl-gutter));background:var(--kl-surface-raised);color:var(--kl-fg);box-shadow:var(--kl-shadow-sheet);font-size:var(--text-sm);pointer-events:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:700;display:inline-flex;position:fixed;left:50%;translate:-50%}.offline-dot{background:var(--kl-accent);border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}@media (prefers-reduced-motion:no-preference){.offline-banner{animation:kl-sheet-in var(--kl-duration-base) var(--kl-ease-out)}}@media (forced-colors:active){.offline-banner{border:1px solid canvastext}}.install-card{max-width:40rem;padding:var(--kl-card-pad);border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--kl-accent-soft), var(--kl-surface) 70%);box-shadow:var(--kl-shadow-card);align-items:flex-start;gap:1rem;display:flex}.install-icon{box-shadow:var(--kl-shadow-xs);border-radius:.875rem;flex-shrink:0}.install-steps{counter-reset:step;gap:.75rem;display:grid}.install-steps li{align-items:center;gap:.75rem;font-weight:700;display:flex}.install-steps li:before{counter-increment:step;content:counter(step);background:var(--kl-primary-soft);width:1.75rem;height:1.75rem;color:var(--kl-fg-on-primary-soft);font-size:var(--text-sm);border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.install-steps svg{width:1.25rem;height:1.25rem;fill:var(--kl-primary)}@media (forced-colors:active){.install-card{border:1px solid canvastext}}.app-header,[data-app-header]{view-transition-name:app-header}[data-bottom-nav]{view-transition-name:bottom-nav}[data-song-bar]{view-transition-name:song-bar}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--kl-duration-base)}::view-transition-group(*){animation-duration:var(--kl-duration-slow);animation-timing-function:var(--kl-ease-out)}@page{size:A4 portrait;margin:15mm}@media print{:root,:root[data-theme=dark]{color-scheme:light;--kl-canvas:#fff;--kl-surface:#fff;--kl-fg:#000;--kl-fg-muted:#333;--kl-refrain:#fff;--kl-refrain-bar:#000;--kl-chord:#000;--kl-accent:#fff;--kl-fg-on-accent:#000;--kl-link:#000}body{color:#000;background:#fff;font-size:11pt}.no-print,.skip-link,.song-actions,.song-controls,.verse-notice,.illustration,header[data-app-header],nav[data-bottom-nav],footer[data-footer],[data-song-bar],.toast-region,dialog,nav[aria-label]{display:none!important}a{text-decoration:none}h1{font-size:18pt}.lyrics{max-width:none;font-size:11pt;line-height:1.45}[data-chords=on] .lyrics[data-has-chords]{line-height:2.1}.lyrics-section{break-inside:avoid;margin-block:.6em}.verse-badge{background:0 0;border-radius:0;width:auto;height:auto;font-size:11pt;display:inline}.verse-badge:after{content:"."}.lyrics-refrain{background:0 0;border-inline-start:2px solid #000;border-radius:0;margin-inline-start:0;padding:.2em 0 .2em .8em}.lyrics-refrain[data-repeat]>p,.lyrics-refrain[data-print-reference]>p{display:none}.lyrics-refrain[data-repeat] .refrain-label,.lyrics-refrain[data-print-reference] .refrain-label{margin:0;font-style:italic}.repeat-sign,.lyrics-muted{color:#000}.print-sheet{display:block}.print-header{border-bottom:1px solid #000;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:4mm;padding-bottom:4mm;display:flex}.print-title{font-family:var(--kl-font-display);font-size:18pt;font-weight:600}.print-qr{flex-shrink:0;width:28mm;height:28mm}.print-song{margin-top:6mm}.print-song>h2{break-after:avoid;font-size:14pt}.print-song h3{font-family:var(--kl-font-body)}}@media (forced-colors:active){.btn,.chip{border:1px solid buttontext}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}