@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-leading:initial;--tw-font-weight: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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--wb-font-ui);--default-mono-font-family:var(--wb-font-chord)}}@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]){-webkit-text-decoration:underline dotted;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;-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}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.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}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:calc(var(--radius) + 2px)}.rounded-md{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.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-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-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,);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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.dark\:border-input:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){border-color:var(--input)}.dark\:bg-destructive\/60:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.ws-song{--ws-scale:1;width:100%;max-width:46rem;font-size:calc(1rem * var(--ws-scale));font-variant-ligatures:none;overflow-wrap:break-word;color:var(--ws-color-text);line-height:1.35}.ws-song--chords-hidden .ws-seg__chord{display:none}.ws-section{margin:0 0 var(--ws-space-6);position:relative}.ws-section__label{margin:0 0 var(--ws-space-1);letter-spacing:.12em;text-transform:uppercase;color:var(--ws-color-section-label);font-size:.72em;font-weight:700}.ws-section--chorus:before{content:"";left:calc(var(--ws-space-5) * -1);border-radius:var(--ws-radius-pill);background:var(--ws-color-border-strong);width:3px;position:absolute;top:.15em;bottom:.15em}@media (max-width:480px){.ws-section--chorus:before{left:-14px}}.ws-line{color:var(--ws-color-text);margin:0;padding-top:1.2em}.ws-line--blank{height:.7em;padding-top:0}.ws-line--comment{color:var(--ws-color-comment);padding-top:.4em;font-style:italic}.ws-seg{vertical-align:bottom;max-width:100%;padding-right:calc(var(--ws-seg-gap,0) * 1ch);display:inline-block}.ws-seg__chord{font-family:var(--chart-font,var(--wb-font-chord));letter-spacing:.01em;white-space:pre;color:var(--ws-color-chord);min-height:1.1em;padding-right:.55em;font-size:.88em;font-weight:700;line-height:1.1;display:block}.ws-seg__lyric{white-space:pre-wrap;color:inherit;display:block}.ws-seg__lyric--continued{display:flex}.ws-seg__lyric--continued>span:first-child{min-width:0}.ws-seg__continuation{white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;flex:1 1 0;width:0;min-width:0;overflow:hidden}.ws-seg__lyric:empty:after{content:" "}.ws-seg__marker{margin-left:calc(var(--ws-marker-gap,0) * 1ch);color:var(--ws-color-text-muted);font-style:italic;font-weight:400}@media print{.ws-song{color:#000;max-width:none}.ws-seg__chord{color:#000}.ws-section{break-inside:avoid}}.account-shell{--account-control-border:#777966;max-width:70rem;padding:0 var(--ws-space-5);margin:auto;line-height:1.6}:root[data-theme=light] .account-shell{--account-control-border:#77765e;--ws-color-danger:#a6321e}.account-shell a{color:var(--ws-color-link);text-underline-offset:.2em;text-decoration:underline}.account-shell a:hover{color:var(--ws-color-link-hover)}.account-header{justify-content:space-between;align-items:center;gap:var(--ws-space-5);padding:var(--ws-space-5) 0;border-bottom:1px solid var(--ws-color-border);display:flex}.account-header a{min-height:var(--ws-touch-min);align-items:center;display:inline-flex}.account-header a:first-child{font-family:var(--wb-font-display);color:var(--ws-color-text);font-size:1.5rem;text-decoration:none}.account-shell main{padding:var(--ws-space-7) 0;min-height:65vh}.account-narrow{max-width:30rem;margin-inline:auto}.account-shell h1{font-family:var(--wb-font-display);text-wrap:balance;margin:0 0 var(--ws-space-4);font-size:clamp(2rem,4vw,2.75rem);line-height:1.2}.account-shell h2{font-family:var(--wb-font-display);margin-bottom:var(--ws-space-4);font-size:1.6rem;line-height:1.3}.account-shell h3{overflow-wrap:anywhere;font-weight:600}.account-shell p{margin-block:var(--ws-space-3)}.account-intro{color:var(--ws-color-text-muted);overflow-wrap:anywhere;margin-bottom:var(--ws-space-6)!important}.account-form{gap:var(--ws-space-4);margin-block:var(--ws-space-5);display:grid}.account-form label{gap:var(--ws-space-2);font-weight:500;display:grid}.account-form input::placeholder,.account-form textarea::placeholder{color:var(--ws-color-text-muted);opacity:1}.account-form input:not([type=hidden]),.account-form select,.account-form textarea{width:100%;min-width:0;min-height:var(--ws-touch-min);padding:var(--ws-space-3);border:1px solid var(--account-control-border);border-radius:var(--ws-radius-sm);background:var(--ws-color-surface);color:var(--ws-color-text);font:inherit;caret-color:var(--ws-color-link);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light] .account-form input,:root[data-theme=light] .account-form select,:root[data-theme=light] .account-form textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.account-shell button:not([data-slot]){min-height:var(--ws-touch-min);padding:var(--ws-space-3) var(--ws-space-5);border-radius:var(--ws-radius-sm);background:var(--ws-color-link);color:var(--ws-color-on-accent);font:inherit;cursor:pointer;font-weight:600;transition:background .15s ease-out}.account-shell button:not([data-slot]):hover{background:var(--ws-color-link-hover)}.account-shell button:not([data-slot]):disabled{opacity:.65;cursor:wait}.account-shell button:not([data-slot]).secondary{background:var(--ws-color-surface-raised);color:var(--ws-color-text)}.account-shell .field-help{color:var(--ws-color-text-muted);margin:0;font-size:.9rem}.account-shell .form-error{color:var(--ws-color-danger)}.account-note{border-top:1px solid var(--ws-color-border);padding-top:var(--ws-space-5);margin-top:var(--ws-space-6);color:var(--ws-color-text-muted)}.account-nav{gap:var(--ws-space-4);margin-bottom:var(--ws-space-6);flex-wrap:wrap;display:flex}.account-nav a{min-height:var(--ws-touch-min);align-items:center;display:inline-flex}.account-columns{gap:var(--ws-space-7);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.account-list{padding:0;list-style:none}.account-list>li{padding-block:var(--ws-space-5);border-bottom:1px solid var(--ws-color-border);overflow-wrap:anywhere}.account-list>li:first-child{padding-top:0}.account-list p{color:var(--ws-color-text-muted)}.account-shell summary{color:var(--ws-color-link);cursor:pointer;min-height:var(--ws-touch-min);padding-block:var(--ws-space-2)}.account-section{margin-top:var(--ws-space-7)}.account-footer{border-top:1px solid var(--ws-color-border);padding-block:var(--ws-space-5)}.signout-form{margin-top:var(--ws-space-6)}.account-shell ::selection{background:var(--ws-color-link);color:var(--ws-color-on-accent)}@media (max-width:700px){.account-columns{grid-template-columns:1fr}.account-shell{padding-inline:var(--ws-space-4)}.account-header{gap:var(--ws-space-3)}}.library-shell{max-width:76rem}.site-header{gap:var(--ws-space-5);grid-template-columns:1fr auto auto;display:grid}.site-header .site-wordmark{white-space:nowrap}.site-header .library-nav a{color:var(--ws-color-text-muted);text-decoration:none}.site-header .library-nav a:hover{color:var(--ws-color-link)}.theme-toggle{white-space:nowrap}.account-shell .theme-toggle{width:var(--ws-touch-min);padding:var(--ws-space-2);place-items:center;transition:none;display:grid}.account-shell button.secondary:hover{text-underline-offset:.2em;text-decoration:underline}.theme-to-dark{display:none}:root[data-theme=light] .theme-to-dark{display:inline}:root[data-theme=light] .theme-to-light{display:none}.library-heading{margin-top:0}.library-heading .account-intro{margin-bottom:0!important}.library-browser .library-search{max-width:none;margin-bottom:var(--ws-space-5)}.library-search .field-help{grid-column:1/-1}.library-toolbar,.library-table-tools,.library-view-controls,.library-pagination{justify-content:space-between;align-items:center;gap:var(--ws-space-4);flex-wrap:wrap;display:flex}.library-toolbar{padding-bottom:var(--ws-space-5);border-bottom:1px solid var(--ws-color-border)}.language-buttons{gap:var(--ws-space-2);flex-wrap:wrap;display:flex}.language-buttons button.secondary{border:1px solid var(--ws-color-border-strong);padding-inline:var(--ws-space-4);background:0 0;font-weight:500}.language-buttons button[aria-pressed=true]{background:var(--ws-color-link);color:var(--ws-color-on-accent);border-color:var(--ws-color-link)}.library-select{gap:var(--ws-space-2);align-items:center;font-size:.9rem;display:flex}.library-select select{min-height:var(--ws-touch-min);border:1px solid var(--account-control-border);border-radius:var(--ws-radius-sm);background:var(--ws-color-surface);padding:var(--ws-space-2);color:var(--ws-color-text);max-width:100%}.library-table-tools{padding-block:var(--ws-space-4)}.library-table-tools p{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums}.column-picker{position:relative}.column-picker summary{padding:var(--ws-space-2) var(--ws-space-3);border:1px solid var(--account-control-border);border-radius:var(--ws-radius-sm)}.column-picker fieldset{z-index:2;background:var(--ws-color-surface);border:1px solid var(--account-control-border);min-width:15rem;padding:var(--ws-space-4);position:absolute;right:0}.column-picker legend{float:left;width:100%;margin-bottom:var(--ws-space-2);font-weight:600}.column-picker label{align-items:center;gap:var(--ws-space-3);min-height:var(--ws-touch-min);display:flex}.column-picker input{width:1.1rem;height:1.1rem;accent-color:var(--ws-color-link)}.library-table{table-layout:fixed;border-collapse:collapse;width:100%}.library-table th,.library-table td{text-align:left;vertical-align:middle;padding:var(--ws-space-3) var(--ws-space-4);border-bottom:1px solid var(--ws-color-border);overflow-wrap:anywhere}.library-table thead{background:var(--ws-color-surface-raised);font-size:.85rem}.library-table th:first-child{width:42%;padding-left:var(--ws-space-3)}.library-table tbody th{font-weight:400}.library-table tbody a{font-family:var(--wb-font-display);min-height:var(--ws-touch-min);color:var(--ws-color-text);align-items:center;font-size:1.2rem;text-decoration:none;display:inline-flex}.library-table tbody a:hover{color:var(--ws-color-link);text-decoration:underline}.library-table td{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.library-table .chart-key{color:var(--ws-color-chord)}.native-title{color:var(--ws-color-text-muted);display:block}.song-results{transition:opacity .15s ease-out}.library-pagination{margin-top:var(--ws-space-5);font-variant-numeric:tabular-nums}.library-pagination button:disabled{cursor:default}.search-error{padding:var(--ws-space-5);border:1px solid var(--ws-color-danger)}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header .library-nav{grid-area:2/1/auto/-1}.site-header .theme-toggle{grid-area:1/2}.library-toolbar{align-items:flex-start}}@media (max-width:600px){.library-shell main{padding-block:var(--ws-space-5)}.library-toolbar .language-buttons{display:none}.library-heading .account-intro{margin-top:var(--ws-space-2)}.library-heading{margin-bottom:var(--ws-space-3)}.library-browser .library-search{margin-top:var(--ws-space-3);gap:var(--ws-space-2)}.library-table-tools,.site-header{gap:var(--ws-space-2)}.site-header .site-wordmark{font-size:1.35rem}.site-header .library-nav{justify-content:space-between;gap:var(--ws-space-2);width:100%}.site-header .theme-toggle{padding-inline:var(--ws-space-2)}.library-heading{gap:var(--ws-space-2)}.library-view-controls{width:100%}.library-select{flex-wrap:wrap}.library-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.library-table,.library-table tbody{display:block}.library-table tr{padding-block:var(--ws-space-3);border-bottom:1px solid var(--ws-color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-table th:first-child{grid-column:1/-1;width:auto;padding:0}.library-table td,.library-table th{padding:var(--ws-space-1) 0;border:0;display:block}.library-table td:before{content:attr(data-label);color:var(--ws-color-text-muted);font:.75rem var(--wb-font-ui);margin-bottom:var(--ws-space-1);display:block}}.library-nav,.page-heading,.chart-controls,.song-facts{align-items:center;gap:var(--ws-space-4);flex-wrap:wrap;display:flex}.library-nav a{font-family:var(--wb-font-ui)!important;font-size:1rem!important}.page-heading{margin-block:var(--ws-space-5);justify-content:space-between;gap:var(--ws-space-5)}.page-heading h1{overflow-wrap:anywhere;margin:0}.library-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;max-width:48rem}.song-index{margin-block:var(--ws-space-5);padding:0;list-style:none}.song-index>li{justify-content:space-between;align-items:center;gap:var(--ws-space-5);border-bottom:1px solid var(--ws-color-border);padding:var(--ws-space-5) 0;display:flex}.song-index p{color:var(--ws-color-text-muted);margin:var(--ws-space-1) 0}.song-index .song-title{font-family:var(--wb-font-display);color:var(--ws-color-text);min-height:var(--ws-touch-min);overflow-wrap:anywhere;font-size:1.4rem;text-decoration:none;display:inline-block}.song-index .song-title:hover{color:var(--ws-color-link);text-decoration:underline}.song-facts{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.song-facts>span:first-child{color:var(--ws-color-chord);font-family:var(--wb-font-chord)}.empty-state{padding:var(--ws-space-7) 0;border-block:1px solid var(--ws-color-border);max-width:42rem;margin-block:var(--ws-space-6)}.chart-controls{border-block:1px solid var(--ws-color-border);padding-block:var(--ws-space-4);margin-block:var(--ws-space-5)}.chart-controls label{align-items:center;gap:var(--ws-space-2);display:flex}.chart-controls select{background:var(--ws-color-surface);border:1px solid var(--account-control-border);border-radius:var(--ws-radius-sm);padding:var(--ws-space-2);min-height:var(--ws-touch-min)}.chart-key{font-family:var(--wb-font-chord);color:var(--ws-color-chord)}.chart-view .ws-song{--ws-scale:var(--chart-scale,1)}.editor-grid{gap:var(--ws-space-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.editor-grid textarea{font-family:var(--wb-font-chord)}.header-search{grid-column:1/-1;justify-self:end;width:min(100%,42rem);position:relative}.header-search input{width:100%;min-height:var(--ws-touch-min);border:1px solid var(--account-control-border);border-radius:var(--ws-radius-sm);background:var(--ws-color-surface);padding:var(--ws-space-3);color:var(--ws-color-text)}.header-search input::placeholder{color:var(--ws-color-text-muted)}.header-search-results{z-index:10;background:var(--ws-color-surface);border:1px solid var(--account-control-border);padding:var(--ws-space-4);position:absolute;inset:calc(100% + 4px) 0 auto}.header-search-results ul{padding:0;list-style:none}.site-header .header-search-results a{font:inherit;padding-block:var(--ws-space-2);color:var(--ws-color-link);flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;display:flex}.header-search-results small,.header-search-results p{color:var(--ws-color-text-muted)}.library-toolbar{justify-content:flex-start;align-items:center}.library-toolbar .column-picker{margin-left:auto}.library-select.page-size{white-space:nowrap;flex-wrap:nowrap}.library-result-count{color:var(--ws-color-text-muted);padding-block:var(--ws-space-2)}.song-actions{align-items:center;gap:var(--ws-space-2);flex-wrap:wrap;display:flex}.song-actions a{align-items:center;gap:var(--ws-space-2);min-height:var(--ws-touch-min);display:inline-flex}.chart-editor{border-block:1px solid var(--ws-color-border-strong);min-width:0;padding-block:var(--ws-space-5)}.chart-editor-heading,.editor-mode,.editor-tools,.chord-inspector{gap:var(--ws-space-2);flex-wrap:wrap;align-items:center;display:flex}.chart-editor-heading{margin-bottom:var(--ws-space-4);justify-content:space-between}.chart-editor-heading h2{margin:0}.account-shell .editor-mode button{padding-inline:var(--ws-space-4)}.editor-mode button[aria-pressed=true]{outline:1px solid var(--ws-color-link);color:var(--ws-color-link)}.editor-tools{margin-bottom:var(--ws-space-3)}.account-form .editor-tools .matrix-select{width:auto;min-width:150px}.account-shell .editor-tools button{padding-inline:var(--ws-space-3);font-size:.85rem}.account-form .chart-source{margin-top:var(--ws-space-4);tab-size:4;font-size:.9rem;line-height:1.7}.account-form textarea.sr-only{border:0;width:1px;min-height:0;padding:0}.visual-chart{margin-top:var(--ws-space-5);border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface);border-radius:8px}.editor-details .field-row{margin-block:var(--ws-space-3)}.visual-line{grid-template-columns:24px minmax(0,1fr);padding:2px 12px;display:grid}.line-number{color:var(--ws-color-text-faint);font-variant-numeric:tabular-nums;align-self:end;padding-bottom:10px;font-size:.65rem}.account-shell button.text-button{color:var(--ws-color-link);background:0 0;padding:8px;font-size:.85rem;font-weight:500}.account-shell button.text-button:hover{text-decoration:underline}.visual-line-scroll{min-width:0;padding-block:4px;overflow-x:auto}.visual-line-track{font-variant-ligatures:none;font-kerning:none;width:max-content;min-width:100%;font:1rem/32px ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative}.visual-chord-rail{height:32px;position:relative}.account-shell .chord-insertion-area{cursor:copy;text-align:left;width:100%;height:100%;min-height:32px;color:var(--ws-color-text-muted);background:0 0;border:0;padding:0;position:absolute;inset:0}.account-shell button.chord-handle{min-width:24px;height:32px;min-height:32px;color:var(--ws-color-chord);text-align:left;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;padding:0;font:600 .8rem/32px ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:absolute;bottom:0}.chord-label-measures{visibility:hidden;pointer-events:none;white-space:nowrap;font:600 .8rem/32px ui-sans-serif,system-ui,sans-serif;position:absolute}.chord-label-measures span{display:inline-block}.chord-handle small{min-width:24px;color:var(--ws-color-text-muted);font-size:.65rem}.account-shell button.chord-handle:hover{background:var(--ws-color-surface-raised)}.chord-handle[aria-pressed=true],.chord-handle[data-dragging=true]{outline:2px solid var(--ws-color-focus);z-index:2}.chord-handle:after{content:"";background:var(--ws-color-chord);opacity:0;width:1px;height:4px;position:absolute;bottom:0;left:0}.chord-handle:hover:after,.chord-handle:focus-visible:after,.chord-handle[data-dragging=true]:after{opacity:1}.visual-lyric-row{height:32px;position:relative}.visual-lyric-mirror{visibility:hidden;white-space:pre;width:max-content;min-width:100%;padding-right:110px}.account-form input.visual-lyric-input{width:100%;height:32px;min-height:32px;font:inherit;letter-spacing:inherit;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.account-form input.visual-lyric-input:focus{box-shadow:inset 0 -1px var(--ws-color-link);outline:none}.chord-anchor-marker{background:var(--ws-color-chord);pointer-events:none;width:1px;height:36px;position:absolute;top:0}.visual-repair,.stray-chords{grid-column:2;justify-self:start;display:none}.visual-line[data-preview-focus=true]>.visual-repair,.visual-line[data-preview-focus=true]>.stray-chords{display:block}.stray-chords:empty{display:none}.visual-directive{background:var(--ws-color-surface-raised);padding:12px 36px}.account-form .visual-directive input{min-height:44px;color:var(--ws-color-section-label);background:0 0;border:0;padding:0;font-weight:600}.visual-metadata{border-bottom:1px solid var(--ws-color-border);color:var(--ws-color-text-muted);padding:8px 12px;font-size:.8125rem}.visual-metadata summary{cursor:pointer;min-height:44px;padding-block:12px}.visual-metadata input{margin-bottom:8px}.visual-section-end{color:var(--ws-color-text-faint);border-bottom:1px solid var(--ws-color-border);padding:4px 36px 12px;font-size:.7rem}.chord-popover{z-index:60;border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface);width:min(320px,100vw - 32px);color:var(--ws-color-text);border-radius:8px;padding:16px;box-shadow:0 12px 32px #00000030}.chord-popover-heading,.chord-popover-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.chord-popover button{background:var(--ws-color-link);min-height:44px;color:var(--ws-color-on-accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.chord-popover button:disabled{opacity:.5}.chord-popover button.secondary,.chord-popover-heading button{background:var(--ws-color-surface-raised);color:var(--ws-color-text)}.chord-popover button svg{width:18px;height:18px}.chord-popover label{gap:8px;margin-block:12px;font-size:.875rem;display:grid}.chord-popover input:not([type=range]){border:1px solid var(--ws-color-border-strong);background:var(--ws-color-bg);border-radius:6px;width:100%;min-height:44px;padding:8px 12px}.chord-popover-actions button{flex:1;gap:8px}.chord-popover summary{min-height:44px;color:var(--ws-color-text-muted);cursor:pointer;padding-top:12px;font-size:.875rem}.chord-popover input[type=range]{width:100%;accent-color:var(--ws-color-link)}.chord-group-picker{gap:6px;width:240px;display:grid}.chord-group-picker>strong{margin-bottom:4px;font-size:.875rem}.chord-group-picker button{justify-content:space-between;gap:16px}.chord-group-picker button small{color:var(--ws-color-text-muted);font-size:.75rem}.editor-notice{min-height:1.5rem;margin-top:var(--ws-space-3)!important}.editor-grid>section{top:var(--ws-space-5);max-height:calc(100vh - 3rem);position:sticky;overflow:auto}@media (max-width:800px){.editor-grid>section{max-height:none;position:static}.header-search{width:100%}.library-toolbar{gap:var(--ws-space-3)}.library-toolbar .column-picker{margin-left:0}}.field-row{gap:var(--ws-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:520px){.editor-grid .field-row{grid-template-columns:1fr}}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.plan-item{padding-block:var(--ws-space-5);border-bottom:1px solid var(--ws-color-border)}.plan-item h3{font-family:var(--wb-font-display);font-size:1.3rem}.account-shell a.button-link{min-height:var(--ws-touch-min);padding:var(--ws-space-3) var(--ws-space-5);border-radius:var(--ws-radius-sm);background:var(--ws-color-link);color:var(--ws-color-on-accent);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.account-shell a.button-link:hover{background:var(--ws-color-link-hover)}.account-shell a.button-link.secondary{background:var(--ws-color-surface-raised);color:var(--ws-color-text);border:1px solid var(--ws-color-border-strong)}.button-link[aria-disabled=true]{opacity:.6;cursor:wait}.setlist-heading{margin-top:var(--ws-space-6)}.setlist-heading h1{overflow-wrap:anywhere}.setlist-heading p{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums}.setlist-actions{gap:var(--ws-space-3);margin-block:var(--ws-space-5) var(--ws-space-6);flex-wrap:wrap;display:flex}.setlist-notes{max-width:65ch;margin-block:var(--ws-space-5)}.setlist-notes h2{font:600 .9rem var(--wb-font-ui);color:var(--ws-color-text-muted);margin:0}.setlist-order-heading{justify-content:space-between;align-items:baseline;gap:var(--ws-space-3);border-bottom:1px solid var(--ws-color-border-strong);padding-bottom:var(--ws-space-3);flex-wrap:wrap;display:flex}.setlist-order-heading h2{margin:0}.order-status{color:var(--ws-color-text-muted);min-height:1.5em;font-size:.9rem}.setlist-song-list{padding:0;list-style:none}.setlist-song-list>li{align-items:center;gap:var(--ws-space-4);padding:var(--ws-space-5) 0;border-bottom:1px solid var(--ws-color-border);border-radius:var(--ws-radius-sm);display:flex}.setlist-song-list>li.is-dragging{background:var(--ws-color-surface-raised)}.account-shell .reorder-handle{padding:var(--ws-space-2);width:var(--ws-touch-min);min-width:var(--ws-touch-min);color:var(--ws-color-text-muted);cursor:grab;touch-action:none;background:0 0;place-items:center;display:grid}.account-shell .reorder-handle:active{cursor:grabbing}.setlist-position{min-width:1.5rem;color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums}.setlist-song-copy{flex:1;min-width:0}.setlist-song-copy h3{font:600 1.4rem/1.3 var(--wb-font-display);color:var(--ws-color-text)}.setlist-song-copy .setlist-artist{color:var(--ws-color-text-muted);margin-block:var(--ws-space-1) var(--ws-space-3)}.setlist-music{gap:var(--ws-space-4);flex-wrap:wrap;font-size:.9rem;display:flex}.setlist-music strong{font-family:var(--wb-font-chord)}.setlist-song-copy .setlist-cue{color:var(--ws-color-text-muted);margin-bottom:0}.account-shell .icon-button{width:var(--ws-touch-min);min-width:var(--ws-touch-min);padding:var(--ws-space-2);place-items:center;display:grid}.setlist-table{border-collapse:collapse;width:100%;margin-block:var(--ws-space-5)}.setlist-table th,.setlist-table td{text-align:left;padding:var(--ws-space-4) var(--ws-space-3);border-bottom:1px solid var(--ws-color-border)}.setlist-table thead{color:var(--ws-color-text-muted);font-size:.85rem}.setlist-table tbody th{width:52%;font:500 1.4rem/1.4 var(--wb-font-display);overflow-wrap:anywhere}.setlist-table tbody th a{min-height:var(--ws-touch-min);align-items:center;text-decoration:none;display:inline-flex}.setlist-table tbody th a:hover{text-decoration:underline}.setlist-table tbody td{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums}.setlist-table .cell-unit{display:none}.song-options label{margin-top:var(--ws-space-3)}@media (max-width:600px){.setlist-song-list>li{gap:var(--ws-space-2);flex-wrap:wrap}.setlist-song-copy{flex-basis:calc(100% - 100px)}.setlist-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.setlist-table,.setlist-table tbody{display:block}.setlist-table tr{gap:var(--ws-space-2) var(--ws-space-5);padding-block:var(--ws-space-4);border-bottom:1px solid var(--ws-color-border);flex-wrap:wrap;display:flex}.setlist-table tbody th{width:100%}.setlist-table th,.setlist-table td{border:0;padding:0;display:block}.setlist-table .cell-unit{display:inline}}.plan-item-controls{gap:var(--ws-space-2);margin-block:var(--ws-space-3);flex-wrap:wrap;display:flex}.library-filter-values,.library-active-filters{gap:var(--ws-space-2);flex-wrap:wrap;display:flex}.library-active-filters{margin-block:var(--ws-space-4)}.library-table button.metadata-filter{min-width:var(--ws-touch-min);min-height:var(--ws-touch-min);white-space:normal;max-width:100%;height:auto;color:var(--ws-color-text-muted);font:inherit;text-align:left;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block}.library-table .metadata-filter:hover{color:var(--ws-color-link)}.version-count{color:var(--ws-color-text-muted);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.song-versions{margin-block:var(--ws-space-5)}.song-versions label{gap:var(--ws-space-2);max-width:100%;display:grid}.song-versions select{width:100%;max-width:100%;min-height:44px;padding:var(--ws-space-3);border:1px solid var(--ws-color-border);border-radius:var(--ws-radius-sm);background:var(--ws-color-bg);color:var(--ws-color-text)}.song-versions p{color:var(--ws-color-text-muted);margin-top:var(--ws-space-2);font-size:.875rem}.skip-link{position:absolute;left:-10000px}.skip-link:focus{position:static}.performance-heading{margin-bottom:var(--ws-space-6)}.performance-nav{padding:var(--ws-space-4) 0;margin-bottom:var(--ws-space-5);justify-content:space-between;align-items:center;gap:var(--ws-space-3);border-bottom:1px solid var(--ws-color-border);display:flex}@media (max-width:800px){.editor-grid{grid-template-columns:1fr}.account-header{flex-direction:column;align-items:flex-start;gap:0}.library-nav{gap:var(--ws-space-3)}.song-facts{align-items:flex-end;gap:var(--ws-space-1);flex-direction:column}}@media print{:root{--ws-color-text:#111;--ws-color-chord:#111;--ws-color-text-muted:#444;--ws-color-section-label:#444;--ws-color-comment:#444;--ws-color-bg:#fff}body{color:#111;background:#fff}.account-header,.account-footer,.no-print,.skip-link{display:none!important}.account-shell main{padding:0}.account-shell{max-width:none;padding:0}.chart-view,.performance-song{break-inside:avoid}.performance-song[hidden]{display:block}.performance-song{break-after:page}}html{font-size:var(--ui-scale,100%)}.matrix-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.matrix-background svg{width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.account-shell{--account-control-border:var(--ws-color-border-strong);--shell-gutter:clamp(16px, 4vw, 56px);max-width:none;padding-inline:0}.account-shell main{max-width:84rem;padding-inline:var(--shell-gutter);margin-inline:auto}.account-shell>.site-header,.account-shell>.account-footer{padding-inline:max(var(--shell-gutter), calc((100% - 84rem) / 2 + var(--shell-gutter)))}.account-footer{background:var(--matrix-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root[data-theme=light] .account-shell{--account-control-border:var(--ws-color-border-strong)}.account-shell main{padding-block:40px 64px}.breadcrumbs{color:var(--ws-color-text-muted);margin-bottom:20px;font-size:.8125rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.breadcrumbs svg{flex-shrink:0;width:16px;height:16px}.account-shell .breadcrumbs a{max-width:100%;min-height:44px;color:var(--ws-color-text-muted);align-items:center;gap:8px;padding:8px 4px;text-decoration:none;display:inline-flex}.breadcrumbs span{white-space:nowrap;text-overflow:ellipsis;max-width:36ch;overflow:hidden}.account-shell .breadcrumbs a:hover{color:var(--ws-color-link)}.breadcrumbs [aria-current=page]{color:var(--ws-color-text)}.account-shell h1{letter-spacing:-.035em;font-weight:550}.account-shell h2{letter-spacing:-.02em;font-weight:550}.account-shell .account-header{align-items:center}.site-header{border-bottom:1px solid var(--ws-color-border-strong);grid-template-columns:1fr auto auto;gap:24px;padding-block:24px}.account-header a.site-wordmark{font:600 1.125rem/1.3 var(--wb-font-ui);letter-spacing:-.025em;gap:12px;display:flex}.site-wordmark>.dot-glyph{width:32px;height:32px;color:var(--ws-color-link)}.wordmark-detail{font:400 .55rem/1.8 var(--wb-font-chord);letter-spacing:.1em;color:var(--ws-color-text-muted);display:block}.site-header .library-nav{gap:6px}.site-header .library-nav a{border-radius:6px;padding:8px 14px;font-size:.875rem!important}.site-header .library-nav a[aria-current=page]{background:var(--ws-color-surface-raised);color:var(--ws-color-text)}.site-header .library-nav a[aria-current=page]:before{content:"";background:var(--ws-color-link);border-radius:50%;width:4px;height:4px;margin-right:8px}.library-nav a span{display:inline-block}.nav-reveal>span{transition:transform .22s cubic-bezier(.16,1,.3,1);position:relative}.nav-reveal>span:after{content:"";background:var(--ws-color-link);transform-origin:0;height:1px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-reveal:focus-visible>span{transform:translateY(-2px)}.nav-reveal:focus-visible>span:after{transform:scaleX(1)}.header-controls>button,.header-controls>a{transition:translate .22s cubic-bezier(.16,1,.3,1),background-color .22s}@media (hover:hover) and (pointer:fine){.nav-reveal:hover>span{transform:translateY(-2px)}.nav-reveal:hover>span:after{transform:scaleX(1)}.header-controls>button:hover,.header-controls>a:hover{translate:0 -2px}}@media (prefers-reduced-motion:reduce){.nav-reveal>span,.nav-reveal>span:after,.header-controls>button,.header-controls>a{transition:none}.nav-reveal>span{transform:none!important}.header-controls>button,.header-controls>a{translate:none}}.header-controls{align-items:center;gap:2px;display:flex}[data-slot=button]{cursor:pointer;min-height:44px}[data-slot=button][data-size^=icon]{width:44px;height:44px}.account-shell a[data-slot=button]{color:var(--ws-color-text);font:500 .875rem var(--wb-font-ui);text-decoration:none}.account-shell a[data-slot=button][data-variant=default]{color:var(--ws-color-on-accent)}.account-shell [data-slot=button]{padding:10px 16px;font-size:.875rem}.account-shell [data-slot=button][data-size^=icon]{padding:8px}.header-controls .theme-toggle .dot-glyph{width:24px;height:24px}.header-controls .mobile-menu-trigger{display:none}.matrix-dialog{background:var(--matrix-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-color:var(--ws-color-border-strong);border-radius:10px;max-height:calc(100dvh - 32px);padding:32px;overflow-y:auto;box-shadow:0 24px 80px #00000040}.matrix-dialog [data-slot=dialog-title]{letter-spacing:-.025em;padding-right:28px;font-size:1.5rem;font-weight:550;line-height:1.2}[data-slot=dialog-close]{place-items:center;min-width:44px;min-height:44px;display:grid;top:8px;right:8px}.matrix-mobile-links{margin-top:24px;display:grid}.matrix-mobile-links a{color:var(--ws-color-text);border-top:1px solid var(--ws-color-border);letter-spacing:-.02em;padding-block:18px;font-size:1.75rem}.matrix-mobile-links a span{justify-content:space-between;align-items:center;display:flex}.matrix-mobile-links svg{width:22px;color:var(--ws-color-link)}.library-bento{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.library-bento [data-slot=card]{border:1px solid var(--ws-color-border-strong);background:var(--matrix-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border-radius:10px;gap:0;padding:32px;position:relative;overflow:hidden}.library-intro{justify-content:space-between;min-height:290px}.account-shell .library-intro h1{font:400 clamp(2.5rem, 4.5vw, 4rem)/1.1 var(--wb-font-pixel);letter-spacing:-.025em;margin-bottom:16px}.heading-dot{color:var(--ws-color-link)}.library-intro p{color:var(--ws-color-text-muted);margin:0;font-size:1.05rem;line-height:1.6}.library-intro-foot{font:.65rem var(--wb-font-chord);text-transform:uppercase;letter-spacing:.08em;color:var(--ws-color-text-muted);align-items:center;gap:10px;margin-top:32px;display:flex}.signal-dot{background:var(--ws-color-accent);border-radius:50%;width:5px;height:5px}.planning-card{align-items:flex-start}.planning-card .planning-matrix{width:160px;color:var(--ws-color-link);opacity:.45;position:absolute;top:18px;right:-26px;transform:rotate(-30deg)}.account-shell .planning-card h2{margin-top:28px;margin-bottom:8px;font-size:1.5rem;line-height:1.2}.planning-card p{color:var(--ws-color-text-muted);max-width:27ch;margin:0 0 20px;font-size:.875rem}.planning-card [data-slot=button]{justify-content:space-between;width:100%;margin-top:auto}.library-browser{border:1px solid var(--ws-color-border-strong);background:var(--matrix-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;padding:24px}.library-browser .library-search{margin-top:0;margin-bottom:24px}.library-search>label{color:var(--ws-color-text-muted);font-size:.75rem}.library-search input{background:var(--ws-color-bg)!important;min-height:52px!important;font-size:1rem!important}.library-search [data-slot=button]{min-height:52px;padding-inline:24px}.library-search .field-help{font-size:.75rem}.library-toolbar{gap:20px;padding-bottom:16px}.library-select{font-size:.75rem}.library-select select{border-color:var(--ws-color-border-strong);background:0 0;font-size:.8rem}.fields-trigger{margin-left:auto}.fields-options{gap:4px;display:grid}.fields-options label{align-items:center;gap:12px;min-height:44px;display:flex}.fields-options input{accent-color:var(--ws-color-link);width:18px;height:18px}.library-result-count{font-family:var(--wb-font-pixel);font-size:.875rem}.song-results[aria-busy=true]{opacity:1}.library-table thead{background:0 0}.library-table thead th{font:400 .65rem var(--wb-font-chord);letter-spacing:.07em;text-transform:uppercase;color:var(--ws-color-text-muted);height:44px}.library-table th,.library-table td{white-space:normal;padding:10px 16px}.library-table tbody a{font:500 .9375rem var(--wb-font-ui);min-height:40px}.library-table tbody th{height:auto}.library-table tbody tr:hover{background:var(--matrix-highlight)}.library-table td{font-size:.8125rem}.library-table td.chart-key{font-family:var(--wb-font-chord)}.library-pagination{font:.75rem var(--wb-font-chord)}.account-footer{font:.7rem var(--wb-font-chord);color:var(--ws-color-text-muted);padding-block:24px}.account-narrow,.editor-grid>form,.editor-grid>section{border:1px solid var(--ws-color-border-strong);background:var(--matrix-glass);border-radius:10px;padding:28px}.editor-grid{gap:16px}.editor-grid>form{margin-top:0}.editor-grid>section{padding-bottom:16px}.account-narrow{max-width:34rem}.account-form input:not([type=hidden]),.account-form textarea,.account-form select{border-color:var(--ws-color-border-strong)}.account-form input:focus,.account-form textarea:focus,.account-form select:focus{border-color:var(--ws-color-link)}.account-shell button:not([data-slot]),.account-shell .button-link{font-size:.875rem}.account-shell button.secondary:not([data-slot]){border:1px solid var(--ws-color-border-strong)}.page-heading{margin-top:0}.setlist-table{background:var(--matrix-glass);border:1px solid var(--ws-color-border-strong)}.setlist-table tbody th{font:500 1.125rem var(--wb-font-ui)}.setlist-table thead th{font:.7rem var(--wb-font-chord);text-transform:uppercase;letter-spacing:.06em}.setlist-table th,.setlist-table td{padding:20px 24px}.setlist-song-list{gap:8px;display:grid}.setlist-song-list>li{border:1px solid var(--ws-color-border-strong);background:var(--matrix-glass);padding:20px 16px}.setlist-song-copy h3{font-size:1.125rem}.setlist-position{font-family:var(--wb-font-pixel);color:var(--ws-color-link)}.setlist-notes{border-block:1px solid var(--ws-color-border);padding-block:20px}.chart-view{border:1px solid var(--ws-color-border-strong);background:var(--matrix-glass);border-radius:10px;padding:24px}.chart-controls{border-top:0;margin-top:0}.ws-song{font-family:var(--chart-font,ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif)}.ws-section__label{font-family:var(--wb-font-pixel);letter-spacing:.05em}.dot-range{min-width:180px;margin-block:8px}.dot-range-label{justify-content:space-between;align-items:center;gap:16px;font-size:.8125rem;display:flex}.dot-range output{color:var(--ws-color-link);font:.75rem var(--wb-font-chord)}.dot-range-track{border:1px solid var(--ws-color-border-strong);background:var(--ws-color-bg);border-radius:6px;height:56px;margin-top:8px;position:relative}.range-dots{grid-template-rows:repeat(3,4px);grid-template-columns:repeat(16,4px);place-content:space-between;display:grid;position:absolute;inset:12px 8px}.range-dots span{background:var(--ws-color-border-strong);border-radius:50%;width:4px;height:4px;transition:background-color .12s}.range-dots [data-lit=true]{background:var(--ws-color-link)}.dot-range-track input{appearance:none;opacity:0;cursor:ew-resize;width:calc(100% - 4px);height:100%;margin:0;position:absolute;inset:0 2px}.dot-range-track input::-webkit-slider-thumb{appearance:none;width:16px;height:16px}.dot-range-track input::-moz-range-thumb{border:0;width:16px;height:16px}input[data-slot=range-input]{touch-action:none;min-height:44px}.range-dots{pointer-events:none}@media (any-pointer:coarse){.library-bento [data-slot=card],.library-browser,.account-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ws-color-surface)}.account-shell>.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--matrix-glass)}.matrix-dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ws-color-surface)}}.dot-range-track:has(input:focus-visible){outline:2px solid var(--ws-color-focus);outline-offset:4px}.chart-controls .dot-range{width:190px;margin:0 0 0 auto}.chart-controls .dot-range-track{height:44px;margin-top:0}.chart-controls .range-dots{inset-block:8px}.matrix-loader{min-height:65vh;color:var(--ws-color-link);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.matrix-loader span{color:var(--ws-color-text-muted);font:.875rem var(--wb-font-pixel)}.matrix-shimmer-row{border-bottom:1px solid var(--ws-color-border);grid-template-columns:2fr 1fr .5fr .5fr;gap:24px;padding:24px 16px;display:grid}.matrix-shimmer-row span{background:radial-gradient(circle, var(--ws-color-border-strong) 1px, transparent 1.5px) 0 0/5px 5px;border-radius:2px;height:12px;position:relative;overflow:hidden}.matrix-shimmer-row span:after{content:"";background:linear-gradient(90deg, transparent, var(--ws-color-link), transparent);opacity:.18;animation:1.7s ease-in-out infinite matrix-scan;position:absolute;inset:0;transform:translate(-100%)}@keyframes matrix-scan{to{transform:translate(100%)}}@media (max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header .library-nav{display:none}.header-controls .mobile-menu-trigger{display:inline-flex}.library-bento{grid-template-columns:1.4fr 1fr}.library-bento [data-slot=card]{padding:24px}}@media (max-width:600px){.account-shell{--shell-gutter:16px}.account-shell main{padding-block:24px 40px}.site-header{gap:8px;padding-block:16px}.account-header a.site-wordmark{gap:8px;font-size:.9rem}.wordmark-detail{display:none}.site-wordmark>.dot-glyph{width:26px;height:26px}.header-controls{gap:0}.library-bento{grid-template-columns:1fr;gap:12px}.library-intro{min-height:200px}.library-intro-foot{margin-top:20px;font-size:.6rem}.library-bento .planning-card{grid-template-columns:1fr auto;gap:12px;padding:20px;display:grid}.account-shell .planning-card h2{margin:0;font-size:1.125rem}.planning-card p,.planning-matrix{display:none}.planning-card [data-slot=button]{align-self:center;width:auto;margin:0}.library-browser{padding:16px}.library-browser .library-search{margin-top:0}.library-search [data-slot=button]{padding-inline:14px}.library-search [data-slot=button] svg{display:none}.library-toolbar{gap:12px}.library-select.page-size{order:3;width:100%}.library-toolbar .fields-trigger{margin-left:auto}.library-select select{max-width:156px}.library-table tr{gap:4px 12px}.library-table td,.library-table th,.library-table th:first-child{padding:0}.library-table td:before{font-size:.625rem}.library-table tbody a{font-size:1rem}.library-pagination{gap:8px}.library-pagination [data-slot=button]{padding-inline:10px}.account-narrow,.editor-grid>form,.editor-grid>section,.chart-view{padding:20px}.chart-controls .dot-range{width:100%;margin-left:0}.setlist-table{padding:16px}.setlist-table th,.setlist-table td{padding:0}.matrix-dialog{padding:24px}.matrix-shimmer-row{grid-template-columns:2fr 1fr;gap:16px}.matrix-shimmer-row span:nth-child(n+3){display:none}}@media print{.matrix-background,.matrix-loader{display:none}html{font-size:100%}.chart-view,.editor-grid>section{background:#fff;border:0;padding:0}.ws-song{color:#000}}html{scroll-padding-top:120px}.site-header{z-index:30;background:var(--matrix-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0}.site-header[data-signed-in=false]{grid-template-columns:1fr auto}html[data-sticky-header=false] .site-header{position:relative}html[data-sticky-header=false]{scroll-padding-top:24px}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .65s,color .65s,border-color .65s,fill .65s,stroke .65s,box-shadow .65s}.appearance-control>p{margin-bottom:10px;font-size:.875rem}.theme-switch{perspective:300px;justify-content:flex-start;gap:12px;width:100%;min-height:64px}.theme-flip{width:30px;height:30px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative}.theme-face{backface-visibility:hidden;position:absolute;inset:0}.theme-face .dot-glyph{width:30px;height:30px}.theme-face-back,:root[data-theme=light] .theme-flip{transform:rotateY(180deg)}.theme-switch-hint{color:var(--ws-color-text-muted);margin-left:auto;font-size:.75rem;font-weight:400}.sticky-preference{border-top:1px solid var(--ws-color-border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.sticky-preference small{color:var(--ws-color-text-muted);margin-top:6px;font-size:.75rem;display:block}.sticky-preference input{width:24px;height:24px;accent-color:var(--ws-color-link);flex-shrink:0}.command-palette{width:min(640px,100% - 32px);max-width:640px}.palette-height{box-sizing:content-box;margin:-4px;padding:0 4px;overflow:clip}.palette-content{gap:16px;padding:4px 0;display:grid}.palette-results[inert]{opacity:.5}.header-progress{pointer-events:none;bottom:-2px;height:3px;position:absolute;inset-inline:0;overflow:hidden}.header-progress[data-pending=true]{background:var(--ws-color-link)}@supports (color:color-mix(in lab, red, red)){.header-progress[data-pending=true]{background:color-mix(in srgb, var(--ws-color-link) 15%, transparent)}}.header-progress-bar{background:var(--ws-color-link);width:35%;height:100%;animation:1.25s cubic-bezier(.65,0,.35,1) infinite navigation-sweep;display:block}.section-progress{font:.8rem/1.5 var(--wb-font-ui);color:var(--ws-color-text-muted);gap:8px;padding-block:8px;display:grid}.section-progress-track{background:var(--ws-color-border);height:2px;overflow:hidden}@keyframes navigation-sweep{0%{transform:translate(-110%)}to{transform:translate(390%)}}.desktop-header-controls{align-items:center;gap:2px;display:flex}.matrix-select{border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface);min-width:0;max-width:100%;min-height:44px;color:var(--ws-color-text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px;transition:border-color .15s,background-color .15s;display:inline-flex}.matrix-select>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.matrix-select>span:last-child{color:var(--ws-color-text-muted);flex-shrink:0}.matrix-select:hover,.matrix-select[data-state=open]{border-color:var(--ws-color-link)}.matrix-select:focus-visible{outline:2px solid var(--ws-color-link);outline-offset:3px}.matrix-select-menu{z-index:80;min-width:var(--radix-select-trigger-width);max-width:min(560px,100vw - 24px);max-height:min(360px, var(--radix-select-content-available-height));border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface-raised);color:var(--ws-color-text);font:.875rem/1.4 var(--wb-font-ui);transform-origin:var(--radix-select-content-transform-origin);border-radius:10px;padding:5px;animation:.16s ease-out select-arrive;box-shadow:0 12px 36px #00000030}.matrix-select-option{cursor:pointer;border-radius:5px;outline:none;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:10px 12px;display:flex}.matrix-select-option[data-highlighted]{background:var(--ws-color-surface);color:var(--ws-color-link)}.matrix-select-option[data-state=checked]{color:var(--ws-color-link)}.matrix-select-option[data-disabled]{opacity:.45;pointer-events:none}.matrix-select-scroll{place-items:center;height:24px;display:grid}.account-form .matrix-select,.song-versions .matrix-select,.chart-font-field .matrix-select{width:100%}@keyframes select-arrive{0%{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.setlist-song-list{isolation:isolate;gap:0}.setlist-song-list>li{border:0;border-bottom:1px solid var(--ws-color-border);background:var(--ws-color-bg);border-radius:0;flex-wrap:nowrap;gap:12px;padding:8px 12px;transition:transform .18s ease-out,background-color .15s;position:relative}.setlist-song-list>li.is-dragging{z-index:2;background:var(--ws-color-surface-raised);outline:1px solid var(--ws-color-link);border-radius:8px;transition:none;box-shadow:0 16px 40px #00000035}.account-shell .setlist-song-link{min-width:0;color:var(--ws-color-text);flex:1;align-items:center;gap:24px;padding:12px 4px;text-decoration:none;display:flex}.setlist-song-list[aria-busy=true]>li{transition:none}.setlist-song-link:hover h3{color:var(--ws-color-link)}.setlist-song-copy h3{font:550 1.075rem/1.4 var(--wb-font-ui);margin:0 0 4px}.setlist-song-copy p{margin:0}.setlist-song-copy .setlist-artist{margin:0;font-size:.875rem}.setlist-song-copy .setlist-cue{margin-top:8px;font-size:.875rem}.setlist-music{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.setlist-key{background:var(--ws-color-surface-raised);text-align:center;min-width:40px;font:500 .875rem var(--wb-font-chord);color:var(--ws-color-link);border-radius:5px;padding:5px 8px}.setlist-play{color:var(--ws-color-text-muted);flex-shrink:0}.account-shell .reorder-handle{-webkit-user-select:none;user-select:none;border:0;flex-shrink:0;min-height:44px;padding:10px}.reorder-handle svg{width:20px;height:20px}@media (max-width:1000px){.desktop-header-controls{display:none}.mobile-menu{width:min(380px,100%);max-width:100%;max-height:100dvh;padding-top:max(32px, env(safe-area-inset-top));border-radius:0;align-content:start;inset:0 0 0 auto;translate:0}.drawer-tools{border-block:1px solid var(--ws-color-border);gap:4px;padding-block:16px;display:grid}.drawer-tools>button{justify-content:flex-start}.mobile-menu[data-state=open]{animation:.28s cubic-bezier(.16,1,.3,1) drawer-in}.mobile-menu[data-state=closed]{animation:.18s ease-in drawer-out}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width:600px){.setlist-song-list>li{gap:4px;padding-inline:0}.setlist-song-link{gap:12px}.setlist-play{display:none}.setlist-position{min-width:1.2rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.header-progress-bar{opacity:.7;width:100%;animation:none}.matrix-select-menu{animation:none}.setlist-song-list>li{transition:none}}@media (max-width:600px){.command-palette{top:max(16px, env(safe-area-inset-top));max-height:calc(100dvh - 32px);translate:-50%}}.palette-search{border:1px solid var(--ws-color-border-strong);background:var(--ws-color-bg);border-radius:6px;align-items:center;gap:12px;padding:0 16px;display:flex}.palette-search>svg{width:20px;color:var(--ws-color-link);flex-shrink:0}.palette-search input{width:100%;min-width:0;height:56px;color:var(--ws-color-text);font:inherit;background:0 0;border:0;outline:none}.palette-search:focus-within{outline:2px solid var(--ws-color-focus);outline-offset:3px}.palette-caption{color:var(--ws-color-text-muted);font:.75rem/1.5 var(--wb-font-chord)}.palette-results{max-height:min(400px,45dvh);margin:0;padding:0;list-style:none;overflow-y:auto}.palette-results li{border-bottom:1px solid var(--ws-color-border);align-items:center;gap:8px;display:flex}.palette-results li>a{min-width:0;color:var(--ws-color-text);overflow-wrap:anywhere;flex:1;padding:14px 8px;text-decoration:none}.palette-results li>a:hover,.palette-results li>a:focus-visible,.palette-setlist-choice:hover{background:var(--ws-color-surface-raised)}.palette-results small{color:var(--ws-color-text-muted);margin-top:4px;font-size:.8rem;display:block}.palette-results [data-slot=button]{flex-shrink:0}.palette-all{color:var(--ws-color-link);padding-block:8px;font-size:.875rem}.palette-setlists{gap:16px;display:grid}.palette-setlists>button{justify-self:start}.palette-setlist-choice{text-align:left;width:100%;color:var(--ws-color-text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:14px 8px;display:flex}.palette-setlist-choice svg{flex-shrink:0;width:20px}.palette-confirmation{border:1px solid var(--ws-color-border-strong);border-radius:6px;padding:20px}.palette-confirmation p{margin-bottom:16px}.ws-song [role=button]{cursor:pointer;border-radius:4px}.ws-song [role=button]:hover,[data-preview-focus=true]{background:var(--ws-color-surface-raised)}.ws-song [role=button]:focus-visible{outline:2px solid var(--ws-color-focus);outline-offset:4px}.editor-grid>section{max-height:calc(100dvh - 140px);top:120px}html[data-sticky-header=false] .editor-grid>section{max-height:calc(100dvh - 48px);top:24px}@media (max-width:600px){.theme-switch-hint{display:none}.command-palette{padding:24px 20px}.site-wordmark .wordmark-detail{display:none}}@media (max-width:800px){.editor-grid>section,html[data-sticky-header=false] .editor-grid>section{max-height:none}}@media (max-width:380px){.site-header .site-wordmark{white-space:normal}.site-wordmark>.dot-glyph{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after,.theme-flip{transition-duration:.01ms}}@media print{.site-header{display:none}.account-shell main{max-width:none;padding-inline:0}}.chart-toolbar,.chart-toolbar-options,.chart-transpose-controls,.chart-transposition{align-items:center;gap:var(--ws-space-2);flex-wrap:wrap;display:flex}.chart-toolbar{padding-bottom:var(--ws-space-4);border-bottom:1px solid var(--ws-color-border);justify-content:space-between}.chart-tabs{gap:var(--ws-space-1);padding:var(--ws-space-1);background:var(--ws-color-bg);border-radius:var(--ws-radius-sm);display:flex}.chart-tabs [role=tab]{min-height:var(--ws-touch-min);padding:var(--ws-space-2) var(--ws-space-4);border-radius:var(--ws-radius-sm);color:var(--ws-color-text-muted);cursor:pointer;font-weight:550}.chart-tabs [role=tab][data-state=active]{background:var(--ws-color-surface-raised);color:var(--ws-color-link)}.chart-tabs [role=tab]:hover{color:var(--ws-color-text)}.chart-panel{padding-top:var(--ws-space-5)}.chart-transposition{margin-bottom:var(--ws-space-5);justify-content:space-between;align-items:center;gap:16px 32px}.chart-transpose-controls{gap:var(--ws-space-2)}.chart-key-groups{flex-wrap:wrap;align-items:flex-end;gap:12px 32px;display:flex}.chart-key-group{gap:4px;display:grid}.chart-key-label{color:var(--ws-color-text-muted);align-items:center;gap:4px;font-size:.8125rem;display:flex}.chart-key-label .info-tip-trigger{width:44px;height:44px}.chart-key-group .chart-key-button{justify-self:start}.chart-reset{margin-bottom:2px}.chart-tuning p{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.chart-tuning p>span:not(.print-chord-key),.chart-tuning strong{align-items:center;gap:8px;display:inline-flex}.chart-tuning svg{width:22px;height:22px;color:var(--ws-color-text-muted)}.chart-key-select{align-items:center;gap:var(--ws-space-2);color:var(--ws-color-text-muted);grid-template-columns:auto auto;font-size:.8125rem;display:grid}.chart-key-select select,.chart-font-field select{min-height:var(--ws-touch-min);border:1px solid var(--ws-color-border-strong);border-radius:var(--ws-radius-sm);background:var(--ws-color-bg);color:var(--ws-color-text);padding:var(--ws-space-2);font:inherit}.chart-key-select select{min-width:64px;font-size:1rem;font-weight:600}.chart-tuning{align-items:center;gap:var(--ws-space-1);color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;font-size:.875rem;display:flex}.chart-tuning p{margin:0}.account-shell .chart-key-button{min-width:72px;min-height:48px;color:var(--ws-color-chord);background:var(--ws-color-surface-raised);font-size:1.25rem;font-weight:650}.chart-transpose-controls>[data-slot=button][data-size=icon]{width:48px;height:48px}.song-heading-meta{color:var(--ws-color-text-muted);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px;display:flex}.song-original-key{align-items:center;display:inline-flex}.song-original-key:before{content:"·";margin-right:16px}.song-original-key:first-child:before{content:none}.performance-song:has(.chart-view[data-view=lyrics]) .song-musical-meta{display:none}.performance-song .song-heading-meta{margin-bottom:16px}.song-original-key strong{color:var(--ws-color-text);font-weight:550}.info-tip-trigger{color:var(--ws-color-text-muted);flex-shrink:0}.info-tip-trigger svg{width:16px;height:16px}.info-tip-content{z-index:60;border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface);max-width:min(320px,100vw - 32px);color:var(--ws-color-text);border-radius:8px;padding:16px;font-size:.875rem;line-height:1.6}.key-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.key-picker-option{border:1px solid var(--ws-color-border-strong);background:var(--ws-color-surface-raised);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:56px;font-size:1.125rem;font-weight:600;display:flex;position:relative}.key-picker-option[data-state=checked]{background:var(--ws-color-link);color:var(--ws-color-on-accent);border-color:var(--ws-color-link)}.key-picker-option svg{width:14px;height:14px;position:absolute;top:4px;right:4px}.chart-tuning strong{color:var(--ws-color-text);font-weight:550}.chart-tuning .is-current{color:var(--ws-color-text);font-weight:650}.chart-instrument,.chart-sounding{color:var(--ws-color-text-muted);align-items:center;gap:8px;font-size:.8125rem;display:flex}.chart-instrument .matrix-select{width:auto;min-width:110px}.chart-sounding .chart-key-button{min-width:56px;min-height:44px}.chart-playing{gap:4px;display:grid}.chart-playing .chart-transpose-controls .chart-key-button{min-width:80px;min-height:48px;color:var(--ws-color-chord);font-size:1.375rem}.playing-key-row{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.preferred-shortcut{text-align:left;height:auto;min-height:48px;color:var(--ws-color-link);border-color:var(--ws-color-link);gap:16px;padding:6px 12px}@supports (color:color-mix(in lab, red, red)){.preferred-shortcut{border-color:color-mix(in srgb,var(--ws-color-link) 45%,var(--ws-color-border))}}.preferred-shortcut{animation:.65s cubic-bezier(.16,1,.3,1) both preferred-key-arrive}.preferred-shortcut span{gap:2px;display:grid}.preferred-shortcut small{color:var(--ws-color-text-muted);font-size:.6875rem;font-weight:400}.preferred-shortcut strong{font-size:.8125rem;font-weight:600}.preferred-shortcut svg{transition:transform .2s}.preferred-shortcut:hover svg{transform:translate(3px)}@keyframes preferred-key-arrive{0%{background:color-mix(in srgb,var(--ws-color-link) 20%,var(--ws-color-surface));transform:translate(-6px)}to{transform:translate(0)}}.key-picker-option,.chart-key-button{transition:background-color .16s,border-color .16s,color .16s}.key-picker-option:hover,.chart-key-button:hover{border-color:var(--ws-color-link);background:var(--ws-color-link)}@supports (color:color-mix(in lab, red, red)){.key-picker-option:hover,.chart-key-button:hover{background:color-mix(in srgb, var(--ws-color-link) 15%, var(--ws-color-surface))}}.key-picker-option:active{transform:translateY(1px)}.key-picker-option[data-state=checked]:hover{background:var(--ws-color-link);color:var(--ws-color-on-accent)}.key-picker-option:focus-visible,.chart-chord-trigger:focus-visible{outline:2px solid var(--ws-color-link);outline-offset:3px}.key-preferences{flex-wrap:wrap;gap:8px;display:flex}.key-preferences p{color:var(--ws-color-text-muted);flex-basis:100%;margin:0;font-size:.875rem}.music-preferences,.music-preferences fieldset{gap:12px;min-width:0;display:grid}.music-preferences{border-top:1px solid var(--ws-color-border);padding-top:16px}.music-preferences legend{padding-block:8px;font-weight:600}.music-preferences p,.preference-sync{color:var(--ws-color-text-muted);margin:0;font-size:.8125rem;line-height:1.6}.illustration-toggle{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.illustration-toggle input{width:20px;height:20px;accent-color:var(--ws-color-link)}.preferred-key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.preferred-key-details summary{cursor:pointer;align-content:center;min-height:48px;font-size:.875rem}.preferred-key-details summary span{color:var(--ws-color-text-muted);margin:4px 0 8px 16px;font-size:.8125rem;display:block}.preferred-key-grid [aria-pressed=true],.key-preferences [aria-pressed=true]{border-color:var(--ws-color-link);background:var(--ws-color-link)}@supports (color:color-mix(in lab, red, red)){.preferred-key-grid [aria-pressed=true],.key-preferences [aria-pressed=true]{background:color-mix(in srgb,var(--ws-color-link) 14%,var(--ws-color-surface))}}.preferred-key-grid [aria-pressed=true],.key-preferences [aria-pressed=true]{color:var(--ws-color-link)}.capo-advice{border-left:1px solid var(--ws-color-link);padding-left:12px;font-size:.8125rem}.capo-advice summary{cursor:pointer;min-height:44px;color:var(--ws-color-text-muted);align-content:center}.capo-notice{border-left:1px solid var(--ws-color-link);color:var(--ws-color-text-muted);padding:12px 16px;font-size:.875rem;animation:6s both capo-notice}@keyframes capo-notice{0%{opacity:0}5%,90%{opacity:1}to{opacity:0}}.chart-chord-trigger{font:inherit;color:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;position:relative}.chart-chord-trigger:after{content:"";position:absolute;inset:-8px 0}.chart-chord-trigger:hover{text-underline-offset:4px;text-decoration:underline}.chart-chord-print{display:none}.chord-help{z-index:65;width:260px;max-width:calc(100vw - 32px);max-height:min(var(--radix-popover-content-available-height),calc(100dvh - 32px));overscroll-behavior:contain;background:var(--ws-color-surface);color:var(--ws-color-text);border:1px solid var(--ws-color-border-strong);border-radius:12px;padding:16px;overflow-y:auto;box-shadow:0 12px 32px #0003}.chord-help-heading{justify-content:space-between;align-items:center;display:flex}.chord-help-heading strong{color:var(--ws-color-chord);font-size:1.25rem}.chord-help-heading button{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.chord-diagram{gap:12px;display:grid}.diagram-frame{place-items:center;width:100%;height:180px;display:grid;overflow:hidden}.guitar-diagram{width:160px;height:180px;color:var(--ws-color-text)}.guitar-diagram svg{width:100%;height:100%;display:block}.piano-diagram{width:100%;max-height:140px;display:block}.chord-audio-flip{text-align:left;justify-content:flex-start;gap:12px;height:auto;min-height:48px}.chord-audio-flip span{gap:2px;display:grid}.chord-audio-flip small{color:var(--ws-color-text-muted);font-weight:400}.chord-audio-flip svg{transition:transform .25s}.chord-audio-flip[aria-pressed=true] svg{transform:scaleX(-1)}.chord-sound-label{gap:4px;margin:0;display:grid}.chord-sound-label span,.diagram-unavailable,.diagram-loading{color:var(--ws-color-text-muted);font-size:.8125rem}.sample-credits{color:var(--ws-color-text-muted);text-underline-offset:3px;justify-self:center;font-size:.6875rem}.diagram-loading{text-align:center;align-content:center;min-height:140px}.chord-strip{overscroll-behavior-x:contain;gap:12px;margin-bottom:24px;padding:4px 2px 16px;display:flex;overflow-x:auto}.chord-strip-item{border:1px solid var(--ws-color-border);text-align:center;cursor:pointer;background:var(--ws-color-surface);border-radius:8px;flex-direction:column;flex:0 0 138px;justify-content:flex-start;align-items:stretch;padding:12px;display:flex}.chord-strip-item:hover{border-color:var(--ws-color-link)}.chord-strip-item>strong{color:var(--ws-color-chord)}.chord-diagram--compact .diagram-frame{height:140px}.chord-diagram--compact .guitar-diagram{width:110px;height:140px}.chord-diagram--compact .piano-diagram{max-height:100px}.chord-diagram--compact{margin-top:8px}@media (prefers-reduced-motion:reduce){.capo-notice,.preferred-shortcut{animation:none}.preferred-shortcut svg,.chord-audio-flip svg{transition:none}}.chart-font-field{gap:var(--ws-space-2);font-size:.875rem;display:grid}.chart-font-sample{padding-block:var(--ws-space-4);border-block:1px solid var(--ws-color-border)}.chart-font-sample .ws-section{margin:0}.chart-music .ws-song{--ws-scale:var(--chart-scale,1)}.chart-music .ws-seg__chord{opacity:var(--chart-chord-opacity,1)}.ws-song--chords-hidden .ws-line{white-space:pre-wrap;padding-top:0;line-height:1.65}.ws-song--chords-hidden .ws-line--blank{height:.6em}.print-chord-key{display:none}.library-shell:has(.chart-view[data-view=lyrics]) .song-musical-meta{display:none}@media (max-width:600px){.chart-key-select{grid-template-columns:1fr;gap:0}.chart-transpose-controls{align-items:end}.chart-transpose-controls [data-slot=button]:last-child{padding-inline:var(--ws-space-2)}.chart-tuning{width:100%}.chart-toolbar-options{justify-content:space-between;gap:8px;width:100%}.chart-instrument,.chart-sounding{flex-direction:column;align-items:flex-start;gap:4px}}@media print{.chart-toolbar,[data-slot=dialog-overlay],[data-slot=dialog-content]{display:none!important}.chart-panel{padding-top:0}.print-chord-key{display:inline}.chart-tuning,.chart-tuning strong{color:#000}.chart-chord-trigger{display:none}.chart-chord-print{display:inline}}.musician-tools-page{background:var(--ws-color-surface);border:1px solid var(--ws-color-border-strong);border-radius:12px;max-width:780px;margin:32px auto;padding:clamp(20px,4vw,40px)}.musician-tools-dialog{gap:16px;width:calc(100vw - 32px);max-width:650px}.musician-tools-workspace{min-width:0}.tools-tabs{border-bottom:1px solid var(--ws-color-border);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.tools-tabs [data-slot=tool-tab]{min-height:44px;color:var(--ws-color-text-muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:10px 18px;transition:color .2s,background .2s;display:flex}.tools-tabs [data-slot=tool-tab][data-state=active]{color:var(--ws-color-link);background:var(--ws-color-surface-raised);border-color:var(--ws-color-border-strong)}.tools-tabs svg{width:20px;height:20px}.tools-tabs [data-slot=tool-tab]:hover{color:var(--ws-color-text);background:var(--ws-color-surface-raised)}.musician-tools-workspace :is(button,summary):focus-visible{outline:2px solid var(--ws-color-focus);outline-offset:3px}.tools-panel{outline:none}.tools-capture{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tools-capture button{min-width:154px}.tools-input-status{min-width:100px;color:var(--ws-color-text-muted);flex:1;gap:7px;font-size:.75rem;display:grid}.tools-mic-state{align-items:center;gap:7px;display:flex}.tools-mic-state:before{content:"";background:var(--ws-color-text-faint);border-radius:50%;width:6px;height:6px}.tools-mic-state[data-listening=true]:before{background:var(--ws-color-accent);box-shadow:0 0 8px var(--ws-color-accent)}@supports (color:color-mix(in lab, red, red)){.tools-mic-state[data-listening=true]:before{box-shadow:0 0 8px color-mix(in srgb, var(--ws-color-accent) 35%, transparent)}}.tools-input-status meter{background:var(--ws-color-surface-raised);border-radius:4px;width:100%;max-width:220px;height:6px}.tools-input-status meter::-webkit-meter-bar{background:var(--ws-color-surface-raised);border:0}.tools-input-status meter::-webkit-meter-optimum-value{background:var(--ws-color-accent);transition:width 80ms linear}.tools-input-status meter::-moz-meter-bar{background:var(--ws-color-accent)}.tools-error{border-left:2px solid var(--ws-color-danger);color:var(--ws-color-danger);background:var(--ws-color-surface-raised);margin-top:16px;padding:12px 14px;font-size:.875rem}.tools-input-options,.tools-calibration{color:var(--ws-color-text-muted);margin-top:14px;font-size:.875rem}.musician-tools-workspace summary{cursor:pointer;align-content:center;min-height:44px}.tools-input-options p{margin-top:8px;font-size:.75rem}.tools-tuning-select{color:var(--ws-color-text-muted);gap:8px;margin-top:24px;font-size:.75rem;display:grid}.tools-tuning-select .matrix-select{width:100%;color:var(--ws-color-text);font-size:.9375rem}.tuner-readout{text-align:center;margin-block:28px 12px}.tuner-note{gap:4px;min-height:100px;display:grid}.tuner-note strong{font:500 4rem/1 var(--wb-font-ui);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.tuner-note span,.tuner-gauge-labels{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.tuner-gauge{background:repeating-linear-gradient(90deg, var(--ws-color-border-strong) 0 1px, transparent 1px 10%) left center / 100% 16px no-repeat;border-inline:1px solid var(--ws-color-border-strong);height:45px;margin:18px 8px 8px;position:relative}.tuner-center{background:var(--ws-color-accent);border-radius:4px;width:10%;position:absolute;inset:0 auto 0 45%}@supports (color:color-mix(in lab, red, red)){.tuner-center{background:color-mix(in srgb, var(--ws-color-accent) 10%, transparent)}}.tuner-center{border-inline:1px solid var(--ws-color-accent)}@supports (color:color-mix(in lab, red, red)){.tuner-center{border-inline:1px solid color-mix(in srgb, var(--ws-color-accent) 35%, transparent)}}.tuner-center:after{content:"";background:var(--ws-color-accent);width:1px;position:absolute;inset:3px auto 3px 50%}.tuner-needle{top:0;bottom:0;left:var(--tuner-position);background:var(--ws-color-link);border-radius:3px;width:3px;margin-left:-1px;transition:left .1s ease-out,opacity .15s;position:absolute}.tuner-needle[data-visible=false]{opacity:0}.tuner-gauge-labels{justify-content:space-between;display:flex}.tuner-guidance{justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:500;display:flex}.tuner-guidance svg{width:18px}.tuner-readout[data-in-tune=true] :is(.tuner-note strong,.tuner-guidance){color:var(--ws-color-accent)}.tuner-string-heading{color:var(--ws-color-text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.tuner-strings{grid-template-columns:repeat(var(--string-count), minmax(0, 1fr));gap:8px;display:grid}.tuner-string{flex-direction:column;align-items:center;gap:3px;display:flex}.tuner-string>button:first-child{flex-direction:column;gap:2px;width:100%;height:68px;padding-inline:4px}.tuner-string strong{font-size:1rem}.tuner-string span{color:var(--ws-color-text-muted);font-size:.625rem}.musician-tools-workspace button[aria-pressed=true]{border-color:var(--ws-color-link);color:var(--ws-color-link);background:var(--ws-color-link)}@supports (color:color-mix(in lab, red, red)){.musician-tools-workspace button[aria-pressed=true]{background:color-mix(in srgb, var(--ws-color-link) 8%, var(--ws-color-surface))}}.tools-calibration{border-top:1px solid var(--ws-color-border);padding-top:8px}.listener-key{margin-top:28px}.listener-state{color:var(--ws-color-text-muted);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.listener-state [data-stable=true]{color:var(--ws-color-accent)}.listener-key-value{letter-spacing:-.045em;margin-top:8px;font-size:clamp(2.75rem,5vw,4rem);font-weight:500;line-height:1.2;display:block}.listener-key p,.listener-apply p,.tempo-help,.tools-estimate-note{color:var(--ws-color-text-muted);font-size:.8125rem;line-height:1.6}.listener-key p{min-height:2.6em;margin-top:6px}.listener-key-value[data-empty=true]{letter-spacing:-.025em;color:var(--ws-color-text-muted);align-content:center;min-height:1.8em;font-size:1.75rem}.listener-notes{border-block:1px solid var(--ws-color-border);margin-top:24px;padding-block:16px}.listener-note-heading{color:var(--ws-color-text-muted);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.listener-note-track{height:78px;margin:12px 0;padding:0;list-style:none;position:relative;overflow:hidden}.listener-note-track>li{width:33.333%;position:absolute;inset:0 auto 0 0}.listener-note-token{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.listener-note-token strong{font:500 2rem/1.1 var(--wb-font-chord)}.listener-note-token small{color:var(--ws-color-text-muted);font-size:.6875rem}.listener-note-track>li[data-latest=true] strong{color:var(--ws-color-link)}.listener-note-viewport{position:relative}.listener-note-empty{color:var(--ws-color-text-muted);opacity:1;justify-content:center;align-items:center;gap:10px;font-size:.875rem;display:flex;position:absolute;inset:0;transform:none}.listener-note-empty svg{width:22px;height:22px;color:var(--ws-color-link)}.listener-notes>p{color:var(--ws-color-text-muted);margin:0;font-size:.75rem;line-height:1.5}.listener-ranked{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.listener-ranked button{justify-content:flex-start;gap:12px;width:100%;min-height:48px;display:flex}.listener-ranked strong{font-weight:500}.listener-ranked small{color:var(--ws-color-text-muted);margin-left:auto;font-size:.6875rem}.listener-rank{color:var(--ws-color-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.listener-tempo .tempo-waiting{color:var(--ws-color-text-muted);font-size:1.25rem;line-height:1.6}.listener-alternatives{margin-top:16px}.listener-alternatives>span,.listener-scale>span{color:var(--ws-color-text-muted);font-size:.75rem}.listener-alternatives>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.listener-alternatives button{flex:1}.listener-scale{margin-top:20px}.listener-scale ol{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.listener-scale li{font:500 .875rem var(--wb-font-chord);text-align:center;min-width:32px;color:var(--ws-color-text)}.listener-scale li:first-child{color:var(--ws-color-link)}.listener-apply{margin-top:24px}.listener-apply p{margin-top:8px}.listener-tempo{border-top:1px solid var(--ws-color-border-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:22px;display:flex}.listener-tempo>div:first-child>span{color:var(--ws-color-text-muted);font-size:.75rem}.listener-tempo p{margin:0}.listener-tempo strong{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:500}.tempo-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.listener-tempo .tempo-help{flex-basis:100%}.tools-estimate-note{margin-top:24px}.tools-privacy{color:var(--ws-color-text-faint);border-top:1px solid var(--ws-color-border);margin-top:24px;padding-top:16px;font-size:.75rem}.tools-full-page{align-items:center;gap:6px;width:fit-content;min-height:44px;font-size:.875rem;display:flex}.tools-loading{min-height:260px;color:var(--ws-color-text-muted);justify-content:center;align-items:center;gap:12px;display:flex}.tools-loading:before{content:"";background:radial-gradient(circle, var(--ws-color-link) 1.5px, transparent 2px) 0 0/8px 8px;width:24px;height:24px;animation:1.2s ease-in-out infinite alternate tools-pulse}@keyframes tools-pulse{0%{opacity:.25}to{opacity:1}}@media (max-width:540px){.musician-tools-dialog{padding:24px 16px}.musician-tools-page{margin-block:24px;padding:20px 16px}.tuner-strings{gap:5px}.tools-capture{gap:12px}.tools-capture button{min-width:144px}}@media (max-width:380px){.tuner-strings:has(.tuner-string:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.musician-tools-workspace *,.musician-tools-workspace :before{transition:none!important}.tools-loading:before,.listener-note-token{animation:none}}@media print{.musician-tools-dialog,.tools-full-page{display:none}}.listener-mode{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.listener-mode>span{color:var(--ws-color-text-muted);font-size:.75rem}.listener-family{border-top:1px solid var(--ws-color-border);margin-top:24px;padding-top:20px}.listener-family-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.listener-family h3{margin:0;font-size:1rem;font-weight:600}.listener-family p{color:var(--ws-color-text-muted);margin:8px 0 14px;font-size:.75rem;line-height:1.5}.listener-family-chords{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.listener-family-chords button{flex-direction:column;gap:6px;min-width:0;height:auto;min-height:88px;padding:10px 4px;display:flex}.listener-family-chords strong{font-size:1rem;font-weight:600}.listener-family-chords svg{width:14px;height:14px;color:var(--ws-color-text-muted)}.family-degree{color:var(--ws-color-text-muted);font-size:.6875rem}.listener-family .family-playback{min-height:2.25em;margin-bottom:0}.family-loading{animation:1s linear infinite family-spin}@keyframes family-spin{to{transform:rotate(360deg)}}@media (max-width:540px){.listener-family-chords{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.family-loading{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ws-color-bg:#101113;--ws-color-surface:#181a1d;--ws-color-surface-raised:#24272b;--ws-color-border:#ffffff14;--ws-color-border-strong:#ffffff32;--ws-color-text:#f3f3ed;--ws-color-text-muted:#a9adaf;--ws-color-text-faint:#93989c;--ws-color-link:#f4b85b;--ws-color-link-hover:#ffce85;--ws-color-accent:#b6d09b;--ws-color-on-accent:#18130b;--ws-color-chord:#f4b85b;--ws-color-comment:#b6d09b;--ws-color-section-label:#a9adaf;--ws-color-focus:#f4b85b;--ws-color-danger:#ff977f;--matrix-dot:#ffffff17;--matrix-glass:#181a1dde;--matrix-highlight:#ffffff07;--ws-space-1:4px;--ws-space-2:8px;--ws-space-3:12px;--ws-space-4:16px;--ws-space-5:24px;--ws-space-6:32px;--ws-space-7:48px;--ws-radius-sm:6px;--ws-radius-pill:999px;--ws-touch-min:44px;--wb-font-ui:var(--font-geist-sans), system-ui, sans-serif;--wb-font-display:var(--font-geist-sans), system-ui, sans-serif;--wb-font-chord:var(--font-geist-mono), ui-monospace, monospace;--wb-font-pixel:var(--font-geist-pixel-circle), var(--wb-font-chord);--background:var(--ws-color-bg);--foreground:var(--ws-color-text);--card:var(--matrix-glass);--card-foreground:var(--ws-color-text);--popover:var(--ws-color-surface);--popover-foreground:var(--ws-color-text);--primary:var(--ws-color-link);--primary-foreground:var(--ws-color-on-accent);--secondary:var(--ws-color-surface-raised);--secondary-foreground:var(--ws-color-text);--muted:var(--ws-color-surface-raised);--muted-foreground:var(--ws-color-text-muted);--accent:var(--ws-color-surface-raised);--accent-foreground:var(--ws-color-text);--destructive:var(--ws-color-danger);--border:var(--ws-color-border-strong);--input:var(--ws-color-border-strong);--ring:var(--ws-color-focus);--radius:.375rem}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ws-color-bg:#eeefec;--ws-color-surface:#fafbf8;--ws-color-surface-raised:#e2e5df;--ws-color-border:#1520181a;--ws-color-border-strong:#15201840;--ws-color-text:#1d2422;--ws-color-text-muted:#535e59;--ws-color-text-faint:#626d67;--ws-color-link:#87520b;--ws-color-link-hover:#693c02;--ws-color-on-accent:#fff;--ws-color-chord:#87520b;--ws-color-accent:#47642d;--ws-color-comment:#47642d;--ws-color-section-label:#535e59;--ws-color-focus:#87520b;--ws-color-danger:#a6321e;--matrix-dot:#15201824;--matrix-glass:#fafbf8e6;--matrix-highlight:#ffffffa0}body{background:var(--background);color:var(--foreground);font-family:var(--wb-font-ui)}*{scrollbar-color:var(--ws-color-border-strong) transparent;scrollbar-width:thin}::selection{background:var(--primary);color:var(--primary-foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
