@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-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--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-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) 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-member:var(--member);--color-member-container:var(--member-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-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 7);border-radius:20px}.card-narrow{width:100%;max-width:420px}.input{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-family:inherit;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--on-surface);--tw-outline-style:none;border-radius:12px;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}select.input,.capo-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--on-surface-variant) 50%), linear-gradient(135deg, var(--on-surface-variant) 50%, transparent 50%);background-position:calc(100% - 21px),calc(100% - 16px);background-repeat:no-repeat;background-size:5px 5px;padding-right:42px}.capo-select{background-position:calc(100% - 17px),calc(100% - 12px);padding-right:32px}.btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);--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;border-radius:3.40282e38px;padding-block:9px;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);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--on-primary);padding-block:0}.btn-outline{border-color:var(--outline-variant);background-color:var(--surface);color:var(--on-surface)}.btn-outline:hover{background-color:var(--surface-variant)}.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);color:inherit;background-color:#0000;border-width:1px;border-color:#0000;border-radius:14px;align-items:center;gap:14px;padding-block:9px;padding-inline:8px;text-decoration-line:none;display:flex}@media (min-width:64rem){.song-row{gap:12px;padding-block:8px;padding-inline:10px}}.song-row{transition:background-color .15s,transform 50ms}.song-row:hover{background-color:var(--surface-variant)}.song-row:active{scale:.995}.song-row.active{background-color:var(--surface-variant);box-shadow:inset 3px 0 0 var(--primary)}.key-tile{background-color:var(--surface-variant);--tw-leading:1;--tw-font-weight:var(--font-weight-black);width:50px;height:50px;font-size:1.25rem;line-height:1;font-weight:var(--font-weight-black);--tw-tracking:-.03em;letter-spacing:-.03em;color:var(--on-surface);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}@media (min-width:64rem){.key-tile{border-radius:11px;width:40px;height:40px;font-size:1.05rem}}.key-tile-suffix{--tw-font-weight:var(--font-weight-extrabold);font-size:.62em;font-weight:var(--font-weight-extrabold);margin-left:1px}.tone-c{--k:var(--key-c)}.tone-d{--k:var(--key-d)}.tone-e{--k:var(--key-e)}.tone-f{--k:var(--key-f)}.tone-g{--k:var(--key-g)}.tone-a{--k:var(--key-a)}.tone-b{--k:var(--key-b)}:is(.key-tile,.featured-card,.lineup-cell,.cover-tile,.banner-tile):is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:var(--k)}@supports (color:color-mix(in lab, red, red)){:is(.key-tile,.featured-card,.lineup-cell,.cover-tile,.banner-tile):is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:color-mix(in srgb, var(--k) 28%, var(--surface))}}:is(.key-tile,.featured-card,.lineup-cell,.cover-tile,.banner-tile):is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){color:var(--on-key)}.has-stripe{position:relative;overflow:hidden;border-radius:0!important;padding-left:17px!important}.key-stripe{pointer-events:none;background:var(--k,var(--outline-variant));inset-block:0;width:5px;position:absolute;left:0}@supports (color:color-mix(in lab, red, red)){.key-stripe{background:color-mix(in srgb, var(--k,var(--outline-variant)) 55%, var(--surface))}}.key-letter{--tw-leading:1;min-width:34px;color:var(--on-surface);flex-direction:column;flex:none;align-items:center;margin-left:auto;line-height:1;display:flex}.key-letter b{font-family:var(--font-display);--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);font-size:22px;line-height:1;font-weight:var(--font-weight-semibold);--tw-tracking:-.01em;letter-spacing:-.01em}@media (min-width:64rem){.key-letter b{font-size:24px}}.key-letter b small{--tw-font-weight:var(--font-weight-semibold);font-size:.55em;font-weight:var(--font-weight-semibold);margin-left:1px}.key-letter-label{--tw-font-weight:var(--font-weight-extrabold);font-size:9.5px;font-weight:var(--font-weight-extrabold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--on-surface-variant);text-transform:uppercase;margin-top:3px}.song-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant);margin-top:5px;font-size:.8rem;display:block;overflow:hidden}@media (min-width:64rem){.song-meta{font-size:.85rem}}.lineup-cover{background-color:var(--surface-variant);flex:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.lineup-cell{--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);color:var(--on-surface-variant);justify-content:center;align-items:center;display:flex}.song-deck{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:64rem){.song-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.song-deck{grid-template-columns:repeat(1,minmax(0,1fr))}}.song-deck>.deck-wide,.song-deck>:nth-child(2):last-child{grid-column:1/-1}.song-body>.chords-panel{min-width:0}@media (min-width:80rem){.song-body>.chords-panel{grid-row-start:1;grid-column-start:1}}.meta-chip.key.transposed{background-color:var(--primary-container);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--on-primary-container)}.key-tile.key-tile--hero{border-radius:18px;width:64px;height:64px;font-size:1.9rem}@media (min-width:64rem){.key-tile.key-tile--hero{border-radius:22px;width:84px;height:84px;font-size:2.5rem}}.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)}.page.page-wide{max-width:1440px;padding-inline:calc(var(--spacing) * 8);margin-inline:0}}.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(--on-surface);margin:0}.wordmark:after{content:".";color:var(--primary)}.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}@media not all and (min-width:64rem){.song-row.song-row--card{border-color:var(--outline-variant);background-color:var(--surface);border-radius:16px;padding-block:10px;padding-inline:12px}.song-row--card .song-title{font-size:.975rem}.song-row--card .song-sub{font-size:.825rem}.song-row--card .song-preview{font-size:.925rem}.song-row--card .meta-pill{font-size:.775rem}}.rows-plus2 .song-title{font-size:.975rem}@media (min-width:64rem){.rows-plus2 .song-title{font-size:1.2rem}}.rows-plus2 .song-sub{font-size:.825rem}@media (min-width:64rem){.rows-plus2 .song-sub{font-size:.88rem}}.rows-plus2 .meta-pill{font-size:.775rem}@media (min-width:64rem){.rows-plus2 .meta-pill{padding-block:5px;padding-inline:10px;font-size:.84rem}}.rows-plus2 .song-meta{margin-top:2px}@media (min-width:64rem){.rows-plus2 .song-meta{font-size:.95rem}}.rows-plus2 .song-row{padding-block:6px}@media (min-width:64rem){.rows-plus2 .song-row{padding-block:6px}}.rows-plus2 .song-main{gap:1px}.video-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);border-radius:20px;overflow:hidden}.video-card__frame{aspect-ratio:var(--aspect-video);border-style:var(--tw-border-style);background-color:var(--color-black);border-width:0;width:100%;display:block}.video-row{align-items:flex-start;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 1.5);border-radius:14px;display:flex}@media (min-width:64rem){.video-row{gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 2.5)}}.video-row{transition:background-color .15s}.video-row:hover{background-color:var(--surface-variant)}.video-row .song-title{font-size:.975rem}@media (min-width:64rem){.video-row .song-title{font-size:1.2rem}}.video-row .song-sub{font-size:.825rem}@media (min-width:64rem){.video-row .song-sub{font-size:.88rem}}.video-row .meta-pill{font-size:.775rem}@media (min-width:64rem){.video-row .meta-pill{padding-block:5px;padding-inline:10px;font-size:.84rem}}.video-row .key-tile.friend-key{width:30px;height:30px;font-size:.85rem}@media (min-width:64rem){.video-row .key-tile.friend-key{width:32px;height:32px;font-size:.9rem}.video-row .shelf-action{font-size:.99rem}}.video-row__thumb{aspect-ratio:var(--aspect-video);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-black);border-width:0;border-radius:10px;flex:none;width:136px;padding:0;position:relative;overflow:hidden}@media (min-width:40rem){.video-row__thumb{width:180px}}@media (min-width:64rem){.video-row__thumb{border-radius:12px;width:240px}}.video-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-row__play{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);color:var(--color-white);border-radius:3.40282e38px;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}@media (min-width:64rem){.video-row__play{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12)}}.video-row__play{background:#0009;transition:transform .15s}.video-row__thumb:hover .video-row__play{transform:scale(1.08)}.video-row__now{z-index:3;cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2.5);border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-extrabold);font-family:inherit;font-size:.85rem;font-weight:var(--font-weight-extrabold);--tw-tracking:.12em;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;background:var(--surface-variant);border-width:0;border-radius:14px;padding:0;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.video-row__now{background:color-mix(in srgb, var(--surface-variant) 78%, transparent)}}.video-row__now{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.eq-bars{align-items:flex-end;gap:3px;height:16px;display:inline-flex}.eq-bars i{background-color:var(--primary);transform-origin:bottom;border-radius:3.40282e38px;width:3px;height:100%;animation:.9s ease-in-out infinite eq-bounce;display:block}.eq-bars i:nth-child(2){animation-delay:-.3s}.eq-bars i:nth-child(3){animation-delay:-.6s}.sv-toggle.sv-toggle{--sv:var(--video);isolation:isolate;color:var(--sv);border-color:var(--sv);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sv-toggle.sv-toggle{border-color:color-mix(in srgb, var(--sv) 55%, var(--outline-variant))}}.sv-toggle.sv-toggle{background:var(--sv)}@supports (color:color-mix(in lab, red, red)){.sv-toggle.sv-toggle{background:color-mix(in srgb, var(--sv) 9%, var(--surface))}}.sv-toggle.sv-toggle{transition:box-shadow .2s,transform .15s,background-color .2s}.sv-toggle.sv-toggle--songs{--sv:var(--primary)}.sv-toggle.sv-toggle:hover{background:var(--sv)}@supports (color:color-mix(in lab, red, red)){.sv-toggle.sv-toggle:hover{background:color-mix(in srgb, var(--sv) 15%, var(--surface))}}.sv-toggle.sv-toggle:hover{box-shadow:0 0 0 4px var(--sv)}@supports (color:color-mix(in lab, red, red)){.sv-toggle.sv-toggle:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--sv) 14%, transparent)}}.sv-toggle.sv-toggle:active{transform:scale(.96)}.sv-toggle:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg, transparent 30%, var(--sv) 50%, transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.sv-toggle:after{background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--sv) 26%, transparent) 50%, transparent 70%)}}.sv-toggle:after{animation:3.6s ease-in-out infinite sv-sweep;transform:translate(-120%)}.sv-icon{animation:.4s cubic-bezier(.34,1.56,.64,1) sv-pop;display:inline-flex;position:relative}.sv-icon svg *{transform-box:fill-box}.sv-icon--video:before{content:"";border:2px solid var(--sv);opacity:0;border-radius:6px;animation:1.8s cubic-bezier(0,0,.2,1) infinite sv-ping;position:absolute;inset:-2px}.sv-icon .sv-play{transform-origin:50%;animation:1.6s ease-in-out infinite sv-play}.sv-icon .sv-note{transform-origin:bottom;animation:1.4s ease-in-out infinite sv-bob}.sv-icon .sv-eq{transform-origin:bottom;animation:.9s ease-in-out infinite eq-bounce}.sv-icon .sv-eq:nth-of-type(2){animation-delay:-.3s}.sv-icon .sv-eq:nth-of-type(3){animation-delay:-.6s}.video-row--skipped .video-row__thumb,.video-row--skipped .song-title,.video-row--skipped .song-sub{opacity:.45}.video-playing{gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 2.5);border-radius:18px;display:grid}.video-card__meta{align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);display:flex}.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)}.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)}.icon-btn:disabled{cursor:default;opacity:.35;background-color:#0000}.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-variant);background-color:var(--surface);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.925rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);border-radius:3.40282e38px;padding-block:7px;padding-inline:14px;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-chip.picked{border-color:var(--primary);color:var(--primary)}.video-pill{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);--tw-font-weight:var(--font-weight-bold);font-family:inherit;font-size:.925rem;font-weight:var(--font-weight-bold);white-space:nowrap;color:var(--on-surface-variant);padding-block:5px;border-radius:3.40282e38px;flex:none;align-items:center;gap:7px;padding-left:6px;padding-right:14px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.video-pill.on{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.video-pill__dot{background-color:var(--surface-variant);width:20px;height:20px;color:var(--on-surface);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.video-pill.on .video-pill__dot{background-color:var(--on-primary);color:var(--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-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);border-radius:20px;padding:12px}.song-table-row{align-items:center;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--outline-variant);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);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));border-radius:12px;grid-template-columns:40px minmax(0,1fr) 64px 240px 88px;display:grid;position:relative}.song-table-row.no-actions{grid-template-columns:40px minmax(0,1fr) 64px 240px}.song-table-row:not(.song-table-head):hover,.song-table-row.active{background-color:var(--surface-variant)}.song-table-row.active{box-shadow:inset 3px 0 0 var(--primary)}.friend-table-row{align-items:center;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--outline-variant);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);color:var(--on-surface);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));border-radius:12px;grid-template-columns:44px minmax(0,1.2fr) 72px minmax(0,1.6fr) 120px;text-decoration-line:none;display:grid}a.friend-table-row:hover{background-color:var(--surface-variant)}.friend-table-head{padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:.805rem;font-weight:var(--font-weight-bold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--on-surface-variant);text-transform:uppercase;border-radius:0}.key-tile.friend-key{border-radius:8px;width:28px;height:28px;font-size:.72rem}.song-table-head{padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:.87rem;font-weight:var(--font-weight-bold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--on-surface-variant);text-transform:uppercase;border-radius:0;padding-left:17px}.song-table-row .song-title{font-size:1.2rem}.song-table-row .song-sub{font-size:.88rem}.song-table-row .meta-pill{padding-block:5px;padding-inline:10px;font-size:.84rem}.form-section{gap:calc(var(--spacing) * 3.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 4);border-radius:20px;flex-direction:column;display:flex}@media (min-width:64rem){.form-section{padding:calc(var(--spacing) * 5)}}.form-section>h2{--tw-font-weight:var(--font-weight-extrabold);font-family:inherit;font-size:.72rem;font-weight:var(--font-weight-extrabold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--on-surface-variant);text-transform:uppercase;margin:0}.sticky-actions{z-index:10;margin-inline:calc(var(--spacing) * -3);gap:calc(var(--spacing) * 2.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--outline-variant);background-color:var(--bg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);display:flex;position:sticky;bottom:0}@media (min-width:64rem){.sticky-actions{margin-inline:0;padding-inline:0}}.seg-pill{gap:var(--spacing);padding:var(--spacing);background:var(--on-surface);border-radius:3.40282e38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.seg-pill{background:color-mix(in srgb, var(--on-surface) 8%, transparent)}}.seg-pill>button{cursor:pointer;border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.85rem;font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--on-surface-variant);background-color:#0000;border-width:0;border-radius:3.40282e38px;flex:1;padding-block:7px}.seg-pill>button.on{background-color:var(--primary);color:var(--on-primary)}.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}.cover-card{gap:calc(var(--spacing) * 2);width:118px;min-width:0;color:var(--on-surface);flex-direction:column;flex:none;text-decoration-line:none;display:flex}@media (min-width:64rem){.cover-card{width:150px}}.cover-card--grid{border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);width:auto;padding:calc(var(--spacing) * 2.5);border-radius:18px}@media (min-width:64rem){.cover-card--grid{width:auto}}.cover-tile{aspect-ratio:1;background-color:var(--surface-variant);--tw-leading:1;--tw-font-weight:var(--font-weight-black);width:100%;font-size:42px;line-height:1;font-weight:var(--font-weight-black);--tw-tracking:-.04em;letter-spacing:-.04em;color:var(--on-surface);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:64rem){.cover-tile{font-size:54px}}.cover-tile{transition:transform .18s,box-shadow .18s}.cover-card--grid .cover-tile{border-radius:14px;font-size:36px}@media (min-width:64rem){.cover-card--grid .cover-tile{font-size:44px}}.cover-tile small{--tw-font-weight:var(--font-weight-extrabold);font-size:.45em;font-weight:var(--font-weight-extrabold);margin-left:1px}.cover-card:hover .cover-tile{transform:translateY(-3px);box-shadow:0 12px 24px #00000024}.cover-badge{justify-content:center;align-items:center;gap:var(--spacing);--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);font-size:10px;line-height:1;font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);background:var(--surface);border-radius:3.40282e38px;display:inline-flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.cover-badge{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.cover-badge{color:var(--on-surface)}.cover-badge--versions{top:calc(var(--spacing) * 2);left:calc(var(--spacing) * 2);padding-block:4px;padding-inline:7px}.cover-badge--play{right:calc(var(--spacing) * 2);bottom:calc(var(--spacing) * 2);width:28px;height:28px}.cover-title{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-bold);font-size:13px;font-weight:var(--font-weight-bold);display:block;overflow:hidden}.cover-sub{margin-top:calc(var(--spacing) * .5);text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant);font-size:11.5px;display:block;overflow:hidden}.cover-shelf{gap:calc(var(--spacing) * 3);padding-bottom:var(--spacing);display:flex;overflow-x:auto}@media (min-width:64rem){.cover-shelf{gap:calc(var(--spacing) * 3.5)}}.cover-shelf{scrollbar-width:none}.cover-shelf::-webkit-scrollbar{display:none}.cover-grid{gap:calc(var(--spacing) * 2.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.cover-grid{gap:calc(var(--spacing) * 3.5)}}@media (min-width:80rem){.cover-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:96rem){.cover-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.shelf-head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);display:flex}.shelf-head h2{font-family:var(--font-display);margin:0;font-size:1.15rem}@media (min-width:64rem){.shelf-head h2{font-size:1.3rem}}.shelf-action{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--primary);background-color:#0000;border-width:0;padding:0;text-decoration-line:none}.key-bars{align-items:flex-end;gap:calc(var(--spacing) * 2.5);display:flex}.key-bar-col{justify-content:flex-end;align-items:center;gap:var(--spacing);--tw-font-weight:var(--font-weight-semibold);min-width:0;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);flex-direction:column;flex:1;display:flex}.key-bar{background-color:var(--surface-variant);border-radius:8px 8px 4px 4px;width:100%;display:block}.key-bar:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:var(--k)}@supports (color:color-mix(in lab, red, red)){.key-bar:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:color-mix(in srgb, var(--k) 60%, var(--surface))}}.stat-card{gap:calc(var(--spacing) * .5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);min-width:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);color:var(--on-surface);border-radius:16px;flex-direction:column;flex:1;text-decoration-line:none;display:flex}@media (min-width:64rem){.stat-card{padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 3)}}.stat-card{transition:border-color .15s}a.stat-card:hover{border-color:var(--outline)}.stat-card b{font-family:var(--font-display);--tw-leading:var(--leading-tight);font-size:1.25rem;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:64rem){.stat-card b{font-size:1.5rem}}.stat-card>span{color:var(--on-surface-variant);font-size:.75rem}.profile-banner{border-radius:22px;height:112px;position:relative;overflow:hidden}@media (min-width:64rem){.profile-banner{height:150px}}.profile-banner{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.profile-banner{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}}.banner-mosaic{top:calc(var(--spacing) * 2.5);right:calc(var(--spacing) * -2.5);gap:calc(var(--spacing) * 1.5);opacity:.5;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute}@media (min-width:64rem){.banner-mosaic{top:calc(var(--spacing) * 5);right:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 2);opacity:.55;grid-template-columns:repeat(8,minmax(0,1fr))}}.banner-tile{background-color:var(--surface-variant);--tw-leading:1;--tw-font-weight:var(--font-weight-black);width:34px;height:34px;font-size:13px;line-height:1;font-weight:var(--font-weight-black);color:var(--on-surface);border-radius:10px;justify-content:center;align-items:center;display:flex}@media (min-width:64rem){.banner-tile{border-radius:12px;width:46px;height:46px;font-size:17px}}.profile-avatar{width:88px;height:88px;font-size:2.3rem}@media (min-width:64rem){.profile-avatar{width:112px;height:112px;font-size:2.9rem}}.profile-avatar{border:4px solid var(--bg)}.lineup-card{align-items:center;gap:calc(var(--spacing) * 2.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);min-width:0;padding:calc(var(--spacing) * 2.5);color:var(--on-surface);border-radius:16px;text-decoration-line:none;transition:border-color .15s;display:flex}.lineup-card:hover{border-color:var(--outline)}.featured-card{background-color:var(--surface-variant);width:250px;height:128px;color:var(--on-surface);padding:14px;border-radius:18px;flex-direction:column;flex:none;justify-content:space-between;padding-left:19px;text-decoration-line:none;display:flex;position:relative;overflow:hidden}@media (min-width:64rem){.featured-card{width:290px;height:150px;padding:calc(var(--spacing) * 4);padding-left:22px}}.featured-card{transition:transform .18s,box-shadow .18s;animation:.4s both featured-in}.featured-card:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:var(--k)}@supports (color:color-mix(in lab, red, red)){.featured-card:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){background:color-mix(in srgb, var(--k) 18%, var(--surface))}}.featured-card:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){box-shadow:inset 0 0 0 1px var(--k)}@supports (color:color-mix(in lab, red, red)){.featured-card:is(.tone-c,.tone-d,.tone-e,.tone-f,.tone-g,.tone-a,.tone-b){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--k) 35%, transparent)}}.featured-card .key-stripe{background:var(--k,var(--outline-variant));width:6px}@supports (color:color-mix(in lab, red, red)){.featured-card .key-stripe{background:color-mix(in srgb, var(--k,var(--outline-variant)) 60%, var(--surface))}}.featured-card:hover{box-shadow:inset 0 0 0 1px var(--k,var(--outline)), 0 14px 28px #00000024;transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.featured-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--k,var(--outline)) 35%, transparent), 0 14px 28px #00000024}}.featured-card:active{transform:translateY(-1px)scale(.99)}.featured-card .key-letter b{font-size:30px}@media (min-width:64rem){.featured-card .key-letter b{font-size:34px}}.featured-title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);--tw-leading:var(--leading-tight);font-size:19px;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:block;overflow:hidden}@media (min-width:64rem){.featured-title{font-size:21px}}.featured-sub{margin-top:calc(var(--spacing) * .5);text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant);font-size:13px;display:block;overflow:hidden}@media (min-width:64rem){.featured-sub{font-size:14px}}.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:not(:disabled):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-variant);background-color:var(--surface);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.925rem;font-weight:var(--font-weight-semibold);color:var(--on-surface-variant);border-radius:3.40282e38px;align-items:center;gap:6px;padding-block:7px;padding-inline:14px;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-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);padding:calc(var(--spacing) * 4);border-radius:20px}@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);--tw-font-weight:var(--font-weight-extrabold);font-size:.75rem;font-weight:var(--font-weight-extrabold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--section);text-transform:uppercase;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{gap:calc(var(--spacing) * 2);display:flex}.seg-item{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--outline-variant);background-color:var(--surface);--tw-font-weight:var(--font-weight-semibold);font-family:inherit;font-size:.925rem;font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--on-surface-variant);border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;gap:6px;padding-block:7px;padding-inline:14px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.seg-item.active{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.seg-pill>button{transition:background-color .15s,color .15s}@media (hover:hover){.seg-pill>button:not(.on):not(:disabled):hover{color:var(--on-surface);background:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.seg-pill>button:not(.on):not(:disabled):hover{background:color-mix(in srgb, var(--on-surface) 8%, transparent)}}.seg-item:not(.active):not(:disabled):hover,.filter-chip:not(.on):not(:disabled):hover,.video-pill:not(.on):not(:disabled):hover,.version-pill:not(.active):not(:disabled):hover{color:var(--on-surface);background:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.seg-item:not(.active):not(:disabled):hover,.filter-chip:not(.on):not(:disabled):hover,.video-pill:not(.on):not(:disabled):hover,.version-pill:not(.active):not(:disabled):hover{background:color-mix(in srgb, var(--on-surface) 6%, var(--surface))}}.seg-item:not(.active):not(:disabled):hover,.filter-chip:not(.on):not(:disabled):hover,.video-pill:not(.on):not(:disabled):hover,.version-pill:not(.active):not(:disabled):hover{border-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.seg-item:not(.active):not(:disabled):hover,.filter-chip:not(.on):not(:disabled):hover,.video-pill:not(.on):not(:disabled):hover,.version-pill:not(.active):not(:disabled):hover{border-color:color-mix(in srgb, var(--on-surface) 28%, transparent)}}.filter-chip.picked:not(.on):hover{color:var(--primary);border-color:var(--primary)}}.seg-badge{background-color:var(--error);text-align:center;--tw-leading:20px;--tw-font-weight:var(--font-weight-extrabold);min-width:20px;height:20px;font-size:.78rem;line-height:20px;font-weight:var(--font-weight-extrabold);color:var(--color-white);border-radius:3.40282e38px;padding-inline:6px}.avatar-sm{background-color:var(--primary-container);width:48px;height:48px;color:var(--on-primary-container);border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;display:flex}}@layer utilities{.\@container{container-type:inline-size}.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-1{inset:calc(var(--spacing) * -1)}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-px{top:-1px}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[-2px\]{top:-2px}.top-\[3px\]{top:3px}.top-\[46px\]{top:46px}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-px{right:-1px}.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-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-\[3px\]{right:3px}.right-\[7px\]{right:7px}.right-auto{right:auto}.-bottom-2\.5{bottom:calc(var(--spacing) * -2.5)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[46px\]{bottom:46px}.bottom-\[76px\]{bottom:76px}.bottom-\[88px\]{bottom:88px}.bottom-\[92px\]{bottom:92px}.bottom-\[96px\]{bottom:96px}.bottom-\[calc\(100\%\+8px\)\]{bottom:calc(100% + 8px)}.left-0{left:0}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.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}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.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-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.-my-1\.5{margin-block:calc(var(--spacing) * -1.5)}.my-1{margin-block:var(--spacing)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-\[3px\]{margin-block:3px}.\!mt-0{margin-top:0!important}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-\[60px\]{margin-top:-60px}.mt-0{margin-top:0}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:var(--spacing)}.mr-auto{margin-right:auto}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-\[4px\]{margin-left:4px}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.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-square{aspect-ratio:1}.\!h-5{height:calc(var(--spacing) * 5)!important}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-9{height:calc(var(--spacing) * 9)!important}.\!h-\[22px\]{height:22px!important}.\!h-\[26px\]{height:26px!important}.\!h-\[42px\]{height:42px!important}.\!h-\[44px\]{height:44px!important}.\!h-auto{height:auto!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.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-24{height:calc(var(--spacing) * 24)}.h-\[3px\]{height:3px}.h-\[5px\]{height:5px}.h-\[11px\]{height:11px}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[58px\]{height:58px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[84px\]{height:84px}.h-\[96px\]{height:96px}.h-\[112px\]{height:112px}.h-\[160px\]{height:160px}.h-\[260px\]{height:260px}.h-\[320px\]{height:320px}.h-\[unset\]{height:unset}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[45vh\]{max-height:45vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[84vh\]{max-height:84vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(100vh-24px\)\]{max-height:calc(100vh - 24px)}.max-h-\[calc\(100vh-110px\)\]{max-height:calc(100vh - 110px)}.min-h-0{min-height:0}.min-h-3{min-height:calc(var(--spacing) * 3)}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-\[54px\]{min-height:54px}.min-h-\[64px\]{min-height:64px}.min-h-\[84px\]{min-height:84px}.min-h-\[120px\]{min-height:120px}.min-h-\[140px\]{min-height:140px}.min-h-\[180px\]{min-height:180px}.min-h-\[204px\]{min-height:204px}.min-h-dvh{min-height:100dvh}.\!w-5{width:calc(var(--spacing) * 5)!important}.\!w-8{width:calc(var(--spacing) * 8)!important}.\!w-9{width:calc(var(--spacing) * 9)!important}.\!w-\[22px\]{width:22px!important}.\!w-\[26px\]{width:26px!important}.\!w-\[42px\]{width:42px!important}.\!w-\[44px\]{width:44px!important}.\!w-full{width:100%!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.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-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-\[11px\]{width:11px}.w-\[26px\]{width:26px}.w-\[30px\]{width:30px}.w-\[34px\]{width:34px}.w-\[35\%\]{width:35%}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[40\%\]{width:40%}.w-\[40px\]{width:40px}.w-\[42px\]{width:42px}.w-\[44px\]{width:44px}.w-\[45\%\]{width:45%}.w-\[46px\]{width:46px}.w-\[48px\]{width:48px}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-\[52px\]{width:52px}.w-\[55\%\]{width:55%}.w-\[58px\]{width:58px}.w-\[60\%\]{width:60%}.w-\[64px\]{width:64px}.w-\[68px\]{width:68px}.w-\[70\%\]{width:70%}.w-\[72px\]{width:72px}.w-\[75\%\]{width:75%}.w-\[76px\]{width:76px}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[84px\]{width:84px}.w-\[96px\]{width:96px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[180px\]{width:180px}.w-\[220px\]{width:220px}.w-\[232px\]{width:232px}.w-\[300px\]{width:300px}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[min\(82vw\,340px\)\]{width:min(82vw,340px)}.w-\[min\(420px\,calc\(100vw-24px\)\)\]{width:min(420px,100vw - 24px)}.w-\[min\(660px\,calc\(100vw-24px\)\)\]{width:min(660px,100vw - 24px)}.w-\[min\(780px\,calc\(100vw-24px\)\)\]{width:min(780px,100vw - 24px)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[32vw\]{max-width:32vw}.max-w-\[34ch\]{max-width:34ch}.max-w-\[85vw\]{max-width:85vw}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[1160px\]{max-width:1160px}.max-w-\[min\(70vw\,900px\)\]{max-width:min(70vw,900px)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-\[2\.2ch\]{min-width:2.2ch}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[3ch\]{min-width:3ch}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4rem\]{min-width:4rem}.min-w-\[15px\]{min-width:15px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[28px\]{min-width:28px}.min-w-\[58px\]{min-width:58px}.min-w-\[210px\]{min-width:210px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.\!flex-none{flex:none!important}.\[flex\:2\]{flex:2}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.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)}.-translate-y-\[calc\(100\%\+1\.5rem\)\]{--tw-translate-y:calc(calc(100% + 1.5rem) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;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\.12s_ease_forwards\]{animation:.12s forwards fade-in}.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\]{animation:.22s slide-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-\[sv-pop_0\.3s_ease\]{animation:.3s sv-pop}.animate-\[today-glow_2\.4s_ease-in-out_infinite\]{animation:2.4s ease-in-out infinite today-glow}.animate-ping{animation:var(--animate-ping)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.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}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.\!grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.\!grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-center-safe{align-items:safe 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-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-0{gap:0!important}.\!gap-3{gap:calc(var(--spacing) * 3)!important}.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-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[2vh\]{gap:2vh}.gap-\[3px\]{gap:3px}.gap-\[6px\]{gap:6px}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.\[column-gap\:14px\]{column-gap:14px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-9{column-gap:calc(var(--spacing) * 9)}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.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}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.\!rounded-\[8px\]{border-radius:8px!important}.\!rounded-\[9px\]{border-radius:9px!important}.\!rounded-\[10px\]{border-radius:10px!important}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.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-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-error{border-color:var(--error)!important}.\!border-primary{border-color:var(--primary)!important}.\!border-success{border-color:var(--success)!important}.\!border-transparent{border-color:#0000!important}.border-\[color-mix\(in_srgb\,var\(--error\)_45\%\,transparent\)\]{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--error\)_45\%\,transparent\)\]{border-color:color-mix(in srgb,var(--error) 45%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--member\)_40\%\,var\(--outline-variant\)\)\]{border-color:var(--member)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--member\)_40\%\,var\(--outline-variant\)\)\]{border-color:color-mix(in srgb,var(--member) 40%,var(--outline-variant))}}.border-\[color\:color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}}.border-\[color\:var\(--error\)\]{border-color:var(--error)}.border-\[color\:var\(--on-surface\)\]{border-color:var(--on-surface)}.border-\[var\(--bg\)\],.border-bg{border-color:var(--bg)}.border-elev-2{border-color:var(--elev-2)}.border-error{border-color:var(--error)}.border-on-surface-variant,.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-outline\/50{border-color:var(--outline)}@supports (color:color-mix(in lab, red, red)){.border-outline\/50{border-color:color-mix(in oklab, var(--outline) 50%, 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-\[color-mix\(in_srgb\,var\(--chord\)_14\%\,transparent\)\]{background-color:var(--chord)!important}@supports (color:color-mix(in lab, red, red)){.\!bg-\[color-mix\(in_srgb\,var\(--chord\)_14\%\,transparent\)\]{background-color:color-mix(in srgb,var(--chord) 14%,transparent)!important}}.\!bg-primary{background-color:var(--primary)!important}.\!bg-transparent{background-color:#0000!important}.bg-\[\#16161a\]{background-color:#16161a}.bg-\[color-mix\(in_srgb\,var\(--chord\)_14\%\,transparent\)\]{background-color:var(--chord)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--chord\)_14\%\,transparent\)\]{background-color:color-mix(in srgb,var(--chord) 14%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--chord\)_15\%\,transparent\)\]{background-color:var(--chord)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--chord\)_15\%\,transparent\)\]{background-color:color-mix(in srgb,var(--chord) 15%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--chord\)_16\%\,transparent\)\]{background-color:var(--chord)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--chord\)_16\%\,transparent\)\]{background-color:color-mix(in srgb,var(--chord) 16%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--chord\)_22\%\,transparent\)\]{background-color:var(--chord)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--chord\)_22\%\,transparent\)\]{background-color:color-mix(in srgb,var(--chord) 22%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--error\)_8\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_8\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 8%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--error\)_12\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_12\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 12%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--error\)_14\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_14\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 14%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--error\)_16\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_16\%\,transparent\)\]{background-color:color-mix(in srgb,var(--error) 16%,transparent)}}.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\(--on-surface\)_6\%\,transparent\)\]{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--on-surface\)_6\%\,transparent\)\]{background-color:color-mix(in srgb,var(--on-surface) 6%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--on-surface\)_7\%\,transparent\)\]{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--on-surface\)_7\%\,transparent\)\]{background-color:color-mix(in srgb,var(--on-surface) 7%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 8%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_9\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_9\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 9%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_16\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_16\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 16%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 18%,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-\[var\(--bg\)\],.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\/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-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-chord{background-color:var(--chord)}.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-member-container{background-color:var(--member-container)}.bg-on-primary{background-color:var(--on-primary)}.bg-on-surface{background-color:var(--on-surface)}.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-success\/12{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/12{background-color:color-mix(in oklab, var(--success) 12%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-variant,.bg-surface-variant\/85{background-color:var(--surface-variant)}@supports (color:color-mix(in lab, red, red)){.bg-surface-variant\/85{background-color:color-mix(in oklab, var(--surface-variant) 85%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.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)}.\!px-0{padding-inline:0!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-\[7px\]{padding-inline:7px!important}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.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-10{padding-inline:calc(var(--spacing) * 10)}.px-\[1\.1em\]{padding-inline:1.1em}.px-\[3px\]{padding-inline:3px}.px-\[5px\]{padding-inline:5px}.px-\[6px\]{padding-inline:6px}.px-\[8px\]{padding-inline:8px}.px-\[12px\]{padding-inline:12px}.px-\[14px\]{padding-inline:14px}.px-\[16px\]{padding-inline:16px}.\!py-1{padding-block:var(--spacing)!important}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-\[2px\]{padding-block:2px!important}.\!py-\[4px\]{padding-block:4px!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-8{padding-block:calc(var(--spacing) * 8)}.py-\[0\.35em\]{padding-block:.35em}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[6px\]{padding-block:6px}.py-\[7px\]{padding-block:7px}.py-\[8px\]{padding-block:8px}.py-\[9px\]{padding-block:9px}.py-\[10px\]{padding-block:10px}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-\[56px\]{padding-block:56px}.py-px{padding-block:1px}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[26px\]{padding-top:26px}.pt-\[max\(20px\,env\(safe-area-inset-top\)\)\]{padding-top:max(20px, env(safe-area-inset-top))}.\!pr-9{padding-right:calc(var(--spacing) * 9)!important}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-\[8px\]{padding-right:8px}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.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-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[5px\]{padding-bottom:5px}.pb-\[max\(16px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(16px, env(safe-area-inset-bottom))}.pb-\[max\(18px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(18px, env(safe-area-inset-bottom))}.\!pl-2\.5{padding-left:calc(var(--spacing) * 2.5)!important}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-\[8px\]{padding-left:8px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-1px\]{vertical-align:-1px}.align-\[-2px\]{vertical-align:-2px}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.\[font-family\:var\(--font-roboto-mono\)\,\'Courier_New\'\,monospace\]{font-family:var(--font-roboto-mono),"Courier New",monospace}.\[font-family\:var\(--font-roboto-mono\)\,monospace\]{font-family:var(--font-roboto-mono),monospace}.font-\[inherit\]{font-family:inherit}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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\.9rem\]{font-size:.9rem!important}.\!text-\[0\.62rem\]{font-size:.62rem!important}.\!text-\[0\.72rem\]{font-size:.72rem!important}.\!text-\[0\.85rem\]{font-size:.85rem!important}.\!text-\[1\.05rem\]{font-size:1.05rem!important}.text-\[0\.5em\]{font-size:.5em}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.45em\]{font-size:.45em}.text-\[0\.56rem\]{font-size:.56rem}.text-\[0\.62em\]{font-size:.62em}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.75em\]{font-size:.75em}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.97rem\]{font-size:.97rem}.text-\[0\.685rem\]{font-size:.685rem}.text-\[0\.845rem\]{font-size:.845rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.905rem\]{font-size:.905rem}.text-\[0\.925rem\]{font-size:.925rem}.text-\[0\.975rem\]{font-size:.975rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.005rem\]{font-size:1.005rem}.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\.15rem\]{font-size:1.15rem}.text-\[1\.025rem\]{font-size:1.025rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.105rem\]{font-size:1.105rem}.text-\[1\.175rem\]{font-size:1.175rem}.text-\[1\.725rem\]{font-size:1.725rem}.text-\[1rem\]{font-size:1rem}.text-\[2\.4rem\]{font-size:2.4rem}.text-\[2\.4vh\]{font-size:2.4vh}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.6vh\]{font-size:2.6vh}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[3rem\]{font-size:3rem}.text-\[9px\]{font-size:9px}.text-\[9vh\]{font-size:9vh}.text-\[10\.5px\]{font-size:10.5px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[44px\]{font-size:44px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\.6\]{--tw-leading:.6;line-height:.6}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[11px\]{--tw-leading:11px;line-height:11px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\[line-height\:normal\]{line-height:normal}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow-wrap\:normal\]{overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.\!whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.\[tab-size\:8\]{tab-size:8}.\!text-\[color\:var\(--chord\)\]{color:var(--chord)!important}.\!text-error{color:var(--error)!important}.\!text-on-primary{color:var(--on-primary)!important}.\!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\(--chord\)\]{color:var(--chord)}.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-member{color:var(--member)}.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-secondary{color:var(--secondary)}.text-section{color:var(--section)}.text-success{color:var(--success)}.text-surface{color:var(--surface)}.text-transparent{color:#0000}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.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-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.18\]{opacity:.18}.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_0_0_1px_var\(--primary\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--primary));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_10px_24px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 10px 24px 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-\[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_16px_40px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 16px 40px 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_18px_50px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0000004d);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-\[12px_0_40px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:12px 0 40px 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_0_0_0_2px_var\(--primary\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--primary));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_3px_0_0_var\(--primary\)\]{--tw-shadow:inset 3px 0 0 var(--tw-shadow-color,var(--primary));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-bg{--tw-ring-color:var(--bg)}.ring-on-primary{--tw-ring-color:var(--on-primary)}.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}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.sepia{--tw-sepia:sepia(100%);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-\[2px\]{--tw-backdrop-blur:blur(2px);-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-\[background-color\,color\,width\]{transition-property:background-color,color,width;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-\[translate\,opacity\]{transition-property:translate,opacity;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))}.transition-transform{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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(\.3\,1\.35\,\.5\,1\)\]{--tw-ease:cubic-bezier(.3,1.35,.5,1);transition-timing-function:cubic-bezier(.3,1.35,.5,1)}.ease-\[ease\]{--tw-ease:ease;transition-timing-function:ease}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[admin\:createUser\]{admin:createUser}.\[admin\:insertAuditRow\]{admin:insertAuditRow}.\[admin\:listFeedback\]{admin:listFeedback}.\[admin\:outreachMemberIds\]{admin:outreachMemberIds}.\[admin\:setUserActive\]{admin:setUserActive}.\[clip-path\:polygon\(100\%_0\,100\%_100\%\,0_100\%\)\]{clip-path:polygon(100% 0,100% 100%,0 100%)}.\[column-count\:2\]{column-count:2}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-on-surface-variant::placeholder{color:var(--on-surface-variant)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-7:before{content:var(--tw-content);width:calc(var(--spacing) * 7)}.before\:bg-leaf:before{content:var(--tw-content);background-color:var(--leaf)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.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-\[18px\]:after{content:var(--tw-content);height:18px}.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\:w-\[18px\]:after{content:var(--tw-content);width:18px}.after\:translate-x-4:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.empty\:hidden:empty{display:none}.focus-within\:outline-2:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}@media (hover:hover){.hover\:border-outline:hover{border-color:var(--outline)}.hover\:bg-\[color-mix\(in_srgb\,var\(--error\)_12\%\,transparent\)\]:hover{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--error\)_12\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--error) 12%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_5\%\,transparent\)\]:hover{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_5\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--on-surface) 5%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:hover{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,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\/40:hover{background-color:var(--surface-variant)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-variant\/40:hover{background-color:color-mix(in oklab, var(--surface-variant) 40%, transparent)}}.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-transparent:hover{background-color:#0000}.hover\:text-error:hover{color:var(--error)}.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,)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:focus-visible{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:focus-visible{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:active{background-color:var(--on-surface)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[color-mix\(in_srgb\,var\(--on-surface\)_8\%\,transparent\)\]:active{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-inherit:disabled:hover{color:inherit}}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\: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))}.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:64rem){.max-lg\:\!order-\[-1\]{order:-1!important}.max-lg\:-order-1{order:calc(1 * -1)}.max-lg\:-mt-6{margin-top:calc(var(--spacing) * -6)}.max-lg\:ml-auto{margin-left:auto}.max-lg\:\!hidden{display:none!important}.max-lg\:hidden{display:none}.max-lg\:\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}}@media not all and (min-width:48rem){.max-md\:ml-auto{margin-left:auto}.max-md\:hidden{display:none}.max-md\:\!px-3\.5{padding-inline:calc(var(--spacing) * 3.5)!important}.max-md\:\!px-5{padding-inline:calc(var(--spacing) * 5)!important}}@media not all and (min-width:40rem){.max-sm\:ml-auto{margin-left:auto}.max-sm\:flex-1{flex:1}.max-sm\:justify-center{justify-content:center}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:w-\[280px\]{width:280px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:static{position:static}.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\:-mt-\[72px\]{margin-top:-72px}.lg\:mt-2{margin-top:calc(var(--spacing) * 2)}.lg\:mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.lg\:ml-auto{margin-left:auto}.lg\:\!hidden{display:none!important}.lg\:block{display:block}.lg\:contents{display:contents}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-flex{display:inline-flex}.lg\:table-cell{display:table-cell}.lg\:\!h-\[88px\]{height:88px!important}.lg\:\!h-\[120px\]{height:120px!important}.lg\:h-\[32px\]{height:32px}.lg\:h-\[40px\]{height:40px}.lg\:h-\[84px\]{height:84px}.lg\:h-\[120px\]{height:120px}.lg\:h-\[150px\]{height:150px}.lg\:h-\[calc\(100dvh\)\]{height:100dvh}.lg\:h-auto{height:auto}.lg\:max-h-\[85vh\]{max-height:85vh}.lg\:max-h-\[92vh\]{max-height:92vh}.lg\:min-h-0{min-height:0}.lg\:min-h-\[168px\]{min-height:168px}.lg\:min-h-\[204px\]{min-height:204px}.lg\:min-h-dvh{min-height:100dvh}.lg\:\!w-\[88px\]{width:88px!important}.lg\:\!w-\[120px\]{width:120px!important}.lg\:w-\[32px\]{width:32px}.lg\:w-\[40px\]{width:40px}.lg\:w-\[48px\]{width:48px}.lg\:w-\[52px\]{width:52px}.lg\:w-\[84px\]{width:84px}.lg\:w-\[120px\]{width:120px}.lg\:w-\[360px\]{width:360px}.lg\:w-\[380px\]{width:380px}.lg\:w-full{width:100%}.lg\:max-w-\[400px\]{max-width:400px}.lg\:max-w-\[440px\]{max-width:440px}.lg\:max-w-\[480px\]{max-width:480px}.lg\:max-w-\[560px\]{max-width:560px}.lg\:max-w-\[680px\]{max-width:680px}.lg\:max-w-\[900px\]{max-width:900px}.lg\:max-w-\[1100px\]{max-width:1100px}.lg\:max-w-\[1120px\]{max-width:1120px}.lg\:min-w-0{min-width:0}.lg\:flex-1{flex:1}.lg\:flex-\[2\]{flex:2}.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\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.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-center{justify-content:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-\[12px\]{gap:12px}.lg\:self-start{align-self:flex-start}.lg\:overflow-y-auto{overflow-y:auto}.lg\:rounded-\[9px\]{border-radius:9px}.lg\:rounded-\[11px\]{border-radius:11px}.lg\:rounded-\[22px\]{border-radius:22px}.lg\:rounded-\[24px\]{border-radius:24px}.lg\:rounded-\[28px\]{border-radius:28px}.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-elev-1{background-color:var(--elev-1)}.lg\:bg-transparent{background-color:#0000}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-0{padding-inline:0}.lg\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-\[8px\]{padding-block:8px}.lg\:pt-1{padding-top:var(--spacing)}.lg\:pt-5{padding-top:calc(var(--spacing) * 5)}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.lg\:pl-\[72px\]{padding-left:72px}.lg\:pl-\[232px\]{padding-left:232px}.lg\:text-center{text-align:center}.lg\:text-\[0\.85rem\]{font-size:.85rem}.lg\:text-\[0\.91rem\]{font-size:.91rem}.lg\:text-\[1\.2rem\]{font-size:1.2rem}.lg\:text-\[1\.3rem\]{font-size:1.3rem}.lg\:text-\[1\.5rem\]{font-size:1.5rem}.lg\:text-\[1\.6rem\]{font-size:1.6rem}.lg\:text-\[1\.9rem\]{font-size:1.9rem}.lg\:text-\[1\.35rem\]{font-size:1.35rem}.lg\:text-\[1\.325rem\]{font-size:1.325rem}.lg\:text-\[1rem\]{font-size:1rem}.lg\:text-\[2\.1rem\]{font-size:2.1rem}.lg\:text-\[2\.2rem\]{font-size:2.2rem}.lg\:text-\[2\.225rem\]{font-size:2.225rem}.lg\:text-\[2rem\]{font-size:2rem}.lg\:text-\[16px\]{font-size:16px}.lg\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.lg\:shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 24px 60px 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)}.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\:active\:cursor-grabbing:active{cursor:grabbing}}@media (min-width:80rem){.xl\:sticky{position:sticky}.xl\:top-4{top:calc(var(--spacing) * 4)}.xl\:order-1{order:1}.xl\:order-2{order:2}.xl\:col-start-1{grid-column-start:1}.xl\:col-start-2{grid-column-start:2}.xl\:row-span-2{grid-row:span 2/span 2}.xl\:row-start-1{grid-row-start:1}.xl\:row-start-2{grid-row-start:2}.xl\:grid{display:grid}.xl\:max-w-\[1080px\]{max-width:1080px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.xl\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.xl\:items-start{align-items:flex-start}.xl\:gap-4{gap:calc(var(--spacing) * 4)}.xl\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.xl\:gap-y-2{row-gap:calc(var(--spacing) * 2)}.xl\:self-start{align-self:flex-start}}@media (min-width:96rem){.\32 xl\:max-w-\[1080px\]{max-width:1080px}}@container (min-width:720px){.\@\[720px\]\:\!inline-flex{display:inline-flex!important}.\@\[720px\]\:hidden{display:none}.\@\[720px\]\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(240px\,1fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.\@\[720px\]\:items-start{align-items:flex-start}.\@\[720px\]\:gap-5{gap:calc(var(--spacing) * 5)}.\@\[720px\]\:p-3{padding:calc(var(--spacing) * 3)}}@container (min-width:900px){.\@\[900px\]\:block{display:block}.\@\[900px\]\:flex{display:flex}.\@\[900px\]\:hidden{display:none}.\@\[900px\]\:w-\[300px\]{width:300px}.\@\[900px\]\:flex-none{flex:none}.\@\[900px\]\:flex-row{flex-direction:row}.\@\[900px\]\:items-center{align-items:center}.\@\[900px\]\:gap-3{gap:calc(var(--spacing) * 3)}}.\[\&_\.btn\]\:text-\[16px\] .btn{font-size:16px}.\[\&_\.card-label\]\:text-\[0\.905rem\] .card-label{font-size:.905rem}.\[\&_\.filter-chip\]\:px-\[8px\] .filter-chip{padding-inline:8px}.\[\&_\.filter-chip\]\:py-\[6px\] .filter-chip{padding-block:6px}.\[\&_\.filter-chip\]\:text-\[0\.9rem\] .filter-chip{font-size:.9rem}.\[\&_\.filter-glyph_svg\]\:h-6 .filter-glyph svg{height:calc(var(--spacing) * 6)}.\[\&_\.filter-glyph_svg\]\:w-6 .filter-glyph svg{width:calc(var(--spacing) * 6)}.\[\&_\.key-letter\]\:ml-0 .key-letter{margin-left:0}.\[\&_\.key-letter\]\:items-start .key-letter{align-items:flex-start}.\[\&_\.key-letter_b\]\:text-\[1\.6rem\] .key-letter b{font-size:1.6rem}.\[\&_\.search-bar\]\:h-\[52px\] .search-bar{height:52px}.\[\&_\.search-bar_input\]\:text-\[18px\] .search-bar input{font-size:18px}.\[\&_\.search-bar\>svg\]\:h-\[22px\] .search-bar>svg{height:22px}.\[\&_\.search-bar\>svg\]\:w-\[22px\] .search-bar>svg{width:22px}.\[\&_\.shelf-action\]\:text-\[0\.925rem\] .shelf-action{font-size:.925rem}.\[\&_\.shelf-head_h2\]\:text-\[1\.275rem\] .shelf-head h2{font-size:1.275rem}@media (min-width:64rem){.lg\:\[\&_\.shelf-head_h2\]\:text-\[1\.425rem\] .shelf-head h2{font-size:1.425rem}}.\[\&_\.song-row_\.btn\]\:text-\[16px\] .song-row .btn{font-size:16px}.\[\&_\.song-row_\.song-sub\]\:text-\[0\.825rem\] .song-row .song-sub{font-size:.825rem}.\[\&_\.song-row_\.song-title\]\:text-\[0\.975rem\] .song-row .song-title{font-size:.975rem}@media (min-width:64rem){.lg\:\[\&_\.song-row_\.song-title\]\:text-\[1\.125rem\] .song-row .song-title{font-size:1.125rem}}.\[\&_\.song-sub\]\:text-\[0\.825rem\] .song-sub{font-size:.825rem}.\[\&_\.song-title\]\:text-\[0\.975rem\] .song-title{font-size:.975rem}@media (min-width:64rem){.lg\:\[\&_\.song-title\]\:text-\[1\.125rem\] .song-title{font-size:1.125rem}}.\[\&_h1\]\:text-\[2\.025rem\] h1{font-size:2.025rem}.\[\&_input\]\:text-\[18px\] input{font-size:18px}@media (min-width:64rem){.lg\:\[\&_kbd\]\:text-\[0\.85rem\] kbd{font-size:.85rem}}.\[\&_svg\]\:h-5 svg{height:calc(var(--spacing) * 5)}.\[\&_svg\]\:w-5 svg{width:calc(var(--spacing) * 5)}.\[\&_tbody_tr\:last-child_td\]\:border-b-0 tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\+\&\]\:\[border-top\:1px_dashed_var\(--outline-variant\)\]+.\[\&\+\&\]\:\[border-top\:1px_dashed_var\(--outline-variant\)\]{border-top:1px dashed var(--outline-variant)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{appearance:none}.\[\&\>button\]\:\!px-2>button{padding-inline:calc(var(--spacing) * 2)!important}@media not all and (min-width:64rem){.max-lg\:\[\&\>button\]\:flex-1>button{flex:1}}.\[\&\>span\]\:\!h-full>span{height:100%!important}.\[\&\>span\]\:\!w-full>span{width:100%!important}.\[\&\>svg\]\:mx-\[7px\]>svg{margin-inline:7px}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-5>svg{height:calc(var(--spacing) * 5)}.\[\&\>svg\]\:h-6>svg{height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:h-10>svg{height:calc(var(--spacing) * 10)}.\[\&\>svg\]\:h-\[18px\]>svg{height:18px}.\[\&\>svg\]\:h-\[19px\]>svg{height:19px}.\[\&\>svg\]\:h-\[20px\]>svg{height:20px}.\[\&\>svg\]\:h-\[21px\]>svg{height:21px}.\[\&\>svg\]\:h-\[22px\]>svg{height:22px}.\[\&\>svg\]\:h-\[34px\]>svg{height:34px}.\[\&\>svg\]\:h-\[86px\]>svg{height:86px}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-5>svg{width:calc(var(--spacing) * 5)}.\[\&\>svg\]\:w-6>svg{width:calc(var(--spacing) * 6)}.\[\&\>svg\]\:w-10>svg{width:calc(var(--spacing) * 10)}.\[\&\>svg\]\:w-\[18px\]>svg{width:18px}.\[\&\>svg\]\:w-\[19px\]>svg{width:19px}.\[\&\>svg\]\:w-\[20px\]>svg{width:20px}.\[\&\>svg\]\:w-\[21px\]>svg{width:21px}.\[\&\>svg\]\:w-\[22px\]>svg{width:22px}.\[\&\>svg\]\:w-\[34px\]>svg{width:34px}.\[\&\>svg\]\:w-\[86px\]>svg{width:86px}}:root,.present-theme[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-variant:#f1f4f0;--on-bg:#151a16;--on-surface:#151a16;--on-surface-variant:#3d4540;--primary:#377a2e;--on-primary:#fff;--primary-container:#e3f1dd;--on-primary-container:#1d3a17;--hot:#e8590c;--on-hot:#fff;--video:#d93025;--secondary:#9a5b00;--secondary-container:#fbeccf;--on-secondary-container:#3a2400;--member:#2f5f9e;--member-container:#e2ebf7;--elev-1:#fff;--elev-2:#fff;--outline:#838d85;--outline-variant:#e3e8e2;--skeleton-base:#eaeeea;--skeleton-sheen:#f6f8f6;--error:#b3261e;--on-error:#fff;--chord:#9a5b00;--section:#2f6f27;--leaf:#377a2e;--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;--key-c:#e4c46b;--key-d:#b8a1e3;--key-e:#f2a541;--key-f:#7fa7e0;--key-g:#e76f51;--key-a:#6fb3a8;--key-b:#8fbf6a;--on-key:#1d1a14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1411;--surface:#151c17;--surface-variant:#1c2620;--on-bg:#eef3ee;--on-surface:#eef3ee;--on-surface-variant:#bcc6be;--primary:#7cc36b;--on-primary:#0c1a0a;--primary-container:#24401f;--on-primary-container:#d7f0cd;--hot:#ff922b;--on-hot:#241403;--video:#ff6b6b;--secondary:#e8b04b;--secondary-container:#3a2e14;--on-secondary-container:#f6e3b8;--member:#9cc0ef;--member-container:#1f2e44;--elev-1:#1c2620;--elev-2:#212d25;--outline:#5f7264;--outline-variant:#26332a;--skeleton-base:#1c2620;--skeleton-sheen:#26332a;--error:#e5928a;--on-error:#3a1512;--chord:#e8b04b;--section:#7cc36b;--leaf:#7cc36b;--success:#79d196;--warning:#f0a53f;--on-key:#eef3ee}}*{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],.present-theme[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1411;--surface:#151c17;--surface-variant:#1c2620;--on-bg:#eef3ee;--on-surface:#eef3ee;--on-surface-variant:#bcc6be;--primary:#7cc36b;--on-primary:#0c1a0a;--primary-container:#24401f;--on-primary-container:#d7f0cd;--secondary:#e8b04b;--secondary-container:#3a2e14;--on-secondary-container:#f6e3b8;--member:#9cc0ef;--member-container:#1f2e44;--elev-1:#1c2620;--elev-2:#212d25;--outline:#5f7264;--outline-variant:#26332a;--skeleton-base:#1c2620;--skeleton-sheen:#26332a;--error:#e5928a;--on-error:#3a1512;--chord:#e8b04b;--section:#7cc36b;--leaf:#7cc36b;--success:#79d196;--warning:#f0a53f;--on-key:#eef3ee;--video:#ff6b6b}.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}.eq-bars i,.sv-toggle:after,.sv-icon,.sv-icon:before,.sv-icon svg *,.featured-card,.featured-badge.hot,.featured-badge.new .feat-emoji{animation:none}}@keyframes sv-sweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes sv-ping{0%{opacity:.7;transform:scale(.85)}80%,to{opacity:0;transform:scale(1.7)}}@keyframes sv-play{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes sv-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-8deg)}}@keyframes sv-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@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 today-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 0%, transparent)}}@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-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:20px;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(--chord)}@supports (color:color-mix(in lab, red, red)){.chord-mark{background:color-mix(in srgb, var(--chord) 14%, var(--surface))}}.chord-mark{box-shadow:0 0 0 2px var(--chord);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.chord-mark{box-shadow:0 0 0 2px color-mix(in srgb, var(--chord) 14%, 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}@media (min-width:768px) and (max-width:1023.98px){.detail-stack:has(#song-video-slot:not(:empty)){grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-auto-flow:dense;align-items:start;gap:8px 12px;display:grid}:is(.detail-stack:has(#song-video-slot:not(:empty)) .song-body,.detail-stack:has(#song-video-slot:not(:empty)) .song-deck){display:contents}.detail-stack:has(#song-video-slot:not(:empty))>*{grid-column:1/-1}.detail-stack:has(#song-video-slot:not(:empty)) .song-body>*{grid-column:1/-1}.detail-stack:has(#song-video-slot:not(:empty)) .song-deck>*{grid-column:1/-1}.detail-stack:has(#song-video-slot:not(:empty))>.song-actions{grid-column:2}.detail-stack:has(#song-video-slot:not(:empty)) .song-deck>:not(#song-video-slot){grid-column:2}.detail-stack:has(#song-video-slot:not(:empty)) #song-video-slot{grid-area:span 3/1}}@media (min-width:1024px) and (max-width:1279.98px){.song-deck:has(>#song-video-slot:not(:empty)){grid-auto-flow:dense;align-items:start}.song-deck>#song-video-slot:not(:empty){grid-area:span 3/1}.song-deck:has(>#song-video-slot:not(:empty))>:not(#song-video-slot):not(.deck-wide){grid-column:2}}.song-deck:not(:has(>:not(:empty))){display:none}@media (min-width:80rem){.song-body:has(>.song-deck:not(:has(>:not(:empty)))){grid-template-columns:minmax(0,1fr)}}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}