@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono","Fira Code",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-900:oklch(39.6% .141 25.723);--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-lg:.5rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:"SF Mono","Fira Code",monospace;--color-void:#050505;--color-surface:#0a0a0a;--color-elevated:#111;--color-border:#1a1a1a;--color-border-hover:#2a2a2a;--color-text-primary:#f5f0eb;--color-text-secondary:#8a8580;--color-text-muted:#847e76;--color-accent:#c8956c;--color-accent-bright:#e8b08a;--color-accent-glow:#c8956c26;--color-accent-deep:#8b5a3c;--color-accent-deep-aa:#a8714a;--color-teal:#0f766e;--color-teal-bright:#14b8a6;--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\[200px\]{min-height:200px}.min-h-\[260px\]{min-height:260px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-11{min-width:calc(var(--spacing)*11)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(260px\,300px\)_1fr\]{grid-template-columns:minmax(260px,300px) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[--color-border\]{border-color:--color-border}.border-red-900\/50{border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.border-red-900\/50{border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-\[\#4a4540\]{background-color:#4a4540}.bg-\[--color-surface\]{background-color:--color-surface}.bg-\[--color-void\]\/80{background-color:color-mix(in oklab,--color-void 80%,transparent)}.bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[--color-accent\]{--tw-gradient-from:--color-accent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[--color-accent-deep\]{--tw-gradient-to:--color-accent-deep;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-12{padding:calc(var(--spacing)*12)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.font-display{font-family:Instrument Serif,Georgia,serif}.font-mono{font-family:SF Mono,Fira Code,monospace}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[\#050505\]{color:#050505}.text-\[--color-accent\]{color:--color-accent}.text-\[--color-text-muted\]{color:--color-text-muted}.text-\[--color-text-primary\]{color:--color-text-primary}.text-\[--color-text-secondary\]{color:--color-text-secondary}.text-\[--color-void\]{color:--color-void}.text-red-400{color:var(--color-red-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#4a4540\]{--tw-ring-color:#4a4540}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:text-\[--color-accent\]:hover{color:--color-accent}}@media(min-width:48rem){.md\:h-\[50vh\]{height:50vh}.md\:min-h-\[400px\]{min-height:400px}.md\:flex-row{flex-direction:row}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-\[380px_1fr\]{grid-template-columns:380px 1fr}}}html{background-color:var(--color-void);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-void);min-height:100vh;margin:0}.font-display{font-family:var(--font-display);letter-spacing:-.03em}.font-display-italic{font-family:var(--font-display);letter-spacing:-.03em;font-style:italic}.font-tab{font-family:var(--font-mono);letter-spacing:.02em;font-size:14px;line-height:1.5}.eyebrow{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);font-size:11px;font-weight:500}.card-glass{border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:16px;transition:all .5s cubic-bezier(.16,1,.3,1)}.card-glass:hover{border-color:var(--color-border-hover);box-shadow:0 20px 60px -20px #000000b3,0 0 40px var(--color-accent-glow)}.fretboard{border:2px solid var(--color-accent-deep);background:linear-gradient(#2a1810,#1a0f0a);border-radius:8px}.neck-frame{position:relative}.neck-frame:before,.neck-frame:after{content:"";z-index:6;pointer-events:none;opacity:0;width:52px;transition:opacity .25s;position:absolute;top:2px;bottom:2px}.neck-frame:before{background:linear-gradient(90deg,#07040a,#0000);border-radius:8px 0 0 8px;left:2px}.neck-frame:after{background:linear-gradient(270deg,#07040a,#0000);border-radius:0 8px 8px 0;right:2px}.neck-start:after,.neck-mid:after,.neck-mid:before,.neck-end:before{opacity:1}.fret-wire{background:linear-gradient(90deg,#666,#999,#666)}.string-line{background:linear-gradient(#b8860b,#daa520,#b8860b)}.note-marker-wrap{z-index:2;justify-content:center;align-items:center;width:20px;height:20px;display:flex;top:50%;transform:translate(-50%,-50%)}.scale-overlay-dot{background:var(--color-accent);opacity:.22;pointer-events:none;z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.scale-overlay-dot.root{opacity:.5;box-shadow:0 0 0 1.5px var(--color-accent-bright);background:0 0}.note-marker{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow),inset 0 1px 2px #ffffff4d;transform-origin:50%;animation:noteAppear .42s cubic-bezier(.16,1,.3,1)var(--appear-delay,0s)backwards}.note-marker.open{color:var(--color-accent-bright);border:2px solid var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);background:0 0}.note-marker.root{background:var(--color-accent-bright);box-shadow:0 0 0 2px var(--color-void),0 0 0 4px var(--color-accent-bright),0 0 14px var(--color-accent-glow)}.note-marker.open.root{color:var(--color-accent-bright);box-shadow:0 0 0 2px var(--color-void),0 0 0 4px var(--color-accent-bright),0 0 10px var(--color-accent-glow);background:0 0}.legend-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:11px;height:11px}.legend-dot.root{background:var(--color-accent-bright);box-shadow:0 0 0 1.5px var(--color-void),0 0 0 3px var(--color-accent-bright)}.legend-dot.open{border:2px solid var(--color-accent);background:0 0}.legend-dot.playing{background:var(--color-accent-bright);box-shadow:0 0 8px var(--color-accent-bright)}.legend-dot.scale{opacity:.4;width:9px;height:9px}.legend-slide{background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-deep-aa));opacity:.7;border-radius:1px;flex-shrink:0;width:16px;height:2px}.note-marker.deg{background:var(--deg-color);box-shadow:0 0 8px #00000073,inset 0 1px 2px #ffffff40}.slide-line{background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-deep-aa));opacity:.5;z-index:1;pointer-events:none;border-radius:1px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.position-pills{flex-wrap:wrap;gap:4px;display:inline-flex}.position-pill{background:var(--color-surface);border:1px solid var(--color-border);min-width:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:5px 8px;font-size:13px;font-weight:600;line-height:1.1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.position-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.position-pill.active{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);border-color:var(--color-accent);color:#050505;box-shadow:0 0 14px var(--color-accent-glow)}.position-pill-hint{font-size:9px;font-weight:500}.scale-toggle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:all .2s;display:inline-flex}.scale-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.scale-toggle.active{border-color:var(--color-accent);color:var(--color-accent)}.scale-toggle-dot{background:0 0;border:2px solid;border-radius:50%;width:9px;height:9px}.scale-toggle.active .scale-toggle-dot{background:var(--color-accent);border-color:var(--color-accent)}.position-map{margin-top:4px}.pos-dot{color:#050505;background:var(--pos-color);opacity:.32;z-index:2;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.pos-dot.shift{opacity:.55;box-shadow:0 0 0 2px var(--color-void),0 0 0 3.5px #f5f0eb}.pos-dot.selected{opacity:1;z-index:3;box-shadow:0 0 9px var(--pos-color)}.pos-dot.selected.shift{box-shadow:0 0 0 2px var(--color-void),0 0 0 4px #f5f0eb,0 0 9px var(--pos-color)}.pos-dot.root:after{content:"";border:1.5px solid var(--pos-color);opacity:.7;border-radius:50%;position:absolute;inset:-3.5px}.pos-connector{z-index:1;pointer-events:none;border-radius:2px;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.pos-connector.slide{background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.pos-connector.pivot{background:var(--color-accent-bright);opacity:.55}.pos-swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.pos-shift-key{width:11px;height:11px;box-shadow:0 0 0 1.5px var(--color-void),0 0 0 3px #f5f0eb;background:0 0;border-radius:50%;flex-shrink:0}@keyframes noteAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.note-marker-wrap.active{z-index:4}.note-marker-wrap.active .note-marker{background:var(--color-accent-bright);color:#050505;box-shadow:0 0 22px var(--color-accent-bright),0 0 46px var(--color-accent-glow),inset 0 1px 2px #fff9;animation:.32s ease-out forwards notePlayPulse}@keyframes notePlayPulse{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1.3)}}.note-marker-wrap.active:after{content:"";border:2px solid var(--color-accent-bright);pointer-events:none;border-radius:50%;width:20px;height:20px;animation:.55s ease-out infinite notePing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}@keyframes notePing{0%{opacity:.85;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}.tab-display{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;overflow-x:auto}.tab-display pre{color:var(--color-text-primary);margin:0}.select-control{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238a8580' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:12px 40px 12px 16px;font-size:14px;transition:all .3s}.select-control:hover{border-color:var(--color-border-hover)}.select-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.select-control option{background:var(--color-surface);color:var(--color-text-primary)}.btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);color:var(--color-void);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{box-shadow:0 10px 30px -10px var(--color-accent-glow),0 0 20px var(--color-accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,.mode-toggle-btn:focus-visible,.position-pill:focus-visible,.instrument-card:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px}.btn-secondary{color:var(--color-text-secondary);font-family:var(--font-body);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .3s}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.accent-line{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.6;height:1px}.hero-store-cta{font-family:var(--font-body);letter-spacing:.02em;color:#050505;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);box-shadow:0 8px 30px -10px var(--color-accent-glow);border-radius:10px;align-items:center;gap:9px;margin-top:28px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:inline-flex}.hero-store-cta:hover{box-shadow:0 14px 40px -12px var(--color-accent-glow),0 0 24px var(--color-accent-glow);transform:translateY(-2px)}.hero-store-cta svg{flex-shrink:0}.noise-overlay{z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}.animate-delay-5{opacity:0;animation-delay:.5s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-deep)}.hero-pulse-bg{z-index:0;background:repeating-linear-gradient(0deg,#0000 0 37px,#c8956c0f 37px 38px),radial-gradient(80% 60% at 50% 45%,#c8956c0d,#0000 70%);position:absolute;inset:0;overflow:hidden}.hero-pulse-bg:before{content:"";background:radial-gradient(ellipse 60% 50% at center,var(--color-accent-glow),transparent 70%);filter:blur(40px);will-change:transform,opacity;width:45%;animation:6.5s ease-in-out infinite heroSweep;position:absolute;top:-20%;bottom:-20%;left:0}.hero-pulse-bg:after{content:"";background:linear-gradient(to top,var(--color-void),transparent);pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}@keyframes heroSweep{0%,to{opacity:.35;transform:translate(-40%)}50%{opacity:.85;transform:translate(180%)}}@media(prefers-reduced-motion:reduce){.note-marker{animation:noteAppear .42s ease var(--appear-delay,0s)backwards}.note-marker-wrap.active .note-marker{animation:none;transform:scale(1.3)}.note-marker-wrap.active:after{opacity:.6;animation:none;transform:translate(-50%,-50%)scale(1.4)}.hero-pulse-bg:before{opacity:.5;animation:none;transform:translate(70%)}}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:500;display:block}input[type=range]{-webkit-appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent-bright);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent-bright);outline-offset:2px}input[type=number]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}input[type=number]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.chromatic-strip{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.chroma-key{border:1px solid var(--color-border);background:var(--color-elevated);color:var(--color-text-secondary);font-family:var(--font-mono);text-align:center;cursor:pointer;border-radius:6px;padding:9px 0;font-size:11px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1)}.chroma-key.sharp{color:var(--color-text-muted);background:#0b0b0b}.chroma-key:hover{border-color:var(--color-accent-deep);color:var(--color-text-primary)}.chroma-key.active{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);border-color:var(--color-accent);color:#050505;box-shadow:0 0 12px var(--color-accent-glow)}.degree-row{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.degree-chip{font-family:var(--font-mono);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:5px;padding:3px 6px;font-size:10px;line-height:1}.degree-chip.root{background:var(--color-accent);border-color:var(--color-accent);color:#050505;font-weight:700}.string-row{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.string-chip{font-family:var(--font-mono);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);min-width:20px;color:var(--color-text-secondary);border-radius:5px;padding:3px 5px;font-size:10px;line-height:1}.pattern-hint{text-transform:capitalize;color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.pattern-hint svg{color:var(--color-accent);flex-shrink:0}.flare-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.flare-label{align-items:center;gap:10px;display:flex}.flare-label svg{color:var(--color-accent);flex-shrink:0}.flare-title{color:var(--color-text-primary);font-size:13px;font-weight:600;display:block}.flare-sub{color:var(--color-text-muted);font-size:11px;display:block}.switch{border:1px solid var(--color-border);background:var(--color-elevated);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s,border-color .2s;position:relative}.switch.on{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);border-color:var(--color-accent)}.switch-knob{background:#f5f0eb;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch.on .switch-knob{transform:translate(20px)}.playback-controls{border:1px solid var(--color-border);background:linear-gradient(135deg,#c8956c14,#c8956c05);border-radius:12px;padding:16px 20px}.btn-playback{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-play{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);color:var(--color-void);box-shadow:0 4px 20px var(--color-accent-glow)}.btn-play:hover{box-shadow:0 6px 30px var(--color-accent-glow),0 0 20px var(--color-accent-glow);transform:scale(1.1)}.btn-play:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-stop{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 20px #dc26264d}.btn-stop:hover{transform:scale(1.1);box-shadow:0 6px 30px #dc262666}.btn-playback-small{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-playback-small:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-playback-small.active{background:var(--color-accent);color:var(--color-void);border-color:var(--color-accent)}.progress-bar{background:var(--color-border);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-accent)0%,var(--color-accent-bright)100%);height:100%;box-shadow:0 0 10px var(--color-accent-glow);border-radius:2px}.tab-display-enhanced{border:1px solid var(--color-border);background:linear-gradient(#0a0a0a,#050505);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000080,0 4px 20px #0000004d}.tab-display-enhanced .tab-header{border-bottom:1px solid var(--color-border);background:#c8956c14;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tab-display-enhanced .tab-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:12px;font-weight:600}.tab-display-enhanced .tab-tuning{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono)}.tab-display-enhanced pre{color:#22c55e;text-shadow:0 0 10px #22c55e66;letter-spacing:.05em;scrollbar-width:thin;scrollbar-color:var(--color-accent)transparent;margin:0;padding:24px 28px;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:16px;font-weight:500;line-height:1.75;overflow-x:auto}.tab-display-enhanced pre::-webkit-scrollbar{height:8px}.tab-display-enhanced pre::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tab-display-enhanced pre::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.tab-display-enhanced:after{content:"";pointer-events:none;opacity:.5;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000014 3px 6px);position:absolute;inset:0}.tab-display-enhanced:hover{border-color:#22c55e4d;box-shadow:inset 0 2px 10px #00000080,0 0 40px #22c55e26}.tab-display-enhanced:hover pre{text-shadow:0 0 15px #22c55e99}@media(max-width:1023px){.tab-display-enhanced pre{padding:16px 12px;font-size:13px;line-height:1.6}.playback-controls:not(.playback-controls--inline){left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--color-elevated);position:fixed;box-shadow:0 -10px 30px -8px #000000b3}main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.position-pill{justify-content:center;min-width:40px;min-height:40px;padding:7px 12px;font-size:14px}.scale-toggle,.mode-toggle-btn{min-height:42px}.btn-playback-small{width:44px;height:44px}.position-pills{gap:6px}.chromatic-strip{gap:4px}.chroma-key{min-height:44px;padding:12px 0;font-size:12px}.instrument-grid{gap:8px}.instrument-card{min-height:56px;padding:12px 8px}.fretboard{-webkit-overflow-scrolling:touch}.card-glass{padding:18px}}.mode-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.mode-toggle-btn{color:var(--color-text-secondary);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.mode-toggle-btn:hover{color:var(--color-text-secondary)}.mode-toggle-btn.active{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);color:var(--color-void);box-shadow:0 2px 10px var(--color-accent-glow)}.instrument-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media(min-width:480px){.instrument-grid{grid-template-columns:repeat(3,1fr)}}.instrument-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.instrument-card:hover{border-color:var(--color-border-hover);color:var(--color-text-secondary)}.instrument-card.active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 16px var(--color-accent-glow);background:#c8956c14}.piano-roll-container{border:1px solid var(--color-border);background:linear-gradient(#0a0a0a,#050505);border-radius:12px;display:flex;overflow:hidden}.piano-roll-labels{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:44px;position:relative}.piano-roll-label{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;font-size:11px;line-height:14px;position:absolute;right:6px}.piano-roll{scrollbar-width:thin;scrollbar-color:var(--color-accent)transparent;flex:1;min-width:0;max-height:300px;overflow:auto}.piano-roll::-webkit-scrollbar{width:6px;height:6px}.piano-roll::-webkit-scrollbar-track{background:0 0}.piano-roll::-webkit-scrollbar-thumb{background:var(--color-accent-deep);border-radius:3px}.piano-roll-inner{min-width:100%;position:relative}.piano-roll-grid-line{background:#ffffff08;height:1px;position:absolute;left:0;right:0}.piano-roll-grid-line.octave{background:#c8956c1f}.piano-roll-beat-line{background:#ffffff0a;width:1px;position:absolute;top:0;bottom:0}.piano-roll-beat-line.bar{background:#c8956c26}.piano-roll-note{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-bright)100%);box-shadow:0 0 6px var(--color-accent-glow);border-radius:2px;transition:opacity .15s;position:absolute}.piano-roll-note:hover{box-shadow:0 0 12px #c8956c66}.guitar-stage{flex-direction:column;gap:24px;display:flex}.control-toolbar{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.toolbar-root{flex-direction:column;gap:6px;display:flex}.toolbar-row{flex-wrap:wrap;align-items:flex-end;gap:14px 18px;display:flex}.toolbar-item{flex-direction:column;flex:150px;gap:4px;min-width:0;display:flex}.toolbar-item .form-label{margin-bottom:0}.toolbar-item .select-control{width:100%}.toolbar-tempo{flex:2 240px}.toolbar-tempo input[type=range]{margin-top:6px}.toolbar-row>.toolbar-item:has(.position-pills){flex:0 auto}.toolbar-flare{flex-direction:row;flex:none;align-items:center;gap:10px;padding-bottom:2px}.toolbar-generate{white-space:nowrap;flex:none;align-self:flex-end;width:auto;min-height:44px;margin-left:auto;padding-left:26px;padding-right:26px}.player-bar{border:1px solid var(--color-border);background:linear-gradient(135deg,#c8956c0f,#c8956c05);border-radius:14px;align-items:center;gap:14px;margin:14px 0 4px;padding:10px 16px;display:flex}.player-play{cursor:pointer;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);width:42px;height:42px;color:var(--color-void);box-shadow:0 4px 18px var(--color-accent-glow);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.player-play:hover{box-shadow:0 6px 26px var(--color-accent-glow);transform:scale(1.07)}.player-time{font-family:var(--font-mono,monospace);color:var(--color-text-muted);text-align:center;flex:none;min-width:34px;font-size:12px}.player-track{cursor:pointer;touch-action:none;flex:auto;height:22px;position:relative}.player-track:before{content:"";background:var(--color-border);border-radius:3px;height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.player-track-fill{background:linear-gradient(90deg,var(--color-accent)0%,var(--color-accent-bright)100%);height:5px;box-shadow:0 0 8px var(--color-accent-glow);pointer-events:none;border-radius:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.player-track-thumb{background:var(--color-accent-bright,var(--color-accent));width:13px;height:13px;box-shadow:0 0 0 3px var(--color-void),0 0 10px var(--color-accent-glow);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.player-track:focus-visible{outline:none}.player-track:focus-visible:before{outline:2px solid var(--color-accent);outline-offset:3px}.player-speed{flex:none;position:relative}.player-speed-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 11px;font-size:12.5px;transition:all .2s;display:inline-flex}.player-speed-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.player-speed-menu{z-index:30;background:var(--color-elevated);border:1px solid var(--color-border-hover);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 30px -10px #000c}.player-speed-item{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 18px;font-size:13px;transition:all .15s}.player-speed-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.player-speed-item.active{background:var(--color-accent);color:var(--color-void)}@media(max-width:1023px){.player-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:45;background:#111111d6;border-radius:16px;gap:10px;margin:0;padding:10px 12px;position:fixed}@supports (color:color-mix(in lab,red,red)){.player-bar{background:color-mix(in srgb,var(--color-elevated)84%,transparent)}}.player-bar{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid #2a2a2ad9}@supports (color:color-mix(in lab,red,red)){.player-bar{border:1px solid color-mix(in srgb,var(--color-border-hover)85%,transparent)}}.player-bar{box-shadow:inset 0 1px #c8956c29,0 12px 44px -14px #000000e6}@supports (color:color-mix(in lab,red,red)){.player-bar{box-shadow:inset 0 1px color-mix(in srgb,var(--color-accent)16%,transparent),0 12px 44px -14px #000000e6}}.player-time{min-width:30px;font-size:11px}}.reveal-chevron{opacity:.55;margin-left:2px;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .2s}.reveal-chevron.open{opacity:1;transform:rotate(180deg)}.variants-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media(min-width:900px){.variants-grid{grid-template-columns:1fr 1fr 1fr}}.kept-section .variants-grid{grid-template-columns:1fr}.variant-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;gap:7px;min-width:0;padding:7px 8px;transition:border-color .2s,background .2s;display:flex}.variant-card:hover{border-color:var(--color-border-hover)}.variant-card.playing{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-accent-glow),transparent 70%)}.variant-card.current{background:0 0;border-style:dashed}.variant-play{cursor:pointer;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-deep-aa)100%);width:28px;height:28px;color:var(--color-void);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.variant-play:hover{box-shadow:0 0 14px var(--color-accent-glow);transform:scale(1.08)}.variant-name{text-transform:capitalize;min-width:0;color:var(--color-text-primary);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12.5px;overflow:hidden}.variant-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-left:6px;font-size:9.5px}.variant-icon{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.variant-icon:hover{border-color:var(--color-accent);color:var(--color-accent)}.variant-icon.kept{color:var(--color-accent);border-color:#c8956c8c}@supports (color:color-mix(in lab,red,red)){.variant-icon.kept{border-color:color-mix(in srgb,var(--color-accent)55%,transparent)}}.variants-kept-count{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:11px}.kept-section{padding-top:2px}.kept-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:4px 0 6px;font-size:11px}.kept-name{flex-direction:column;line-height:1.25;display:flex}.kept-sub{color:var(--color-text-muted);text-transform:capitalize;font-size:10px}@media(max-width:1023px){.playback-controls:not(.playback-controls--inline){background:#111111d1;border-radius:16px;padding:13px 16px}@supports (color:color-mix(in lab,red,red)){.playback-controls:not(.playback-controls--inline){background:color-mix(in srgb,var(--color-elevated)82%,transparent)}}.playback-controls:not(.playback-controls--inline){-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid #2a2a2ad9}@supports (color:color-mix(in lab,red,red)){.playback-controls:not(.playback-controls--inline){border:1px solid color-mix(in srgb,var(--color-border-hover)85%,transparent)}}.playback-controls:not(.playback-controls--inline){box-shadow:inset 0 1px #c8956c29,0 12px 44px -14px #000000e6}@supports (color:color-mix(in lab,red,red)){.playback-controls:not(.playback-controls--inline){box-shadow:inset 0 1px color-mix(in srgb,var(--color-accent)16%,transparent),0 12px 44px -14px #000000e6}}.playback-controls:not(.playback-controls--inline){overflow:hidden}.playback-controls:not(.playback-controls--inline) .transport-progress{margin:0;position:absolute;top:0;left:0;right:0}.playback-controls:not(.playback-controls--inline) .transport-progress .progress-bar{background:0 0;border-radius:0;height:2px}}.chord-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.chord-chart-sub{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.chord-chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.chord-chart-hint{color:var(--color-text-muted);font-size:11px}.chord-tone-pick{align-items:center;gap:8px;display:inline-flex}.chord-tone-pick .select-control{width:auto;min-width:116px;padding-top:9px;padding-bottom:9px;font-size:13px}.chord-cards{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;display:grid}.chord-card{border:1px solid var(--color-border);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.chord-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover,var(--color-surface))}.chord-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-card.playing{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 0 14px -2px var(--color-accent)}.chord-name{letter-spacing:.01em;color:var(--color-text-primary);align-items:center;gap:5px;font-size:15px;font-weight:600;display:inline-flex}.chord-card-icon{width:12px;height:12px;color:var(--color-text-muted);transition:color .15s}.chord-card:hover .chord-card-icon,.chord-card.playing .chord-card-icon{color:var(--color-accent)}.chord-diagram{display:block}.chord-nut{stroke:var(--color-text-secondary);stroke-width:2.5px}.chord-fret,.chord-string{stroke:var(--color-border-hover);stroke-width:1px}.chord-dot{fill:var(--color-accent)}.chord-open{fill:none;stroke:var(--color-text-secondary);stroke-width:1.4px}.chord-x{fill:var(--color-text-muted);font-family:monospace;font-size:9px}.chord-fret-label{fill:var(--color-text-muted);font-family:monospace;font-size:8px}.theory-readout{flex-direction:column;gap:10px;display:flex}.theory-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theory-sub{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.theory-line{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.theory-key{color:var(--color-text-primary);font-weight:600}.theory-meta{color:var(--color-text-muted);font-size:12px}.theory-degrees{flex-wrap:wrap;gap:8px;margin:2px 0;display:flex}.theory-deg{flex-direction:column;align-items:center;gap:3px;display:flex}.theory-deg-badge{color:#050505;text-align:center;border-radius:6px;min-width:26px;padding:2px 7px;font-size:12px;font-weight:700}.theory-deg-badge.root{box-shadow:0 0 0 1.5px var(--color-accent-bright)}.theory-deg-note{color:var(--color-text-muted);font-family:monospace;font-size:11px}.theory-analysis{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px 11px;font-size:12.5px;line-height:1.55}.native-app main{padding-top:10px!important;padding-bottom:12px!important}.native-app .instrument-stage-native{max-height:calc(100vh - 84px)}.native-app .instrument-stage-native>div{max-height:calc(100vh - 84px);overflow-y:auto}.instrument-picker-native{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:linear-gradient(#221b1480,#0c09076b);border:1px solid #c8956c33;border-radius:14px;flex-direction:column;gap:7px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff12}.ipn-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--color-accent,#c8956c);opacity:.8;font-size:8.5px}.native-app .instrument-picker-native .instrument-grid{grid-template-columns:repeat(2,1fr);gap:5px;max-height:calc(100vh - 132px);padding-right:2px;overflow-y:auto}.native-app .instrument-card{flex-direction:row;justify-content:flex-start;gap:6px;padding:7px 8px;font-size:11px}.inst-header-native{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.inst-inkey{color:var(--color-text-muted,#b8a890);font-size:12px}.inst-inkey strong{color:var(--color-accent,#c8956c);text-transform:capitalize;font-weight:700}.inst-play-native{margin-left:auto;padding:7px 14px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.native-shell{height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.native-shell main{flex:1 1 auto;max-width:none!important;width:100%!important;margin:0!important;padding:12px 12px 0!important;min-height:0;overflow:hidden;display:flex;flex-direction:column}.native-shell .guitar-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.native-shell .guitar-stage>div:last-child{flex:1 1 auto;min-height:0;overflow:auto}.native-shell .control-toolbar{padding:12px 12px 14px!important;gap:12px!important;border-radius:16px;background:linear-gradient(180deg,#14100ce6,#080605e6);border:1px solid rgba(200,149,108,.16)}.native-shell .toolbar-row{gap:10px!important}.native-shell .form-label{font-size:10px!important;letter-spacing:1.4px;margin-bottom:5px!important;color:var(--color-accent, #c8956c);opacity:.85}.native-shell .pattern-hint,.native-shell .string-row,.native-shell .degree-row,.native-shell .toolbar-generate{display:none!important}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary){background:#100d0a;border:1px solid #241e18;border-radius:12px;padding:7px 13px}.native-shell .toolbar-row .form-label{font-size:7.5px!important;letter-spacing:1.4px;color:var(--color-accent, #c8956c);opacity:.8;margin-bottom:1px!important}.native-shell .select-control{border:none!important;background:transparent!important;padding:0!important;min-height:0!important;font-size:14px;font-weight:600;color:var(--color-text-primary, #f2ece3);text-transform:capitalize}.native-shell .toolbar-root{margin-bottom:2px}.native-shell .chromatic-strip{gap:4px;padding:6px;border-radius:12px;background:#0006;box-shadow:inset 0 1px #ffffff0a}.native-shell .chroma-key{flex:1;min-width:0;font-size:13px;font-weight:600;padding:10px 0;border-radius:8px}.native-shell .chroma-key.active{box-shadow:0 0 0 1.5px var(--color-accent-bright, #e8b08a),0 0 18px var(--color-accent-glow, rgba(200, 149, 108, .4));transform:translateY(-1px)}.native-shell .fretboard{border:1.5px solid var(--color-accent-deep, #8b5a3c);border-radius:14px;box-shadow:0 18px 50px -18px #000000d9,0 0 60px -10px var(--color-accent-glow, rgba(200, 149, 108, .25)),inset 0 0 60px #00000080}.native-shell .nf-frame{flex:1 1 auto;min-height:130px;border:1px solid rgba(200,149,108,.18);border-radius:16px;background:linear-gradient(180deg,#0d0a08,#070605);box-shadow:0 24px 60px -24px #000000e6,0 0 70px -20px #c8956c2e,inset 0 0 60px #0000008c;overflow:hidden;display:flex}.native-shell .nf-wrap{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex}.native-shell .nf-svg{display:block}.native-shell .nf-activebox{animation:nf-breathe 3.4s ease-in-out infinite}@keyframes nf-breathe{0%,to{opacity:1}50%{opacity:.62}}.native-shell .nf-active-halo{animation:nf-pulse .9s ease-in-out infinite}@keyframes nf-pulse{0%,to{opacity:.12}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.native-shell .nf-activebox{animation:none}.native-shell .nf-active-halo{animation:none;opacity:.32}}.native-shell main{padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;padding-top:calc(6px + env(safe-area-inset-top))!important}.native-app .player-bar.control-center{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:7px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right));background:linear-gradient(180deg,#221b14a3,#0c090794)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important;backdrop-filter:blur(18px) saturate(1.4)!important;border:1px solid rgba(200,149,108,.2)!important;box-shadow:inset 0 1px #ffffff14,0 12px 40px -14px #000000d9!important;border-radius:16px!important;pointer-events:auto}.cc-left{display:flex;align-items:center;gap:14px;justify-self:start;min-width:0}.cc-center{display:flex;align-items:center;gap:12px;justify-self:center}.cc-right{display:flex;align-items:center;gap:8px;justify-self:end}.cc-info,.cc-loop{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(200,149,108,.4);color:var(--color-accent, #c8956c);cursor:pointer}.cc-info:active,.cc-loop:active{background:#c8956c2e}.cc-loop.on{background:linear-gradient(180deg,#ecc29c,#c8956c);color:#1a1106;border-color:#ecc29c}.cc-speed{flex:0 0 auto;min-width:36px;padding:5px 8px;border-radius:8px;background:#15110d;border:1px solid #241e18;color:#b8a890;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.cc-speed.on{color:var(--color-accent, #c8956c);border-color:#c8956c80;background:#c8956c1a}.native-app .player-play{width:46px!important;height:46px!important;flex:0 0 auto;box-shadow:0 6px 20px #00000080,0 0 22px #c8956c66}.native-app .player-play svg{width:18px!important;height:18px!important}.native-shell .control-toolbar{background:linear-gradient(180deg,#221b1480,#0c09076b)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(200,149,108,.2)!important;box-shadow:inset 0 1px #ffffff12,0 10px 34px -14px #000000bf}.native-shell .chromatic-strip{background:#ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0d}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary){background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(200,149,108,.22);box-shadow:inset 0 1px #ffffff0f}.nd-group{display:flex;align-items:center;gap:8px}.nd-label{font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-accent, #c8956c);opacity:.8}.nd-pills{display:flex;gap:3px}.nd-pill{min-width:26px;padding:4px 0;border-radius:6px;background:#15110d;border:1px solid #241e18;color:#b8a890;font-size:12px;font-weight:600;cursor:pointer}.nd-pill.on{background:linear-gradient(180deg,#ecc29c,#c8956c);color:#1a1106;border-color:#ecc29c}.nd-tempo{width:84px}.nd-val{font-size:12px;color:#f2ece3;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.cc-labels{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:#15110d;border:1px solid #241e18}.cc-label-pill{padding:4px 8px;border-radius:6px;border:0;background:transparent;color:#b8a890;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.cc-label-pill.on{background:linear-gradient(180deg,#ecc29c,#c8956c);color:#1a1106}.cc-mode{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#c8956c1a;border:1px solid rgba(200,149,108,.5);color:var(--color-accent, #c8956c);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.cc-mode:active{background:#c8956c33}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary){position:relative;flex:0 1 auto;padding:3px 18px 4px 10px}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary):after{content:"⌄";position:absolute;right:9px;top:52%;transform:translateY(-50%);color:var(--color-accent, #c8956c);opacity:.55;font-size:13px;pointer-events:none}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary):active{border-color:#c8956c80}.native-shell .select-control{font-size:12.5px}.native-shell .tile-sub{display:block;font-size:8px;line-height:1.25;margin-top:2px;color:var(--color-text-muted, #8c8077);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px}.native-shell .tile-glyph{display:flex;align-items:center;gap:4px;color:var(--color-accent, #c8956c);opacity:.75;text-transform:uppercase;letter-spacing:1px}.native-shell .chroma-key{position:relative}.native-shell .chroma-key.in-scale{color:var(--color-accent, #c8956c);border-color:#c8956c52}.native-shell .chroma-key.in-scale:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--color-accent, #c8956c);opacity:.7}.native-shell .toolbar-root .form-label{display:none}.native-shell .chromatic-strip{padding:3px;gap:3px}.native-shell .chroma-key{padding:5px 0!important;font-size:12px}.native-shell .scale-toggle{display:none!important}.native-shell .position-pill{padding:5px 10px!important;font-size:12px;min-height:0!important}.native-shell .control-toolbar{padding:5px 10px 6px!important}.native-shell .guitar-stage>div:last-child>div>div:last-child{gap:8px 14px!important;padding-top:2px}.tabula-menu-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.tabula-menu{width:84%;max-width:340px;height:100%;background:#0b0907;border-left:1px solid rgba(200,149,108,.18);display:flex;flex-direction:column;box-shadow:-24px 0 60px #000000b3;animation:tabula-slide-in .22s ease}@keyframes tabula-slide-in{0%{transform:translate(100%)}to{transform:none}}.tabula-menu-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(200,149,108,.14)}.tabula-menu-title{font-family:Playfair Display,Georgia,serif;font-size:23px;color:var(--color-accent, #c8956c)}.tabula-menu-close,.tabula-menu-back{background:none;border:none;color:var(--color-text-secondary, #b8a890);cursor:pointer;padding:6px;display:flex}.tabula-menu-nav{display:flex;flex-direction:column;padding:10px;gap:2px}.tabula-menu-item{display:flex;align-items:center;justify-content:space-between;background:none;border:none;text-align:left;color:var(--color-text-primary, #f3ede4);font-size:16px;font-family:inherit;padding:14px 12px;border-radius:10px;cursor:pointer;width:100%;text-decoration:none}.tabula-menu-item:active{background:#c8956c1a}.tabula-menu-restore{margin-top:10px;color:var(--color-accent, #c8956c);border-top:1px solid rgba(200,149,108,.14);border-radius:0}.tabula-menu-page{padding:20px 18px;overflow-y:auto}.tabula-menu-page h2{font-family:Playfair Display,Georgia,serif;font-size:23px;color:var(--color-text-primary, #f3ede4);margin-bottom:14px}.tabula-menu-page p{color:var(--color-text-secondary, #b8a890);font-size:14.5px;line-height:1.65}@media(orientation:landscape)and (max-height:600px){.native-shell main{padding:6px 10px 0!important}.native-shell .guitar-stage{gap:5px}.native-shell .control-toolbar{padding:5px 9px!important;gap:6px!important}.native-shell .toolbar-row{gap:7px!important;row-gap:5px!important;align-items:end}.native-shell .toolbar-item{flex:1 1 auto}.native-shell .form-label{font-size:9px!important;margin-bottom:3px!important}.native-shell .chromatic-strip{padding:4px;gap:3px}.native-shell .chroma-key{padding:7px 0!important;font-size:12px}.native-shell .select-control{padding:8px 10px!important}.native-shell .native-secondary{display:none!important}.native-shell .control-toolbar{padding:5px 9px 6px!important}.native-shell .guitar-stage>div:last-child{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:68px}.native-shell .guitar-stage>div:last-child>div{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px!important}.native-shell .neck-frame{flex:1 1 auto;min-height:0;display:flex}.native-shell .fretboard{height:100%;width:100%}.native-shell .guitar-stage>div:last-child>div>div:last-child{flex:0 0 auto}}.native-shell .tile-button{border:none;background:transparent;margin:0;padding:0;width:100%;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--color-text-primary, #f2ece3);text-transform:capitalize;text-align:left;cursor:pointer}.picker-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;padding:0 0 max(8px,env(safe-area-inset-bottom)) 0;background:#0000008c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:picker-fade .16s ease}@keyframes picker-fade{0%{opacity:0}to{opacity:1}}.picker-sheet{width:min(560px,94vw);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(200,149,108,.22);border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#1c1611f5,#0b0907f7);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 -28px 70px -20px #000000d9,0 0 60px -22px var(--color-accent-glow, rgba(200, 149, 108, .28)),inset 0 1px #ffffff0f;animation:picker-rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes picker-rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.picker-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 18px 11px;border-bottom:1px solid rgba(200,149,108,.14)}.picker-title{font-family:Playfair Display,Georgia,serif;font-size:19px;letter-spacing:.3px;color:var(--color-accent, #c8956c)}.picker-done{background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--color-accent-bright, #e8b08a);padding:6px 4px;cursor:pointer}.picker-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 14px}.picker-group{margin-top:6px}.picker-group+.picker-group{margin-top:12px}.picker-group-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--color-text-muted, #8c8077);padding:0 8px 5px}.picker-row{position:relative;display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;background:#ffffff03;border:1px solid transparent;border-radius:11px;padding:10px 14px;margin-bottom:3px;cursor:pointer;font-family:inherit;transition:background .12s ease,border-color .12s ease}.picker-row:active{background:#c8956c1a}.picker-row.on{background:linear-gradient(180deg,#c8956c29,#c8956c12);border-color:#c8956c66}.picker-row-name{flex:0 1 auto;font-size:15px;font-weight:600;letter-spacing:.2px;color:var(--color-text-primary, #f3ede4);text-transform:capitalize}.picker-row-sub{flex:1 1 auto;font-size:11px;font-weight:500;letter-spacing:.4px;color:var(--color-text-muted, #8c8077);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-row.on .picker-row-sub{color:var(--color-accent, #c8956c)}.picker-row-check{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--color-accent-bright, #e8b08a)}.native-shell .tile-button.tile-live{color:var(--color-accent-bright, #e8b08a);animation:tile-live-pulse 1.1s ease-in-out infinite}@keyframes tile-live-pulse{0%,to{opacity:1}50%{opacity:.55}}.metric-explain{margin:2px 8px 12px;font-size:12.5px;line-height:1.5;color:var(--color-text-muted, #8c8077)}.metric-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 8px 4px;border-top:1px solid rgba(200,149,108,.14)}.metric-play{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--color-accent-deep, #8b5a3c);background:linear-gradient(180deg,#ecc29c,#c8956c);color:#1a1106;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.3px;cursor:pointer}.metric-play.on{background:#c8956c1f;color:var(--color-accent-bright, #e8b08a)}.metric-play:active{transform:translateY(.5px)}.metric-readout{font-size:12.5px;font-weight:500;letter-spacing:.3px;color:var(--color-text-muted, #8c8077)}.metric-readout strong{color:var(--color-accent-bright, #e8b08a);font-weight:700}.metric-readout-desc{opacity:.8}@media(prefers-reduced-motion:reduce){.picker-overlay,.picker-sheet,.native-shell .tile-button.tile-live{animation:none}}@media(prefers-reduced-transparency:reduce){.native-shell .control-toolbar,.native-shell .chromatic-strip,.native-shell .toolbar-row>.toolbar-item:not(.native-secondary),.native-app .player-bar.control-center,.picker-overlay,.picker-sheet,.tabula-menu-overlay,.cc-info{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.native-shell .control-toolbar,.native-app .player-bar.control-center{background:#16110c!important}.native-shell .chromatic-strip{background:#0d0a07!important}.native-shell .toolbar-row>.toolbar-item:not(.native-secondary),.cc-info{background:#1c1610!important}.picker-sheet{background:#15110d!important}.picker-overlay,.tabula-menu-overlay{background:#000000eb!important}}.native-shell .tab-loading{position:relative;overflow:hidden;border:1px solid rgba(200,149,108,.18);border-radius:16px;background:linear-gradient(180deg,#0d0a08,#070605);box-shadow:inset 0 0 60px #0000008c}.native-shell .tab-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(200,149,108,.08) 50%,transparent 70%);transform:translate(-100%);animation:nf-shimmer 1.5s ease-in-out infinite;pointer-events:none}@keyframes nf-shimmer{to{transform:translate(100%)}}.native-shell .tab-loading .spinner{border-top-color:var(--color-accent, #c8956c)!important}.native-shell .tab-loading p{color:var(--color-accent, #c8956c);opacity:.85;letter-spacing:.4px}.native-shell .app-error{background:linear-gradient(180deg,#281814eb,#180f0ceb)!important;border:1px solid rgba(206,116,92,.5)!important;color:#e6a892!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 1px #ffffff0f,0 12px 34px -14px #000000d9}@media(prefers-reduced-motion:reduce){.native-shell .tab-loading:after{animation:none}}.coach-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:picker-fade .18s ease}.coach-card{position:relative;width:min(460px,92vw);padding:26px 24px 20px;text-align:center;border:1px solid rgba(200,149,108,.3);border-radius:20px;background:linear-gradient(180deg,#1c1611f7,#0b0907f7);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 30px 70px -24px #000000e6,0 0 60px -22px #c8956c59;animation:picker-rise .24s cubic-bezier(.2,.8,.2,1)}.coach-pulse{display:block;width:16px;height:16px;margin:2px auto 14px;border-radius:50%;background:var(--color-accent, #c8956c);animation:coach-pulse 1.6s ease-out infinite}@keyframes coach-pulse{0%{box-shadow:0 0 #c8956c73}70%{box-shadow:0 0 0 18px #c8956c00}to{box-shadow:0 0 #c8956c00}}.coach-title{font-family:Playfair Display,Georgia,serif;font-size:21px;color:var(--color-accent, #c8956c);margin-bottom:12px}.coach-line{font-size:14.5px;line-height:1.55;color:var(--color-text-secondary, #b8a890);margin-bottom:8px}.coach-line strong{color:var(--color-text-primary, #f3ede4);font-weight:600}.coach-go{margin-top:14px;padding:11px 30px;border-radius:12px;border:1px solid rgba(200,149,108,.5);background:linear-gradient(180deg,#c8956c2e,#c8956c14);color:var(--color-accent-bright, #e8b08a);font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer}.coach-go:active{background:#c8956c42}.coach-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.coach-dot{width:7px;height:7px;border-radius:50%;background:#c8956c47;transition:background .2s ease,transform .2s ease}.coach-dot.on{background:var(--color-accent, #c8956c);transform:scale(1.25)}.coach-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.coach-nav .coach-go{margin-top:0}.coach-skip{min-width:56px;text-align:left;background:none;border:0;cursor:pointer;color:var(--color-text-muted, #b8a890);font-size:13px;font-weight:500}.coach-skip:active{color:var(--color-text-secondary, #d8cdbd)}.coach-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text-muted, #b8a890)}@media(prefers-reduced-motion:reduce){.coach-overlay,.coach-card,.coach-pulse{animation:none}}.unlock-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;padding:0 0 max(8px,env(safe-area-inset-bottom)) 0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:picker-fade .16s ease}.unlock-sheet{width:min(480px,94vw);max-height:86vh;overflow-y:auto;padding:18px 16px 24px;border:1px solid rgba(200,149,108,.22);border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#1c1611f7,#0b0907f7);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 -28px 70px -20px #000000d9,0 0 60px -22px #c8956c47,inset 0 1px #ffffff0f;animation:picker-rise .22s cubic-bezier(.2,.8,.2,1)}.unlock-head{display:flex;align-items:center;justify-content:space-between}.unlock-title{font-family:Playfair Display,Georgia,serif;font-size:20px;color:var(--color-accent, #c8956c);margin:0}.unlock-close{background:none;border:none;color:var(--color-text-secondary, #b8a890);font-size:26px;line-height:1;padding:0 4px;cursor:pointer}.unlock-sub{color:var(--color-text-muted, #8c8077);font-size:12.5px;margin:4px 0 16px}.unlock-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.unlock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(200,149,108,.16)}.unlock-row.featured{background:linear-gradient(180deg,#c8956c29,#c8956c0f);border-color:#c8956c73}.unlock-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.unlock-row-title{font-weight:600;font-size:15px;color:var(--color-text-primary, #f3ede4)}.unlock-row-blurb{color:var(--color-text-muted, #8c8077);font-size:12.5px}.unlock-buy{flex-shrink:0;min-width:72px;padding:8px 14px;border-radius:10px;border:1px solid rgba(200,149,108,.5);background:linear-gradient(180deg,#ecc29c,#c8956c);color:#1a1106;font-weight:600;font-size:13.5px;cursor:pointer}.unlock-buy.owned{background:#ffffff0a;color:var(--color-text-muted, #8c8077);border-color:#c8956c33;cursor:default}.unlock-restore{display:block;width:100%;margin-top:16px;padding:11px;background:none;border:1px solid rgba(200,149,108,.3);border-radius:11px;color:var(--color-accent, #c8956c);font-size:14px;font-weight:500;cursor:pointer}.unlock-restore:active{background:#c8956c1a}@media(prefers-reduced-motion:reduce){.unlock-overlay,.unlock-sheet{animation:none}}@media(prefers-reduced-transparency:reduce){.unlock-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#000000eb!important}.unlock-sheet{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#15110d!important}}