*,: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{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-family-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{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-family-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}.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}}.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!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-20{top:5rem}.top-4{top:1rem}.z-40{z-index:40}.z-50{z-index:50}.z-sticky{z-index:var(--z-sticky)}.col-start-2{grid-column-start:2}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mt-3{margin-top:-.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-\[80px\]{height:80px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-\[52px\]{min-height:52px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-7{width:1.75rem}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[80px\]{min-width:80px}.max-w-5xl{max-width:64rem}.max-w-\[80\%\]{max-width:80%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-gap-lg{gap:var(--space-gap-lg)}.gap-gap-md{gap:var(--space-gap-md)}.gap-gap-sm{gap:var(--space-gap-sm)}.gap-gap-xl{gap:var(--space-gap-xl)}.gap-gap-xs{gap:var(--space-gap-xs)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-full{border-radius:9999px}.rounded-input{border-radius:var(--radius-input)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--color-harmonic-dominant\)\]{border-color:var(--color-harmonic-dominant)}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-brand-primary{border-color:var(--color-brand-primary)}.border-error{border-color:var(--color-error)}.bg-action-primary{background-color:var(--color-action-primary)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-brand-primary-subtle{background-color:var(--color-brand-primary-subtle)}.bg-brand-secondary{background-color:var(--color-brand-secondary)}.bg-error{background-color:var(--color-error)}.bg-error-subtle{background-color:var(--color-error-subtle)}.bg-success{background-color:var(--color-success)}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-surface-base{background-color:var(--color-surface-base)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-subtle{background-color:var(--color-surface-subtle)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--color-warning)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.p-component-lg{padding:var(--space-component-lg)}.p-component-md{padding:var(--space-component-md)}.p-component-sm{padding:var(--space-component-sm)}.p-component-xl{padding:var(--space-component-xl)}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-page-x{padding-left:var(--space-page-x);padding-right:var(--space-page-x)}.px-page-x-lg{padding-left:var(--space-page-x-lg);padding-right:var(--space-page-x-lg)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-section-y{padding-top:var(--space-section-y);padding-bottom:var(--space-section-y)}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-\[72px\]{padding-bottom:72px}.pb-section-y{padding-bottom:var(--space-section-y)}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-0{padding-right:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-component-md{padding-top:var(--space-component-md)}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:var(--font-family-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-body{font-size:var(--text-size-body)}.text-caption{font-size:var(--text-size-caption)}.text-label{font-size:var(--text-size-label)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subtitle{font-size:var(--text-size-subtitle)}.text-title-lg{font-size:var(--text-size-title-lg)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.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)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--color-harmonic-dominant\)\]{color:var(--color-harmonic-dominant)}.text-brand-primary{color:var(--color-brand-primary)}.text-brand-secondary{color:var(--color-brand-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-text-brand{color:var(--color-text-brand)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-warning{color:var(--color-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.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)}.shadow,.shadow-card{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow:var(--shadow-card);--tw-shadow-colored:var(--shadow-card)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-surface-subtle);color:var(--color-text-primary)}.placeholder\:text-text-muted::-moz-placeholder{color:var(--color-text-muted)}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}.backdrop\:bg-overlay-scrim::backdrop{background-color:var(--color-overlay-scrim)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-border-brand:hover{border-color:var(--color-border-brand)}.hover\:border-brand-primary:hover{border-color:var(--color-brand-primary)}.hover\:border-error:hover{border-color:var(--color-error)}.hover\:bg-action-primary-hover:hover{background-color:var(--color-action-primary-hover)}.hover\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.hover\:bg-surface-muted:hover{background-color:var(--color-surface-muted)}.hover\:text-brand-primary:hover{color:var(--color-brand-primary)}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-brand-primary:focus-visible{--tw-ring-color:var(--color-brand-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:inline-flex{display:inline-flex}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:left-1\/2{left:50%}.md\:left-auto{left:auto}.md\:right-6{right:1.5rem}.md\:right-auto{right:auto}.md\:top-auto{top:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-\[100px\]{height:100px}.md\:min-h-0{min-height:0}.md\:w-\[320px\]{width:320px}.md\:w-full{width:100%}.md\:max-w-\[var\(--container-content\)\]{max-width:var(--container-content)}.md\:max-w-sm{max-width:24rem}.md\:flex-shrink-0{flex-shrink:0}.md\:-translate-x-1\/2{--tw-translate-x:-50%;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:gap-8{gap:2rem}.md\:border-\[var\(--color-harmonic-dominant\)\]{border-color:var(--color-harmonic-dominant)}.md\:bg-\[var\(--color-harmonic-dominant\)\]{background-color:var(--color-harmonic-dominant)}.md\:py-section-y{padding-top:var(--space-section-y);padding-bottom:var(--space-section-y)}.md\:pb-0{padding-bottom:0}.md\:text-\[var\(--primitive-gray-900\)\]{color:var(--primitive-gray-900)}}@media (min-width:1024px){.lg\:grid-cols-\[360px_1fr\]{grid-template-columns:360px 1fr}.lg\:px-\[var\(--space-page-x-lg\)\]{padding-left:var(--space-page-x-lg);padding-right:var(--space-page-x-lg)}}@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--primitive-purple-50:#F5F3FF;--primitive-purple-100:#EAE8FF;--primitive-purple-200:#D4D0FF;--primitive-purple-400:#9C96FF;--primitive-purple-600:#6C63FF;--primitive-purple-700:#5A52E0;--primitive-purple-900:#2D2880;--primitive-navy-950:#13131f;--primitive-navy-900:#1A1A2E;--primitive-navy-800:#16213E;--primitive-navy-700:#0F3460;--primitive-amber-100:#FEF3DC;--primitive-amber-400:#F5A623;--primitive-amber-600:#D4891A;--primitive-green-100:#E6F7F1;--primitive-green-400:#4AB87E;--primitive-green-500:#2D9E6B;--primitive-green-700:#1A6B48;--primitive-red-100:#FEE8E8;--primitive-red-500:#E53E3E;--primitive-red-700:#C0392B;--primitive-blue-100:#DBEAFE;--primitive-blue-500:#3B82F6;--primitive-blue-700:#1D4ED8;--primitive-gray-50:#F9FAFB;--primitive-gray-100:#F3F4F6;--primitive-gray-200:#E5E7EB;--primitive-gray-300:#D1D5DB;--primitive-gray-400:#9CA3AF;--primitive-gray-500:#6B7280;--primitive-gray-700:#374151;--primitive-gray-900:#111827;--primitive-white:#FFFFFF;--primitive-black:#000000;--primitive-on-dark-95:rgba(255,255,255,0.95);--primitive-on-dark-66:rgba(255,255,255,0.66);--primitive-on-dark-42:rgba(255,255,255,0.42);--primitive-on-dark-22:rgba(255,255,255,0.22);--primitive-on-dark-10:rgba(255,255,255,0.10);--primitive-on-dark-06:rgba(255,255,255,0.06);--primitive-on-dark-045:rgba(255,255,255,0.045);--primitive-on-dark-035:rgba(255,255,255,0.035);--color-brand-primary:var(--primitive-purple-600);--color-brand-primary-hover:var(--primitive-purple-700);--color-brand-primary-subtle:var(--primitive-purple-100);--color-brand-secondary:var(--primitive-navy-900);--color-on-brand-primary:var(--primitive-white);--color-action-primary:var(--primitive-amber-400);--color-action-primary-hover:var(--primitive-amber-600);--color-action-subtle:var(--primitive-amber-100);--color-on-action-primary:var(--primitive-gray-900);--color-action:var(--color-action-primary);--color-action-hover:var(--color-action-primary-hover);--color-on-action:var(--primitive-navy-900);--color-nav-active:var(--primitive-purple-600);--color-nav-active-bg:var(--color-brand-tint);--color-nav-active-border:var(--color-brand-tint-border);--color-nav-inactive:var(--primitive-gray-400);--color-success:var(--primitive-green-500);--color-success-subtle:var(--primitive-green-100);--color-warning:var(--primitive-amber-400);--color-warning-subtle:var(--primitive-amber-100);--color-error:var(--primitive-red-500);--color-error-subtle:var(--primitive-red-100);--color-text-primary:var(--primitive-gray-900);--color-text-secondary:var(--primitive-gray-700);--color-text-muted:var(--primitive-gray-500);--color-text-faint:var(--primitive-gray-400);--color-text-inverse:var(--primitive-white);--color-text-brand:var(--primitive-purple-600);--color-surface-base:var(--primitive-white);--color-surface-subtle:var(--primitive-gray-50);--color-surface-muted:var(--primitive-gray-100);--color-surface-hover:rgba(0,0,0,0.04);--color-surface-deep:var(--primitive-navy-950);--color-surface-inverse:var(--primitive-navy-900);--color-surface-brand:var(--primitive-purple-100);--color-overlay-scrim:rgba(10,10,22,0.6);--color-border-default:var(--primitive-gray-300);--color-border-subtle:var(--primitive-gray-100);--color-border-brand:var(--primitive-purple-600);--color-border-strong:var(--primitive-gray-700);--color-brand-tint:rgba(108,99,255,0.12);--color-brand-tint-strong:rgba(108,99,255,0.18);--color-brand-tint-border:rgba(108,99,255,0.30);--color-success-tint:rgba(45,158,107,0.12);--color-success-tint-border:rgba(45,158,107,0.24);--color-warning-tint:rgba(245,166,35,0.10);--color-warning-tint-border:rgba(245,166,35,0.18);--color-error-tint:rgba(229,62,62,0.08);--color-error-tint-border:rgba(229,62,62,0.22);--color-harmonic-tonic:var(--primitive-green-500);--color-harmonic-tonic-bg:var(--primitive-green-100);--color-harmonic-subdominant:var(--primitive-purple-600);--color-harmonic-subdominant-bg:var(--primitive-purple-100);--color-harmonic-dominant:var(--primitive-amber-400);--color-harmonic-dominant-bg:var(--primitive-amber-100);--color-note-root:var(--primitive-amber-400);--color-note-scale:var(--primitive-purple-600);--color-scale-note-text:#7A5200;--color-harmonic-tonic-badge-text:var(--primitive-green-700);--color-harmonic-subdominant-badge-text:var(--primitive-purple-700);--color-harmonic-dominant-badge-text:var(--primitive-gray-900);--tab-string-1:var(--primitive-amber-400);--tab-string-2:var(--primitive-green-400);--tab-string-3:var(--primitive-blue-500);--tab-string-4:var(--primitive-purple-400);--tab-string-5:var(--primitive-red-500);--tab-string-6:var(--primitive-gray-400);--font-family-sans:"Inter",system-ui,-apple-system,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--text-size-caption:var(--font-size-xs);--text-size-label:var(--font-size-sm);--text-size-body:var(--font-size-base);--text-size-body-lg:var(--font-size-lg);--text-size-subtitle:var(--font-size-xl);--text-size-title-sm:var(--font-size-2xl);--text-size-title-md:var(--font-size-3xl);--text-size-title-lg:var(--font-size-4xl);--text-size-hero:var(--font-size-5xl);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--space-component-xs:var(--spacing-2);--space-component-sm:var(--spacing-3);--space-component-md:var(--spacing-4);--space-component-lg:var(--spacing-6);--space-component-xl:var(--spacing-8);--space-gap-xs:var(--spacing-2);--space-gap-sm:var(--spacing-3);--space-gap-md:var(--spacing-4);--space-gap-lg:var(--spacing-6);--space-gap-xl:var(--spacing-8);--space-section-y:var(--spacing-16);--space-page-x:var(--spacing-6);--space-page-x-lg:var(--spacing-12);--space-results-x:var(--space-page-x);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-badge:var(--radius-full);--radius-note:var(--radius-full);--border-width-thin:1px;--border-width-default:1px;--border-width-thick:2px;--border-width-heavy:4px;--shadow-none:none;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-card:var(--shadow-md);--shadow-card-hover:var(--shadow-lg);--shadow-dropdown:var(--shadow-lg);--shadow-modal:var(--shadow-xl);--shadow-note-active:0 0 0 3px var(--color-brand-primary);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-lazy:700ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-button:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);--transition-card:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);--transition-note:transform var(--duration-fast) var(--ease-spring);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-content:1280px;--container-wide:1536px;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--fretboard-string-color:var(--primitive-gray-500);--fretboard-string-width:1.5px;--fretboard-fret-color:var(--primitive-gray-300);--fretboard-fret-width:1px;--fretboard-nut-width:4px;--fretboard-nut-color:var(--primitive-gray-900);--fretboard-bg:var(--primitive-navy-900);--fretboard-note-size:28px;--fretboard-note-root-size:32px;--chord-card-min-width:80px;--chord-card-radius:var(--radius-lg);--chord-tonic-border:var(--border-width-heavy) solid var(--color-harmonic-tonic);--chord-dominant-border:var(--border-width-heavy) solid var(--color-harmonic-dominant);--chord-subdominant-border:var(--border-width-heavy) solid var(--color-harmonic-subdominant);--waveform-color:var(--primitive-purple-400);--waveform-progress-color:var(--primitive-purple-600);--waveform-cursor-color:var(--primitive-amber-400);--waveform-region-color:rgba(108,99,255,0.2);--waveform-region-border:var(--primitive-purple-600);--waveform-height:80px;--playback-speed-active-bg:var(--primitive-purple-600);--playback-speed-active-text:var(--primitive-white);--confidence-high:var(--primitive-green-500);--confidence-medium:var(--primitive-amber-400);--confidence-low:var(--primitive-red-500);--chord-diagram-string-color:var(--primitive-gray-400);--chord-diagram-fret-color:var(--primitive-gray-300);--chord-diagram-nut-color:var(--primitive-gray-900);--chord-diagram-finger-bg:var(--primitive-navy-900);--chord-diagram-finger-color:var(--primitive-white);--chord-diagram-barre-color:var(--primitive-navy-700);--guitar-body:#1A1A2E;--guitar-nut:#EAE8FF;--guitar-fret-wire:rgba(255,255,255,0.32);--guitar-fret-separator:rgba(255,255,255,0.08);--guitar-fret-counter:rgba(255,255,255,0.55);--guitar-string-treble:rgba(255,255,255,0.96);--guitar-string-bass:rgba(255,255,255,0.55);--guitar-fret-marker:rgba(245,166,35,0.55);--guitar-finger:var(--primitive-purple-600);--guitar-finger-text:var(--primitive-white);--guitar-finger-root:var(--primitive-amber-400);--guitar-finger-root-ring:var(--primitive-amber-400);--chord-focus-padding:var(--spacing-4);--chord-focus-gap:var(--spacing-3);--chord-focus-radius:var(--radius-card);--chord-focus-name-size:var(--font-size-3xl);--chord-focus-degree-size:var(--font-size-xs);--chord-focus-notes-size:var(--font-size-xs);--degree-pill-padding-y:var(--spacing-2);--degree-pill-padding-x:var(--spacing-1);--degree-pill-radius:var(--radius-md);--degree-pill-accent-width:3px;--degree-pill-roman-size:var(--font-size-xs);--degree-pill-name-size:var(--font-size-sm);--color-scale-pentatonic:var(--primitive-green-500);--color-scale-pentatonic-bg:var(--primitive-green-100);--color-scale-diatonic:var(--primitive-purple-600);--color-scale-diatonic-bg:var(--primitive-purple-100);--color-difficulty-beginner:var(--primitive-green-500);--color-difficulty-beginner-bg:var(--primitive-green-100);--color-difficulty-intermediate:var(--primitive-blue-500);--color-difficulty-intermediate-bg:var(--primitive-blue-100);--level-badge-beginner-bg:var(--primitive-green-100);--level-badge-beginner-text:var(--primitive-green-700);--level-badge-intermediate-bg:var(--primitive-amber-100);--level-badge-intermediate-text:var(--primitive-amber-600);--level-badge-advanced-bg:var(--primitive-purple-100);--level-badge-advanced-text:var(--primitive-purple-700);--progress-bar-bg:var(--primitive-gray-100);--progress-bar-fill:var(--primitive-purple-600);--session-card-border:var(--primitive-gray-200);--explanation-panel-bg:var(--primitive-navy-900);--explanation-panel-text:var(--primitive-gray-100);--explanation-highlight-text:var(--primitive-amber-400);--explanation-border:var(--primitive-purple-600);--explanation-label-color:var(--primitive-purple-400);--token-meter-bg:var(--primitive-gray-100);--token-meter-fill-low:var(--primitive-green-500);--token-meter-fill-mid:var(--primitive-amber-400);--token-meter-fill-high:var(--primitive-red-500);--chat-bubble-user-bg:var(--primitive-purple-600);--chat-bubble-user-text:var(--primitive-white);--chat-bubble-ai-bg:var(--primitive-gray-100);--chat-bubble-ai-text:var(--primitive-gray-900);--chat-bubble-radius:var(--radius-xl);--chat-input-bg:var(--primitive-white);--chat-input-border:var(--primitive-gray-300);--chat-context-badge-bg:var(--primitive-purple-100);--chat-context-badge-text:var(--primitive-purple-700);--upsell-panel-bg:rgba(245,166,35,0.04);--upsell-panel-border:rgba(245,166,35,0.16);--feature-lock-icon:#B4B9CA;--input-border:rgba(0,0,0,0.12);--eartraining-hint-locked-bg:var(--primitive-gray-100);--eartraining-hint-locked-text:var(--primitive-gray-400);--eartraining-hint-active-bg:var(--primitive-amber-100);--eartraining-hint-active-text:var(--primitive-amber-600);--eartraining-correct-bg:var(--primitive-green-100);--eartraining-correct-text:var(--primitive-green-700);--eartraining-wrong-bg:var(--primitive-red-100);--eartraining-wrong-text:var(--primitive-red-500);--eartraining-direction-icon:var(--primitive-blue-500);--radius-card-compact:0.625rem;--radius-sheet:1rem;--app-sidebar-width:230px;--app-panel-width:300px;--app-mobile-nav-height:64px;--app-mobile-topbar-height:52px;--app-fab-size:52px;--app-content-x:var(--spacing-8);--app-content-x-mobile:var(--spacing-4)}@media (max-width:767px){:root{--space-page-x:var(--spacing-4);--space-results-x:var(--spacing-4);--space-results-content-top:var(--spacing-6);--text-size-results-key:var(--font-size-xl);--degree-pill-roman-size:0.625rem;--chord-focus-name-size:var(--font-size-4xl)}}.text-hero{font:var(--font-weight-bold) var(--text-size-hero) /var(--line-height-tight) var(--font-family-sans);letter-spacing:-.02em}.text-page-title{font:var(--font-weight-bold) var(--text-size-title-lg) /var(--line-height-tight) var(--font-family-sans);letter-spacing:-.015em}.text-section-title{font:var(--font-weight-semibold) var(--text-size-title-md) /var(--line-height-snug) var(--font-family-sans)}.text-card-title{font:var(--font-weight-semibold) var(--text-size-subtitle) /var(--line-height-snug) var(--font-family-sans)}.text-body{font:var(--font-weight-normal) var(--text-size-body) /var(--line-height-normal) var(--font-family-sans);color:var(--color-text-primary)}.text-body-emphasis{font:var(--font-weight-semibold) var(--text-size-body) /var(--line-height-normal) var(--font-family-sans)}.text-label{font:var(--font-weight-medium) var(--text-size-label) /var(--line-height-normal) var(--font-family-sans)}.text-caption{font:var(--font-weight-normal) var(--text-size-caption) /var(--line-height-normal) var(--font-family-sans);color:var(--color-text-muted)}.text-note-name{font:var(--font-weight-bold) var(--text-size-label) /var(--line-height-tight) var(--font-family-sans)}.text-chord-name{font:var(--font-weight-bold) var(--text-size-subtitle) /var(--line-height-tight) var(--font-family-sans)}.text-mono{font-family:var(--font-family-mono)}.text-tabular-nums{font-variant-numeric:tabular-nums}@keyframes reveal-card{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reveal-card{animation:reveal-card .25s ease-out both}@media (prefers-reduced-motion:reduce){.reveal-card{animation:none}}.guitar--dots .finger{width:1.75rem!important;height:1.75rem!important;padding:0!important;background:transparent!important;border-bottom:none!important;box-shadow:none!important;border-radius:50%!important}@keyframes harmonicPulse{0%{transform:scale(.8);background-color:var(--color-harmonic-dominant);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.8);background-color:var(--color-harmonic-tonic);opacity:.6}}.music-loader-pulse{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-full);flex-shrink:0;animation:harmonicPulse var(--duration-slow) var(--ease-default) infinite}@media (prefers-reduced-motion:reduce){.music-loader-pulse{animation:none;transform:none;opacity:1;background-color:var(--color-harmonic-dominant)}}@keyframes practiceHaloPulse{0%,to{opacity:.15}50%{opacity:.5}}.practice-halo{animation:practiceHaloPulse var(--duration-slow) var(--ease-default) infinite}@media (prefers-reduced-motion:reduce){.practice-halo{animation:none;opacity:.4}}.practice-pulse-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);flex-shrink:0;background-color:var(--color-harmonic-tonic);animation:harmonicPulse var(--duration-slow) var(--ease-default) infinite}@media (prefers-reduced-motion:reduce){.practice-pulse-dot{animation:none}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-shimmer{position:relative;overflow:hidden;background:var(--color-surface-muted,#E5E7EB)}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 50%,transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.skeleton-shimmer:after{animation:none;opacity:0}.skeleton-shimmer{opacity:.6}}.analyses-card{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.analyses-card:hover{border-color:rgba(108,99,255,.35)!important;box-shadow:0 4px 16px rgba(108,99,255,.1);background-color:rgba(108,99,255,.025)}.analyses-card:hover .analyses-card__chevron{color:var(--primitive-purple-200)}@keyframes chord-skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.chord-skeleton-pulse{animation:chord-skeleton-pulse 1.4s ease-in-out infinite;background-color:var(--color-surface-hover)}@media (prefers-reduced-motion:reduce){.chord-skeleton-pulse{animation:none;opacity:.6}}.ia-coming-dots{color:var(--color-action);letter-spacing:.02em}.ia-coming-dots>span{display:inline-block;opacity:.18;animation:iaDotWave 1.5s ease-in-out infinite}.ia-coming-dots>span:nth-child(2){animation-delay:.22s}.ia-coming-dots>span:nth-child(3){animation-delay:.44s}@keyframes iaDotWave{0%,62%,to{opacity:.18}28%{opacity:1}}@media (prefers-reduced-motion:reduce){.ia-coming-dots>span{animation:none;opacity:1}}dialog.improvisa-dialog-backdrop::backdrop,dialog.improvisa-dialog::backdrop{background:var(--color-overlay-scrim);backdrop-filter:blur(4px)}dialog.improvisa-dialog{background:var(--color-surface-base);box-shadow:var(--shadow-modal);border:1px solid var(--color-border-subtle)}[data-theme=dark] dialog.improvisa-dialog{background:var(--color-surface-subtle);border-color:var(--color-border-default)}[data-theme=dark] dialog.improvisa-dialog-backdrop::backdrop,[data-theme=dark] dialog.improvisa-dialog::backdrop{background:color-mix(in srgb,var(--color-surface-deep) 80%,transparent)}.improvisa-dialog-panel{background:var(--color-surface-base)}[data-theme=dark] .improvisa-dialog-panel{background:var(--color-surface-subtle)}.improvisa-bottom-nav{background:var(--color-surface-base);border-top:1px solid var(--color-border-default);box-shadow:0 -4px 12px rgb(0 0 0/.06)}[data-theme=dark] .improvisa-bottom-nav{background:var(--color-surface-deep);border-top-color:var(--color-border-default);box-shadow:0 -4px 16px rgb(0 0 0/.4)}[data-theme=dark]{--color-surface-base:var(--primitive-on-dark-035);--color-surface-subtle:var(--primitive-navy-900);--color-surface-deep:var(--primitive-navy-950);--color-surface-muted:var(--primitive-on-dark-06);--color-surface-inverse:var(--primitive-gray-50);--color-surface-hover:var(--primitive-on-dark-06);--color-text-primary:var(--primitive-on-dark-95);--color-text-secondary:var(--primitive-on-dark-66);--color-text-muted:var(--primitive-on-dark-42);--color-text-faint:var(--primitive-on-dark-22);--color-nav-inactive:var(--primitive-on-dark-42);--color-text-inverse:var(--primitive-gray-900);--color-border-subtle:var(--primitive-on-dark-045);--color-border-default:var(--primitive-on-dark-10);--color-brand-primary-subtle:var(--color-brand-tint);--color-scale-note-text:var(--color-text-secondary);--color-harmonic-tonic-bg:rgba(45,158,107,0.15);--color-harmonic-subdominant:var(--primitive-purple-400);--color-harmonic-subdominant-bg:rgba(156,150,255,0.15);--color-harmonic-dominant-bg:rgba(245,166,35,0.15);--color-harmonic-tonic-badge-text:var(--primitive-green-400);--color-harmonic-subdominant-badge-text:var(--primitive-purple-400);--color-harmonic-dominant-badge-text:var(--primitive-amber-400);--color-text-brand:var(--primitive-purple-400);--color-success-subtle:rgba(45,158,107,0.15);--color-warning-subtle:rgba(245,166,35,0.15);--color-error-subtle:rgba(229,62,62,0.15);--color-surface-brand:var(--color-brand-tint);--color-action-subtle:rgba(245,166,35,0.15);--upsell-panel-bg:rgba(245,166,35,0.06);--upsell-panel-border:rgba(245,166,35,0.2);--feature-lock-icon:rgba(255,255,255,0.24);--input-border:rgba(255,255,255,0.1);--chat-bubble-ai-bg:var(--primitive-on-dark-06);--chat-bubble-ai-text:var(--primitive-on-dark-95);--chat-input-bg:var(--primitive-on-dark-06);--chat-input-border:var(--primitive-on-dark-10);--chat-context-badge-bg:var(--color-brand-tint);--chat-context-badge-text:var(--primitive-purple-400);--guitar-finger:var(--primitive-purple-400);--chord-diagram-string-color:var(--guitar-string-treble);--chord-diagram-fret-color:var(--guitar-fret-wire);--chord-diagram-nut-color:var(--guitar-nut);--chord-diagram-finger-bg:var(--primitive-purple-400);--chord-diagram-barre-color:var(--primitive-purple-600);--chord-diagram-barre-bg:rgba(156,150,255,0.15);--chord-diagram-finger-color:var(--guitar-finger-text)}.duration-chips-grid,.scale-type-chips{display:flex;flex-wrap:wrap;gap:var(--space-gap-xs)}@media (max-width:639px){.duration-chips-grid,.scale-type-chips{display:grid;grid-template-columns:repeat(2,max-content)}}.practice-bpm-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}.practice-bpm-slider::-webkit-slider-runnable-track{height:4px;background:var(--color-border-subtle);border-radius:2px}.practice-bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-brand-primary);border-radius:50%;margin-top:-7px}.practice-bpm-slider::-moz-range-track{height:4px;background:var(--color-border-subtle);border-radius:2px}.practice-bpm-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-brand-primary);border-radius:50%;border:none}@media (max-width:767px){:root,[data-theme=dark],[data-theme]{--font-family-mono:var(--font-family-sans)}}