@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_2170e158-module__fjaUaW__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_2170e158-module__fjaUaW__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/4a439e1ba971da1a-s.1vgctuhklh__x.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b3b0afff8ab38d95-s.33q4idznd8rl5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b12ef0642bbc5f5f-s.2tbuiduw72dt5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/83a6e70a3a81dd9f-s.28n7p9dmf_8k7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/99ac5753282bcf05-s.3w6kcxkrsxlac.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/2f13ad8e538108e0-s.p.22iyan98j1_2e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_a9b0d8df-module__byQ0EG__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.roboto_mono_a9b0d8df-module__byQ0EG__variable{--font-roboto-mono:"Roboto Mono", "Roboto Mono Fallback"}
@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-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-variant:var(--surface-variant);--color-on-bg:var(--on-bg);--color-on-surface:var(--on-surface);--color-on-surface-variant:var(--on-surface-variant);--color-primary:var(--primary);--color-on-primary:var(--on-primary);--color-primary-container:var(--primary-container);--color-on-primary-container:var(--on-primary-container);--color-secondary:var(--secondary);--color-secondary-container:var(--secondary-container);--color-on-secondary-container:var(--on-secondary-container);--color-elev-1:var(--elev-1);--color-elev-2:var(--elev-2);--color-outline:var(--outline);--color-outline-variant:var(--outline-variant);--color-error:var(--error);--color-on-error:var(--on-error);--color-chord:var(--chord);--color-section:var(--section);--color-leaf:var(--leaf);--color-success:var(--success);--color-warning:var(--warning);--font-display:var(--font-fraunces), Georgia, serif}}@layer base{a{color:var(--primary)}}@layer components{.card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 7);--tw-shadow:0 4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.card-narrow{width:100%;max-width:420px}.input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline);background-color:var(--surface);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--on-surface);--tw-outline-style:none;outline-style:none}.input:focus{border-color:var(--primary);--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.input:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--primary) 25%,transparent))}}.input:focus{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.input:disabled{opacity:.6}.btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-sm);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:14px;font-weight:var(--font-weight-semibold);border-width:1px;border-color:#0000;text-decoration-line:none;display:inline-flex}.btn:disabled{cursor:default;opacity:.55}.btn-block{width:100%}.btn-primary{height:calc(var(--spacing) * 10);background-color:var(--primary);color:var(--on-primary)}.btn-outline{border-color:var(--outline);color:var(--primary);background-color:#0000}.btn-text{--tw-border-style:none;padding:calc(var(--spacing) * 2);color:var(--primary);background-color:#0000;border-style:none}.btn-danger{background-color:var(--error);color:var(--color-white)}.chip{background-color:var(--primary-container);padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);color:var(--on-primary-container);border-radius:3.40282e38px;align-items:center;font-size:.8rem;display:inline-flex}.meta-pill{background-color:var(--surface-variant);--tw-font-weight:var(--font-weight-bold);font-size:.65rem;font-weight:var(--font-weight-bold);color:var(--on-surface-variant);border-radius:3.40282e38px;align-items:center;padding-block:4px;padding-inline:8px;display:inline-flex}.song-row{border-style:var(--tw-border-style);background-color:var(--surface);color:inherit;--tw-shadow:0 2px 10px 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);border-width:1px;border-color:#0000;border-radius:22px;align-items:center;gap:14px;padding-block:10px;padding-inline:12px;text-decoration-line:none;display:flex}@media (min-width:64rem){.song-row{border-radius:14px;gap:12px;padding-block:8px;padding-inline:10px}}.song-row{transition:box-shadow .15s,transform 50ms}.song-row:hover{--tw-shadow:0 6px 18px 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)}.song-row:active{scale:.995}.song-row.active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.song-row.active{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.song-row.active{box-shadow:inset 4px 0 0 var(--primary), 0 2px 10px #0000000d}.key-tile{background-color:var(--secondary-container);width:54px;height:54px;font-family:var(--font-display);--tw-font-weight:var(--font-weight-semibold);font-size:1.35rem;font-weight:var(--font-weight-semibold);--tw-tracking:-.02em;letter-spacing:-.02em;color:var(--on-secondary-container);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}@media (min-width:64rem){.key-tile{border-radius:12px;width:40px;height:40px;font-size:1.05rem}}.screen-center{min-height:100dvh;padding:calc(var(--spacing) * 6);justify-content:center;align-items:center;display:flex}.page{max-width:720px;padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 6);margin-inline:auto;padding-bottom:104px}@media (min-width:64rem){.page{padding-bottom:calc(var(--spacing) * 8)}}.stack{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.row-between{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.wordmark{text-align:center;font-family:var(--font-display);--tw-font-weight:var(--font-weight-semibold);font-size:2.4rem;font-weight:var(--font-weight-semibold);color:var(--primary);margin:0}.subtle{color:var(--on-surface-variant);font-size:.9rem}.field{gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.field>label{--tw-font-weight:var(--font-weight-semibold);font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant)}.hint{color:var(--on-surface-variant);font-size:.8rem}.input-affix{align-items:center;display:flex;position:relative}.input-affix .input{padding-right:46px}.affix-btn{cursor:pointer;--tw-border-style:none;width:34px;height:34px;color:var(--on-surface-variant);background-color:#0000;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.affix-btn:hover{color:var(--on-surface)}.error-text{color:var(--error);font-size:.85rem}.success-text{color:var(--success);font-size:.85rem}.chip-row{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.toolbar{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.toolbar .input{flex:1}.song-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style-type:none;display:flex}@media (min-width:64rem){.song-list{gap:6px}}.song-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.song-title{--tw-leading:1.25;--tw-font-weight:var(--font-weight-semibold);font-size:.85rem;line-height:1.25;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface);overflow:hidden}@media (min-width:64rem){.song-title{font-size:1rem}}.song-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant);font-size:.7rem;overflow:hidden}.song-preview{-webkit-line-clamp:3;--tw-leading:var(--leading-snug);font-size:.8rem;line-height:var(--leading-snug);white-space:pre-line;color:var(--on-surface-variant);-webkit-box-orient:vertical;margin-top:3px;display:-webkit-box;overflow:hidden}.song-preview-lines{--tw-leading:var(--leading-snug);font-size:.8rem;line-height:var(--leading-snug);flex-direction:column;margin-top:3px;display:flex}.song-preview-lines>span{color:#0000;border-radius:6px;display:block}.meta-pills{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.song-row.selectable{cursor:pointer}.song-row.selected{box-shadow:inset 0 0 0 2px var(--primary), 0 2px 10px #0000000d}.select-check{border-style:var(--tw-border-style);border-width:2px;border-color:var(--outline);color:#0000;border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.song-row.selected .select-check{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.transpose-bar{z-index:1;justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);background-color:var(--bg);padding-block:calc(var(--spacing) * 3);display:flex;position:sticky;top:0}.transpose-step{border-radius:3.40282e38px;width:44px;height:44px;font-size:1.4rem}.offset-readout{text-align:center;--tw-font-weight:var(--font-weight-semibold);min-width:2rem;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.appbar{margin-bottom:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 2);display:flex}.appbar-title{min-width:0;font-family:var(--font-display);--tw-font-weight:var(--font-weight-semibold);font-size:1.9rem;font-weight:var(--font-weight-semibold);--tw-tracking:-.015em;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;color:var(--on-bg);flex:1;margin:0;overflow:hidden}.icon-btn{cursor:pointer;--tw-border-style:none;width:40px;height:40px;color:var(--on-surface);background-color:#0000;border-style:none;border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;font-size:1.25rem;text-decoration-line:none;display:inline-flex}.icon-btn:hover{background-color:var(--surface-variant);color:var(--on-surface)}.filter-row{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.filter-chip{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);background-color:#0000;border-radius:3.40282e38px;padding-block:6px;padding-inline:8px;transition:background-color .15s,color .15s,border-color .15s}.filter-chip.on{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.filter-glyph{color:var(--on-surface-variant);align-items:center;display:inline-flex}.capo-select{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);color:var(--on-surface);font-size:.85rem}.capo-note{margin-top:var(--spacing);color:var(--on-surface-variant);font-size:.8rem}.meta-chip{background-color:var(--surface-variant);--tw-font-weight:var(--font-weight-medium);font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--on-surface-variant);border-radius:3.40282e38px;align-items:center;gap:6px;padding-block:5px;padding-inline:11px;display:inline-flex}.meta-chip.key{color:var(--on-surface)}.meta-chip.version,.meta-pill.version{background-color:var(--primary);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--on-primary)}.detail-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);--tw-shadow:0 2px 10px 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);padding:10px}.featured-row{gap:calc(var(--spacing) * 3);padding-block:var(--spacing);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.featured-row::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.featured-card{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);width:248px;padding-block:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3);color:inherit;flex:none;padding-left:18px;text-decoration-line:none;transition:transform .18s,box-shadow .18s;animation:.4s both featured-in;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000d}.featured-card:before{content:"";background:var(--feat-accent,var(--primary));width:5px;position:absolute;top:0;bottom:0;left:0}.featured-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000024}.featured-card:active{transform:translateY(-1px)scale(.99)}.featured-badge{align-items:center;gap:var(--spacing);--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);font-size:.62rem;line-height:1;font-weight:var(--font-weight-extrabold);--tw-tracking:.04em;letter-spacing:.04em;text-transform:uppercase;color:var(--feat-on);background:var(--feat-accent);border-radius:3.40282e38px;padding-block:3px;padding-inline:8px;display:inline-flex}.featured-badge .feat-emoji{font-size:.8rem;line-height:1}.feat-hot{--feat-accent:var(--hot);--feat-on:var(--on-hot)}.feat-new{--feat-accent:var(--primary);--feat-on:var(--on-primary)}.featured-badge.hot{animation:1.8s ease-in-out infinite ember-pulse}.featured-badge.new .feat-emoji{animation:2s ease-in-out infinite sparkle;display:inline-block}.card-label{--tw-font-weight:var(--font-weight-extrabold);font-size:.78rem;font-weight:var(--font-weight-extrabold);--tw-tracking:.08em;letter-spacing:.08em;color:var(--on-surface-variant);text-transform:uppercase}.step-btn{cursor:pointer;--tw-border-style:none;background-color:var(--surface-variant);width:30px;height:30px;color:var(--on-surface);border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.step-btn:hover{background-color:var(--primary-container)}.step-btn:disabled{cursor:default;opacity:.5}.detail-stack{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.autoscroll-toggle{cursor:pointer;--tw-border-style:none;background-color:var(--primary);width:34px;height:34px;color:var(--on-primary);border-style:none;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.autoscroll-toggle.on{--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);--tw-ring-color:var(--primary);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-brightness:brightness(95%);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,)}.autoscroll-bar{bottom:calc(var(--spacing) * 4);z-index:70;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--elev-1);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-shadow:0 8px 22px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:flex;position:fixed;left:50%}@media (min-width:64rem){.autoscroll-bar{bottom:calc(var(--spacing) * 6)}}.autoscroll-play{cursor:pointer;border-radius:var(--radius-lg);--tw-border-style:none;background-color:var(--primary);width:36px;height:36px;color:var(--on-primary);border-style:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.autoscroll-toggle:hover{--tw-brightness:brightness(95%);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,)}.autoscroll-toggle:focus-visible{--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);--tw-ring-color:var(--primary);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.autoscroll-play:hover{--tw-brightness:brightness(95%);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,)}.autoscroll-play:focus-visible{--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);--tw-ring-color:var(--primary);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.version-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.version-pill{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);background-color:#0000;border-radius:3.40282e38px;align-items:center;gap:6px;padding-block:6px;padding-inline:8px;display:inline-flex}.version-pill.active{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.version-add{cursor:pointer;width:30px;height:30px;color:var(--primary);border:1.5px dashed var(--outline);background-color:#0000;border-radius:3.40282e38px;font-size:1.4rem}.card-divider{background-color:var(--outline-variant);height:1px;margin-block:2px}.lyrics-sheet{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 3);--tw-shadow:0 2px 10px 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)}@media (min-width:64rem){.lyrics-sheet{padding:calc(var(--spacing) * 7)}}.lyrics-mono{--tw-leading:1.45;white-space:pre;line-height:1.45;font-family:var(--font-roboto-mono), "Courier New", monospace;tab-size:8;overflow-x:auto}.lyrics-section{margin-top:calc(var(--spacing) * 6);margin-bottom:var(--spacing);border-radius:var(--radius-md);background-color:var(--surface-variant);--tw-font-weight:var(--font-weight-bold);font-size:.8rem;font-weight:var(--font-weight-bold);--tw-tracking:.07em;letter-spacing:.07em;color:var(--section);text-transform:uppercase;padding-block:3px;padding-inline:10px;display:inline-block}.lyrics-section--flush{margin-top:0}.select-bar{z-index:45;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:calc(100% - 32px);max-width:460px;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--elev-2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 10px 28px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;padding-inline:16px;display:flex;position:fixed;bottom:92px;left:50%}.fab{z-index:40;cursor:pointer;--tw-border-style:none;background-color:var(--primary-container);width:60px;height:60px;color:var(--on-primary-container);--tw-shadow:0 8px 20px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-style:none;border-radius:20px;font-size:1.9rem;position:fixed;bottom:92px;right:20px}.fab-wide{width:auto;height:56px;font-family:inherit;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-radius:28px;align-items:center;gap:8px;padding-block:0;padding-inline:22px;text-decoration-line:none;display:inline-flex}.profile-hero{flex-direction:column;align-items:center;gap:8px;display:flex}.avatar{background-color:var(--primary-container);width:128px;height:128px;font-family:var(--font-display);--tw-font-weight:var(--font-weight-semibold);font-size:3.4rem;font-weight:var(--font-weight-semibold);color:var(--on-primary-container);--tw-shadow:0 6px 18px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profile-name{text-align:center;font-family:var(--font-display);--tw-leading:var(--leading-tight);font-size:2.2rem;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);margin:0}.segmented{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--outline-variant);display:flex}.seg-item{cursor:pointer;--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);background-image:none;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-1px;padding-block:12px;padding-inline:4px;display:flex}.seg-item.active{color:var(--primary);border-bottom-color:var(--primary)}.seg-badge{background-color:var(--error);text-align:center;--tw-leading:18px;--tw-font-weight:var(--font-weight-extrabold);min-width:18px;height:18px;font-size:.7rem;line-height:18px;font-weight:var(--font-weight-extrabold);color:var(--color-white);border-radius:3.40282e38px;padding-inline:5px}.avatar-sm{background-color:var(--secondary-container);width:48px;height:48px;color:var(--on-secondary-container);border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;display:flex}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.inset-y-0{inset-block:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[-2px\]{top:-2px}.top-\[46px\]{top:46px}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-auto{right:auto}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[88px\]{bottom:88px}.bottom-\[92px\]{bottom:92px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-60,.z-\[60\]{z-index:60}.z-\[61\]{z-index:61}.z-\[69\]{z-index:69}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-\[3px\]{margin-block:3px}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\[2px\]{margin-top:2px}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[10px\]{margin-bottom:10px}.ml-1{margin-left:var(--spacing)}.ml-\[4px\]{margin-left:4px}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-\[5px\]{height:5px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[34px\]{height:34px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[72px\]{height:72px}.h-\[84px\]{height:84px}.h-\[320px\]{height:320px}.h-\[unset\]{height:unset}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[84vh\]{max-height:84vh}.min-h-0{min-height:0}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-\[140px\]{min-height:140px}.min-h-\[212px\]{min-height:212px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-\[22px\]{width:22px}.w-\[26px\]{width:26px}.w-\[34px\]{width:34px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[42px\]{width:42px}.w-\[46px\]{width:46px}.w-\[52px\]{width:52px}.w-\[58px\]{width:58px}.w-\[72px\]{width:72px}.w-\[84px\]{width:84px}.w-\[220px\]{width:220px}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[min\(82vw\,340px\)\]{width:min(82vw,340px)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[34ch\]{max-width:34ch}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[720px\]{max-width:720px}.max-w-\[920px\]{max-width:920px}.max-w-\[1160px\]{max-width:1160px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-\[18px\]{min-width:18px}.min-w-\[110px\]{min-width:110px}.min-w-\[130px\]{min-width:130px}.min-w-\[210px\]{min-width:210px}.min-w-\[240px\]{min-width:240px}.\[flex\:2\]{flex:2}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-separate{border-collapse:separate}.\[border-spacing\:0\]{border-spacing:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);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,)}.animate-\[fade-in_0\.15s_ease_forwards\]{animation:.15s forwards fade-in}.animate-\[fade-in_0\.18s_ease_forwards\]{animation:.18s forwards fade-in}.animate-\[slide-in_0\.22s_ease_forwards\]{animation:.22s forwards slide-in}.animate-\[slide-up_0\.2s_ease\]{animation:.2s slide-up}.animate-\[slide-up_0\.22s_ease\]{animation:.22s slide-up}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.\[scrollbar-width\:none\]{scrollbar-width:none}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.\[column-gap\:18px\]{column-gap:18px}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[26px\]{border-radius:26px}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.\!border-transparent{border-color:#0000!important}.border-error{border-color:var(--error)}.border-on-surface-variant\/40{border-color:var(--on-surface-variant)}@supports (color:color-mix(in lab, red, red)){.border-on-surface-variant\/40{border-color:color-mix(in oklab, var(--on-surface-variant) 40%, transparent)}}.border-outline{border-color:var(--outline)}.border-outline-variant,.border-outline-variant\/60{border-color:var(--outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/60{border-color:color-mix(in oklab, var(--outline-variant) 60%, transparent)}}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.border-transparent{border-color:#0000}.border-t-on-surface-variant{border-top-color:var(--on-surface-variant)}.bg-\[\#16161a\]{background-color:#16161a}.bg-\[color-mix\(in_srgb\,var\(--error\)_18\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 18%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--error\)_22\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_22\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 22%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--success\)_22\%\,transparent\)\]{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--success\)_22\%\,transparent\)\]{background-color:color-mix(in srgb,var(--success) 22%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--warning\)_22\%\,transparent\)\]{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--warning\)_22\%\,transparent\)\]{background-color:color-mix(in srgb,var(--warning) 22%,transparent)}}.bg-\[rgba\(0\,0\,0\,0\.4\)\]{background-color:#0006}.bg-bg{background-color:var(--bg)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-black\/\[0\.45\]{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[0\.45\]{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-current{background-color:currentColor}.bg-elev-1{background-color:var(--elev-1)}.bg-elev-2{background-color:var(--elev-2)}.bg-error,.bg-error\/12{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/12{background-color:color-mix(in oklab, var(--error) 12%, transparent)}}.bg-outline{background-color:var(--outline)}.bg-outline-variant{background-color:var(--outline-variant)}.bg-primary{background-color:var(--primary)}.bg-primary-container{background-color:var(--primary-container)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-container{background-color:var(--secondary-container)}.bg-surface{background-color:var(--surface)}.bg-surface-variant,.bg-surface-variant\/40{background-color:var(--surface-variant)}@supports (color:color-mix(in lab, red, red)){.bg-surface-variant\/40{background-color:color-mix(in oklab, var(--surface-variant) 40%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-\[unset\]{padding:unset}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[5px\]{padding-inline:5px}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[56px\]{padding-block:56px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-\[26px\]{padding-top:26px}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[inherit\]{font-family:inherit}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[10px\]{font-size:10px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\.6\]{--tw-leading:.6;line-height:.6}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-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)}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.\[overflow-wrap\:normal\]{overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.\!text-primary{color:var(--primary)!important}.text-\[\#0e7c86\]{color:#0e7c86}.text-\[\#8fcbd0\]{color:#8fcbd0}.text-\[\#222222\]{color:#222}.text-\[\#333333\]{color:#333}.text-\[\#a8741c\]{color:#a8741c}.text-\[\#e2b25c\]{color:#e2b25c}.text-\[\#e7e3db\]{color:#e7e3db}.text-\[color\:var\(--warning\)\]{color:var(--warning)}.text-chord{color:var(--chord)}.text-error{color:var(--error)}.text-inherit{color:inherit}.text-leaf{color:var(--leaf)}.text-on-bg{color:var(--on-bg)}.text-on-error{color:var(--on-error)}.text-on-primary{color:var(--on-primary)}.text-on-primary-container{color:var(--on-primary-container)}.text-on-secondary-container{color:var(--on-secondary-container)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-primary{color:var(--primary)}.text-section{color:var(--section)}.text-success{color:var(--success)}.text-transparent{color:#0000}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[0\.55\]{opacity:.55}.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-\[0_1px_4px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 2px 12px 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)}.shadow-\[0_4px_14px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_28px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[8px_0_30px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:8px 0 30px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_4px_0_0_var\(--leaf\)\,0_2px_10px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 4px 0 0 var(--tw-shadow-color,var(--leaf)), 0 2px 10px 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)}.shadow-\[inset_4px_0_0_var\(--secondary\)\,0_2px_10px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:inset 4px 0 0 var(--tw-shadow-color,var(--secondary)), 0 2px 10px 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,.ring-1{--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-2{--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)}.ring-outline-variant{--tw-ring-color:var(--outline-variant)}.ring-primary{--tw-ring-color:var(--primary)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;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))}.transition-shadow{transition-property:box-shadow;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-\[ease\]{--tw-ease:ease;transition-timing-function:ease}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[admin\:createUser\]{admin:createUser}.\[admin\:insertAuditRow\]{admin:insertAuditRow}.\[admin\:setUserActive\]{admin:setUserActive}.\[column-count\:2\]{column-count:2}.placeholder\:text-on-surface-variant::placeholder{color:var(--on-surface-variant)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-\[22\%\]:before{content:var(--tw-content);top:22%}.before\:left-0:before{content:var(--tw-content);left:0}.before\:h-\[56\%\]:before{content:var(--tw-content);height:56%}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-7:before{content:var(--tw-content);width:calc(var(--spacing) * 7)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-leaf:before{content:var(--tw-content);background-color:var(--leaf)}.before\:bg-outline-variant:before{content:var(--tw-content);background-color:var(--outline-variant)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[3px\]:after{content:var(--tw-content);top:3px}.after\:left-\[3px\]:after{content:var(--tw-content);left:3px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing) * 5)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:w-7:after{content:var(--tw-content);width:calc(var(--spacing) * 7)}.after\:translate-x-5:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-leaf:after{content:var(--tw-content);background-color:var(--leaf)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.hover\:bg-elev-1:hover{background-color:var(--elev-1)}.hover\:bg-primary-container:hover{background-color:var(--primary-container)}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:bg-surface-variant:hover,.hover\:bg-surface-variant\/60:hover{background-color:var(--surface-variant)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-variant\/60:hover{background-color:color-mix(in oklab, var(--surface-variant) 60%, transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:text-on-primary-container:hover{color:var(--on-primary-container)}.hover\:text-on-surface:hover{color:var(--on-surface)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:text-inherit:disabled:hover{color:inherit}}@media (min-width:40rem){.sm\:table-cell{display:table-cell}.sm\:w-auto{width:auto}.sm\:max-w-\[440px\]{max-width:440px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:table-cell{display:table-cell}}@media (min-width:64rem){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:bottom-6{bottom:calc(var(--spacing) * 6)}.lg\:z-auto{z-index:auto}.lg\:mx-0{margin-inline:0}.lg\:-mt-3{margin-top:calc(var(--spacing) * -3)}.lg\:mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-flex{display:inline-flex}.lg\:table-cell{display:table-cell}.lg\:h-\[calc\(100dvh\)\]{height:100dvh}.lg\:h-auto{height:auto}.lg\:h-dvh{height:100dvh}.lg\:h-full{height:100%}.lg\:max-h-\[85vh\]{max-height:85vh}.lg\:max-h-\[92vh\]{max-height:92vh}.lg\:max-h-full{max-height:100%}.lg\:min-h-0{min-height:0}.lg\:min-h-\[168px\]{min-height:168px}.lg\:w-\[260px\]{width:260px}.lg\:w-\[360px\]{width:360px}.lg\:w-full{width:100%}.lg\:max-w-\[440px\]{max-width:440px}.lg\:max-w-\[480px\]{max-width:480px}.lg\:max-w-\[900px\]{max-width:900px}.lg\:max-w-\[1040px\]{max-width:1040px}.lg\:min-w-0{min-width:0}.lg\:flex-1{flex:1}.lg\:flex-none{flex:none}.lg\:shrink-0{flex-shrink:0}.lg\:animate-\[fade-in_0\.15s_ease_forwards\]{animation:.15s forwards fade-in}.lg\:cursor-grab{cursor:grab}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-baseline{align-items:baseline}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:self-start{align-self:flex-start}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-y-auto{overflow-y:auto}.lg\:rounded-\[24px\]{border-radius:24px}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-outline-variant{border-color:var(--outline-variant)}.lg\:bg-transparent{background-color:#0000}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:px-0{padding-inline:0}.lg\:px-3{padding-inline:calc(var(--spacing) * 3)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.lg\:pt-1{padding-top:var(--spacing)}.lg\:pt-5{padding-top:calc(var(--spacing) * 5)}.lg\:pr-1{padding-right:var(--spacing)}.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.lg\:pl-\[72px\]{padding-left:72px}.lg\:text-center{text-align:center}.lg\:text-\[1\.5rem\]{font-size:1.5rem}.lg\:text-\[1\.35rem\]{font-size:1.35rem}.lg\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.lg\:shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lg\:before\:hidden:before{content:var(--tw-content);display:none}.lg\:active\:cursor-grabbing:active{cursor:grabbing}}.\[\&_tbody_tr\:last-child_td\]\:border-b-0 tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{appearance:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f6;--surface:#fff;--surface-variant:#efefef;--on-bg:#171717;--on-surface:#171717;--on-surface-variant:#5c5c5c;--primary:#417a37;--on-primary:#fff;--primary-container:#d8ebd2;--on-primary-container:#22301c;--hot:#e8590c;--on-hot:#fff;--secondary:#0e7c86;--secondary-container:#bee9ec;--on-secondary-container:#00292d;--elev-1:#fff;--elev-2:#fff;--outline:#8e8e8e;--outline-variant:#e4e4e4;--skeleton-base:#e3e3e3;--skeleton-sheen:#f2f2f2;--error:#b3261e;--on-error:#fff;--chord:var(--on-surface);--section:#0b6a72;--leaf:#417a37;--success:#2e7d46;--warning:#b45309;--font-display:var(--font-fraunces);--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--space:4px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1c1c1c;--surface-variant:#2b2b2b;--on-bg:#f2f2f2;--on-surface:#f2f2f2;--on-surface-variant:#b5b5b5;--primary:#8fc97f;--on-primary:#1b2417;--primary-container:#38612e;--on-primary-container:#d7f0cd;--hot:#ff922b;--on-hot:#241403;--secondary:#7fc2c8;--secondary-container:#244b4d;--on-secondary-container:#cdebed;--elev-1:#212121;--elev-2:#262626;--outline:#686868;--outline-variant:#333;--skeleton-base:#2f2f2f;--skeleton-sheen:#3d3d3d;--error:#e5928a;--on-error:#3a1512;--chord:var(--on-surface);--section:#8fcbd0;--leaf:#8fc97f;--success:#79d196;--warning:#f0a53f}}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--on-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,.display{font-family:var(--font-display), Georgia, "Times New Roman", serif;letter-spacing:-.01em;font-weight:600}.mono{font-family:var(--font-roboto-mono), "Courier New", monospace;white-space:pre;background-color:var(--surface)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1c1c1c;--surface-variant:#2b2b2b;--on-bg:#f2f2f2;--on-surface:#f2f2f2;--on-surface-variant:#b5b5b5;--primary:#8fc97f;--on-primary:#1b2417;--primary-container:#38612e;--on-primary-container:#d7f0cd;--secondary:#7fc2c8;--secondary-container:#244b4d;--on-secondary-container:#cdebed;--elev-1:#212121;--elev-2:#262626;--outline:#686868;--outline-variant:#333;--skeleton-base:#2f2f2f;--skeleton-sheen:#3d3d3d;--error:#e5928a;--on-error:#3a1512;--chord:var(--on-surface);--section:#8fcbd0;--leaf:#8fc97f;--success:#79d196;--warning:#f0a53f}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 37%, var(--skeleton-base) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite shimmer;display:block}.skeleton-text{box-sizing:border-box;background-clip:content-box;height:1lh;padding-block:3px}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--skeleton-base);animation:none}.featured-card,.featured-badge.hot,.featured-badge.new .feat-emoji{animation:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.spinner{border:3px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.btn-spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes featured-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ember-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--feat-accent) 55%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--feat-accent) 0%, transparent)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.55;transform:scale(1.25)rotate(18deg)}}@media (min-width:1024px){.detail-card{gap:5px;padding:10px 12px}.step-btn{width:30px;height:30px;font-size:1.2rem}.offset-readout{min-width:2rem}.version-pill{padding:6px 8px;font-size:.75rem}.version-add{width:34px;height:34px;font-size:1.2rem}}html{scrollbar-width:thin;scrollbar-color:var(--on-surface) transparent}@supports (color:color-mix(in lab, red, red)){html{scrollbar-color:color-mix(in srgb, var(--on-surface) 40%, transparent) transparent}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--on-surface) 34%, transparent)}}::-webkit-scrollbar-thumb{background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--on-surface) 56%, transparent)}}::-webkit-scrollbar-thumb:active{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb, var(--on-surface) 70%, transparent)}}.chords-panel{border:1px solid var(--outline-variant);background:var(--surface);border-radius:14px;padding:10px 12px}.chords-panel.pinned{z-index:20;position:sticky;top:8px;box-shadow:0 8px 24px #0000001f}.chords-panel-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chords-pin.on{color:var(--primary)}.chord-mark{background:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.chord-mark{background:color-mix(in srgb, var(--on-surface) 12%, var(--surface))}}.chord-mark{box-shadow:0 0 0 2px var(--on-surface);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.chord-mark{box-shadow:0 0 0 2px color-mix(in srgb, var(--on-surface) 12%, var(--surface))}}.chord-mark--interactive{cursor:pointer}.chord-mark--optional{color:var(--on-surface-variant)!important;box-shadow:none!important;background:0 0!important}.chord-popover{z-index:60;background:var(--elev-1);border:1px solid var(--outline-variant);border-radius:12px;padding:10px;position:fixed;box-shadow:0 12px 32px #0000003d}.chord-popover .chord-detail{gap:6px}.chord-popover .chord-detail-name{font-size:1.15rem}.chords-grid{padding-bottom:4px;display:flex;overflow-x:auto}.chord-cell{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.chord-cell-name{color:var(--on-surface);font-weight:700}.chord-tile,.piano-svg,.chord-empty{background:0 0}.chord-empty{height:96px;color:var(--on-surface-variant);text-align:center;justify-content:center;align-items:center;font-size:.8rem;display:flex}.chord-tile svg [stroke=\#444]{stroke:var(--on-surface)}.chord-tile svg [fill=\#444]{fill:var(--on-surface)}.chord-tile svg [fill=\#555]{fill:var(--on-surface-variant)}.chord-tile svg [fill=white]{fill:var(--surface)}.chord-tile svg [stroke-width="0.25"]{stroke-width:.45px}.piano-svg .pkey{fill:var(--surface);stroke:var(--on-surface);stroke-width:1.6px}.piano-svg .pkey-black{fill:var(--on-surface)}.piano-svg .pdot{fill:none;stroke:var(--on-surface);stroke-width:1.8px}.piano-svg .pdot.pdot-bass{fill:var(--on-surface)}.piano-svg .pdot-black{fill:none;stroke:var(--surface);stroke-width:1.6px}.piano-svg .pdot-black.pdot-black-bass{fill:var(--surface)}.chord-cell-pager{display:none}@media (hover:hover) and (pointer:fine){.chord-cell-pager{visibility:hidden;min-height:22px;display:block}.chord-cell:hover .chord-cell-pager,.chord-cell:focus-within .chord-cell-pager{visibility:visible}}.chord-pager{align-items:center;gap:6px;font-size:.8rem;display:flex}.chord-pager-btn{color:var(--on-surface-variant);padding:0 4px;font-size:1rem;line-height:1}.chord-pager-count{color:var(--on-surface-variant)}.chord-voicing-label{color:var(--on-surface-variant);font-size:.78rem}.chord-detail .chord-pager{gap:8px;font-size:.9rem}.chord-detail .chord-pager-btn{justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;font-size:1.1rem;display:inline-flex}.chord-popover .chord-pager{gap:8px}.chord-popover .chord-pager-btn{min-width:30px;min-height:30px;font-size:1.2rem}.chord-detail{flex-direction:column;align-items:center;gap:10px;display:flex}.chord-detail-name{color:var(--on-surface);font-size:2rem;font-weight:700}.chord-detail-diagram{justify-content:center;width:100%;display:flex}.chord-detail-diagram svg{max-width:100%;height:auto}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}