*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-moz-placeholder{color:var(--muted)}::placeholder{color:var(--muted)}::-moz-selection{background:var(--accent-soft);color:var(--accent)}::selection{background:var(--accent-soft);color:var(--accent)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.song-card{width:calc(100% - 1.5rem);max-width:48rem;margin:.375rem auto 0;padding:1.25rem 1.125rem 1.125rem;background:var(--surface);border:1px solid var(--edge);border-block-end:0;border-radius:1.5rem 1.5rem 0 0;min-height:calc(100dvh - 4.375rem)}.song-sheet{line-height:1.2}.sheet-section{margin-block:1.15em}.sheet-section.is-bridge,.sheet-section.is-chorus{border-inline-start:2px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-inline-start:.9em;margin-inline-start:.2em}.sheet-section.is-bridge{font-style:italic}.sheet-line{margin:0 0 .2em}.sheet-word{white-space:nowrap}.sheet-part,.sheet-word{display:inline-block}.sheet-chord{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;padding-inline-end:.45em;border:0;background:none;color:var(--accent);font-family:inherit;font-size:.7em;font-weight:500;letter-spacing:0;line-height:1.4;text-align:start;white-space:pre}button.sheet-chord{cursor:pointer;touch-action:manipulation}@media (hover:hover){button.sheet-chord:hover{text-decoration:underline;text-underline-offset:.15em}}.sheet-lyric{display:block;white-space:pre}.sheet-chord-name{display:block;text-align:center}.sheet-chord-shape{width:auto;height:4em;margin:.15em auto 0;stroke:color-mix(in srgb,var(--ink) 28%,transparent)}.sheet-chord-shape,.sheet-tab{display:block;color:var(--muted)}.sheet-tab{overflow-x:auto;margin:.6em 0;padding:.6em .75em;background:var(--surface-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:.8em;line-height:1.5}.sheet-comment{color:var(--muted);font-size:.8em;font-style:italic;margin:.6em 0 .3em}.chord-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.chord-backdrop{position:absolute;inset:0;background:rgb(10 11 14/45%)}.chord-card{position:relative;width:100%;max-width:15rem;padding:1.25rem 1rem 1rem;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--shadow-panel);text-align:center}.chord-close{position:absolute;top:.35rem;inset-inline-end:.35rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--faint)}@media (hover:hover){.chord-close:hover{background:var(--surface-2);color:var(--ink)}}.chord-name{color:var(--accent);font-size:1.5rem;font-weight:600;line-height:1.1}.chord-diagram{display:block;width:auto;height:12rem;margin:.75rem auto 0;stroke:color-mix(in srgb,var(--ink) 28%,transparent);color:var(--muted)}.chord-diagram-dot{fill:var(--accent)}.chord-diagram-capo{stroke:var(--accent)}.capo-note{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .5rem;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-size:.8125rem}.song-note{display:flex;align-items:flex-start;gap:.45rem;padding:.5rem .7rem;border-radius:var(--r-md);background:var(--bg);color:var(--muted);font-size:.8125rem;line-height:1.45}.song-note svg{flex:none;margin-top:.2rem;color:var(--faint)}.song-note-text{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:break-word}.song-note-edit{flex:none;color:var(--faint)}@media (hover:hover){.song-note-edit:hover{color:var(--ink)}}.song-note-field{resize:vertical}.chord-diagram-open{stroke:var(--muted)}.chord-diagram-mute{stroke:var(--faint)}.chord-diagram-fret{fill:var(--muted);stroke:none;font-size:13px;font-weight:600}.chord-notes{margin-top:.75rem;color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.upgrade-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.upgrade-backdrop{position:absolute;inset:0;background:rgb(10 11 14/45%)}.upgrade-card{position:relative;width:100%;max-width:22rem;padding:1.5rem 1.5rem 1.25rem;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--shadow-panel)}.upgrade-close{position:absolute;top:.35rem;inset-inline-end:.35rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--faint)}@media (hover:hover){.upgrade-close:hover{background:var(--surface-2);color:var(--ink)}}.upgrade-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.125rem;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink);font-size:.9375rem;font-weight:500;line-height:1.2;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.5;cursor:default}.btn-primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.btn-primary:disabled{border-color:var(--edge);background:var(--surface-2);color:var(--faint);box-shadow:none;opacity:1}.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet,.btn.is-inset{border-color:transparent;box-shadow:none}.btn.is-inset{background:var(--surface-2)}.btn-ink{border-color:transparent;background:var(--ink);color:var(--bg);box-shadow:none}@media (hover:hover){.btn-ink:not(:disabled):hover{background:color-mix(in srgb,var(--ink) 88%,var(--accent))}}.btn-danger{border-color:transparent;background:var(--danger-soft);color:var(--danger);box-shadow:none}.btn-sm{min-height:2.5rem;padding:.35rem .875rem;font-size:.875rem}@media (hover:hover){.btn:not(:disabled):hover{background:var(--surface-2)}.btn-primary:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn-danger:not(:disabled):hover{background:color-mix(in srgb,var(--danger-soft) 80%,var(--danger))}}.card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-xl);box-shadow:var(--shadow-1)}.card .card,.song-card .card{background:var(--bg);box-shadow:none}.card-lead{box-shadow:var(--shadow-2)}.card-stack{display:flex;flex-direction:column;gap:.75rem}.panel{background:var(--bg);border-radius:var(--r-lg)}.notice{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .9rem;border:1px solid var(--edge);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);color:var(--muted);font-size:.875rem}.notice-accent,.notice-error,.notice-success{box-shadow:none}.notice-accent{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.notice-error{border-color:transparent;background:var(--danger-soft);color:var(--danger)}.notice-success{border-color:transparent;background:var(--success-soft);color:var(--success)}.notice svg{flex:none;margin-top:.1rem}.hero-mark{width:5rem;height:5rem;border-radius:50%;background:var(--surface);border:1px solid var(--edge);box-shadow:var(--shadow-1)}.hero-mark,.hero-mark-fill{display:inline-flex;align-items:center;justify-content:center}.hero-mark-fill{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--accent);color:var(--on-accent)}.hero-mark-fill svg{width:28px;height:28px}@media (min-width:640px){.hero-mark{width:5.75rem;height:5.75rem}.hero-mark-fill{width:4.125rem;height:4.125rem}.hero-mark-fill svg{width:32px;height:32px}}.btn.is-page{background:var(--bg);box-shadow:none}.btn.is-page,.login-card.card .form-field{border-color:var(--line)}.login-or{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.login-or:after,.login-or:before{content:"";flex:1;height:1px;background:var(--edge)}.landing-title{font-size:2.25rem;font-weight:500;line-height:1.05;letter-spacing:-.03em}@media (min-width:640px){.landing-title{font-size:3rem}}.landing-payoff{color:var(--accent);font-size:1.0625rem;font-weight:500;letter-spacing:-.01em}@media (min-width:640px){.landing-payoff{font-size:1.25rem}}.feature-grid{display:grid;gap:.875rem;grid-template-columns:1fr}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.feature-card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-xl);box-shadow:var(--shadow-1);padding:1.375rem}@media (min-width:1024px){.feature-card{background:none;border:none;box-shadow:none;padding:0 .75rem;text-align:center}}.feature-head{display:flex;align-items:center;gap:.75rem}@media (min-width:1024px){.feature-head{flex-direction:column;gap:0}}.feature-title{margin:0;font-size:1rem;font-weight:500}@media (min-width:1024px){.feature-title{margin-top:1rem}}.feature-text{margin:.75rem 0 0;font-size:.875rem;line-height:1.5;color:var(--muted)}@media (min-width:1024px){.feature-text{margin-top:.5rem}}.feature-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}.feature-icon svg{width:20px;height:20px}@media (min-width:1024px){.feature-icon{width:3.5rem;height:3.5rem;border-radius:50%}.feature-icon svg{width:26px;height:26px}}.landing-feature-title{font-size:1.1875rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}@media (min-width:1024px){.landing-feature-title{font-size:1.625rem}}.screen-title{font-size:1.875rem;font-weight:500;line-height:1.1;letter-spacing:-.03em}.section-title{font-size:1.1875rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}.screen-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;padding-bottom:1.375rem;border-bottom:1px solid var(--line)}.screen-header-actions{display:flex;align-items:center;gap:.5rem;flex:none}.screen-subtitle{display:flex;align-items:center;gap:.625rem;margin:.75rem 0 0;color:var(--muted);font-size:.9375rem}.screen-subtitle-dot{display:inline-block;width:3px;height:3px;flex:none;border-radius:50%;background:var(--line)}.group-label{display:block;color:var(--muted);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.feature-spotlight{position:relative;overflow:hidden;padding:1.75rem 1.375rem;background:var(--accent);border-radius:var(--r-2xl);color:color-mix(in srgb,var(--on-accent) 92%,transparent)}@media (min-width:1024px){.feature-spotlight{padding:2.75rem 3rem}}.feature-spotlight-mark{position:absolute;top:-4.375rem;right:-4rem;color:color-mix(in srgb,var(--on-accent) 14%,transparent);pointer-events:none}@media (min-width:1024px){.feature-spotlight-mark{top:-5.25rem;right:-4.375rem}}.feature-spotlight-inner{position:relative;display:grid;gap:1.375rem}@media (min-width:1024px){.feature-spotlight-inner{grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}}.feature-spotlight-icon{display:inline-flex;align-items:center;justify-content:center;width:3.625rem;height:3.625rem;border-radius:50%;background:color-mix(in srgb,var(--on-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--on-accent) 26%,transparent);color:var(--on-accent)}@media (min-width:1024px){.feature-spotlight-icon{width:4rem;height:4rem}}.feature-spotlight-icon svg{width:26px;height:26px}.feature-spotlight-title{margin-top:1rem;color:var(--on-accent);font-size:1.375rem;font-weight:500;letter-spacing:-.02em}@media (min-width:1024px){.feature-spotlight-title{margin-top:1.125rem;font-size:2.125rem}}.feature-spotlight-text{margin:.75rem 0 0;max-width:26rem;font-size:.9375rem;line-height:1.55}@media (min-width:1024px){.feature-spotlight-text{font-size:.96875rem}}.feature-spotlight-points{display:grid;gap:2px;margin-top:1.375rem;border-radius:var(--r-panel);overflow:hidden;background:color-mix(in srgb,var(--on-accent) 14%,transparent)}@media (min-width:1024px){.feature-spotlight-points{margin-top:0}}.feature-spotlight-point{display:flex;gap:.875rem;padding:1.125rem 1.25rem;background:color-mix(in srgb,var(--on-accent) 8%,transparent)}.feature-spotlight-point-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.8125rem;background:color-mix(in srgb,var(--on-accent) 18%,transparent);color:var(--on-accent)}.feature-spotlight-point-icon svg{width:18px;height:18px}.feature-spotlight-point-title{margin:0;color:var(--on-accent);font-size:.9375rem;font-weight:500}.feature-spotlight-point-text{margin:.3125rem 0 0;font-size:.84375rem;line-height:1.5}.faq-item>summary{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;list-style:none;font-size:.9375rem;font-weight:500}.faq-item>summary::-webkit-details-marker{display:none}.faq-arrow{flex:none;color:var(--faint);transition:rotate .12s ease}.faq-item[open]>summary .faq-arrow{rotate:90deg}.faq-answer{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.875rem;line-height:1.5}.login-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(55% 40% at 50% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}.landing-width{width:100%;max-width:70rem;margin-inline:auto}.landing-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.landing-hero-decor{background:radial-gradient(70% 90% at 78% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),radial-gradient(40% 60% at 8% 100%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}.landing-hero-decor,.landing-hero-grain{position:absolute;inset:0;pointer-events:none}.landing-hero-grain{opacity:.5;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 13px);-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%)}@media (min-width:1024px){.landing-hero-grain{-webkit-mask-image:radial-gradient(60% 70% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 50% 40%,#000,transparent 75%)}}.landing-hero-grid{position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"badge" "title" "lede" "pills" "card" "counters"}@media (min-width:1024px){.landing-hero-grid{grid-template-columns:1fr 372px;-moz-column-gap:3.25rem;column-gap:3.25rem;align-items:center;grid-template-areas:"badge card" "title card" "lede card" "pills card" "counters card"}}.hero-badge{grid-area:badge;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:.625rem 1.25rem;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}@media (min-width:1024px){.hero-badge{margin-inline:0;padding:.75rem 1.625rem}}.hero-badge img{height:1.75rem;width:auto}@media (min-width:1024px){.hero-badge img{height:2.125rem}}.landing-hero-title{grid-area:title;margin-top:1.5rem;font-size:2.5rem;font-weight:500;line-height:1;letter-spacing:-.035em}@media (min-width:1024px){.landing-hero-title{margin-top:1.875rem;font-size:3.875rem;line-height:.98;letter-spacing:-.04em}}.landing-hero-lede{grid-area:lede;margin-top:1rem;max-width:31rem;color:var(--muted);font-size:.96875rem;line-height:1.5}@media (min-width:1024px){.landing-hero-lede{margin-top:1.625rem;font-size:1.15625rem}}.hero-pills{grid-area:pills;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.375rem}@media (min-width:1024px){.hero-pills{gap:.5625rem;margin-top:2rem}}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--line);color:var(--muted);font-size:.8125rem}.hero-pill svg{color:var(--accent)}@media (min-width:1024px){.hero-pill{padding:.5625rem 1rem;font-size:.875rem}}.hero-counters{grid-area:counters;display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-top:1.75rem;padding-top:1.625rem;border-top:1px solid var(--line)}@media (min-width:1024px){.hero-counters{grid-template-columns:repeat(3,auto);justify-content:start;gap:2.75rem;margin-top:2.25rem;padding-top:1.875rem}}.hero-counter-value{display:flex;align-items:baseline;gap:1px;font-size:2rem;font-weight:500;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}@media (min-width:1024px){.hero-counter-value{font-size:2.75rem;letter-spacing:-.035em}}.hero-counter-value.is-accent{color:var(--accent)}.hero-counter-label{margin:.5rem 0 0;color:var(--muted);font-size:.8125rem;line-height:1.3}@media (min-width:1024px){.hero-counter-label{margin-top:.75rem;font-size:.90625rem}}.hero-counter-digit{position:relative;display:inline-block;width:1ch;height:1em;overflow:hidden;vertical-align:baseline}.hero-counter-digit-in,.hero-counter-digit-out{display:block;will-change:transform}.hero-counter-digit-out{position:absolute;inset:0;animation:rollUpOut .52s cubic-bezier(.3,.9,.3,1) forwards}.hero-counter-digit-in{animation:rollUpIn .52s cubic-bezier(.3,.9,.3,1) both}@keyframes rollUpIn{0%{transform:translateY(100%)}to{transform:none}}@keyframes rollUpOut{0%{transform:none}to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.hero-counter-digit-in{animation:none}.hero-counter-digit-out{display:none}}.landing-hero-card{grid-area:card;width:100%;max-width:28rem;margin:1.75rem auto 0}@media (min-width:1024px){.landing-hero-card{max-width:none;margin:0}}.plan-columns{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.plan-columns{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.plan-columns{grid-template-columns:1fr 1fr 1.16fr 1fr;align-items:end}}.plan-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem;border-radius:1.25rem}.plan-card.is-paid{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--edge))}.plan-card.is-paid .plan-name{color:color-mix(in srgb,var(--accent) 85%,black)}.plan-card.is-featured{gap:.875rem;padding:2rem 1.5rem 1.625rem;border-radius:1.5rem;border-color:transparent;background:color-mix(in srgb,var(--accent) 78%,black);box-shadow:0 1.5rem 3rem -1.25rem color-mix(in srgb,var(--accent) 55%,transparent)}.plan-badge{position:absolute;top:-.8125rem;left:1.5rem;display:inline-flex;align-items:center;height:1.625rem;padding:0 .875rem;border-radius:var(--r-pill);background:var(--on-accent);color:color-mix(in srgb,var(--accent) 85%,black);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.plan-name{color:var(--muted);font-size:1.5rem;font-weight:500}.plan-card.is-featured .plan-name{color:color-mix(in srgb,var(--on-accent) 82%,transparent)}.plan-price{color:var(--ink);font-size:1.75rem;font-weight:500;letter-spacing:-.02em;line-height:1.15}.plan-card.is-featured .plan-price{color:var(--on-accent);font-size:2.125rem}.plan-price-period{font-size:.875rem;font-weight:400;color:var(--muted)}.plan-card.is-featured .plan-price-period{color:color-mix(in srgb,var(--on-accent) 68%,transparent)}.plan-audience{flex:1;color:var(--muted);font-size:.84375rem;line-height:1.5}.plan-card.is-featured .plan-audience{color:color-mix(in srgb,var(--on-accent) 82%,transparent)}.plan-cta{height:2.75rem;font-weight:600}.plan-cta:not(.btn-primary){height:2.5rem;background:transparent;box-shadow:none}.plan-card.is-featured .plan-cta{background:var(--on-accent);color:color-mix(in srgb,var(--accent) 85%,black);font-weight:700}.plan-table-frame{border-radius:1.25rem;background:var(--surface);border:1px solid var(--edge);overflow:hidden}.plan-table-scroll{overflow-x:auto;padding-bottom:.25rem}.plan-table{width:100%;min-width:56rem;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.plan-table td,.plan-table th{padding:.9375rem .875rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink);font-weight:400}.plan-table thead tr{border-bottom:1px solid var(--edge)}.plan-table thead th{padding-top:1.125rem;padding-bottom:1.125rem}.plan-table-name{display:block;color:var(--ink);font-size:1.0625rem;font-weight:500}.plan-table-price{display:block;margin-top:.125rem;color:var(--muted);font-size:.78125rem;font-weight:400}.plan-table-featured{background:var(--accent-soft)}.plan-table-featured .plan-table-name{color:color-mix(in srgb,var(--accent) 85%,black)}.plan-table-featured .plan-table-price{color:color-mix(in srgb,var(--accent) 70%,var(--muted))}.plan-table tbody .plan-table-featured{font-weight:500}.plan-table th[scope=row],.plan-table thead th:first-child{position:sticky;left:0;z-index:1;width:13rem;background:var(--surface);box-shadow:1px 0 0 var(--line)}@media (min-width:640px){.plan-table th[scope=row],.plan-table thead th:first-child{width:20rem}}.plan-row-label{display:block;color:var(--ink);font-size:.875rem;font-weight:500}.plan-row-note{display:block;margin-top:.25rem;max-width:22rem;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.5}.plan-cell-none{color:var(--faint)}.pricing-eyebrow{display:inline-flex;align-items:center;height:1.75rem;padding:0 1rem;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-size:.78125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lifetime-panel{position:relative;padding:2rem 1.5rem;border-radius:1.5rem;background:color-mix(in srgb,var(--accent) 55%,black);color:var(--on-accent);overflow:hidden}@media (min-width:640px){.lifetime-panel{padding:2rem 3rem}}.lifetime-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--on-accent) 60%,transparent);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.lifetime-title{margin-top:.625rem;color:var(--on-accent);font-size:1.875rem;font-weight:500;letter-spacing:-.02em}.lifetime-what{margin-top:.625rem;max-width:32rem;color:color-mix(in srgb,var(--on-accent) 78%,transparent);font-size:.90625rem;line-height:1.6}.lifetime-original{color:color-mix(in srgb,var(--on-accent) 62%,transparent);font-size:1.625rem;font-weight:500;text-decoration:line-through}.lifetime-price{margin-top:.125rem;color:var(--on-accent);font-size:3.25rem;font-weight:500;letter-spacing:-.02em;line-height:1.1}.lifetime-pill{display:inline-flex;align-items:center;height:1.5rem;margin-top:.375rem;padding:0 .75rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--on-accent) 18%,transparent);color:var(--on-accent);font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.trust-note{display:flex;align-items:center;gap:.875rem;padding:1.125rem 1.5rem}.trust-note-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.top-bar{position:sticky;top:0;z-index:40;background:var(--bg)}.top-bar-inner{display:flex;align-items:center;gap:.5rem;max-width:var(--top-bar-width,48rem);margin-inline:auto;padding:.75rem 1rem}.brand{display:inline-flex;align-items:center;flex:none}.brand img{height:1.375rem;width:auto}img.lockup-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) img.lockup-light{display:none}:root:not([data-theme=light]) img.lockup-dark{display:block}}:root[data-theme=dark] img.lockup-light{display:none}:root[data-theme=dark] img.lockup-dark{display:block}.app-footer{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-top:2.5rem;padding-block:1.5rem;border-top:1px solid var(--edge);text-align:center}.app-footer-credit{font-size:.8125rem;letter-spacing:.01em;color:var(--muted)}.app-footer-credit a{color:inherit}.app-footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--muted)}.app-footer-legal a{color:inherit}.app-footer-legal span{color:var(--muted)}@media (hover:hover){.app-footer-credit a:hover,.app-footer-legal a:hover{color:var(--ink)}}.legal-content h1{font-size:1.5rem;font-weight:600;color:var(--ink)}.legal-content .legal-updated{margin-top:.375rem;font-size:.8125rem;color:var(--muted)}.legal-content h2{margin-top:2rem;font-size:1.0625rem;font-weight:600;color:var(--ink);scroll-margin-top:4.5rem}.legal-content p{margin-top:.625rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.legal-content ul{margin-top:.625rem;padding-left:1.25rem;list-style:disc}.legal-content li{margin-top:.25rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.legal-content strong{color:var(--ink);font-weight:600}.legal-content a{color:var(--accent);text-underline-offset:2px}.legal-content table{margin-top:.75rem;width:100%;border-collapse:collapse;font-size:.8125rem}.legal-content td,.legal-content th{padding:.5rem .625rem;text-align:left;vertical-align:top;border:1px solid var(--line);color:var(--muted)}.legal-content th{color:var(--ink);font-weight:600}.code-block{display:block;overflow-x:auto;margin:.75rem 0;padding:.875rem 1rem;background:var(--surface-2);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;white-space:pre-wrap}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.5rem;min-height:2.5rem;padding-inline:.5rem;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);font-size:.875rem;font-weight:500}.nav-link.is-on{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.nav-link.is-off{color:var(--line)}@media (hover:hover){.nav-link:hover{background:var(--surface-2);color:var(--ink)}}.menu{position:relative;flex:none}.menu-overlay{position:fixed;inset:0;z-index:30}.menu-panel{position:absolute;top:calc(100% + .4rem);inset-inline-end:0;z-index:40;min-width:13rem;padding:.5rem;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--shadow-panel)}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;min-height:2.6rem;padding:.4rem .7rem;border-radius:var(--r-md);color:var(--ink);font-size:.9375rem;text-align:start}.menu-item.is-on{background:var(--accent-soft);color:var(--accent)}.menu-item svg{flex:none;color:var(--faint)}.menu-item.is-on svg{color:var(--accent)}@media (hover:hover){.menu-item:hover{background:var(--surface-2)}}.menu-divider{height:1px;margin:.35rem .2rem;background:var(--line)}.menu-panel.is-wide{width:min(19rem,calc(100vw - 2rem))}.sing-steps{display:flex;flex-direction:column;gap:.9rem}.sing-step{display:flex;align-items:flex-start;gap:.65rem}.sing-step-num{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;margin-top:.05rem;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600}.sing-step-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:.6rem}.avatar,.avatar-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-pill);color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.01em}.avatar-lg{width:2.75rem;height:2.75rem;font-size:.9375rem}.user-menu-header{display:flex;align-items:center;gap:.7rem;padding:.4rem .5rem .6rem}.user-menu-identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.3rem}.user-menu-email{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--ink)}.back-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem .5rem .625rem;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font-size:.875rem}@media (hover:hover){.back-link:hover{background:var(--surface-2);color:var(--ink)}}.\!row{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem .875rem!important;border-radius:var(--r-md)!important}.row{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:var(--r-md)}@media (hover:hover){a.row:hover,button.row:hover{background:var(--surface-3)}a.\!row:hover,button.\!row:hover{background:var(--surface-3)!important}}.row-list{padding:.5rem}.row-nested{margin:0 .625rem .625rem;background:var(--surface-3)}.row-dragging{background:var(--surface);box-shadow:var(--shadow-2);position:relative;z-index:1}.drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;margin-inline-start:-.35rem;border-radius:var(--r-sm);color:var(--muted);cursor:grab;touch-action:none}.drag-handle:focus-visible{color:var(--ink);background:var(--surface-2)}@media (hover:hover){.drag-handle:hover{color:var(--muted)}}.badge{min-width:2.375rem;padding:.25rem .625rem;font-size:.8125rem;font-variant-numeric:tabular-nums}.badge,.count-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-weight:500}.count-badge{min-width:1.625rem;height:1.625rem;padding-inline:.5rem;font-size:.75rem;font-variant-numeric:tabular-nums}.row-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}.row-icon-lg{width:2.75rem;height:2.75rem;border-radius:var(--r-lg)}.row-count{display:block;margin-top:.125rem;color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.row-index{width:1.25rem;flex:none;color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:right}.back-plain{display:inline-flex;align-items:center;gap:.4375rem;color:var(--muted);font-size:.875rem;text-decoration:none}@media (hover:hover){.back-plain:hover{color:var(--ink)}}.info-card{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem 1.625rem}.info-card-main{display:flex;align-items:flex-start;gap:1rem;min-width:0;flex:1 1 16rem}.info-card-body{min-width:0;flex:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--r-sm);background:var(--bg);color:var(--muted)}.icon-button.is-danger{background:var(--danger-soft);color:var(--danger)}.icon-button:disabled{color:var(--faint)}@media (hover:hover){.icon-button:not(:disabled):hover{background:var(--surface-2);color:var(--ink)}.icon-button.is-danger:not(:disabled):hover{background:color-mix(in srgb,var(--danger-soft) 80%,var(--danger));color:var(--danger)}}.meta-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.625rem;padding:.1875rem .625rem;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.control-bar{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:0 .75rem calc(.875rem + env(safe-area-inset-bottom));pointer-events:none}.control-bar .menu-overlay{z-index:0;pointer-events:auto}.control-dock{position:relative;z-index:1;pointer-events:auto;display:flex;align-items:center;gap:.5rem;max-width:48rem;margin-inline:auto;padding:.5rem;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-2xl);box-shadow:var(--shadow-float)}.bar-spacer{height:calc(5.5rem + env(safe-area-inset-bottom))}.control-button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:2.875rem;height:2.875rem;border-radius:var(--r-lg);color:var(--ink);font-size:.9rem;font-weight:500;line-height:1}.control-play{background:var(--accent);color:var(--on-accent)}.control-open{position:relative;background:var(--accent-soft);color:var(--accent)}@media (hover:hover){.control-play:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.control-open:hover{background:color-mix(in srgb,var(--accent-soft) 82%,var(--accent))}}.pending-dot{position:absolute;top:.4375rem;inset-inline-end:.4375rem;width:.4375rem;height:.4375rem}.speed{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;height:2.875rem;padding-inline:.75rem;border-radius:var(--r-lg);background:var(--surface-2)}.speed svg{flex:none;color:var(--faint)}.speed-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:1.25rem;margin:0;background:none;cursor:pointer}.speed-range::-webkit-slider-runnable-track{height:.375rem;border-radius:var(--r-pill);background:linear-gradient(to right,var(--accent) var(--fill),var(--line) var(--fill))}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.speed-range::-moz-range-track{height:.375rem;border-radius:var(--r-pill);background:var(--line)}.speed-range::-moz-range-progress{height:.375rem;border-radius:var(--r-pill);background:var(--accent)}.speed-range::-moz-range-thumb{width:1.25rem;height:1.25rem;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.control-panel{position:absolute;inset-block-end:calc(100% + .625rem);inset-inline-end:0;width:16.75rem;max-width:calc(100vw - 1.5rem);padding:.875rem;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--shadow-panel)}.control-panel .group-label{margin-bottom:.5rem}.control-row{display:flex;align-items:center;gap:.625rem}.control-row+.control-row{margin-top:.625rem}.control-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .625rem;border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);font-size:.75rem;line-height:1.35}.control-hint>button{flex:none}.capo-hint-slot{margin-top:.5rem;min-height:3.5rem}.capo-hint-slot .control-hint{margin-top:0}.control-name{flex:1;min-width:0}.control-name-label{display:block;color:var(--ink);font-size:.8125rem}.control-name-value{display:block;margin-top:1px;color:var(--muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.control-name-value.is-changed{color:var(--accent)}.control-divider{height:1px;margin:.875rem 0}.control-divider,.segment{background:var(--surface-2)}.segment{display:flex;align-items:center;gap:.125rem;flex:none;padding:.1875rem;border-radius:var(--r-sm)}.segment-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;border-radius:var(--r-xs);background:var(--surface);color:var(--ink);font-size:.875rem;line-height:1}.segment-button.is-on{background:var(--accent);color:var(--on-accent);font-weight:500}.segment-button:disabled{background:transparent;color:var(--faint)}@media (hover:hover){.segment-button:not(:disabled):not(.is-on):hover{background:color-mix(in srgb,var(--surface) 88%,var(--accent));color:var(--accent)}}.field-label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.form-field{display:block;width:100%;padding:.875rem 1rem;border:1px solid var(--edge);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink);font-size:1rem;transition:border-color .15s ease}.card .form-field,.song-card .form-field{border-color:transparent;background:var(--bg);box-shadow:none}.panel .form-field{border-color:var(--edge);background:var(--surface);box-shadow:var(--shadow-1)}.form-field:focus{border-color:var(--accent)}select.form-field{padding-inline-end:2rem}textarea.form-field{border-radius:var(--r-md);background:var(--bg);box-shadow:none;line-height:1.45;resize:vertical}.search-field{position:relative}.search-field svg{position:absolute;top:50%;inset-inline-start:1rem;translate:0 -50%;color:var(--faint);pointer-events:none}.search-field input{padding-inline-start:2.875rem}.chip{display:inline-flex;align-items:center;gap:.3rem;flex:none;min-height:2.25rem;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip.is-empty{color:var(--muted);border-style:dashed}.chip svg{color:var(--faint)}@media (hover:hover){a.chip:hover{border-color:var(--accent)}a.chip:hover,a.chip:hover svg{color:var(--accent)}}.picker{position:relative;display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink)}.picker-raised{padding:.25rem .75rem;background:var(--surface);box-shadow:var(--shadow-1)}.picker svg{flex:none;color:var(--faint);pointer-events:none}.picker-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.15rem 0;border:0;background:none;color:var(--ink);font-size:1rem;line-height:1.3}.picker-select:focus-visible{outline:none}.picker:focus-within{border-color:var(--accent)}@media (hover:hover){.picker:hover{border-color:var(--accent)}.picker:hover svg{color:var(--accent)}}.editor-data>summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none}.editor-data>summary::-webkit-details-marker{display:none}.editor-data-arrow{flex:none;color:var(--faint);transition:rotate .12s ease}.editor-data[open]>summary .editor-data-arrow{rotate:90deg}.editor-head{position:sticky;top:4rem;z-index:30;background:var(--bg);border-block-end:1px solid var(--line)}.editor-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem 0}.editor-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500}.editor-modes{display:flex;align-items:center;padding-block-end:.4rem}.segment-wide{width:4.125rem}.editor-tools{display:flex;align-items:center;gap:.35rem;padding-block-end:.5rem}.btn-square{width:2.375rem;min-width:2.375rem;padding-inline:0}.editor-tools-scroll{display:flex;gap:.35rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.editor-tools-scroll::-webkit-scrollbar{display:none}.editor-tools-scroll>*{flex:none}.editor-line{display:flex;align-items:stretch;gap:.5rem;border-inline-start:2px solid transparent;padding-inline-start:.5rem}.editor-line.is-focused{border-inline-start-color:var(--accent)}.editor-line.is-bridge,.editor-line.is-chorus{background:color-mix(in srgb,var(--accent) 5%,transparent)}.editor-line.is-bridge .chord-ghost,.editor-line.is-bridge .line-input{font-style:italic}.line-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.line-inner{width:-moz-max-content;width:max-content;min-width:100%;padding-inline-end:1.5ch}.chord-row{position:relative;padding-block-start:.4rem;color:var(--accent);font-size:1rem;line-height:1.4;white-space:pre}.chord-ghost{visibility:hidden;font-family:var(--font-sans),system-ui,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal}.chord-anchor{position:relative;display:inline-block;width:0}.chord-chip{position:absolute;inset-block-end:0;inset-inline-start:0;visibility:visible;padding-inline-end:.35em;border-radius:var(--r-xs);color:var(--accent);font-family:var(--font-sans),system-ui,sans-serif;font-size:.8rem;font-weight:600;white-space:pre}@media (hover:hover){.chord-chip:hover{background:var(--accent-soft)}}.chord-loose{display:inline-flex;align-items:flex-end;gap:.9em}.chord-chip.is-loose{position:static;padding-inline-end:0}.chord-trailing{margin-inline-start:.35em}.chord-editing{position:absolute;inset-block-end:0;inset-inline-start:0;z-index:5;visibility:visible}.chord-field{visibility:visible;width:5ch;padding:0 .3rem;border:1px solid var(--accent);border-radius:var(--r-xs);background:var(--surface);color:var(--accent);font-size:1rem;line-height:1;font-weight:600}.chord-field:focus{outline:none}.chord-move-controls{display:flex;flex:none;align-self:center;gap:.4rem}.chord-nudge{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-size:1.1rem;line-height:1}@media (hover:hover){.chord-nudge:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}}.line-input{display:block;width:100%;padding:0;border:0;background:none;color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.35;white-space:pre}.line-input:focus{outline:none}.line-input::-moz-placeholder{color:var(--muted)}.line-input::placeholder{color:var(--muted)}.tab-input{display:block;width:100%;padding:.4rem 0;border:0;resize:none;background:none;color:var(--ink);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;white-space:pre;overflow-x:auto}.tab-input:focus{outline:none}.line-remove{flex:none;width:1.9rem;height:1.9rem;border-radius:var(--r-xs);color:var(--muted);font-size:1.1rem;line-height:1}@media (hover:hover){.line-remove:hover{background:var(--danger-soft);color:var(--danger)}}.chord-row{cursor:text}.editor-aside{display:flex;align-items:center;gap:.5rem;min-height:1.9rem;color:var(--muted);font-size:.85rem;font-style:italic}.editor-raw{display:block;width:100%;min-height:60vh;padding:.8rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-family:var(--font-mono),ui-monospace,monospace;font-size:.9rem;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.editor-raw:focus{outline:none;border-color:var(--accent)}.editor-hint{color:var(--muted);font-size:.75rem}.pending-dot{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}.skeleton{background:var(--surface-2);border-radius:var(--r-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.75}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-10{margin-top:-2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-7{margin-bottom:1.75rem}.mb-\[1\.125rem\]{margin-bottom:1.125rem}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[18px\]{margin-top:18px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-\[0\.9375rem\]{height:.9375rem}.h-\[1\.875rem\]{height:1.875rem}.h-\[3\.25rem\]{height:3.25rem}.h-auto{height:auto}.max-h-\[26rem\]{max-height:26rem}.min-h-12{min-height:3rem}.min-h-\[100dvh\]{min-height:100dvh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-48{width:12rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[26rem\]{max-width:26rem}.max-w-\[32rem\]{max-width:32rem}.max-w-\[38rem\]{max-width:38rem}.max-w-\[70rem\]{max-width:70rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[var\(--r-lg\)\]{border-radius:var(--r-lg)}.rounded-\[var\(--r-md\)\]{border-radius:var(--r-md)}.rounded-pill{border-radius:var(--r-pill)}.border{border-width:1px}.border-t{border-top-width:1px}.bg-\[var\(--surface-2\)\]{background-color:var(--surface-2)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[0\.875rem\]{padding-left:.875rem;padding-right:.875rem}.px-\[1\.125rem\]{padding-left:1.125rem;padding-right:1.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.84375rem\]{font-size:.84375rem}.text-\[0\.90625rem\]{font-size:.90625rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.03125rem\]{font-size:1.03125rem}.text-\[1\.6875rem\]{font-size:1.6875rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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)}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-faint{color:var(--faint)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-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)}:root{color-scheme:light;--bg:#f6f5f2;--surface:#ffffff;--surface-2:#edebe5;--surface-3:#f1efe9;--ink:#16181d;--muted:#5c626c;--faint:#8d939c;--line:#dcdad4;--edge:transparent;--accent:#97490f;--accent-soft:#f4e7d9;--on-accent:#fffaf4;--danger:#9d2820;--danger-soft:#fbe7e4;--success:#1a7a42;--success-soft:#e1f3e6;--avatar-0:#6b5b95;--avatar-1:#3f6b52;--avatar-2:#37618c;--avatar-3:#8a6d1f;--avatar-4:#7a4a63;--avatar-5:#4a6a6b;--r-xs:0.6875rem;--r-sm:0.875rem;--r-md:1rem;--r-lg:1.125rem;--r-panel:1.25rem;--r-xl:1.375rem;--r-2xl:1.625rem;--r-pill:999px;--shadow-1:0 1px 2px rgb(22 24 29/5%);--shadow-2:0 1px 2px rgb(22 24 29/5%),0 10px 24px -18px rgb(22 24 29/40%);--shadow-float:0 8px 30px -8px rgb(22 24 29/25%);--shadow-panel:0 12px 34px -10px rgb(22 24 29/28%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#101216;--surface:#181b21;--surface-2:#21252c;--surface-3:#1d2027;--ink:#eceef1;--muted:#99a0aa;--faint:#5f666f;--line:#2b2f37;--edge:var(--line);--accent:#f0b268;--accent-soft:#2a2118;--on-accent:#1b1206;--danger:#ff9a90;--danger-soft:#2f1a18;--success:#6fd88f;--success-soft:#17281c;--shadow-1:none;--shadow-2:none;--shadow-float:0 10px 34px -10px rgb(0 0 0/70%);--shadow-panel:0 14px 40px -12px rgb(0 0 0/75%)}}:root[data-theme=dark]{color-scheme:dark;--bg:#101216;--surface:#181b21;--surface-2:#21252c;--surface-3:#1d2027;--ink:#eceef1;--muted:#99a0aa;--faint:#5f666f;--line:#2b2f37;--edge:var(--line);--accent:#f0b268;--accent-soft:#2a2118;--on-accent:#1b1206;--danger:#ff9a90;--danger-soft:#2f1a18;--success:#6fd88f;--success-soft:#17281c;--shadow-1:none;--shadow-2:none;--shadow-float:0 10px 34px -10px rgb(0 0 0/70%);--shadow-panel:0 14px 40px -12px rgb(0 0 0/75%)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hover\:underline:hover{text-decoration-line:underline}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-8{margin-left:-2rem;margin-right:-2rem}.sm\:-mt-16{margin-top:-4rem}.sm\:mt-2\.5{margin-top:.625rem}.sm\:mt-8{margin-top:2rem}.sm\:mt-\[22px\]{margin-top:22px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:p-5{padding:1.25rem}.sm\:p-7{padding:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:pb-14{padding-bottom:3.5rem}.sm\:pt-12{padding-top:3rem}.sm\:pt-14{padding-top:3.5rem}.sm\:text-right{text-align:right}}@media (min-width:1024px){.lg\:-mx-12{margin-left:-3rem;margin-right:-3rem}.lg\:mt-12{margin-top:3rem}.lg\:mt-14{margin-top:3.5rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-2\.5{margin-top:.625rem}.lg\:mt-8{margin-top:2rem}.lg\:max-w-\[30rem\]{max-width:30rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pt-16{padding-top:4rem}.lg\:text-\[15px\]{font-size:15px}.lg\:leading-\[1\.5\]{line-height:1.5}}@media (min-width:1280px){.xl\:-mx-20{margin-left:-5rem;margin-right:-5rem}.xl\:px-20{padding-left:5rem;padding-right:5rem}}