/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@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-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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--liq-x:50%;--liq-y:50%;--liq-shift:0px;--hero-angle:0deg;--hero-glow:40%;--tk-angle:0deg}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-400:oklch(85.2% .199 91.936);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1{top:calc(var(--spacing) * 1)}.top-2{top:calc(var(--spacing) * 2)}.top-60{top:calc(var(--spacing) * 60)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-full{height:100%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,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-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-transparent{border-color:#0000}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\/\[0\.03\]{--tw-gradient-from:#ffffff08}@supports (color:color-mix(in lab, red, red)){.from-white\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 3%, transparent)}}.from-white\/\[0\.03\]{--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-transparent{--tw-gradient-to:transparent;--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-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.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-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-\[var\(--krystal-gold\)\]{color:var(--krystal-gold)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[0\.5\]{--tw-grayscale:grayscale(.5);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-filter{-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[azure\:error\]{azure:error}.\[azure\:info\]{azure:info}.\[azure\:warn\]{azure:warn}.\[detect-key\:auth\]{detect-key:auth}.\[youtube\:auth\]{youtube:auth}@media (hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-white\/\[0\.04\]:hover{border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[0\.04\]:hover{border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[0\.12\]:hover{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:bg-white\/\[0\.04\]:active{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.active\:bg-white\/\[0\.04\]:active{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}}:root{--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0);--safe-left:env(safe-area-inset-left,0);--safe-right:env(safe-area-inset-right,0);--bg:#0a0a0a;--panel:#0f1419;--panel2:#1a202c;--surface:#16202e;--surface2:#252d3d;--bg2:#1a202c;--primary:#00d4b4;--accent:#ff6b35;--accent2:#ff8a5c;--gold:#f0ae1a;--gold2:#d99b00;--teal:#00d4b4;--teal2:#00b89a;--purple:#8b5cf6;--purple2:#7c3aed;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--beginner:#10b981;--intermediate:#f59e0b;--advanced:#ff6b35;--pro-color:#f472b6;--master:#a78bfa;--text:#f5f7fa;--text2:#b4bcc7;--muted:#888e98;--muted2:#555c6a;--border:#ffffff14;--border2:#ffffff1f;--border3:#00d4b440;--string1:#ff5e2c;--string2:#f7c59f;--string3:#efefd0;--string4:#7ee8d8;--string5:#ffd166;--string6:#ef476f;--font-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"DM Mono", monospace;--nav-bg:#0a0a0af5;--nav-border:#ffffff14;--nav-drop-bg:#0f1419;--nav-drop-item-border:#ffffff0f;--nav-drop-item-text:#b4bcc7;--card-bg:#0f1419;--card-border:#ffffff14;--card-btn-border:#ffffff1a;--card-btn-text:#d4d0c8;--card-label-sub:#3a4252;--input-bg:#16202e;--scrollbar:#2a3444;--footer-border:#ffffff0f;--shadow-soft:0 12px 48px #000000b3;--shadow-card:0 4px 28px #0000008c;--shadow-lift:0 24px 72px #000000bf;--shadow-accent:0 8px 40px #ff6b3538;--shadow-gold:0 8px 40px #f0ae1a2e;--glass:#0a0a14e0;--glass-border:#ffffff14;--transition:transform .25s cubic-bezier(.22, 1, .36, 1), opacity .25s cubic-bezier(.22, 1, .36, 1), background-color .25s cubic-bezier(.22, 1, .36, 1);--transition-fast:transform .12s cubic-bezier(.22, 1, .36, 1), opacity .12s cubic-bezier(.22, 1, .36, 1), background-color .12s cubic-bezier(.22, 1, .36, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:28px;--header-height:56px;--bottom-nav-height:70px;--touch-min:44px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}a,button,[role=button],input,select,textarea,label,summary,.btn,.pill,.nav-pill,.page-btn{touch-action:manipulation}html{-webkit-text-size-adjust:100%}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background:0 0}#authBar{display:none}.page{padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(1rem + var(--safe-bottom,0px));display:none}.page.page--tool{padding-top:0!important}.page.will-animate{opacity:0;display:block}.page.visible{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;display:block;touch-action:pan-y!important}.page.visible.ready{animation:.3s forwards pageIn}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.page.visible .page-inner,.page.visible .scales-grid,.page.visible .theory-grid,.page.visible .scales-wrap{touch-action:pan-y!important}@media (width>=768px){#authBar{display:flex!important}.bottom-nav{display:none!important}.page{padding:24px;padding-top:calc(var(--header-height) + 24px);padding-bottom:24px}.page.page--tool{padding-top:0!important}}@media (width>=1024px){.page{padding:32px;padding-top:calc(var(--header-height) + 32px)}.page.page--tool{padding-top:0!important}}header{padding-top:max(16px, var(--safe-top));padding-left:var(--safe-left);padding-right:var(--safe-right)}h1,h2,h3{font-family:var(--font-heading,var(--font-head))}h1{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1.25rem,4vw,1.8rem);font-weight:700;line-height:1.2}h4{font-size:1.3rem;font-weight:600}h5{font-size:1.1rem;font-weight:600}h6{font-size:.95rem;font-weight:600}p{line-height:1.6}small{font-size:.875rem}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);min-height:var(--touch-min);min-width:var(--touch-min);-webkit-user-select:none;user-select:none;border:none;font-size:1rem;font-weight:600}button:active{opacity:.85;transform:scale(.98)}input,textarea,select{font-family:var(--font-body);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color var(--transition-fast);padding:16px;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d4b41a}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}::-webkit-scrollbar-thumb{background:var(--scrollbar);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast);border-radius:4px}.invisible{visibility:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse){button:hover{transform:none}button:active{opacity:.7;transform:scale(.96)}}@media (height<=500px) and (orientation:landscape){header{height:48px}.page{padding-top:56px;padding-bottom:8px}.page.page--tool{padding-top:0!important}.bottom-nav{height:50px}.page{padding-bottom:58px}}@media (width<=374px){.page{padding:12px;padding-top:calc(var(--header-height) + 12px);padding-bottom:calc(var(--bottom-nav-height) + 12px)}.page.page--tool{padding-top:0!important}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}.bottom-nav-label{font-size:.55rem}}.krd-profile-modal{z-index:200;flex-direction:column;justify-content:flex-end;align-items:center;display:none;position:fixed;inset:0}.krd-profile-backdrop{z-index:1;background:#000000b3;position:absolute;inset:0}.krd-profile-content{z-index:2;background:var(--panel);-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:85vh;padding-bottom:calc(var(--safe-bottom) + 16px);border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;position:relative;overflow-y:auto}.krd-profile-content:before{content:"";background:#fff3;border-radius:2px;width:36px;height:4px;margin:12px auto 8px;display:block}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.krd-profile-header{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.krd-profile-header h2{margin:0;font-size:1.5rem;font-weight:700}.krd-close-btn{color:var(--text);cursor:pointer;border-radius:var(--radius-md);width:44px;height:44px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.krd-close-btn:active{background:#00d4b41a}.krd-profile-section{border-bottom:1px solid var(--border);padding:16px}.krd-user-card{background:var(--bg);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.krd-avatar{background:var(--primary);width:56px;height:56px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.krd-user-details{flex-direction:column;flex:1;gap:4px;display:flex}.krd-user-email{color:var(--text);font-size:.95rem;font-weight:600}.krd-user-level{color:var(--text2);font-size:.85rem}.krd-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.krd-stat{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:10px;padding:12px 8px}.krd-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}.krd-stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:.7rem;font-weight:600}.krd-profile-menu{padding:0}.krd-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;min-height:56px;padding:18px 20px;font-size:1rem;transition:background .15s,transform .1s;display:flex}.krd-menu-item:active{background:#00d4b41f;transform:scale(.98)}.krd-menu-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.krd-menu-text{flex-direction:column;flex:1;gap:3px;display:flex}.krd-menu-label{color:var(--text);font-size:.95rem;font-weight:600}.krd-menu-desc{color:var(--text2);font-size:.75rem}.krd-menu-arrow{color:var(--muted);opacity:.4;font-size:20px;transition:opacity .15s,transform .15s}.krd-menu-item:active .krd-menu-arrow{opacity:1;transform:translate(3px)}.krd-logout-btn,.krd-logout-btn .krd-menu-label{color:var(--error)}.krd-login-btn{background:#00d4b41a;justify-content:center;gap:8px;margin:8px;border-bottom:none!important;border-radius:8px!important}.krd-login-btn .krd-menu-label{color:var(--primary)}.krd-menu-divider{background:var(--border);height:1px;margin:8px 0}.krd-profile-footer{text-align:center;border-top:1px solid var(--border);color:var(--text2);padding:16px;font-size:.8rem}.krd-profile-footer p{margin:0}@media (width>=768px){.krd-profile-modal{display:none!important}}#offlineBanner{z-index:9999;background:var(--panel,#141414);color:var(--text,#f0f0ef);text-align:center;font-size:.85rem;font-family:var(--font-body);border-bottom:1px solid var(--border,#ffffff14);opacity:0;pointer-events:none;padding:.5rem 1rem;transition:transform .3s,opacity .3s;display:none;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}body.light-mode{--bg:#f5f3ef;--panel:#fff;--panel2:#eeece8;--surface:#edeae6;--surface2:#e6e3df;--bg2:#eeece8;--text:#0f0f1c;--text2:#2a2a3c;--muted:#4a4a5e;--muted2:#686878;--primary:#007a6a;--accent:#e05520;--accent2:#e85a28;--gold:#9a6b00;--gold2:#b07800;--teal:#007a6a;--teal2:#008874;--purple:#5e2aa0;--purple2:#7030b8;--success:#059669;--warning:#d97706;--error:#dc2626;--info:#2563eb;--beginner:#059669;--intermediate:#d97706;--advanced:#e05520;--pro-color:#c026a0;--master:#7c3aed;--border:#0000001a;--border2:#00000024;--border3:#007a6a4d;--card-bg:#fff;--card-border:#0000001a;--card-btn-border:#0000001f;--card-btn-text:#1a1a1a;--card-label-sub:#e0ddd8;--nav-bg:#f5f3eff5;--nav-border:#00000014;--nav-drop-bg:#fafaf8;--nav-drop-item-border:#0000000f;--nav-drop-item-text:#1a1a1a;--input-bg:#f0ede8;--scrollbar:#c4c1ba;--footer-border:#00000014;--shadow-card:0 4px 28px #0000001a;--shadow-soft:0 12px 48px #00000024;--glass:#f5f3efeb}#licenseGate{z-index:9998;background:#04040afa;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.license-box{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--gold);text-align:center;width:100%;max-width:480px;padding:3.5rem 2.8rem;box-shadow:0 40px 80px #0009}.license-icon{margin-bottom:1.5rem;font-size:3rem}.license-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.5rem;font-size:2.2rem}.license-subtitle{color:var(--muted);margin-bottom:2.2rem;font-size:.82rem;line-height:1.7}.license-input{background:var(--panel2);border:1px solid var(--border2);width:100%;color:var(--text);text-align:center;letter-spacing:6px;text-transform:uppercase;border-radius:3px;outline:none;margin-bottom:1rem;padding:.9rem 1.2rem;font-family:DM Mono,monospace;font-size:1rem;transition:border-color .2s}.license-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f5c51814}.license-input.error{border-color:var(--accent);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.license-btn{background:var(--gold);color:#000;width:100%;font-family:var(--font-heading);letter-spacing:3px;cursor:pointer;border:none;border-radius:3px;margin-bottom:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .25s}.license-btn:hover{background:#e0b000;transform:translateY(-1px);box-shadow:0 4px 24px #f5c51859}.license-error{color:var(--accent);min-height:1.2rem;margin-bottom:.5rem;font-size:.75rem}.license-hint{color:#3a3a48;font-size:.68rem;line-height:1.7}.license-hint strong{color:#555560}.hero-title{font-family:var(--font-heading);color:var(--text);letter-spacing:-3px;text-shadow:0 2px #00000080;font-size:clamp(4.5rem,14vw,11rem);font-weight:900;line-height:.88}.hero-title em{color:var(--accent);text-shadow:0 0 80px #ff6b3566,0 2px #00000080;font-style:normal}.hero-sub{font-family:var(--font-heading);color:var(--gold);letter-spacing:4px;opacity:.9;margin:.8rem 0 3.5rem;font-size:clamp(1rem,3vw,1.5rem);font-style:italic}.hero-nav-btn{border:1px solid var(--card-btn-border);color:var(--card-btn-text);font-family:var(--font-body);letter-spacing:.8px;text-align:left;cursor:pointer;background:0 0;border-radius:3px;width:100%;padding:.55rem 1rem;font-size:.68rem;font-weight:600;transition:all .18s}.hero-nav-btn:hover{color:var(--text);background:#ffffff08}.hero-nav-gold:hover{color:#e8c97e;border-color:#c9a84c99}.hero-nav-orange:hover{color:#e09060;border-color:#d4823a99}.hero-nav-purple:hover{color:#c084e8;border-color:#9a5ec899}.page-nav{z-index:900;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0a0a0aeb;align-items:center;gap:.25rem;height:56px;padding:0 1.5rem;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=768px){.page-nav{background:var(--bg);-webkit-backdrop-filter:none}}.nav-pill.nav-active{color:var(--teal);background:#00d4b414;border-color:#00d4b433;position:relative}.nav-pill.nav-active:after{content:"";background:var(--teal);width:24px;height:2px;box-shadow:0 0 8px var(--teal);border-radius:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.kn-logo{cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-right:.5rem;padding:0}.nav-logo{font-family:var(--font-heading);letter-spacing:-1px;background:linear-gradient(135deg, var(--teal) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900;line-height:.9;display:inline-block}@media (width<=768px){.nav-logo{font-size:1.1rem}}.nav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 .5rem}.nav-pill{color:var(--text2);font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;border-radius:var(--radius-pill);white-space:nowrap;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;height:36px;padding:.45rem .9rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.nav-pill svg{opacity:.7;flex-shrink:0}.nav-caret{opacity:.5;transition:transform .2s}.nav-pill:hover{color:var(--text);border-color:var(--border);background:#ffffff0d}.nav-pill:hover .nav-caret{transform:rotate(180deg)}.nav-pill:active{transform:scale(.97)}.nav-pill.nav-active{color:var(--teal);background:#00d4b414;border-color:#00d4b433}.page-btn{color:var(--text2);font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;border-radius:var(--radius-pill);white-space:nowrap;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;height:36px;padding:.45rem .9rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.page-btn:hover{color:var(--teal);background:#00d4b40f;border-color:#00d4b433}.page-btn:active{transform:scale(.97)}.nav-dropdown{position:relative}.nav-dropdown-menu{background:var(--panel);border:1px solid var(--border2);z-index:1000;border-radius:12px;min-width:220px;animation:.18s cubic-bezier(.16,1,.3,1) navDropIn;display:none;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #00d4b40f}.nav-dropdown-menu.open{display:block}.nav-menu-wide{min-width:420px}.nav-menu-cols{grid-template-columns:1fr 1fr;gap:0;display:grid}.nav-menu-cols>div{padding:.5rem 0}.nav-menu-cols>div:first-child{border-right:1px solid var(--border)}@keyframes navDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-menu-header{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);padding:.6rem 1rem .3rem;font-family:DM Mono,monospace;font-size:.5rem}.nav-menu-item{width:100%;color:var(--text2);font-family:var(--font-body);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:none;align-items:center;gap:.7rem;padding:.6rem 1rem;font-size:.78rem;font-weight:500;transition:all .12s;display:flex}.nav-menu-item:hover{color:var(--text);background:#00d4b40f;padding-left:1.2rem}.nav-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:.95rem}.nav-item-tag{letter-spacing:1px;color:var(--muted);flex-shrink:0;margin-left:auto;font-family:DM Mono,monospace;font-size:.48rem}.nav-item-new{letter-spacing:1px;color:var(--purple);background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:4px;flex-shrink:0;margin-left:auto;padding:.1rem .35rem;font-family:DM Mono,monospace;font-size:.45rem}.nav-drop-section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);opacity:.8;padding:.6rem 1rem .3rem;font-family:DM Mono,monospace;font-size:.5rem}.nav-drop-item{border:none!important;border-bottom:1px solid var(--border)!important;width:100%!important;color:var(--text2)!important;font-family:var(--font-body)!important;cursor:pointer!important;text-align:left!important;letter-spacing:0!important;background:0 0!important;border-radius:0!important;align-items:center!important;padding:.6rem 1rem!important;font-size:.78rem!important;font-weight:500!important;transition:all .12s!important;display:flex!important}.nav-drop-item:hover{color:var(--text)!important;background:#00d4b40f!important;border-left:none!important;padding-left:1.2rem!important}.favorites-btn svg{width:20px;height:20px}.favorites-btn.has-favorites svg{fill:var(--gold);stroke:var(--gold);filter:drop-shadow(0 0 6px #f5c51880)}.theme-toggle{z-index:960;background:var(--panel);border:1px solid var(--border2);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:all .2s;display:flex;position:fixed;bottom:1.2rem;left:1.2rem}.theme-toggle:hover{border-color:var(--gold);border-color:var(--gold);color:var(--gold);background:#f5c51814}.tt-icon{font-size:.9rem}.nav-drop-section-label{letter-spacing:3px;text-transform:uppercase;opacity:.7;color:var(--gold);padding:.5rem 1rem;font-size:.52rem}.nav-drop-item{text-align:left!important;border:none!important;border-bottom:1px solid var(--nav-drop-item-border)!important;letter-spacing:.8px!important;width:100%!important;color:var(--nav-drop-item-text)!important;background:0 0!important;border-radius:0!important;padding:.52rem 1rem .52rem 1.2rem!important;font-size:.63rem!important;transition:all .14s!important;display:block!important}.nav-drop-item:last-child{border-bottom:none!important}.nav-drop-item:hover{color:var(--text)!important;border-left:2px solid var(--accent)!important;background:#ff6b3512!important;padding-left:calc(1.2rem - 2px)!important}.nav-drop-item.active{color:var(--accent)!important;background:#ff6b350d!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e6;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:linear-gradient(160deg, var(--panel) 0%, var(--surface) 100%);border:1px solid var(--border2);border-top:2px solid var(--accent);overscroll-behavior:contain;border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;max-width:700px;max-height:88vh;box-shadow:var(--shadow-lift);will-change:transform;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:2.5rem;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{font-family:var(--font-heading);color:var(--text);font-size:2rem}.modal-close{float:right;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.modal-close:hover{color:var(--accent)}.modal-body{color:var(--muted);margin-top:1.2rem;font-size:.85rem;line-height:1.85}.modal-body h4{color:var(--gold);font-family:var(--font-heading);margin:1.4rem 0 .5rem;font-size:1.2rem}.modal-body code{color:var(--accent);background:#ff6b351f;border-radius:3px;padding:.1rem .5rem}.modal-body strong{color:var(--text2)}.modal-body em{color:var(--teal);font-style:italic}.modal-body .tab{background:var(--bg);white-space:pre;color:var(--text2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 3px 3px 0;margin:.6rem 0;padding:1rem 1.2rem;font-family:DM Mono,monospace;font-size:.72rem;line-height:2.1;overflow-x:auto}.modal-body p{margin-bottom:.9rem}.metro-section{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-top:2rem;padding:2.5rem 2rem}.metro-bpm-display{text-align:center;margin-bottom:20px}.metro-bpm-number{font-family:var(--font-display);letter-spacing:2px;color:var(--text);font-size:4.5rem;line-height:1}.metro-bpm-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--muted2);font-size:10px}.metro-beats{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.metro-beat{background:var(--panel3);border:1px solid var(--border2);border-radius:50%;width:12px;height:12px;transition:all .15s ease-out}.metro-beat.active{background:var(--teal);border-color:var(--teal);transform:scale(1.3);box-shadow:0 0 14px #00d4b480}.metro-beat.beat-1.active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #f0ae1a80}.metro-display{text-align:center;font-family:var(--font-display);color:var(--text);letter-spacing:4px;margin-bottom:1rem;font-size:5rem;line-height:1;transition:all 60ms}.metro-display.beat{color:var(--gold);text-shadow:0 0 30px #f5c51866;transform:scale(1.05)}.metro-beat-bar{justify-content:center;gap:14px;margin:1.5rem 0;display:flex}.metro-dot{border:1px solid var(--border2);border-radius:50%;width:14px;height:14px;transition:all .15s ease-out}.metro-dot.accent{border-color:var(--gold);background:#f5c5181a}.metro-dot.on{background:var(--teal);border-color:var(--teal);transform:scale(1.4);box-shadow:0 0 16px #00d4b499}.metro-dot.on.accent{background:var(--gold);border-color:var(--gold);transform:scale(1.5);box-shadow:0 0 20px #f5c51899}.metro-dot.on-weak{background:var(--muted)}@keyframes metro-pulse{0%,to{box-shadow:0 0 12px #00d4b466}50%{box-shadow:0 0 24px #00d4b4cc}}.metro-dot.on.pulsing{animation:.6s ease-in-out infinite metro-pulse}.metro-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:1.5rem;display:flex}.bpm-adj-btn{width:44px;height:44px;font-family:var(--font-mono);background:var(--panel2);border:1px solid var(--border2);color:var(--muted);cursor:pointer;transition:var(--transition-fast);border-radius:50%;font-size:11px}.bpm-adj-btn:hover{background:var(--panel3);color:var(--text)}.metro-start{background:var(--teal);color:#000;cursor:pointer;width:56px;height:56px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.metro-start:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4b459}.metro-bpm-wrap{align-items:center;gap:1rem;display:flex}input[type=range]{appearance:none;background:var(--border2);width:100%;height:6px;accent-color:var(--teal);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--teal);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #0000004d}.metro-signature{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.metro-sig-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted2);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;padding:4px 12px;font-size:11px}.metro-sig-btn:hover{border-color:var(--border2);color:var(--text)}.metro-sig-btn.active{border-color:var(--gold-border);color:var(--gold);background:var(--gold-dim)}.metro-subdivision{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.metro-sub-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted2);text-align:center;width:100%;margin-bottom:6px;font-size:9px}.metro-sub-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted2);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;padding:4px 12px;font-size:11px}.metro-sub-btn:hover{border-color:var(--border2);color:var(--text)}.metro-sub-btn.active{border-color:var(--teal-border);color:var(--teal);background:var(--teal-dim)}.metro-tap{border:2px solid var(--purple);color:var(--purple);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:3px;padding:.5rem 1.6rem;font-size:.78rem;transition:all .15s}.metro-tap:active{background:var(--purple);color:var(--text);transform:scale(.97)}.backing-section{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-top:2rem;padding:2rem}.backing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:1rem;margin-top:1.5rem;display:grid}.backing-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:1.3rem;transition:all .22s;position:relative;overflow:hidden}.backing-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0006}.backing-card.playing{border-color:var(--teal);background:#00e5cc0a}.backing-genre{letter-spacing:3px;text-transform:uppercase;color:var(--muted2);margin-bottom:.4rem;font-size:.58rem}.backing-name{font-family:var(--font-heading);color:var(--text);margin-bottom:.3rem;font-size:1.1rem}.backing-key{color:var(--accent);margin-bottom:.5rem;font-size:.75rem}.backing-scale{color:var(--muted);font-size:.7rem}.backing-bpm{color:var(--gold);background:#f5c51814;border:1px solid #f5c51826;border-radius:20px;padding:.2rem .55rem;font-size:.68rem;position:absolute;top:.8rem;right:.8rem}.backing-play-btn{border:1px solid var(--border2);width:100%;color:var(--muted);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:3px;margin-top:.8rem;padding:.5rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .2s}.backing-card.playing .backing-play-btn{border-color:var(--teal);color:var(--teal)}.backing-card:hover .backing-play-btn{border-color:var(--accent);color:var(--accent)}.backing-card.bt-unavailable{opacity:.55;pointer-events:none}.backing-card.bt-unavailable .backing-play-btn{opacity:.4;cursor:not-allowed}.backing-card.bt-unavailable:hover{box-shadow:none;border-color:var(--border2);transform:none}#btSpeedSlider{appearance:none;background:var(--border2);border-radius:2px;outline:none}#btSpeedSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--teal);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:box-shadow .15s;box-shadow:0 0 0 3px #00d4aa26}#btSpeedSlider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #00d4aa40}#btSpeedSlider::-moz-range-thumb{background:var(--teal);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.bt-speed-preset:hover{color:var(--text2)!important;background:#ffffff0f!important}.progress-section{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-top:2rem;padding:1.5rem 2rem}.progress-title{font-family:var(--font-heading);color:var(--text);margin-bottom:1.2rem;font-size:1.3rem}.progress-item{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.65rem 0;display:flex}.progress-check{border:2px solid var(--border3);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.progress-check.done{background:var(--teal);border-color:var(--teal);color:#000;font-size:.7rem}.progress-label{color:var(--muted);flex:1;font-size:.8rem}.progress-label.done{color:var(--teal);text-decoration:line-through}.progress-bar-outer{background:var(--surface2);border-radius:3px;width:100%;height:5px;margin-top:1rem;overflow:hidden}.progress-bar-inner{background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:3px;height:100%;transition:width .5s}.tuner-wrap{text-align:center;max-width:600px;margin:0 auto}.tuner-display{border:3px solid var(--border2);background:radial-gradient(circle at 50% 40%, #00d4b40f, transparent 60%), var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:320px;height:320px;margin:1rem auto 1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.tuner-display.in-tune{border-color:var(--teal);transform:scale(1.02);box-shadow:0 0 80px #00e5cc73,0 0 120px #00e5cc33,inset 0 0 60px #00e5cc14}.tuner-display.near-tune{border-color:var(--gold);box-shadow:0 0 50px #f5c51859,0 0 80px #f5c51826}.tuner-display.near-sharp{border-color:var(--accent);opacity:.95;box-shadow:0 0 50px #ff6b3540,0 0 80px #ff6b351a}.tuner-display.near-flat{border-color:var(--gold);opacity:.95;box-shadow:0 0 50px #f5c51840,0 0 80px #f5c5181a}.tuner-display.sharp{border-color:var(--accent);box-shadow:0 0 50px #ff6b3566,0 0 80px #ff6b3526}.tuner-display.flat{border-color:var(--purple);box-shadow:0 0 50px #8b5cf666,0 0 80px #8b5cf626}.tuner-note{font-family:var(--font-display), sans-serif;color:var(--text);letter-spacing:4px;text-shadow:0 2px 20px #00000080;font-size:6.5rem;font-weight:400;line-height:.9;transition:color .3s,transform .3s}.tuner-display.in-tune .tuner-note{color:var(--teal);text-shadow:0 0 40px #00e5cc99,0 2px 20px #00000080}.tuner-display.near-tune .tuner-note{color:var(--gold)}.tuner-display.near-sharp .tuner-note{color:var(--accent);opacity:.9}.tuner-display.near-flat .tuner-note{color:var(--gold);opacity:.9}.tuner-display.sharp .tuner-note{color:var(--accent)}.tuner-display.flat .tuner-note{color:var(--purple)}.tuner-cents-wrap{font-family:var(--font-mono);align-items:baseline;gap:4px;margin-top:.5rem;display:flex}.tuner-cents{color:var(--muted);text-align:center;min-width:3ch;font-size:1.4rem;font-weight:600;transition:color .3s}.tuner-cents-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.tuner-display.in-tune .tuner-cents{color:var(--teal)}.tuner-display.near-tune .tuner-cents{color:var(--gold)}.tuner-display.near-sharp .tuner-cents{color:var(--accent)}.tuner-display.near-flat .tuner-cents{color:var(--gold)}.tuner-display.sharp .tuner-cents{color:var(--accent)}.tuner-display.flat .tuner-cents{color:var(--purple)}.tuner-status-text{color:var(--muted2);text-transform:uppercase;letter-spacing:2.5px;min-height:1.2rem;margin-top:.5rem;font-size:.78rem;font-weight:500;transition:color .3s}.tuner-display.in-tune .tuner-status-text{color:var(--teal)}.tuner-display.near-tune .tuner-status-text{color:var(--gold)}.tuner-display.near-sharp .tuner-status-text{color:var(--accent)}.tuner-display.near-flat .tuner-status-text{color:var(--gold)}.tuner-display.sharp .tuner-status-text{color:var(--accent)}.tuner-display.flat .tuner-status-text{color:var(--purple)}.tuner-freq{display:none}.tuner-meter-wrap{max-width:420px;margin:1.5rem auto 2.5rem;padding:0 1.25rem}.tuner-meter-labels{color:var(--muted);font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;grid-template-columns:70px 1fr 70px;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:0 .5rem;display:grid}.tuner-meter-labels span{white-space:nowrap;font-weight:500}.tuner-meter-labels span:first-child{color:var(--purple);text-align:left}.tuner-meter-labels span:last-child{color:var(--accent);text-align:right}#tunerFreq{color:var(--text);letter-spacing:.5px;text-align:center;font-size:.75rem;font-weight:600}.tuner-meter{background:linear-gradient(90deg, var(--purple) 0%, var(--purple) 25%, var(--gold) 45%, var(--teal) 50%, var(--gold) 55%, var(--accent) 75%, var(--accent) 100%);border-radius:5px;width:100%;height:10px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0000004d}.tuner-meter-center{background:#fff;border-radius:2px;width:4px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffff80}.tuner-needle{background:#fff;border-radius:3px;width:6px;height:22px;transition:left 80ms ease-out;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080,0 0 12px #fffc}.tuner-tuning-selector{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:center;gap:8px;margin-bottom:1rem;padding:.5rem 0;display:flex;overflow-x:auto}.tuner-tuning-selector::-webkit-scrollbar{display:none}.tuner-tuning-pill{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--border2);color:var(--muted);cursor:pointer;transition:var(--transition-fast);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:0 0;flex-shrink:0;padding:6px 16px;font-size:10px}.tuner-tuning-pill:hover{border-color:var(--teal-border);color:var(--text)}.tuner-tuning-pill.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);font-weight:600;box-shadow:0 2px 12px #00e5cc40}.tuner-controls{justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.tuner-btn{background:var(--teal);color:#000;font-family:var(--font-heading);letter-spacing:2px;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:.5rem;padding:.7rem 1.8rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.tuner-btn:hover{background:var(--teal2);transform:translateY(-1px);box-shadow:0 4px 20px #00e5cc4d}.tuner-btn.stop{color:var(--accent);background:0 0;border:1px solid #ff6b3566}.tuner-btn.stop:hover{background:#ff6b351a}.tuner-btn.active:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3559}.tuner-strings-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.tuner-strings-label{color:var(--muted2);letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;font-size:.65rem;font-weight:700}.tuner-strings-ref{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tuner-string-ref{background:var(--panel);border:1px solid var(--border2);cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;min-width:48px;padding:.5rem .7rem;transition:all .2s;display:flex}.tuner-string-ref:hover{border-color:var(--gold);transform:translateY(-2px)}.tuner-string-ref.active{border-color:var(--teal);background:#00e5cc1f;transform:scale(1.05);box-shadow:0 4px 16px #00e5cc40}.tuner-string-ref .str-name{font-family:var(--font-heading);color:var(--text);font-size:1.2rem;font-weight:600;line-height:1}.tuner-string-ref.active .str-name{color:var(--teal)}.tuner-string-ref .str-note{color:var(--muted);margin-top:.2rem;font-family:DM Mono,monospace;font-size:.6rem}.tuner-string-ref.active .str-note{color:var(--teal)}.tuner-status{display:none}.tool-body .tuner-container,#tunerPage .tuner-container{width:100vw;max-width:100%;margin:0;padding:0;position:relative}@media (width>=1200px){.tuner-container .tool-shell__identity{flex-direction:column;align-items:flex-start;display:flex}.tuner-container .tool-shell__category{text-transform:uppercase;letter-spacing:.2em!important;color:var(--teal)!important;margin-top:.5rem!important;font-size:.85rem!important;font-weight:600!important}.tuner-container .tool-shell__title{background:linear-gradient(135deg, var(--text) 0%, var(--muted) 100%);background:linear-gradient(135deg, var(--text) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:.02em!important;margin:0!important;font-size:3.5rem!important;font-weight:800!important;line-height:1!important}.tuner-layout-wide{box-sizing:border-box;grid-template-columns:460px minmax(600px,900px);justify-content:center;align-items:center;gap:2.5rem;width:100vw;max-width:none;padding:2rem;display:grid}.tuner-layout-pc-legacy{display:none!important}.tuner-col-visual-combined{flex-direction:row;justify-content:center;align-items:center;gap:2rem;min-width:460px;padding:0 0 3rem;display:flex;position:relative}.tuner-col-visual-combined .tuner-status-text{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin-top:.15rem;font-size:.72rem}.tuner-col-visual-combined .tuner-display{flex-shrink:0;width:360px;height:360px;transform:translate(-60px);box-shadow:0 0 50px #00e5cc26,inset 0 0 25px #00000026;margin:0!important}.tuner-col-visual-combined .tuner-note{font-size:5.5rem}.tuner-col-visual-combined .tuner-cents-circle{display:block}.tuner-meter-vertical-compact{display:none}.tuner-meter-vertical-compact .tuner-cents-large{font-size:2.5rem;font-family:var(--font-display);color:var(--text);letter-spacing:2px;text-align:center;margin:0 auto;line-height:1;transition:all .15s ease-out}.tuner-meter-vertical-compact .tuner-meter-vertical{background:linear-gradient(to bottom, var(--purple) 0%, var(--teal) 50%, var(--accent) 100%);border-radius:25px;width:50px;height:240px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #0000004d,0 4px 15px #0003}.tuner-meter-vertical-compact .tuner-freq-display{font-family:var(--font-mono);color:var(--muted);letter-spacing:1px;white-space:nowrap;margin-top:.3rem;font-size:.85rem}.tuner-meter-vertical-compact .meter-label-sharp,.tuner-meter-vertical-compact .meter-label-flat{letter-spacing:1.5px;color:var(--muted);font-size:.6rem;font-weight:500}.tuner-cents-large{font-size:3rem;font-family:var(--font-display);color:var(--text);letter-spacing:2px;margin-bottom:1rem}.tuner-meter-vertical-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.meter-label-sharp,.meter-label-flat{letter-spacing:2px;color:var(--muted);font-size:.7rem}.tuner-meter-vertical{background:linear-gradient(to bottom, var(--purple) 0%, var(--teal) 50%, var(--accent) 100%);border-radius:30px;width:60px;height:280px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0000004d}.meter-track{background:linear-gradient(#7c3affcc 0%,#00e5cce6 50%,#ff6b35cc 100%);position:absolute;inset:0}.meter-center-line{background:var(--bg);height:3px;box-shadow:0 0 10px var(--teal);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.meter-needle-horizontal{z-index:100;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff 15% 85%,#0000 100%);border-radius:4px;height:8px;transition:top 80ms ease-out;position:absolute;top:50%;left:-15px;right:-15px;transform:translateY(-50%);box-shadow:0 0 15px #fff,0 0 30px #fff9,inset 0 1px #fffc}.tuner-cents-large.in-tune{color:var(--teal);text-shadow:0 0 20px #00e5cc80,0 0 40px #00e5cc4d}.tuner-cents-large.near-sharp{color:var(--accent);opacity:.85;text-shadow:0 0 10px #ff6b354d}.tuner-cents-large.near-flat{color:var(--gold);opacity:.85;text-shadow:0 0 10px #f5c5184d}.tuner-cents-large.sharp{color:var(--accent);text-shadow:0 0 15px #ff6b3566}.tuner-celebration{pointer-events:none;z-index:1000;opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.tuner-celebration.active{opacity:1}.tuner-success-text{font-family:var(--font-display);color:var(--teal);text-shadow:0 0 30px #00e5cccc,0 0 60px #00e5cc66;z-index:1001;white-space:nowrap;letter-spacing:3px;font-size:3rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards successPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes successPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tuner-display.in-tune.pulse{animation:.6s ease-out tunerPulse}@keyframes tunerPulse{0%{box-shadow:0 0 50px #00e5cc26,inset 0 0 25px #00000026}50%{box-shadow:0 0 80px #00e5cc80,inset 0 0 25px #00000026,0 0 120px #00e5cc4d}to{box-shadow:0 0 50px #00e5cc26,inset 0 0 25px #00000026}}@media (width<=640px){.tuner-success-text{letter-spacing:2px;font-size:2.2rem}.celebration-particle{width:6px;height:6px}}@media (prefers-reduced-motion:reduce){.tuner-celebration,.celebration-particle,.tuner-success-text{transition:none!important;animation:none!important}}.tuner-cents-large.flat{color:var(--gold);text-shadow:0 0 15px #f5c51866}.meter-center-line{box-shadow:0 0 15px var(--teal), 0 0 25px #00e5cc80}@media (width<=1199px){.tuner-meter-vertical-compact .tuner-meter-vertical{width:40px;height:200px}.tuner-meter-vertical-compact .tuner-cents-large{font-size:2rem}.tuner-meter-vertical-compact{gap:.4rem}}@media (width<=767px){.tuner-meter-vertical-compact .tuner-meter-vertical{width:35px;height:180px}.tuner-meter-vertical-compact .tuner-cents-large{letter-spacing:1px;font-size:1.8rem}.tuner-meter-vertical-compact .tuner-freq-display{font-size:.75rem}.tuner-meter-vertical-compact .meter-label-sharp,.tuner-meter-vertical-compact .meter-label-flat{letter-spacing:1px;font-size:.55rem}}.tuner-col-controls{border-left:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:2rem;min-width:600px;padding:0 0 0 2.5rem;display:flex;width:100%!important;max-width:900px!important}.tuner-col-controls .tuner-tuning-selector{grid-template-columns:repeat(6,1fr);gap:.6rem;padding:0;display:grid;width:100%!important;max-width:900px!important}.tuner-col-controls .tuner-tuning-pill{letter-spacing:1.5px;text-align:center;white-space:nowrap;background:var(--panel2);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;justify-content:center;padding:.85rem .3rem;font-size:.75rem;font-weight:600;transition:all .25s;width:100%!important}.tuner-col-controls .tuner-tuning-pill:hover{border-color:var(--teal);background:#00e5cc1a;transform:translateY(-2px)}.tuner-col-controls .tuner-tuning-pill.active{border-color:var(--teal);color:var(--teal);background:#00e5cc26}.tuner-col-controls .tuner-strings-line{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);gap:1rem;margin:0;padding:1.5rem 0;display:grid;width:100%!important;max-width:900px!important}.tuner-col-controls .tuner-strings-line .separator{display:none}.tuner-col-controls .tuner-strings-line .string-ref{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.9rem .5rem;transition:all .25s;display:flex}.tuner-col-controls .tuner-strings-line .string-ref:hover{border-color:var(--teal);background:#00e5cc14;transform:translateY(-2px)}.tuner-col-controls .tuner-strings-line .str-name{letter-spacing:1px;font-size:1.2rem;font-weight:700}.tuner-col-controls .tuner-strings-line .str-freq{color:var(--muted);letter-spacing:1px;font-size:.7rem;font-weight:500}.tuner-col-controls .tuner-controls{margin:0}.tuner-col-controls .tuner-btn{letter-spacing:2px;background:linear-gradient(135deg, var(--teal) 0%, #00b894 100%);border:none;border-radius:10px;padding:1.2rem 1rem;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #00e5cc40;width:100%!important;max-width:900px!important}.tuner-col-controls .tuner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00e5cc59}.tuner-col-controls .tuner-btn.active{background:linear-gradient(135deg,#ff6b35 0%,#e74c3c 100%);box-shadow:0 6px 20px #ff6b3540}.tuner-col-controls .tuner-btn.active:hover{box-shadow:0 8px 25px #ff6b3559}.tuner-col-controls .tuner-tips{margin-top:0;padding-top:1.2rem;width:100%!important;max-width:900px!important}.tuner-col-controls .tuner-tips-title{letter-spacing:2px;color:var(--accent);margin-bottom:1rem;font-size:.7rem;font-weight:700}.tuner-col-controls .tuner-tips-list{flex-direction:column;gap:.8rem;margin:0;padding:0;display:flex;width:100%!important}.tuner-col-controls .tuner-tips-list li{border-left:2px solid var(--teal);width:100%;color:var(--text);opacity:.9;margin:0;padding-left:1rem;font-size:.85rem;line-height:1.5}}.tuner-display{position:relative;overflow:hidden}.tuner-dial-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.tuner-dial-ticks line{stroke:#ffffff38;stroke-width:1.2px;stroke-linecap:round}.tuner-dial-ticks .tick-major{stroke:#ffffff8c;stroke-width:2px}.tuner-dial-ticks .tick-center{stroke:var(--teal);stroke-width:2.5px}.tuner-dial-needle{transform-box:view-box;transform-origin:160px 160px;will-change:transform;transition:transform .12s ease-out}.tuner-listening-waves{pointer-events:none;z-index:0;opacity:1;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.tuner-listening-waves.hidden{opacity:0}.tuner-listening-waves span{border:1.5px solid #00e5cc1f;border-radius:50%;width:100%;height:100%;animation:2.4s ease-out infinite tunerWavePulse;position:absolute}.tuner-listening-waves span:nth-child(2){border-color:#00e5cc14;animation-delay:.8s}.tuner-listening-waves span:nth-child(3){border-color:#00e5cc0d;animation-delay:1.6s}@keyframes tunerWavePulse{0%{opacity:.5;transform:scale(.55)}to{opacity:0;transform:scale(1.12)}}.tuner-display .tuner-note,.tuner-display .tuner-cents-wrap,.tuner-display .tuner-status-text{z-index:2;position:relative}.tuner-display.in-tune .tuner-dial-needle line{stroke:var(--teal);filter:drop-shadow(0 0 4px var(--teal))}.tuner-display.near-tune .tuner-dial-needle line{stroke:var(--gold);filter:drop-shadow(0 0 3px var(--gold))}.tuner-display.near-sharp .tuner-dial-needle line,.tuner-display.sharp .tuner-dial-needle line{stroke:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.tuner-display.near-flat .tuner-dial-needle line,.tuner-display.flat .tuner-dial-needle line{stroke:var(--purple);filter:drop-shadow(0 0 4px var(--purple))}.tuner-display.in-tune .tuner-dial-needle circle:first-of-type{fill:var(--teal);filter:drop-shadow(0 0 6px var(--teal))}.tuner-display.sharp .tuner-dial-needle circle:first-of-type,.tuner-display.near-sharp .tuner-dial-needle circle:first-of-type{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.tuner-display.flat .tuner-dial-needle circle:first-of-type,.tuner-display.near-flat .tuner-dial-needle circle:first-of-type{fill:var(--purple);filter:drop-shadow(0 0 5px var(--purple))}.tuner-meter-vertical-compact{display:none!important}.tuner-display .tuner-note{letter-spacing:4px;margin-top:.3rem;font-size:5rem;line-height:.85;transition:color .2s ease-out,text-shadow .2s ease-out,transform .2s ease-out}.tuner-display.in-tune .tuner-note{text-shadow:0 0 40px #00e5cc99,0 0 80px #00e5cc4d,0 2px 20px #00000080;transform:scale(1.05)}.tuner-display.near-tune .tuner-note{text-shadow:0 0 25px #f5c51866,0 2px 20px #00000080}.tuner-display.near-sharp .tuner-note,.tuner-display.sharp .tuner-note{text-shadow:0 0 25px #ff6b3566,0 2px 20px #00000080}.tuner-display.near-flat .tuner-note,.tuner-display.flat .tuner-note{text-shadow:0 0 25px #8b5cf666,0 2px 20px #00000080}.tuner-display .tuner-cents{font-size:1.5rem;font-weight:700;transition:color .2s ease-out,text-shadow .2s ease-out}.tuner-center-info{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:125px;display:flex;position:absolute;bottom:25px;left:0;right:0}.tuner-center-info .tuner-note{margin-top:0!important;line-height:1!important}.tuner-center-info .tuner-cents-wrap{margin-top:.2rem!important;display:flex!important}.tuner-center-info .tuner-status-text{font-size:.72rem;margin-top:.2rem!important}.tuner-oscilloscope{border:1px solid var(--border);background:#00000026;border-radius:8px;width:280px;margin:1.2rem auto 0;overflow:hidden;box-shadow:inset 0 2px 8px #0003}.tuner-oscilloscope canvas{width:100%;height:48px;display:block}.tuner-strings-line .string-ref{position:relative;overflow:hidden}.tuner-strings-line .string-ref:before{content:"";background:0 0;height:3px;transition:background .3s,box-shadow .3s;position:absolute;top:0;left:0;right:0}.tuner-strings-line .string-ref[data-string="6"]:before{height:4px}.tuner-strings-line .string-ref[data-string="5"]:before{height:3.5px}.tuner-strings-line .string-ref[data-string="4"]:before{height:3px}.tuner-strings-line .string-ref[data-string="3"]:before{height:2.5px}.tuner-strings-line .string-ref[data-string="2"]:before{height:2px}.tuner-strings-line .string-ref[data-string="1"]:before{height:1.5px}.tuner-strings-line .string-ref.detected:before{background:var(--gold);box-shadow:0 0 12px #f5c51873}.tuner-strings-line .string-ref.in-tune:before{background:var(--teal);box-shadow:0 0 15px #00e5cc8c}.tuner-strings-line .string-ref.sharp:before,.tuner-strings-line .string-ref.near-sharp:before{background:var(--accent);box-shadow:0 0 12px #ff6b3566}.tuner-strings-line .string-ref.flat:before,.tuner-strings-line .string-ref.near-flat:before{background:var(--purple);box-shadow:0 0 12px #8b5cf666}.tuner-tips-toggle{background:var(--panel2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.tuner-tips-toggle:hover{border-color:var(--teal);background:#00e5cc0f}.tuner-tips-toggle .tuner-tips-icon{color:var(--accent);flex-shrink:0}.tuner-tips-toggle .tuner-tips-chevron{color:var(--muted);margin-left:auto;transition:transform .3s}.tuner-tips-toggle[aria-expanded=true] .tuner-tips-chevron{transform:rotate(180deg)}.tuner-tips-panel{opacity:0;max-height:0;transition:max-height .35s ease-out,opacity .3s;overflow:hidden}.tuner-tips-panel.open{opacity:1;max-height:300px}.tuner-tips-list{padding-top:.8rem}.tuner-tips-list li{align-items:flex-start;gap:.5rem;padding:.35rem 0;display:flex}.tuner-tips-list .tip-dot{background:var(--teal);opacity:.7;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}.tuner-pro-controls{flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem;display:flex}.tuner-calibration{background:var(--panel2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.5rem .8rem;font-family:DM Mono,monospace;font-size:.7rem;display:flex}.tuner-calibration .calibration-label{color:var(--muted);font-weight:600}.tuner-calibration .calibration-input{background:var(--bg);border:1px solid var(--border);width:60px;color:var(--text);text-align:center;border-radius:4px;padding:.3rem .5rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:700;transition:border-color .2s}.tuner-calibration .calibration-input:focus{border-color:var(--teal);outline:none}.tuner-calibration .calibration-unit{color:var(--muted);font-size:.65rem}.tuner-pro-toggle{background:var(--panel2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-heading);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.72rem;font-weight:600;transition:all .25s;display:flex}.tuner-pro-toggle:hover{border-color:var(--gold);color:var(--text)}.tuner-pro-toggle.active{border-color:var(--teal);color:var(--teal);background:#00e5cc14}.tuner-pro-toggle svg{flex-shrink:0}.filter-led{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.tuner-pro-toggle.active .filter-led{background:var(--teal);box-shadow:0 0 8px var(--teal);animation:2s ease-in-out infinite ledPulse}@keyframes ledPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--teal)}50%{opacity:.6;box-shadow:0 0 4px var(--teal)}}.filter-levels{gap:.3rem;margin-left:auto;display:flex}.filter-level-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-family:DM Mono,monospace;font-size:.55rem;font-weight:600;transition:all .2s}.filter-level-btn:hover{border-color:var(--gold);color:var(--text)}.filter-level-btn.active{background:var(--teal);border-color:var(--teal);color:#000}.pro-badge-small{background:linear-gradient(135deg, var(--gold), #c9a84c);color:#000;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;align-items:center;padding:.15rem .45rem;font-size:.6rem;font-weight:800;display:inline-flex}.tuner-tuning-pill.pro-pill{opacity:.55;border-style:dashed;position:relative}.tuner-tuning-pill.pro-pill:hover{opacity:.8;border-color:var(--gold)}.tuner-tuning-pill.pro-pill .pill-lock{opacity:.8;margin-left:3px;font-size:.65em}.tuner-strobe{border:1px solid var(--border);background:#0003;border-radius:8px;width:280px;margin:.8rem auto 0;display:none;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.tuner-strobe.visible{display:block}.tuner-strobe-label{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.65rem;font-weight:700;display:flex}.strobe-sensitivity{align-items:center;gap:.4rem;display:flex}.strobe-sensitivity .sensitivity-label{color:var(--muted);opacity:.7;font-size:.6rem}.strobe-sensitivity .sensitivity-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .5rem;font-family:DM Mono,monospace;font-size:.55rem;font-weight:600;transition:all .2s}.strobe-sensitivity .sensitivity-btn:hover{border-color:var(--gold);color:var(--text)}.strobe-sensitivity .sensitivity-btn.active{background:var(--teal);border-color:var(--teal);color:#000}.tuner-strobe canvas{width:100%;height:56px;display:block}.tuner-recent-tuning{font-family:var(--font-body);color:var(--muted);background:#00e5cc0d;border:1px solid #00e5cc26;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.5rem .8rem;font-size:.7rem;display:flex}.tuner-recent-tuning svg{color:var(--teal);flex-shrink:0}.tuner-recent-tuning .recent-restore{background:var(--teal);color:#000;letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;margin-left:auto;padding:.25rem .6rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700;transition:all .2s}.tuner-recent-tuning .recent-restore:hover{background:var(--gold)}.tuner-tuning-selector{gap:.5rem;margin-bottom:.8rem;display:flex}.tuner-tuning-dropdown{background:var(--panel2);border:1px solid var(--border);color:var(--text);font-family:var(--font-heading);letter-spacing:.8px;cursor:pointer;border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.tuner-tuning-dropdown:hover{border-color:var(--gold)}.tuner-tuning-dropdown .tuning-current-name{text-transform:uppercase}.tuner-tuning-dropdown .tuning-chevron{flex-shrink:0;transition:transform .25s}.tuner-tuning-dropdown.active .tuning-chevron{transform:rotate(180deg)}.tuning-drawer-trigger{background:var(--panel2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.6rem;transition:all .25s;display:flex}.tuning-drawer-trigger:hover{border-color:var(--gold);color:var(--text)}.tuning-editor-modal{z-index:1001;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.tuning-editor-modal.open{display:flex}.tuning-editor-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.tuning-editor-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;display:flex;position:relative;overflow:hidden}.tuning-editor-header{border-bottom:1px solid var(--border);background:var(--panel2);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.tuning-editor-title{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--text);margin:0;font-size:1rem;font-weight:700}.tuning-editor-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tuning-editor-close:hover{color:var(--text);background:#ffffff0d}.tuning-editor-body{flex:1;padding:1.5rem;overflow-y:auto}.tuning-editor-field{margin-bottom:1.5rem}.tuning-editor-label{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.tuning-editor-input{background:var(--panel2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:.6rem .8rem;font-family:DM Mono,monospace;font-size:.85rem;transition:border-color .2s}.tuning-editor-input:focus{border-color:var(--teal);outline:none}.tuning-editor-strings{flex-direction:column;gap:1rem;display:flex}.tuning-editor-string{align-items:center;gap:.8rem;display:flex}.string-label{width:80px;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;font-weight:600}.string-note{background:var(--panel2);border:1px solid var(--border);color:var(--text);text-transform:uppercase;text-align:center;border-radius:4px;flex:1;padding:.5rem .6rem;font-family:DM Mono,monospace;font-size:.8rem}.string-note:focus{border-color:var(--teal);outline:none}.string-freq{background:var(--panel2);border:1px solid var(--border);width:90px;color:var(--text);text-align:center;border-radius:4px;padding:.5rem .6rem;font-family:DM Mono,monospace;font-size:.8rem}.string-freq:focus{border-color:var(--teal);outline:none}.tuning-editor-footer{border-top:1px solid var(--border);background:var(--panel2);gap:.8rem;padding:1rem 1.5rem;display:flex}.tuning-editor-btn{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;flex:1;padding:.7rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s}.tuning-editor-btn.cancel{border:1px solid var(--border);color:var(--muted);background:0 0}.tuning-editor-btn.cancel:hover{border-color:var(--text);color:var(--text)}.tuning-editor-btn.save{background:linear-gradient(135deg, var(--teal), #00c4a7);color:#000}.tuning-editor-btn.save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00e5cc4d}@media (width>=768px) and (width<=1199px){.tuner-layout-wide{display:none!important}.tuner-layout-pc-legacy{grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto;padding:2rem;display:grid!important}.tuner-col-display{flex-direction:column;align-items:center;display:flex}.tuner-col-display .tuner-display{width:320px;height:320px}.tuner-col-display .tuner-note{font-size:5rem}.tuner-col-controls{border-left:1px solid var(--border);flex-direction:column;gap:1.5rem;padding-left:1rem;display:flex}.tuner-col-meter,.tuner-cents-large,.tuner-freq-display{display:none!important}}.tuner-tips{border-top:1px solid var(--border);margin-top:1rem;padding-top:1.5rem}.tuner-tips-title{color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.tuner-tips-list{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.8rem;line-height:1.8}.tuner-tips-list li{margin-bottom:.3rem}.tuner-alternate-tunings{box-sizing:border-box;width:100%;max-width:none;margin-top:2rem;padding:0 2.5rem}.tuner-alternate-tunings>div:first-child{color:var(--muted);letter-spacing:2px;text-align:left;margin-bottom:.8rem;font-size:.7rem;font-weight:700}@media (width<=767px){.tuner-alternate-tunings{padding:0 1rem}}@media (width>=900px){.tuner-tuning-selector{justify-content:center;gap:2.5rem;margin-bottom:.5rem;padding:0 0 2rem;overflow-x:visible}.tuner-tuning-pill{font-family:var(--font-heading);letter-spacing:2.5px;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.5rem .25rem;font-size:.8rem;transition:all .2s;position:relative}.tuner-tuning-pill:hover{color:var(--text);border-bottom-color:var(--border2)}.tuner-tuning-pill.active{border-color:#0000;border-bottom-color:var(--teal);color:var(--teal);box-shadow:none;background:0 0;font-weight:600}.tuner-tuning-pill.active:after{content:"";background:var(--teal);height:2px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 2px 8px #00e5cc66}}.tuner-strings-line{border-top:1px solid var(--border);font-family:var(--font-heading);justify-content:center;align-items:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.tuner-strings-line .string-ref{cursor:pointer;flex-direction:column;align-items:center;padding:.25rem .5rem;transition:all .2s;display:flex}.tuner-strings-line .string-ref:hover{transform:translateY(-2px)}.tuner-strings-line .string-ref:hover .str-name{color:var(--gold)}.tuner-strings-line .string-ref.active .str-name{color:var(--teal);text-shadow:0 0 12px #00e5cc4d}.tuner-strings-line .str-name{color:var(--text);letter-spacing:2px;font-size:1.25rem;font-weight:500;transition:color .2s}.tuner-strings-line .str-freq{font-family:var(--font-mono);color:var(--muted2);letter-spacing:1px;margin-top:.25rem;font-size:.68rem}.tuner-strings-line .str-freq .hz{color:var(--muted);font-size:.55rem}.tuner-strings-line .separator{color:var(--border2);opacity:.6;margin-bottom:.5rem;font-size:.4rem}.tuner-fab-stop{background:var(--panel2);border:1px solid var(--border);width:48px;height:48px;color:var(--accent);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.tuner-fab-stop:hover{border-color:var(--accent);background:#ff6b351a;transform:scale(1.05);box-shadow:0 4px 20px #ff6b3540}.tuner-fab-stop svg{width:16px;height:16px}@media (width>=900px){.tuner-display{border-width:2px;border-color:var(--border2);width:320px;height:320px;margin:.5rem auto 1.5rem}.tuner-display.sharp{border-width:2px;border-color:var(--accent);box-shadow:0 0 30px #ff6b351f}.tuner-display.flat{border-width:2px;border-color:var(--purple);box-shadow:0 0 30px #7c3aff1f}.tuner-display.in-tune{border-width:2px;border-color:var(--teal);box-shadow:0 0 40px #00e5cc33,inset 0 0 30px #00e5cc14}.tuner-note{font-size:6.5rem}.tuner-cents{font-size:1.6rem}}@media (width<=640px){.tuner-container .tool-shell__title{letter-spacing:.01em!important;font-size:1.6rem!important;font-weight:800!important;line-height:1!important}.tuner-container .tool-shell__category{letter-spacing:.2em!important;margin-top:.3rem!important;font-size:.75rem!important}.tuner-layout-pc{padding:1rem .5rem;display:block}.tuner-col-display,.tuner-col-controls{width:100%;padding:0}.tuner-col-controls{border-left:none;gap:1rem;margin-top:1.5rem;padding-left:0}.tuner-col-visual-combined{flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.tuner-display{flex-shrink:0;width:260px!important;height:260px!important;margin:0!important}.tuner-note{letter-spacing:2px;font-size:5rem!important}.tuner-cents{font-size:1.2rem!important}.tuner-meter-vertical-compact{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex!important}.tuner-meter-vertical-compact .tuner-meter-vertical{background:linear-gradient(to bottom, var(--purple) 0%, var(--teal) 50%, var(--accent) 100%);border-radius:15px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000004d,0 2px 8px #0003;width:30px!important;height:160px!important}.tuner-meter-vertical-compact .tuner-cents-large{letter-spacing:.5px;font-size:1.4rem!important}.tuner-meter-vertical-compact .tuner-freq-display{font-size:.7rem!important}.tuner-meter-vertical-compact .meter-label-sharp,.tuner-meter-vertical-compact .meter-label-flat{letter-spacing:.5px;font-size:.5rem!important}.tuner-meter-vertical-compact .meter-needle-horizontal{z-index:999;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff 15% 85%,#0000 100%);border-radius:4px;height:8px;transition:top 80ms ease-out;position:absolute;top:50%;left:-12px;right:-12px;transform:translateY(-50%);box-shadow:0 0 15px #fff,0 0 30px #fffc,inset 0 1px #ffffffe6}.tuner-col-meter{display:none!important}.tuner-meter-wrap,.tuner-meter-labels,#tunerFreq{display:none}.tuner-col-display .tuner-fab-stop,.tuner-fab-stop{width:44px;height:44px;position:fixed;bottom:1rem;right:1rem}.tuner-tuning-selector{flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:.5rem;overflow-x:auto;flex-direction:row!important}.tuner-tuning-pill{padding:5px 12px;font-size:9px}.tuner-strings-line{gap:.4rem;margin-top:1.5rem;padding-top:1rem}.tuner-strings-line .str-name{letter-spacing:1px;font-size:1rem}.tuner-strings-line .str-freq{font-size:.6rem}.tuner-strings-line .separator{display:none}.tuner-fab-stop{width:40px;height:40px;bottom:.5rem;right:50%;transform:translate(50%)}.tuner-fab-stop:hover{transform:translate(50%)scale(1.05)}.tool-body .tuner-container,#tunerPage .tuner-container{padding:1rem .5rem 3.5rem}}.chord-play-btn{border:1px solid var(--border);background:var(--panel2);width:28px;height:28px;color:var(--muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.chord-card:hover .chord-play-btn{opacity:1}.chord-play-btn:hover{background:var(--teal-dim);border-color:var(--teal-border);color:var(--teal)}.chord-play-btn.playing{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);animation:.6s ease-in-out infinite pulse-play}@keyframes pulse-play{0%,to{box-shadow:0 0 #00d4b44d}50%{box-shadow:0 0 0 6px #00d4b400}}.pg-mood-selector{flex-wrap:wrap;gap:10px;margin-bottom:1.5rem;display:flex}.pg-mood-btn{font-family:var(--font-body);border-radius:var(--radius-full);border:1px solid var(--border2);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;background:0 0;padding:8px 18px;font-size:12px}.pg-mood-btn:hover{transform:translateY(-1px)}.pg-mood-btn[data-mood=epico]{color:#ff6b7a;border-color:#ff475733}.pg-mood-btn[data-mood=epico]:hover,.pg-mood-btn[data-mood=epico].active{background:#ff47571a;border-color:#ff475766;box-shadow:0 4px 20px #ff475733}.pg-mood-btn[data-mood=melancolico]{color:#60a5fa;border-color:#60a5fa33}.pg-mood-btn[data-mood=melancolico]:hover,.pg-mood-btn[data-mood=melancolico].active{background:#60a5fa1a;border-color:#60a5fa66;box-shadow:0 4px 20px #60a5fa33}.pg-mood-btn[data-mood=alegre]{color:var(--gold);border-color:#f5c51833}.pg-mood-btn[data-mood=alegre]:hover,.pg-mood-btn[data-mood=alegre].active{background:#f5c5181a;border-color:#f5c51866;box-shadow:0 4px 20px #f5c51833}.pg-mood-btn[data-mood=mistico]{color:#a78bfa;border-color:#a78bfa33}.pg-mood-btn[data-mood=mistico]:hover,.pg-mood-btn[data-mood=mistico].active{background:#a78bfa1a;border-color:#a78bfa66;box-shadow:0 4px 20px #a78bfa33}.pg-mood-btn[data-mood=tension]{color:#fb923c;border-color:#fb923c33}.pg-mood-btn[data-mood=tension]:hover,.pg-mood-btn[data-mood=tension].active{background:#fb923c1a;border-color:#fb923c66;box-shadow:0 4px 20px #fb923c33}.pg-mood-btn[data-mood=tranquilo]{color:var(--teal);border-color:#00d4b433}.pg-mood-btn[data-mood=tranquilo]:hover,.pg-mood-btn[data-mood=tranquilo].active{background:#00d4b41a;border-color:#00d4b466;box-shadow:0 4px 20px #00d4b433}.pg-mood-divider{width:100%;font-family:var(--font-mono);letter-spacing:2px;color:var(--muted);align-items:center;gap:10px;margin:8px 0;font-size:10px;display:flex}.pg-mood-divider:before,.pg-mood-divider:after{content:"";background:var(--border);flex:1;height:1px}.pg-mood-divider .pro-badge{color:var(--gold)}.chord-result-box{background:var(--panel);border:1px solid var(--border2);border-top:3px solid var(--gold);border-radius:0 0 4px 4px;min-height:200px;padding:1.5rem}.chord-name-big{font-family:var(--font-heading);color:var(--gold);font-size:3rem;line-height:1}.chord-alias{color:var(--muted);margin-top:.3rem;font-size:.8rem}.chord-intervals-display{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.chord-interval-pill{color:var(--purple);background:#9b5de51f;border:1px solid #9b5de540;border-radius:20px;padding:.25rem .6rem;font-family:DM Mono,monospace;font-size:.68rem}.transpositor-wrap{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--teal);border-radius:0 0 4px 4px;margin-top:2rem;padding:2rem}.transpose-keys{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.transpose-key-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:.4rem .9rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .2s}.transpose-key-btn:hover{border-color:var(--teal);color:var(--text2)}.transpose-key-btn.active{background:var(--teal);border-color:var(--teal);color:#000;font-weight:700}.transpose-result{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin-top:1rem;display:grid}.transpose-chord-item{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:3px;padding:.7rem}.transpose-chord-orig{color:var(--muted2);font-family:DM Mono,monospace;font-size:.62rem}.transpose-chord-new{font-family:var(--font-heading);color:var(--gold);font-size:1.3rem}.transpose-input{background:var(--panel2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:3px;outline:none;margin-bottom:.5rem;padding:.65rem 1rem;font-family:DM Mono,monospace;font-size:.9rem;transition:border-color .2s}.transpose-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #00e5cc0f}.search-bar-wrap{max-width:500px;margin:1.5rem auto;position:relative}.search-input{background:var(--panel);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.8rem 1rem .8rem 2.8rem;font-family:DM Mono,monospace;font-size:.85rem;transition:all .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff6b3514}.search-icon{color:var(--muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.search-results-dropdown{background:var(--panel);border:1px solid var(--border2);z-index:200;border-top:none;border-radius:0 0 8px 8px;max-height:300px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0006}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.82rem;transition:background .15s}.search-result-item:hover{background:var(--panel2)}.search-result-item .sr-type{color:var(--accent);letter-spacing:1.5px;margin-bottom:.2rem;font-size:.62rem;font-weight:700}.search-result-item .sr-title{color:var(--text2)}.notes-ref{text-align:center;grid-template-columns:repeat(12,1fr);gap:2px;margin:1rem 0;font-size:.65rem;display:grid}.note-cell{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:2px;padding:.45rem .2rem}.note-cell.sharp{color:var(--purple);background:#9b5de514}.note-cell.root-note{color:var(--accent);background:#ff6b3526;border-color:#ff6b354d}footer{text-align:center;color:var(--muted2);border-top:1px solid var(--footer-border);background:linear-gradient(#0000,#0003);padding:3.5rem 2rem;font-size:.72rem}footer span{color:var(--accent)}.pro-gate-overlay{-webkit-backdrop-filter:blur(14px);z-index:10;cursor:pointer;text-align:center;background:linear-gradient(160deg,#05050fdb 0%,#080416ed 100%);border:1px solid #f5c51833;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1.5rem;transition:background .25s,border-color .25s,box-shadow .25s;animation:.32s cubic-bezier(.16,1,.3,1) both proGateFadeIn;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #f5c5180f,0 0 40px #00000080}@keyframes proGateFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.pro-gate-overlay:hover{background:linear-gradient(160deg,#05050fe8 0%,#080416f7 100%);border-color:#f5c5186b;box-shadow:inset 0 1px #f5c5181a,0 0 52px #f5c51812}.pro-gate-icon{width:40px;height:40px;color:var(--gold,#f5c518);background:#f5c5181a;border:1px solid #f5c51838;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #f5c51826}.pro-gate-icon svg{width:18px;height:18px}.pro-gate-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold,#f5c518);align-items:center;gap:.38rem;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700;display:flex}.pro-gate-label:before{content:"";background:var(--gold,#f5c518);width:4px;height:4px;box-shadow:0 0 6px var(--gold,#f5c518);border-radius:50%;flex-shrink:0;display:inline-block}.pro-gate-sublabel{color:#b4b4d7b3;max-width:250px;font-size:.7rem;line-height:1.55}.pro-gate-btn{background:linear-gradient(135deg, var(--gold,#f5c518) 0%, #d99b00 100%);color:#0a0a12;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;margin-top:.3rem;padding:.55rem 1.5rem;font-size:.68rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #f5c51847,inset 0 1px #ffffff2e}.pro-gate-btn:hover{background:linear-gradient(135deg,#ffd733 0%,#f5c518 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 30px #f5c51861,inset 0 1px #ffffff38}.pro-usage-badge{letter-spacing:1px;border:1px solid var(--border2);color:var(--muted);border-radius:20px;align-items:center;gap:.4rem;margin-left:.5rem;padding:.28rem .7rem;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex}.pro-usage-badge.available{color:var(--teal);background:#00e5cc0d;border-color:#00e5cc4d}.pro-usage-badge.warn{color:var(--gold);background:#f5c5180d;border-color:#f5c51866}.pro-usage-badge.empty{color:var(--accent);background:#ff6b350d;border-color:#ff6b3566}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,to{text-shadow:0 0 60px #ff6b3580,2px 2px #00000080}50%{text-shadow:0 0 80px #ff6b35cc,2px 2px #00000080,0 0 120px #ff6b354d}}@media (width<=768px){.page-inner{padding:1rem 1.2rem 3rem}.sec-title{letter-spacing:-.5px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}.page-heading{font-size:3.5rem}.theory-grid{grid-template-columns:1fr}.modes-table{font-size:.72rem}.modes-table th,.modes-table td{padding:.5rem .6rem}.chord-finder-wrap{grid-template-columns:1fr}}@media (width<=480px){.scales-grid{grid-template-columns:1fr}.page-nav{gap:.3rem;padding:.5rem .8rem}.page-btn{padding:.32rem .6rem;font-size:.58rem}}.page-hero{max-width:1100px;margin:0 auto;padding:5rem 2rem 3.5rem;position:relative;overflow:hidden}.page-hero:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.page-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--accent);align-items:center;gap:.7rem;margin-bottom:1.2rem;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex}.page-eyebrow:before{content:"";background:var(--accent);width:28px;height:1px;display:block}.page-heading{font-family:var(--font-display), var(--font-heading);letter-spacing:3px;color:var(--text);margin-bottom:1rem;font-size:clamp(4rem,10vw,8rem);line-height:.88}.page-heading span{color:var(--teal)}.page-lead{font-family:var(--font-body);color:var(--text2);border-left:2px solid #00d4b466;max-width:580px;margin-bottom:2.5rem;padding-left:1.2rem;font-size:.95rem;font-weight:400;line-height:1.85}.page-bg-num{font-family:var(--font-display), var(--font-heading);color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,15vw,12rem);line-height:1;position:absolute;top:3rem;right:2rem}.stat-row{flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;display:flex}.stat-pill{border:1px solid var(--border2);letter-spacing:1px;color:var(--text2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff06;border-radius:99px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:500;display:flex}.stat-pill strong{color:var(--text2)}.feature-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;max-width:100%;margin-top:3.5rem;margin-left:0;margin-right:0;display:grid}.feature-col{background:var(--bg);padding:2rem 1.8rem;transition:background .2s;position:relative}.feature-col:hover{background:var(--panel)}.feature-col-accent{height:2px;position:absolute;top:0;left:0;right:0}.feature-col-label{letter-spacing:3px;text-transform:uppercase;margin-bottom:1.2rem;font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.feature-col-sub{color:var(--muted);font-size:.72rem;font-family:var(--font-body);margin-bottom:1.4rem;font-weight:300;line-height:1.6}.feature-btn{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text2);font-family:var(--font-body);letter-spacing:.3px;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.52rem .9rem;font-size:.7rem;font-weight:500;transition:all .15s;display:flex}.feature-btn:last-child{border-bottom:0}.feature-btn:hover{color:var(--text);background:#ffffff05;padding-left:1.1rem}.feature-btn .fb-num{color:var(--muted2);letter-spacing:1px;flex-shrink:0;font-family:DM Mono,monospace;font-size:.55rem}.feature-btn .fb-arrow{opacity:0;margin-left:auto;font-size:.7rem;transition:opacity .15s,transform .15s}.feature-btn:hover .fb-arrow{opacity:.5;transform:translate(3px)}.hero-quote-banner{border-top:1px solid var(--border);align-items:flex-start;gap:2rem;max-width:960px;margin:0 auto;padding:2rem 0 0;display:flex}.hero-quote-mark{font-family:var(--font-heading);color:var(--accent);opacity:.4;flex-shrink:0;font-size:5rem;line-height:.7}.hero-quote-text{font-family:var(--font-heading);color:var(--text2);font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic;line-height:1.6}.hero-quote-attr{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:.6rem;font-family:DM Mono,monospace;font-size:.6rem}.nav-sep{background:var(--border2);flex-shrink:0;width:1px;height:22px;margin:0 .4rem}.nav-right{align-items:center;gap:.4rem;margin-left:auto;display:flex}.sec-divider{align-items:center;gap:1.2rem;margin:3rem 0 2rem;display:flex}.sec-divider-line{background:linear-gradient(90deg, var(--border2), transparent);flex:1;height:1px}.sec-divider-label{letter-spacing:3px;color:var(--muted);text-transform:uppercase;flex-shrink:0;font-family:DM Mono,monospace;font-size:.58rem}.scale-card-inner{z-index:1;position:relative}.scale-tier-badge{letter-spacing:2px;color:var(--muted2);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.52rem;position:absolute;top:.9rem;right:.9rem}#chordSearchInput{border-radius:6px!important;font-size:.8rem!important;transition:all .2s!important}#chordSearchInput:focus{box-shadow:0 0 0 3px #f5c5181a!important}.theory-card{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff08,inset 0 1px #ffffff14}.theory-card:hover{background:#ffffff0a;border-color:#00d4b466;transform:translateY(-4px);box-shadow:0 16px 48px #0000004d,0 0 0 1px #00d4b433,inset 0 1px #ffffff1f}@media (width<=768px){.feature-grid{grid-template-columns:1fr}.hero-quote-banner{flex-direction:column;gap:.8rem}.hero-quote-mark,.page-heading{font-size:3rem}}.toolkit-hero-eyebrow{letter-spacing:4px;color:var(--muted);border:1px solid var(--border2);text-transform:uppercase;border-radius:20px;align-items:center;gap:.6rem;margin-bottom:2.5rem;padding:.38rem 1rem;font-family:DM Mono,monospace;font-size:.6rem;display:inline-flex}.toolkit-hero-eyebrow span{color:var(--accent)}.toolkit-title-block{margin-bottom:2rem}.toolkit-title-main{font-family:var(--font-display),var(--font-heading);letter-spacing:3px;color:var(--text);font-size:clamp(4rem,13vw,11rem);line-height:.85}.toolkit-title-accent{color:var(--accent);text-shadow:0 0 80px #ff6b354d}.toolkit-title-sub{font-family:var(--font-heading);color:var(--gold);letter-spacing:3px;opacity:.9;margin-top:.8rem;font-size:clamp(.95rem,2.5vw,1.35rem);font-style:italic}.tk-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#14161e66;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.5rem 1.4rem;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.tk-card:before{content:"";background:var(--tk-color,var(--teal));opacity:0;width:3px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.tk-card:hover{border-color:#00d4b433;transform:translateY(-3px);box-shadow:0 16px 48px #00000073}.tk-card:hover:before{opacity:1}.tk-card-icon{font-size:1.6rem;line-height:1}.tk-card-name{font-family:var(--font-body);color:var(--text);letter-spacing:.1px;font-size:.9rem;font-weight:700}.tk-card-desc{color:var(--text2);flex:1;font-size:.74rem;line-height:1.65}.tk-badge{letter-spacing:2px;text-transform:uppercase;border-radius:20px;align-self:flex-start;align-items:center;padding:.18rem .5rem;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700;display:inline-flex}.tk-badge.free{color:var(--teal);background:#00e5cc1f;border:1px solid #00e5cc33}.tk-badge.pro{color:var(--gold);background:#f5c5181f;border:1px solid #f5c51833}.tk-badge.new{color:var(--purple);background:#9b5de526;border:1px solid #9b5de540}.tk-arrow{color:var(--muted);letter-spacing:1px;align-self:flex-start;align-items:center;margin-top:.4rem;font-family:DM Mono,monospace;font-size:.65rem;transition:all .2s;display:inline-flex}.tk-arrow:after{content:" →";transition:transform .2s,color .2s}.tk-card:hover .tk-arrow{color:var(--tk-color,var(--teal))}.tk-card:hover .tk-arrow:after{transform:translate(4px)}.tk-section-label{letter-spacing:4px;color:var(--muted2);text-transform:uppercase;align-items:center;gap:.8rem;margin:2.2rem 0 .8rem;font-family:DM Mono,monospace;font-size:.55rem;display:flex}.tk-section-label:after{content:"";background:linear-gradient(90deg,var(--border2),transparent);flex:1;height:1px}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-panel{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:0 0 6px 6px;margin-top:2rem;padding:2rem}.tool-input-group{margin-bottom:1.5rem}.tool-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.65rem;display:block}.tool-input{background:var(--panel2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:3px;outline:none;padding:.7rem 1rem;font-family:DM Mono,monospace;font-size:.9rem;transition:border-color .2s}.tool-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff6b3514}.tool-select{background:var(--panel2);border:1px solid var(--border2);color:var(--text);cursor:pointer;border-radius:3px;outline:none;min-width:160px;padding:.65rem 1rem;font-family:DM Mono,monospace;font-size:.82rem}.tool-btn{background:var(--accent);color:var(--text);font-family:var(--font-body);letter-spacing:2px;cursor:pointer;border:none;border-radius:3px;padding:.7rem 1.8rem;font-size:.75rem;font-weight:800;transition:all .2s}.tool-btn:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 20px #ff6b3559}.tool-result{background:var(--bg);border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;min-height:80px;margin-top:1.5rem;padding:1.5rem}.tool-result-empty{color:var(--muted2);font-family:DM Mono,monospace;font-size:.8rem;font-style:italic}.prog-style-btn{background:var(--panel);border:1px solid var(--border2);color:var(--muted);font-family:var(--font-body);cursor:pointer;letter-spacing:.5px;border-radius:20px;padding:.5rem .95rem;font-size:.72rem;font-weight:600;transition:all .18s}.prog-style-btn:hover{border-color:var(--accent);color:var(--text2);background:#ff6b350f}.prog-style-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text);font-weight:700;box-shadow:0 2px 12px #ff6b354d}.prog-chord-card{background:var(--panel);border:1px solid var(--border2);border-top:3px solid var(--accent);text-align:center;border-radius:4px;padding:.85rem .8rem .7rem;transition:transform .18s,box-shadow .18s;animation:.25s both cardIn}.prog-chord-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.prog-chord-name{font-family:var(--font-heading);color:var(--gold);font-size:1.6rem;line-height:1}.prog-chord-role{color:var(--muted);letter-spacing:1px;margin-top:.3rem;font-family:DM Mono,monospace;font-size:.6rem}.prog-roman{color:var(--accent);margin-top:.2rem;font-family:DM Mono,monospace;font-size:.7rem}.prog-style-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}#searchOverlay{z-index:12000;justify-content:center;align-items:flex-start;display:none;position:fixed;inset:0;overflow:hidden;-webkit-backdrop-filter:blur(28px)saturate(200%)!important;background:radial-gradient(80% 60% at 50% 20%,#00d4b40f,#0000 60%),#040408d1!important}#searchOverlay.open{animation:.35s cubic-bezier(.16,1,.3,1) both searchFadeIn;display:flex!important}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-dialog{-webkit-backdrop-filter:blur(50px)saturate(1.2);flex-direction:column;width:min(720px,92vw);margin-top:12vh;animation:.35s cubic-bezier(.16,1,.3,1) both searchDialogIn;display:flex;position:relative;overflow:hidden;background:linear-gradient(160deg,#0e0e16f7,#08080efa)!important;border:1px solid #00d4b426!important;border-radius:24px!important;box-shadow:0 40px 100px #000000b3,0 0 0 1px #00d4b40f,0 0 60px #00d4b40a,inset 0 1px #ffffff14!important}@keyframes searchDialogIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:none}}.search-input-bar{background:linear-gradient(#00d4b405,#0000);border-bottom:1px solid #00d4b414;align-items:center;gap:14px;padding:18px 24px;display:flex}.search-icon-wrap{color:var(--teal);opacity:.9;filter:drop-shadow(0 0 6px #00d4b433);justify-content:center;align-items:center;transition:opacity .2s,filter .2s;display:flex}#searchInput{letter-spacing:.01em;flex:1;line-height:1.5;color:var(--text)!important;font-family:var(--font-body)!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:1.1rem!important;font-weight:500!important}#searchInput::placeholder{opacity:.5;color:var(--text-muted)!important}.search-shortcut{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.08em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:.6rem;box-shadow:inset 0 -1px #ffffff0a,0 1px 2px #0003}.search-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:7px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.search-close-btn:hover{color:var(--gold);background:#f5c5181a;border-color:#f5c51840;transform:scale(1.06)rotate(90deg)}.search-close-btn:active{transform:scale(.93)}.search-dropdown{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;gap:4px;max-height:420px;padding:12px;display:flex;overflow-y:auto}#searchOverlay .search-result-item,.search-dialog .search-result-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:100px 1fr;grid-template-areas:"meta title""meta desc";gap:2px 12px;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:grid!important}#searchOverlay .search-result-item:before,.search-dialog .search-result-item:before{content:"";background:var(--teal);opacity:0;border-radius:2px;width:3px;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}#searchOverlay .search-result-item:hover,.search-dialog .search-result-item:hover{background:#00d4b40d;border-color:#00d4b426;transform:translate(3px)}#searchOverlay .search-result-item:hover:before,.search-dialog .search-result-item:hover:before{opacity:1;transform:scaleY(1)}#searchOverlay .search-result-item.selected,.search-dialog .search-result-item.selected{transform:translate(4px);background:#00d4b41a!important;border-color:#00d4b440!important}#searchOverlay .search-result-item.selected:before,.search-dialog .search-result-item.selected:before{opacity:1;transform:scaleY(1)}#searchOverlay .search-result-item.recent-item,.search-dialog .search-result-item.recent-item{grid-template-areas:"meta title";align-items:center;padding:10px 16px}#searchOverlay .sr-meta,.search-dialog .sr-meta{grid-area:meta;align-items:center;display:flex}#searchOverlay .sr-type,.search-dialog .sr-type{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:6px;width:100%;padding:4px 8px;font-size:.68rem;font-weight:700;line-height:1.3}#searchOverlay .sr-type.type-herramienta,.search-dialog .sr-type.type-herramienta{color:#00d4b4;background:#00d4b41f;border:1px solid #00d4b440;box-shadow:0 0 12px #00d4b40f}#searchOverlay .sr-type.type-técnica,#searchOverlay .sr-type.type-tecnica,.search-dialog .sr-type.type-técnica,.search-dialog .sr-type.type-tecnica{color:#f5c518;background:#f5c5181f;border:1px solid #f5c51840;box-shadow:0 0 12px #f5c5180f}#searchOverlay .sr-type.type-escala,.search-dialog .sr-type.type-escala{color:#34d399;background:#34d3991f;border:1px solid #34d39940;box-shadow:0 0 12px #34d3990f}#searchOverlay .sr-type.type-acorde,.search-dialog .sr-type.type-acorde{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c40;box-shadow:0 0 12px #fb923c0f}#searchOverlay .sr-title,.search-dialog .sr-title{color:var(--text);grid-area:title;font-size:.95rem;font-weight:600;transition:color .15s}#searchOverlay .search-result-item.selected .sr-title,.search-dialog .search-result-item.selected .sr-title{color:var(--teal)}#searchOverlay .sr-desc,.search-dialog .sr-desc{color:var(--text-secondary);grid-area:desc;font-size:.78rem;line-height:1.4}.search-empty-text{color:var(--text-secondary);font-size:.95rem;font-family:var(--font-body);margin-bottom:28px;line-height:1.6}.search-recent-section{text-align:left;margin-top:16px}.search-recent-title{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;border-left:2px solid var(--teal);margin-bottom:12px;padding-left:8px;font-size:.65rem;font-weight:700}.search-recent-list{flex-direction:column;gap:4px;display:flex}.search-help-footer{border-top:1px solid #ffffff0a;margin-top:28px;padding-top:18px}.search-tips-row{justify-content:center;gap:28px;display:flex}.search-tip{color:var(--text-muted);font-size:.72rem;font-family:var(--font-ui);align-items:center;gap:7px;display:flex}.search-tip kbd{font-family:var(--font-mono);color:var(--text);text-align:center;background:linear-gradient(#ffffff17,#ffffff0a);border:1px solid #ffffff1f;border-bottom:2px solid #ffffff0f;border-radius:5px;justify-content:center;align-items:center;min-width:24px;padding:3px 6px;font-size:.64rem;display:inline-flex;box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff14}.search-no-results{color:var(--text-secondary);text-align:center;padding:48px 16px;font-size:.9rem}.search-empty-hint{color:var(--text-muted);text-align:center;padding:32px 16px;font-size:.85rem}@media (width<=768px){#searchOverlay{-webkit-backdrop-filter:none!important;background:#08080cfa!important}.search-dialog{background:var(--bg)!important;-webkit-backdrop-filter:none!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important}.search-input-bar{border-bottom:1px solid var(--border);background:var(--surface-1);padding:14px 16px}.search-dropdown{flex:1;max-height:none;padding:8px}.search-result-item{border-radius:8px;grid-template-columns:88px 1fr;padding:10px 12px}.search-help-footer,.search-shortcut{display:none!important}}@keyframes notePulse{0%,to{opacity:1;transform:scale(1)}40%{opacity:.65;transform:scale(1.4)}}@keyframes noteAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fret-note-new{animation:.2s cubic-bezier(.16,1,.3,1) both noteAppear}.tk-card:hover,.scale-card:hover{box-shadow:var(--shadow-lift)!important}.theory-card:hover,.tip-card:hover,.backing-card:hover{box-shadow:var(--shadow-card)!important}footer{border-top:1px solid var(--footer-border);text-align:left;background:linear-gradient(#0000,#00000040);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:3rem 3.5rem!important;display:grid!important}.footer-brand{font-family:var(--font-display),var(--font-heading),serif;letter-spacing:4px;color:var(--muted2);-webkit-user-select:none;user-select:none;font-size:1.6rem}.footer-brand em{color:var(--accent);font-style:normal}.footer-center{text-align:center;letter-spacing:2px;color:var(--muted2);font-family:DM Mono,monospace;font-size:.6rem;line-height:2}.footer-center strong{color:var(--accent)}.footer-right{text-align:right;letter-spacing:1.5px;color:var(--muted2);font-family:DM Mono,monospace;font-size:.6rem;line-height:2.2}.footer-right a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-right a:hover{color:var(--gold)}@media (width<=768px){footer{gap:1.5rem;text-align:center!important;grid-template-columns:1fr!important;padding:2.5rem 1.5rem!important}.footer-right{text-align:center}}#mainContent{display:contents}.tk-card{-webkit-backdrop-filter:blur(8px);transition:var(--transition);background:#0c0c1899;border:1px solid #ffffff0f}.tk-card:hover{box-shadow:var(--shadow-lift), 0 0 0 1px #ffffff0a;background:#121224cc;border:1px solid #ffffff1a}#page-tuner .page-inner{max-width:680px}.page-inner{padding:1rem 3.5rem 4rem;position:relative}.page.page--tool .page-inner,.page.page--tool .page-inner.compact{padding-top:0!important}.tool-btn,.metro-start,.tuner-btn,.prog-style-btn,.ear-choice-btn,.tk-card,.scale-card,.theory-card{touch-action:manipulation}.tool-btn:active,.metro-start:active,.tuner-btn:active,.prog-style-btn:active,.ear-choice-btn:active,.tk-card:active,.scale-card:active,.theory-card:active{transition:transform .1s cubic-bezier(.16,1,.3,1);transform:scale(.97)}@media (width<=768px){.tool-btn,.metro-start,.tuner-btn,.prog-style-btn,.ear-choice-btn,.tk-card,.scale-card,.theory-card{min-height:48px}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}}.tk-section-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;width:fit-content;margin:2rem 0 .6rem;padding:.35rem 1rem .35rem .4rem}.page-inner:before{content:"";background:linear-gradient(180deg, var(--accent), transparent 40%);opacity:.15;width:1px;position:absolute;top:0;bottom:0;left:0}.tool-panel{-webkit-backdrop-filter:blur(12px);background:#0c0c1899!important;border:1px solid #ffffff0f!important}.metro-section,.backing-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c1880!important;border:1px solid #ffffff0f!important}.no-lead .page-lead{display:none}.no-lead .divider{margin:.5rem 0 1rem}.bpm-adj-btn{border:1px solid var(--border2);min-width:48px;min-height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .9rem;font-family:DM Mono,monospace;font-size:.95rem;transition:background .12s,border-color .12s;display:flex}.bpm-adj-btn:hover{border-color:var(--border3);background:#ffffff0d}.bpm-adj-btn:active{background:#ffffff1a;transform:scale(.95)}.bt-loading-state{flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.bt-spinner{border:2px solid var(--border2);border-top-color:var(--teal);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite bt-spin}@keyframes bt-spin{to{transform:rotate(360deg)}}.bt-loading-text{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.bt-empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:.8rem;padding:3rem 2rem;display:flex}.bt-empty-icon{opacity:.4;font-size:2.5rem;line-height:1;display:block}.bt-empty-title{font-family:var(--font-heading);color:var(--text2);font-size:1rem;font-weight:700}.bt-empty-sub{color:var(--muted);max-width:300px;font-size:.78rem;line-height:1.7}#btSpeedPanel[style*="pointer-events: none"]:after,#btSpeedPanel[style*=pointer-events\:none]:after{content:"Reproduce una pista primero";color:var(--muted2);letter-spacing:1px;white-space:nowrap;pointer-events:none;font-family:DM Mono,monospace;font-size:.6rem;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}#btSpeedPanel{position:relative}.page-inner .tool-header-compact{align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.tool-header-compact .sec-label{flex-shrink:0;margin-bottom:0}.tool-header-compact .sec-title{white-space:nowrap;margin:0;line-height:1;font-size:clamp(1.3rem,2.5vw,1.8rem)!important}#mobileToolLabel{bottom:calc(52px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:2px;color:var(--muted);text-align:center;z-index:990;text-transform:uppercase;pointer-events:none;background:#06060ee0;border-top:1px solid #ffffff0d;padding:.3rem 1rem;font-family:DM Mono,monospace;font-size:.52rem;display:none;position:fixed;left:0;right:0}@media (width>=769px){#mobileToolLabel{display:none!important}}@media (width<=768px){.kd-layout{flex-direction:column!important;gap:1rem!important;display:flex!important}.kd-layout>div:last-child{border-top:2px solid var(--border2)!important;padding-top:1rem!important}.page-inner.compact{padding-top:3rem!important}}.top-nav-link{color:#fff9;font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;padding:.4rem .75rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.top-nav-link:hover{color:var(--teal);background:#00d4b414}@media (width<=768px){#authBar{-webkit-backdrop-filter:blur(12px);background:#0a0a0afa;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex!important}.kn-center{display:none!important}.kn-logo span{letter-spacing:3px;font-size:.9rem}#navAuthBtns{gap:.4rem}#navAuthBtns .btn-login,#navAuthBtns .btn-register{padding:.4rem .7rem;font-size:.6rem}.nav-user-badge-premium{background:#ffffff0d;gap:.4rem;padding:.25rem .5rem .25rem .25rem}.nav-user-avatar-refined{width:30px;height:30px;font-size:.7rem}.nav-user-info{display:none}}.btn-login{color:#ffffffbf;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:7px;padding:.38rem .8rem;font-size:.68rem;font-weight:600;transition:all .15s}.btn-register{background:var(--teal);color:#000;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:.38rem .9rem;font-size:.68rem;font-weight:600;transition:all .15s}#authBar{z-index:1000;background:#000;border-bottom:1px solid #ffffff1a;align-items:center;gap:0;height:56px;padding:0 1rem 0 .75rem;display:flex;position:sticky;top:0;left:0;right:0}.kn-brand-wrapper{flex-shrink:0;align-items:center;gap:.25rem;margin-right:1.5rem;display:flex}.kn-brand-info{border-left:1px solid #ffffff1a;align-items:center;gap:.5rem;padding-left:.5rem;display:flex}.kn-logo{cursor:pointer;color:var(--text);transition:transform .2s var(--ease-liquid);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.4rem;display:flex}.kn-logo:hover{transform:scale(1.05)}.kn-logo svg{filter:drop-shadow(0 0 8px #00d4b44d)}.nav-logo{font-family:var(--font-heading);letter-spacing:1.5px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.nav-logo-spotify{cursor:pointer;width:36px;height:36px;font-family:var(--font-logo);-webkit-text-fill-color:transparent;background:linear-gradient(160deg,#ffd166 0%,#ff8c42 40%,#ff5a1f 100%);-webkit-background-clip:text;background-clip:text;border:none;flex-shrink:0;justify-content:center;align-items:center;padding-top:1px;font-size:1.6rem;font-weight:400;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-logo-spotify:hover{transform:scale(1.15)}.nav-logo-btn{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-heading,#fff);cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-items:center;margin:0;padding:4px 8px;font-size:1.35rem;font-weight:800;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s,text-shadow .3s;display:inline-flex}.nav-logo-btn:hover{opacity:1;text-shadow:0 4px 20px #00d4b433;transform:scale(1.02)}.logo-k{margin-right:1px;font-size:1.15em;font-weight:900;line-height:1;display:inline-block;color:var(--gold)!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(160deg,#ffd166 0%,#ff8c42 40%,#ff5a1f 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}.kn-search-btn-clean{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.kn-search-btn-clean:hover{color:var(--text);background:0 0;transform:scale(1.15)}.favorites-btn-refined{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:.5rem;padding:.5rem;transition:all .2s;display:flex}.favorites-btn-refined:hover{color:var(--gold);filter:drop-shadow(0 0 8px #f5c51866);transform:scale(1.1)}.favorites-btn-refined.has-favorites svg{fill:var(--gold);stroke:var(--gold);filter:drop-shadow(0 0 8px #f5c51880)}button.nav-user-badge-premium,.nav-user-badge-premium{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;align-items:center;gap:.6rem;margin-left:.5rem;padding:0;transition:filter .2s;display:flex}button.nav-user-badge-premium:hover,.nav-user-badge-premium:hover{filter:brightness(1.15)}.nav-user-avatar-refined{background:linear-gradient(135deg, var(--teal), var(--accent));width:36px;height:36px;font-family:var(--font-heading);color:var(--text);border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 2px 12px #00000040}.nav-user-avatar-refined--pro{border-color:var(--gold);box-shadow:0 0 0 2px #f5c51833,0 2px 12px #00000040}.nav-user-badge-premium .nav-user-info{display:none}.nav-user-info{flex-direction:row;align-items:center;gap:6px;display:flex}#navUserEmail{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-family:var(--font-body);color:#fffffff2;letter-spacing:.2px;font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden}#navUserPro{letter-spacing:1.2px;color:#fcda8b;text-transform:uppercase;background:linear-gradient(135deg,#1c1c1c 0%,#000 100%);border:1px solid #fcda8b59;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:4px 10px;font-family:Inter,system-ui,sans-serif;font-size:.65rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,inset 0 1px 1px #fcda8b26}#navUserPro:after{content:"";background:linear-gradient(90deg,#0000,#fcda8b40,#0000);width:60%;height:100%;animation:5s cubic-bezier(.4,0,.2,1) infinite navProShine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes navProShine{0%{left:-100%}15%{left:200%}to{left:200%}}.kn-center{align-items:center;gap:2px;display:flex}.kn-btn{color:#ffffffb8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;height:32px;padding:6px 16px;font-family:Inter,system-ui,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.kn-btn:hover{color:var(--text);background:#ffffff1a}.kn-btn.kn-active{color:#000;background:#fff}.kn-direct{position:relative}.kn-caret{opacity:.5;flex-shrink:0;transition:transform .2s}.kn-item.open .kn-caret{opacity:.8;transform:rotate(180deg)}.kn-item{position:relative}.kn-drop{background:var(--panel);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;border:1px solid #ffffff1a;border-radius:14px;min-width:280px;padding:.5rem;display:block;position:absolute;box-shadow:0 24px 64px #000000a6,0 0 0 1px #00d4b40d}.kn-drop.open,.kn-item:hover>.kn-drop,.kn-drop:hover{opacity:1;visibility:visible;pointer-events:all}.kn-drop-wide{min-width:540px}@keyframes knDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.kn-drop-cols{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.kn-drop-cols>div{padding:.25rem 0}.kn-drop-cols>div:first-child{border-right:1px solid #ffffff0f;padding-right:.5rem}.kn-drop-cols>div:last-child{padding-left:.5rem}.kn-drop-section{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);opacity:.8;padding:.5rem .75rem .3rem;font-family:DM Mono,monospace;font-size:.5rem}.kn-drop-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:flex-start;gap:.75rem;width:100%;padding:.6rem .75rem;transition:background .12s;display:flex}.kn-drop-item:hover{background:#00d4b412}.kn-drop-icon{color:var(--text2);flex-shrink:0;margin-top:2px;font-size:.95rem;transition:color .12s;display:inline-flex}.kn-drop-item:hover .kn-drop-icon{color:var(--teal)}.kn-drop-icon svg{color:var(--text2)!important;stroke:currentColor!important}.kn-drop-icon svg [fill=currentColor]{fill:currentColor!important}.kn-drop-item:hover .kn-drop-icon svg{color:var(--teal)!important}.kn-drop-title{color:var(--text);align-items:center;gap:.4rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;line-height:1.3;display:flex}.kn-drop-sub{font-family:var(--font-body);color:var(--muted);margin-top:.1rem;font-size:.68rem;line-height:1.4}.kn-new{letter-spacing:1px;text-transform:uppercase;color:var(--purple);vertical-align:middle;background:#8b5cf624;border:1px solid #8b5cf647;border-radius:4px;padding:.1rem .32rem;font-family:DM Mono,monospace;font-size:.42rem}.kn-actions-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.kn-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-login{color:var(--text);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1.5px solid #ffffff38;border-radius:20px;justify-content:center;align-items:center;height:32px;padding:6px 18px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-login:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff40 50%,#0000 100%);width:50%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-75%;transform:skew(-25deg)}.btn-login:hover{letter-spacing:1px;background:#ffffff1f;border-color:#ffffff73;transform:translateY(-2px);box-shadow:0 0 32px #ffffff26,inset 0 0 12px #ffffff0a}.btn-login:hover:before{left:130%}.btn-register{background:linear-gradient(135deg, var(--teal), var(--gold));color:#000;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background-size:200% 200%;border:none;border-radius:20px;justify-content:center;align-items:center;height:32px;padding:6px 18px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);animation:4s infinite auroraShift;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 28px #00d4b466,0 0 0 1px #ffffff1a}.btn-register:before{content:"";background:linear-gradient(120deg,#0000 0%,#fff6 50%,#0000 100%);width:50%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-75%;transform:skew(-25deg)}.btn-register:hover{letter-spacing:1px;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 40px #00d4b499,0 0 0 1.5px #ffffff40}.btn-register:hover:before{left:130%}@keyframes auroraShift{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=768px){.kn-center{display:none}#authBar{height:52px;padding:0 1rem}.kn-logo span{font-size:.9rem}.nav-logo-spotify{width:32px;height:32px;font-size:.9rem}}.tagline-accent{color:var(--accent);-webkit-text-fill-color:var(--accent);font-style:normal}.pro-strip{background:var(--panel);border-top:1px solid #ff6b351f;border-bottom:1px solid #ff6b3514;position:relative;overflow:hidden}.pro-strip:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ff6b350a 0%,#0000 50%,#8b5cf608 100%);position:absolute;inset:0}.pro-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:2.5rem 4rem;display:flex;position:relative}.pro-strip-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.55rem;display:flex}.pro-strip-bolt{font-size:.75rem}.pro-strip-title{font-family:var(--font-heading);color:var(--text);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:800;line-height:1.25}.pro-strip-title span{color:var(--text2);font-size:.9em;font-weight:600}.pro-strip-right{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.pro-strip-checks{font-family:var(--font-body);color:var(--muted);flex-direction:column;gap:.3rem;font-size:.75rem;line-height:1.5;display:flex}.pro-strip-checks span:before{content:"✓ ";color:var(--teal);font-weight:700}.pro-strip-btn{border:1.5px solid var(--accent);color:var(--accent);font-family:var(--font-body);letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.pro-strip-btn:hover{background:var(--accent);color:#000;transform:translateY(-2px);box-shadow:0 6px 24px #ff6b354d}@media (width<=768px){.pro-strip-inner{padding:2rem 1.5rem}.pro-strip-right{flex-direction:column;align-items:flex-start;gap:1rem}}.site-footer{background:var(--bg);border-top:1px solid #ffffff0f}.sf-top{grid-template-columns:280px 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 4rem 3rem;display:grid}.sf-logo{font-family:var(--font-display), var(--font-heading);letter-spacing:3px;margin-bottom:.6rem;font-size:2rem}.sf-k{-webkit-text-fill-color:transparent;background:linear-gradient(160deg,#ffd166 0%,#ff8c42 40%,#ff5a1f 100%);-webkit-background-clip:text;background-clip:text}.sf-tagline{font-family:var(--font-body);color:var(--text2);margin-bottom:.3rem;font-size:.85rem;line-height:1.5}.sf-copy{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem}.sf-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.sf-col-title{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);margin-bottom:.8rem;font-family:DM Mono,monospace;font-size:.52rem}.sf-col a{font-family:var(--font-body);color:var(--muted);padding:.2rem 0;font-size:.78rem;text-decoration:none;transition:color .15s;display:block}.sf-col a:hover{color:var(--text)}.sf-bottom{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1.2rem 4rem 2.5rem;display:flex}.sf-bottom-left,.sf-bottom-right{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.52rem}.sf-back-top{color:var(--muted);letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:.35rem .9rem;font-family:DM Mono,monospace;font-size:.52rem;transition:all .15s}.sf-back-top:hover{border-color:var(--teal);color:var(--teal)}@media (width<=768px){.sf-top{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem 2rem}.sf-links{grid-template-columns:1fr 1fr}.sf-bottom{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem}}body.kuerda-pro .pro-gate-overlay,body.kuerda-pro .pro-usage-badge,body.kuerda-pro .tool-shell__usage,body.kuerda-pro #sideNavProBtn,body.kuerda-pro .mode-card-pro-overlay,body.kuerda-pro .theory-pro-gate,body.kuerda-pro .pro-strip-btn,body.kuerda-pro #recProUpgrade{display:none!important}body.kuerda-pro #proBadgeNav{display:flex!important}body.kuerda-pro .mode-card-footer{filter:none!important;pointer-events:auto!important;opacity:1!important}body[data-theme=light] .prog-chord-card,html[data-theme=light] .prog-chord-card{background:linear-gradient(170deg,#fff 0%,#f5f5f5 100%)!important;border-color:#0000001f!important;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d!important}body[data-theme=light] .prog-chord-card:hover,html[data-theme=light] .prog-chord-card:hover{background:linear-gradient(170deg,#fff 0%,#fafafa 100%)!important;box-shadow:0 16px 40px #0000001f,0 4px 12px #00000014!important}body[data-theme=light] .prog-chord-name,html[data-theme=light] .prog-chord-name{color:#b87515!important}body[data-theme=light] .prog-chord-role,html[data-theme=light] .prog-chord-role{color:#666!important}body[data-theme=light] .prog-roman,html[data-theme=light] .prog-roman{color:#888!important}#authBar{z-index:1000;padding-top:env(safe-area-inset-top,0px);background:#000;border-bottom:1px solid #ffffff1a;position:sticky;top:0}#authBar.scrolled{background:#000;border-bottom-color:#ffffff1a}body.light-mode #authBar,body.light-mode #authBar.scrolled{background:#fff;border-bottom-color:#0000001a}.nav-pro-badge{animation:2s ease-in-out infinite proPulse}html[data-motion=premium] #authBar .kn-item,[data-motion=premium] #authBar .kn-item{z-index:1;padding:6px 0;position:relative}html[data-motion=premium] #authBar .kn-item:hover,[data-motion=premium] #authBar .kn-item:hover{z-index:50}html[data-motion=premium] #authBar .kn-item:before,[data-motion=premium] #authBar .kn-item:before{content:"";z-index:999;pointer-events:auto;background:0 0;height:24px;position:absolute;bottom:-18px;left:4px;right:4px}html[data-motion=premium] #authBar .kn-drop,[data-motion=premium] #authBar .kn-drop{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(1.8);pointer-events:none;z-index:1000;will-change:transform, opacity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;min-width:280px;transform-style:preserve-3d;image-rendering:-webkit-optimize-contrast;background:#0e1014fa;border:1px solid #00d4b433;border-radius:16px;margin-left:0;padding:1rem 0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1),visibility 0s .45s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-12px)scale(.96);box-shadow:0 32px 64px #00000080,0 0 0 1px #00d4b414,inset 0 1px #ffffff0d,0 0 40px #00d4b41a}html[data-motion=premium] #authBar .kn-drop.kn-drop-wide,[data-motion=premium] #authBar .kn-drop.kn-drop-wide{min-width:520px;margin-left:0;padding:1.25rem}html[data-motion=premium] #authBar .kn-item:hover .kn-drop,html[data-motion=premium] #authBar .kn-drop:hover,[data-motion=premium] #authBar .kn-item:hover .kn-drop,[data-motion=premium] #authBar .kn-drop:hover{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1),visibility;transform:translate(0)scale(1)}html[data-motion=premium] #authBar .kn-item:hover .kn-drop,[data-motion=premium] #authBar .kn-item:hover .kn-drop{box-shadow:0 32px 64px #00000080,0 0 0 1px #00d4b426,inset 0 1px #ffffff0d,0 0 60px #00d4b426}html[data-motion=premium] #authBar .kn-item:hover .kn-caret,[data-motion=premium] #authBar .kn-item:hover .kn-caret{opacity:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;transform:rotate(180deg)}html[data-motion=premium] #authBar .kn-drop-section,[data-motion=premium] #authBar .kn-drop-section{letter-spacing:.15em;text-transform:uppercase;color:var(--teal);border-bottom:1px solid #00d4b41a;margin-bottom:.5rem;padding:.5rem 1.25rem .75rem;font-size:.65rem;font-weight:600}html[data-motion=premium] #authBar .kn-drop-item,[data-motion=premium] #authBar .kn-drop-item{color:#ffffffd9;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;align-items:center;gap:.875rem;margin:.125rem 0;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1),background .25s,color .2s;display:flex;position:relative;overflow:hidden;transform:translateY(8px)}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item,[data-motion=premium] #authBar .kn-item:hover .kn-drop-item{opacity:1;transform:translateY(0)}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:first-child,[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:first-child{transition-delay:40ms}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(2),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(2){transition-delay:80ms}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(3),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(3){transition-delay:.12s}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(4),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(4){transition-delay:.16s}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(5),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(5){transition-delay:.2s}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(6),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(6){transition-delay:.24s}html[data-motion=premium] #authBar .kn-drop-item:before,[data-motion=premium] #authBar .kn-drop-item:before{content:"";background:linear-gradient(180deg, var(--teal) 0%, var(--gold) 100%);border-radius:0 2px 2px 0;width:3px;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}html[data-motion=premium] #authBar .kn-drop-star,[data-motion=premium] #authBar .kn-drop-star{background:linear-gradient(90deg,#f5c5180f 0%,#f5c51805 100%);border:1px solid #f5c5181f;border-radius:12px}html[data-motion=premium] #authBar .kn-drop-star .kn-drop-title,[data-motion=premium] #authBar .kn-drop-star .kn-drop-title{color:var(--gold);text-shadow:0 0 12px #f5c51840}html[data-motion=premium] #authBar .kn-drop-star .kn-drop-icon,[data-motion=premium] #authBar .kn-drop-star .kn-drop-icon{background:#f5c5181f;border-color:#f5c51840;box-shadow:0 0 16px #f5c51826}html[data-motion=premium] #authBar .kn-drop-item:hover,[data-motion=premium] #authBar .kn-drop-item:hover{color:var(--text);background:#00d4b414;transform:translate(6px)}html[data-motion=premium] #authBar .kn-drop-star:hover,[data-motion=premium] #authBar .kn-drop-star:hover{background:linear-gradient(90deg,#f5c5181a 0%,#f5c5180a 100%);border-color:#f5c51833}html[data-motion=premium] #authBar .kn-drop-item:hover:before,[data-motion=premium] #authBar .kn-drop-item:hover:before{height:60%}html[data-motion=premium] #authBar .kn-drop-icon,[data-motion=premium] #authBar .kn-drop-icon{width:36px;height:36px;color:var(--teal);background:#00d4b41a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}html[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-icon,[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-icon{background:#00d4b433;transform:scale(1.1);box-shadow:0 0 20px #00d4b44d}html[data-motion=premium] #authBar .kn-drop-title,[data-motion=premium] #authBar .kn-drop-title{margin-bottom:.25rem;font-size:.9rem;font-weight:600;transition:color .2s}html[data-motion=premium] #authBar .kn-drop-sub,[data-motion=premium] #authBar .kn-drop-sub{color:#ffffff80;font-size:.75rem;font-weight:400;transition:color .2s}html[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-sub,[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-sub{color:#ffffffb3}html[data-motion=premium] #authBar .kn-new,[data-motion=premium] #authBar .kn-new{letter-spacing:.05em;text-transform:uppercase;color:var(--text);background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border-radius:4px;align-items:center;margin-left:.5rem;padding:.15rem .4rem;font-size:.6rem;font-weight:700;animation:2s ease-in-out infinite navBadgePulse;display:inline-flex;box-shadow:0 2px 8px #8b5cf666}@keyframes navBadgePulse{0%,to{box-shadow:0 2px 8px #8b5cf666,0 0 #8b5cf666}50%{box-shadow:0 2px 8px #8b5cf666,0 0 0 4px #8b5cf600}}html[data-motion=premium] #authBar .kn-item:hover .kn-caret,html[data-motion=premium] #authBar .kn-item.open .kn-caret,[data-motion=premium] #authBar .kn-item:hover .kn-caret,[data-motion=premium] #authBar .kn-item.open .kn-caret{transform:rotate(180deg)}html[data-motion=premium] #authBar .kn-drop-cols,[data-motion=premium] #authBar .kn-drop-cols{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}html[data-motion=premium] #authBar .kn-drop-cols>div,[data-motion=premium] #authBar .kn-drop-cols>div{min-width:0}html[data-motion=premium] #authBar .kn-item:hover>.kn-btn,html[data-motion=premium] #authBar .kn-item.open>.kn-btn,[data-motion=premium] #authBar .kn-item:hover>.kn-btn,[data-motion=premium] #authBar .kn-item.open>.kn-btn{color:var(--text)}html[data-motion=premium] #authBar .kn-drop:after,[data-motion=premium] #authBar .kn-drop:after{content:"";pointer-events:auto;background:0 0;height:18px;position:absolute;top:-14px;left:20%;right:20%}html[data-motion=premium] #authBar .kn-drop:before,[data-motion=premium] #authBar .kn-drop:before{content:"";opacity:0;border-bottom:8px solid #00d4b426;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;transition:opacity .2s;position:absolute;top:-8px;left:50%;transform:translate(-50%)}html[data-motion=premium] #authBar .kn-item:hover .kn-drop:before,html[data-motion=premium] #authBar .kn-item.open .kn-drop:before,[data-motion=premium] #authBar .kn-item:hover .kn-drop:before,[data-motion=premium] #authBar .kn-item.open .kn-drop:before{opacity:1}html[data-motion=premium] #authBar .kn-btn,[data-motion=premium] #authBar .kn-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}html[data-motion=premium] #authBar .kn-btn:hover,[data-motion=premium] #authBar .kn-btn:hover{color:var(--text);transform:translateY(-1px)}@media (width<=768px){html[data-motion=premium] #authBar .kn-item:focus-within>.kn-drop,[data-motion=premium] #authBar .kn-item:focus-within>.kn-drop{opacity:1!important;visibility:visible!important;pointer-events:all!important;transform:translateY(0)scale(1)!important}html[data-motion=premium] #authBar .kn-drop,[data-motion=premium] #authBar .kn-drop{transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1),visibility .28s 80ms;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item,html[data-motion=premium] #authBar .kn-item.open .kn-drop-item,html[data-motion=premium] #authBar .kn-item:focus-within .kn-drop-item,[data-motion=premium] #authBar .kn-item:hover .kn-drop-item,[data-motion=premium] #authBar .kn-item.open .kn-drop-item,[data-motion=premium] #authBar .kn-item:focus-within .kn-drop-item{animation:.3s cubic-bezier(.34,1.56,.64,1) backwards navItemStaggerMobile}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:first-child,[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:first-child{animation-delay:40ms}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(2),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(2){animation-delay:80ms}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(3),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(3){animation-delay:.12s}html[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(4),[data-motion=premium] #authBar .kn-item:hover .kn-drop-item:nth-child(4){animation-delay:.16s}@keyframes navItemStaggerMobile{0%{opacity:0;transform:translateY(8px)translate(-4px)}to{opacity:1;transform:translateY(0)translate(0)}}}html[data-motion=premium] #authBar .kn-btn:after,[data-motion=premium] #authBar .kn-btn:after{content:"";background:linear-gradient(90deg, var(--teal) 0%, var(--gold) 100%);border-radius:1px;width:0;height:2px;transition:width .3s cubic-bezier(.34,1.56,.64,1),left .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%}html[data-motion=premium] #authBar .kn-item:hover>.kn-drop:before,[data-motion=premium] #authBar .kn-item:hover>.kn-drop:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--teal) 50%, transparent 100%);opacity:.6;filter:blur(2px);pointer-events:none;width:60%;height:2px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}body.light-mode #authBar,body.light-mode #authBar.scrolled{background:var(--panel);border-bottom-color:var(--border-light);color:var(--text)}body.light-mode #authBar .kn-btn{color:var(--text)}body.light-mode #authBar .kn-drop{background:#fffffffa;border-color:#00a89626;box-shadow:0 32px 64px #00000014,0 0 0 1px #0000000a,inset 0 1px #fffc,0 0 40px #00a8960d}body.light-mode #authBar .kn-drop-item{color:#333}body.light-mode #authBar .kn-drop-item:hover{color:#000;background:#00a89614}body.light-mode #authBar .kn-drop-sub{color:#777}body.light-mode #authBar .kn-drop-item:hover .kn-drop-sub{color:#444}body.light-mode #authBar .kn-btn:hover{color:#000;text-shadow:none;background:#00a89614}@property --liq-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --liq-y{syntax:"<percentage>";inherits:false;initial-value:50%}@property --liq-shift{syntax:"<length>";inherits:false;initial-value:0}html[data-motion=premium] #authBar .kn-btn,[data-motion=premium] #authBar .kn-btn{--liq-x:50%;--liq-y:50%;position:relative;overflow:hidden;transition:color .28s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1)!important}html[data-motion=premium] #authBar .kn-btn:before,[data-motion=premium] #authBar .kn-btn:before{content:"";background:radial-gradient(circle 80px at var(--liq-x) var(--liq-y), #00e5cc40 0%, #00e5cc14 40%, transparent 70%);opacity:0;pointer-events:none;z-index:0;border-radius:inherit;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html[data-motion=premium] #authBar .kn-btn:hover:before,[data-motion=premium] #authBar .kn-btn:hover:before{opacity:1}html[data-motion=premium] #authBar .kn-btn>*,[data-motion=premium] #authBar .kn-btn>*{z-index:1;position:relative}html[data-motion=premium] #authBar .kn-btn:hover,[data-motion=premium] #authBar .kn-btn:hover{letter-spacing:.015em;transform:translateY(-2px)scale(1.03)}html[data-motion=premium] #authBar .kn-btn:after,[data-motion=premium] #authBar .kn-btn:after{filter:drop-shadow(0 0 6px #00e5cc66);animation:none;background:linear-gradient(90deg, transparent 0%, var(--teal) 20%, var(--gold) 50%, var(--teal) 80%, transparent 100%)!important;transition:width .45s cubic-bezier(.16, 1, .3, 1), left .45s cubic-bezier(.16, 1, .3, 1), background-position 2s linear infinite!important;background-size:200% 100%!important}html[data-motion=premium] #authBar .kn-btn:hover:after,[data-motion=premium] #authBar .kn-btn:hover:after{animation:2s linear infinite liquidUnderlineFlow!important}@keyframes liquidUnderlineFlow{0%{background-position:200% 0}to{background-position:-200% 0}}html[data-motion=premium] #authBar .kn-drop,[data-motion=premium] #authBar .kn-drop{filter:blur();transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s cubic-bezier(.16,1,.3,1),visibility .45s 80ms!important}html[data-motion=premium] #authBar .kn-drop:not(:hover):not(.open),[data-motion=premium] #authBar .kn-drop:not(:hover):not(.open){filter:blur(8px)}html[data-motion=premium] #authBar .kn-item:hover .kn-drop,html[data-motion=premium] #authBar .kn-drop:hover,[data-motion=premium] #authBar .kn-item:hover .kn-drop,[data-motion=premium] #authBar .kn-drop:hover{filter:blur()!important}html[data-motion=premium] #authBar .kn-drop-item,[data-motion=premium] #authBar .kn-drop-item{overflow:hidden;transition:transform .38s cubic-bezier(.34,1.56,.64,1),color .25s,opacity .35s!important}html[data-motion=premium] #authBar .kn-drop-item:after,[data-motion=premium] #authBar .kn-drop-item:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#00e5cc00 0%,#00e5cc1f 40%,#ffc1070f 80%,#ffc10700 100%);width:100%;height:100%;transition:left .55s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}html[data-motion=premium] #authBar .kn-drop-item:hover:after,[data-motion=premium] #authBar .kn-drop-item:hover:after{left:0}html[data-motion=premium] #authBar .kn-drop-item>*,[data-motion=premium] #authBar .kn-drop-item>*{z-index:1;position:relative}html[data-motion=premium] #authBar .kn-drop-icon,[data-motion=premium] #authBar .kn-drop-icon{transition:transform .5s cubic-bezier(.34,1.8,.64,1),background .35s,box-shadow .4s,border-radius .4s cubic-bezier(.34,1.56,.64,1)!important}html[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-icon,[data-motion=premium] #authBar .kn-drop-item:hover .kn-drop-icon{border-radius:14px 10px;transform:scale(1.15)rotate(-6deg)!important;box-shadow:0 0 24px #00e5cc66,inset 0 0 12px #00e5cc1a!important}html[data-motion=premium] #authBar .kn-drop-item:before,[data-motion=premium] #authBar .kn-drop-item:before{box-shadow:0 0 8px #00e5cc80;background:linear-gradient(180deg, var(--teal) 0%, var(--gold) 50%, var(--teal) 100%)!important;transition:height .4s cubic-bezier(.34, 1.56, .64, 1), background-position 2s linear infinite!important;background-size:100% 200%!important}html[data-motion=premium] #authBar .kn-drop-item:hover:before,[data-motion=premium] #authBar .kn-drop-item:hover:before{animation:2.5s linear infinite liquidBarFlow;height:70%!important}@keyframes liquidBarFlow{0%{background-position:0 0}to{background-position:0 -200%}}html[data-motion=premium] #authBar .kn-caret,[data-motion=premium] #authBar .kn-caret{transition:transform .45s cubic-bezier(.34,1.8,.64,1)!important}html[data-motion=premium] #authBar .kn-item:hover .kn-caret,[data-motion=premium] #authBar .kn-item:hover .kn-caret{transform:rotate(180deg)translateY(1px)!important}html[data-motion=premium] #authBar .kn-item:hover .kn-drop,[data-motion=premium] #authBar .kn-item:hover .kn-drop{animation:6s ease-in-out infinite dropBreathe}@keyframes dropBreathe{0%,to{box-shadow:0 32px 64px #00000080,0 0 0 1px #00d4b426,inset 0 1px #ffffff0d,0 0 50px #00d4b41f}50%{box-shadow:0 32px 64px #00000080,0 0 0 1px #00d4b440,inset 0 1px #ffffff0d,0 0 80px #00d4b438}}html[data-motion=premium] #authBar .kn-drop-section,[data-motion=premium] #authBar .kn-drop-section{position:relative;border-bottom:none!important}html[data-motion=premium] #authBar .kn-drop-section:after,[data-motion=premium] #authBar .kn-drop-section:after{content:"";background:linear-gradient(90deg,#0000 0%,#00e5cc66 30%,#ffc1074d 60%,#0000 100%) 0 0/200% 100%;height:1px;animation:4s linear infinite liquidSectionFlow;position:absolute;bottom:0;left:1.25rem;right:1.25rem}@keyframes liquidSectionFlow{0%{background-position:-200% 0}to{background-position:200% 0}}html[data-motion=premium] #authBar .kn-drop-item:active,[data-motion=premium] #authBar .kn-drop-item:active{transform:translate(6px)scale(.97)!important}html[data-motion=premium] #authBar .kn-btn:active,[data-motion=premium] #authBar .kn-btn:active{transform:translateY(0)scale(.98)!important}html[data-motion=premium] #authBar:has(.kn-item:hover) .kn-item:not(:hover) .kn-btn{opacity:.65;transition:opacity .3s}[data-motion=premium] #authBar:has(.kn-item:hover) .kn-item:not(:hover) .kn-btn{opacity:.65;transition:opacity .3s}@media (prefers-reduced-motion:reduce){html[data-motion=premium] #authBar .kn-drop,[data-motion=premium] #authBar .kn-drop,html[data-motion=premium] #authBar .kn-drop-item:before,html[data-motion=premium] #authBar .kn-drop-section:after,html[data-motion=premium] #authBar .kn-btn:hover:after,[data-motion=premium] #authBar .kn-drop-item:before,[data-motion=premium] #authBar .kn-drop-section:after,[data-motion=premium] #authBar .kn-btn:hover:after{animation:none!important}}@media (width<=768px){html[data-motion=premium] #authBar .kn-item:hover .kn-drop,html[data-motion=premium] #authBar .kn-drop-section:after,html[data-motion=premium] #authBar .kn-drop-item:hover:before,[data-motion=premium] #authBar .kn-item:hover .kn-drop,[data-motion=premium] #authBar .kn-drop-section:after,[data-motion=premium] #authBar .kn-drop-item:hover:before{animation:none!important}}.scales-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.scale-card{background:linear-gradient(145deg, var(--panel) 0%, #16202efa 100%);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;padding:0;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden}.scale-card:before{content:"";background:var(--tier-color,var(--teal));z-index:2;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.scale-card:after{content:"";background:radial-gradient(ellipse at 70% 20%, var(--tier-glow,#00d4b40f) 0%, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.scale-card:hover:after{opacity:1}.scale-card:hover{box-shadow:0 20px 60px #0000008c, 0 0 0 1px var(--tier-border,#00d4b426);border-color:var(--tier-border-hover,#00d4b44d);transform:translateY(-5px)scale(1.01)}.scale-card:active{transform:translateY(-2px)scale(1.005)}.scale-card.tier-1{--tier-color:var(--accent);--tier-glow:#ff6b3514;--tier-border:#ff6b3533;--tier-border-hover:#ff6b3573}.scale-card.tier-2{--tier-color:var(--teal);--tier-glow:#00d4b412;--tier-border:#00d4b42e;--tier-border-hover:#00d4b466}.scale-card.tier-3{--tier-color:var(--purple);--tier-glow:#8b5cf612;--tier-border:#8b5cf62e;--tier-border-hover:#8b5cf666}.scale-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.4rem 1.4rem 1rem;display:flex}.scale-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.1rem;display:flex}.scale-rank-badge{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--muted2);white-space:nowrap;padding-top:.15rem;font-size:.55rem;font-weight:700}.scale-mood-badge{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:.3rem;padding:.22rem .65rem;font-family:DM Mono,monospace;font-size:.55rem;font-weight:700;display:inline-flex}.scale-name{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.2rem;font-weight:700;line-height:1.2}.scale-formula{color:var(--gold);letter-spacing:.8px;margin:0;font-family:DM Mono,monospace;font-size:.65rem}.scale-desc{color:var(--muted);flex:1;margin:0;font-size:.78rem;line-height:1.6}.scale-difficulty-wrap{align-items:center;gap:.6rem;margin-top:.1rem;display:flex}.scale-difficulty-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted2);white-space:nowrap;font-family:DM Mono,monospace;font-size:.52rem}.scale-difficulty-dots{align-items:center;gap:3px;display:flex}.scale-difficulty-dot{background:var(--border2);border-radius:50%;width:7px;height:7px;transition:background .2s}.scale-difficulty-dot.filled{background:var(--tier-color,var(--teal))}.scale-difficulty-dot.filled.d4{background:var(--gold)}.scale-difficulty-dot.filled.d5{background:var(--accent)}.scale-genres-row{flex-wrap:wrap;gap:.3rem;margin-top:.1rem;display:flex}.scale-genre-pill{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:.18rem .55rem;font-family:DM Mono,monospace;font-size:.52rem;transition:all .2s}.scale-card:hover .scale-genre-pill{color:var(--text2);background:#ffffff12;border-color:#ffffff1f}.scale-tags{flex-wrap:wrap;gap:.3rem;display:flex}.scale-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--purple);background:#8b5cf614;border:1px solid #8b5cf62e;border-radius:20px;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700;transition:all .2s}.scale-tag.gold{color:var(--gold);background:#f0ae1a14;border-color:#f0ae1a33}.scale-tag.teal{color:var(--teal);background:#00d4b414;border-color:#00d4b433}.scale-card:hover .scale-tag{background:#8b5cf626}.scale-card:hover .scale-tag.gold{background:#f0ae1a24}.scale-card:hover .scale-tag.teal{background:#00d4b424}.scale-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.4rem .9rem;display:flex}.scale-note-count{letter-spacing:1.5px;color:var(--muted2);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem}.scale-cta-hint{letter-spacing:1px;color:var(--tier-color,var(--teal));text-transform:uppercase;opacity:0;align-items:center;gap:.3rem;font-family:DM Mono,monospace;font-size:.52rem;transition:opacity .2s,transform .2s;display:flex;transform:translate(-4px)}.scale-card:hover .scale-cta-hint{opacity:1;transform:translate(0)}.scale-rank-bg{font-family:var(--font-heading);color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:4rem;font-weight:900;line-height:1;position:absolute;bottom:.5rem;right:1rem}.fav-scale-btn{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;min-width:auto;min-height:auto;padding:.2rem;font-size:.95rem;transition:opacity .2s,transform .2s}.fav-scale-btn:hover{opacity:1;transform:scale(1.2)}.fav-scale-btn.active{opacity:1}.modes-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.82rem}.modes-table th{background:var(--panel2);color:var(--accent);text-align:left;border:1px solid var(--border);letter-spacing:1.5px;text-transform:uppercase;padding:.75rem 1rem;font-size:.7rem}.modes-table td{border:1px solid var(--border);color:var(--muted);vertical-align:top;padding:.75rem 1rem}.modes-table tr:hover td{background:var(--panel2);color:var(--text2)}.modes-table td:first-child{color:var(--gold);font-weight:700;font-family:var(--font-heading);font-size:1rem}.mode-card-pro-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;text-align:center;background:linear-gradient(160deg,#05050fdb 0%,#080416ed 100%);border:1px solid #f5c51833;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.2rem;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #f5c5180f,0 0 40px #00000080}.mode-card-pro-overlay:hover{background:linear-gradient(160deg,#05050fe8 0%,#080416f7 100%);border-color:#f5c5186b;box-shadow:inset 0 1px #f5c5181a,0 0 52px #f5c51812}.mode-card-pro-badge{width:36px;height:36px;color:var(--gold);background:#f5c5181a;border:1px solid #f5c51838;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 14px #f5c51826}.mode-card-pro-badge svg{width:18px;height:18px}.mode-card-pro-label{letter-spacing:.18em;color:var(--gold);text-transform:uppercase;align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700;display:flex}.mode-card-pro-label:before{content:"";background:var(--gold);width:4px;height:4px;box-shadow:0 0 6px var(--gold);border-radius:50%}.mode-card-pro-btn{font-family:var(--font-body);letter-spacing:.06em;background:linear-gradient(135deg,var(--gold) 0%,#d99b00 100%);color:#0a0a12;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;padding:.5rem 1.3rem;font-size:.68rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #f5c51847,inset 0 1px #ffffff2e}.mode-card-pro-btn:hover{background:linear-gradient(135deg,#ffd733 0%,var(--gold) 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 24px #f5c51861}.mode-cards-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.1rem;margin:1.8rem 0;display:grid}.mode-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.mode-card:hover{transform:translateY(-3px);box-shadow:0 14px 44px #00000073}.mode-card-accent{height:3px;position:absolute;top:0;left:0;right:0}.mode-card-num{font-family:var(--font-display);opacity:.05;pointer-events:none;color:var(--text);font-size:6.5rem;line-height:1;position:absolute;top:-.3rem;right:.7rem}.mode-card-top{padding:1.4rem 1.4rem 1rem}.mode-card-tag{letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.45rem;font-family:DM Mono,monospace;font-size:.55rem;font-weight:700}.mode-card-name{font-family:var(--font-heading);margin-bottom:.2rem;font-size:1.55rem;font-weight:700;line-height:1}.mode-card-phrase{opacity:.6;margin-bottom:.9rem;font-size:.71rem;font-style:italic}.mode-tone-row{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.mode-tone-label{color:var(--muted);flex-shrink:0;font-size:.58rem;line-height:1}.mode-tone-track{background:#ffffff12;border-radius:3px;flex:1;height:5px;overflow:hidden}.mode-tone-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.mode-formula-pill{letter-spacing:.5px;background:#0000004d;border-radius:2px;margin-bottom:.7rem;padding:.4rem .8rem;font-family:DM Mono,monospace;font-size:.68rem;display:inline-block}.mode-notes-row{color:var(--muted);margin-bottom:.8rem;font-size:.7rem}.mode-genre-row{flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem;display:flex}.mode-genre-chip{letter-spacing:.4px;border-radius:12px;padding:.18rem .55rem;font-size:.58rem;font-weight:600}.mode-card-footer{background:#00000026;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1.4rem;display:flex}.mode-card-artist{color:var(--muted);font-size:.67rem;font-style:italic}.mode-card-btn{font-family:var(--font-body);letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid;border-radius:2px;padding:.35rem .9rem;font-size:.62rem;font-weight:700;transition:all .18s}.mode-detail-2col{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.4rem;display:grid}.mode-detail-box{background:var(--bg);border:1px solid #ffffff12;border-radius:2px;padding:1rem}.mode-detail-box-label{letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.mode-detail-prog-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.mode-detail-chord{border:1px solid;border-radius:2px;padding:.35rem .7rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700}@media (width<=540px){.mode-cards-grid,.mode-detail-2col{grid-template-columns:1fr}}.penta-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.penta-box{background:var(--panel);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:3px;padding:1rem .6rem;transition:all .22s}.penta-box:hover,.penta-box.active{border-color:var(--accent);background:#ff6b3512}.penta-box-title{font-family:var(--font-heading);color:var(--accent);font-size:1rem}.penta-mini{color:var(--muted);white-space:pre;margin-top:.5rem;font-family:DM Mono,monospace;font-size:.6rem;line-height:1.8}.learn-more-btn{color:var(--teal);font-family:var(--font-body);letter-spacing:.8px;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #00d4b44d;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem 1.1rem;font-size:.72rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.learn-more-btn:hover{border-color:var(--teal);background:#00e5cc14;transform:translate(3px)}.tips-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.tip-card{background:var(--panel);border-left:3px solid var(--teal);border-radius:0 6px 6px 0;padding:1.4rem 1.6rem;transition:all .22s;position:relative;overflow:hidden}.tip-card:after{content:"";background:linear-gradient(#0000,#00e5cc33,#0000);width:3px;position:absolute;top:0;bottom:0;right:0}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000059}.tip-card.pro{border-left-color:var(--gold)}.tip-card.pro:after{background:linear-gradient(#0000,#f5c51833,#0000)}.tip-card.warn{border-left-color:var(--accent)}.tip-card.warn:after{background:linear-gradient(#0000,#ff4d0033,#0000)}.tip-num{font-family:var(--font-heading);color:#ffffff0a;float:right;font-size:2.2rem;line-height:1}.tip-label{letter-spacing:2px;border-radius:20px;margin-bottom:.55rem;padding:.18rem .55rem;font-family:DM Mono,monospace;font-size:.44rem;font-weight:700;display:inline-block}.tip-label.free{color:var(--teal);background:#00d4aa1a;border:1px solid #00d4aa40}.tip-label.pro{color:var(--gold);background:#f5c5181a;border:1px solid #f5c51840}.tip-label.warn{color:var(--accent);background:#ff4d001a;border:1px solid #ff4d0040}.tip-title{font-family:var(--font-heading);color:var(--teal);margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.tip-card.pro .tip-title{color:var(--gold)}.tip-card.warn .tip-title{color:var(--accent)}.tip-text{color:var(--muted);font-size:.82rem;line-height:1.75}.tip-quote{border-left:2px solid var(--teal);font-family:var(--font-heading);color:var(--text);background:#00d4aa0d;border-radius:0 4px 4px 0;margin:1rem 0 .5rem;padding:.7rem 1rem;font-size:.85rem;font-style:italic}.tip-card.pro .tip-quote{border-left-color:var(--gold);background:#f5c5180d}.tip-card.warn .tip-quote{border-left-color:var(--accent);background:#ff4d000d}.tip-exercise{background:var(--bg);border:1px solid var(--border2);border-radius:4px;margin-top:.9rem;padding:.7rem 1rem}.tip-exercise-label{letter-spacing:2px;color:var(--purple);margin-bottom:.4rem;font-family:DM Mono,monospace;font-size:.44rem;font-weight:700}.tip-exercise-text{color:var(--text);font-size:.76rem;line-height:1.7}.tip-refs{color:var(--muted2);margin-top:.7rem;font-size:.7rem;font-style:italic}.fret-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.fret-select{background:var(--panel2);border:1px solid var(--border2);color:var(--text);cursor:pointer;border-radius:3px;outline:none;padding:.55rem .9rem;font-family:DM Mono,monospace;font-size:.78rem;transition:border-color .2s}.fret-select:focus{border-color:var(--teal)}.btn-play{background:var(--teal);color:#000;font-family:var(--font-body);letter-spacing:2px;cursor:pointer;border:none;border-radius:3px;padding:.55rem 1.4rem;font-size:.7rem;font-weight:800;transition:all .2s}.btn-play:hover{background:var(--teal2);box-shadow:0 4px 20px #00e5cc4d}.btn-stop{color:var(--accent);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #ff6b3566;border-radius:3px;padding:.55rem 1.2rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .2s}.btn-stop:hover{background:#ff6b351a}.btn-lefty{border:1px solid var(--border3);color:var(--muted);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:3px;padding:.55rem 1rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .2s}.btn-lefty.active{background:var(--purple);border-color:var(--purple);color:var(--text)}.fretboard-wrap{padding-bottom:2rem;overflow-x:auto}.fretboard{background:linear-gradient(#1f1000,#170e00);border-radius:4px;width:920px;height:180px;position:relative;box-shadow:0 8px 32px #00000080}.nut{background:linear-gradient(#c8a870,#8a6840)}.fret-line{background:linear-gradient(#c8a87099,#c8a8704d)}.fret-line.double{background:linear-gradient(#f5c518cc,#f5c51866)}.fret-number{color:#ffffff40;font-family:DM Mono,monospace;font-size:.55rem;transform:translate(-50%)}.inlay{background:#ffffff12;border:1px solid #ffffff0a;border-radius:50%;width:10px;height:10px}.scale-info-bar{border:1px solid #ff6b351f;border-left:3px solid var(--accent);color:var(--text2);background:#ff6b350d;border-radius:0 3px 3px 0;min-height:2.5rem;margin-top:1.2rem;padding:.9rem 1.2rem;font-size:.78rem;line-height:1.7}.audio-section{background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:2rem}.audio-title{font-family:var(--font-heading);color:var(--text);margin-bottom:1rem;font-size:1.5rem}.audio-controls{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.scale-btn{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:3px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .2s}.scale-btn:hover,.scale-btn.playing{background:var(--accent);border-color:var(--accent);color:var(--text);box-shadow:0 2px 12px #ff6b3559}canvas#viz{background:var(--bg);border:1px solid var(--border);border-radius:3px;width:100%;height:80px;margin-top:1rem;display:block}.circle-wrap{justify-content:center;margin:2rem 0;display:flex}canvas#circle{cursor:pointer;filter:drop-shadow(0 8px 32px #00000080);max-width:100%}#circleInfo{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--gold);min-height:4rem;color:var(--text2);border-radius:0 3px 3px 0;margin-top:1rem;padding:1rem 1.5rem;font-size:.85rem;line-height:1.7}#heroSection{position:relative;overflow:hidden;background-color:#07090c!important;background-image:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;min-height:100vh!important;padding:0!important;display:flex!important}#heroSection:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0a0a0ae6 0%,#0a0a0a66 50%,#0a0a0a00 100%),url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:absolute;top:0;left:0}@keyframes heroGridDrift{0%{background-position:0 0}to{background-position:60px 60px}}.hero-above-fold{min-height:calc(100svh - var(--nav-height,0px));z-index:2;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1100px;padding:1.5rem 5vw 2.5rem;display:flex;position:relative}#heroSection:after{content:"";opacity:.02;pointer-events:none;z-index:1;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:absolute;inset:0}.hero-brand-row{align-items:center;gap:1.2rem;margin-bottom:0;animation:.7s cubic-bezier(.16,1,.3,1) .1s both heroFadeUp;display:flex}.hero-brand-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:3s ease-in-out infinite heroPulse;box-shadow:0 0 16px #00d4b4b3,0 0 32px #00d4b44d}@keyframes heroPulse{0%,to{transform:scale(1);box-shadow:0 0 12px #00d4b480}50%{transform:scale(1.2);box-shadow:0 0 28px #00d4b4e6}}.hero-brand-label{letter-spacing:4px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.6rem}.hero-kuerda{font-family:var(--font-logo);letter-spacing:.02em;color:var(--text);text-shadow:0 10px 40px #0006;-webkit-user-select:none;user-select:none;margin-left:-.02em;font-size:clamp(6.5rem,13vw,12.5rem);font-weight:400;line-height:.85;animation:.8s cubic-bezier(.16,1,.3,1) .2s both heroFadeUp;position:relative}.hero-kuerda-k{-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px #ff6b3580);background:linear-gradient(135deg,#ffc107 0%,#ff6b00 45%,#e63900 100%);-webkit-background-clip:text;background-clip:text;font-weight:900;animation:6s ease-in-out 2s infinite heroKFlickerPremium;display:inline-block}@keyframes heroKFlickerPremium{0%,90%,to{filter:drop-shadow(0 4px 24px #ff6b3566)}92%{filter:drop-shadow(0 4px 40px #ff6b35cc)}94%{filter:drop-shadow(0 4px 24px #ff6b3566)}96%{filter:drop-shadow(0 4px 30px #ff6b3599)}}.hero-tagline{font-family:var(--font-heading);color:var(--text);letter-spacing:1px;opacity:.9;margin-top:1.5rem;margin-bottom:2rem;font-size:clamp(3rem,6vw,5rem);font-style:italic;font-weight:800;line-height:1.1;animation:.8s cubic-bezier(.16,1,.3,1) .35s both heroFadeUp}.hero-tagline .tagline-accent{color:var(--gold)}.hero-stats{gap:2rem;margin-top:2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) .48s both heroFadeUp;display:flex}.hero-stat{flex-direction:column;gap:.2rem;display:flex}.hero-stat-num{font-family:var(--font-display);color:var(--text);letter-spacing:1px;font-size:2.2rem;line-height:1}.hero-stat-label{letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.52rem}.hero-stat-divider{background:var(--border2);align-self:stretch;width:1px}.hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) .6s both heroFadeUp;display:flex}.hero-cta-primary{background:var(--teal);color:#000;font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.8rem;padding:1rem 2.6rem;font-size:.82rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00d4b466,0 0 #00d4b433}.hero-cta-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f,#0000);transition:opacity .2s;position:absolute;inset:0}.hero-cta-primary:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 12px 48px #00d4b480}.hero-cta-primary:hover:before{opacity:1}.hero-social-proof{letter-spacing:.3px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff17;border-radius:99px;align-items:center;gap:.55rem;margin-top:1.8rem;padding:.45rem 1rem .45rem .7rem;font-family:DM Mono,monospace;font-size:.6rem;animation:.6s .9s both heroFadeUp;display:inline-flex}.hsp-avatars{align-items:center;margin-right:.1rem;display:flex}.hsp-text strong{color:var(--teal);font-weight:700}.hsp-sep{opacity:.25;margin:0 .1rem}.hsp-flags{letter-spacing:-1px;font-size:.82rem;line-height:1}.tp-picker-group{align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.tp-pg-label{letter-spacing:1.5px;color:var(--muted2);white-space:nowrap;flex-shrink:0;width:56px;padding-top:.45rem;font-family:DM Mono,monospace;font-size:.48rem}.tp-chord-btns{flex-wrap:wrap;gap:.28rem;display:flex}.tp-chord-pill{background:var(--panel);border:1px solid var(--border2);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding:.28rem .6rem;font-family:DM Mono,monospace;font-size:.68rem;transition:all .15s}.tp-chord-pill:hover{border-color:var(--teal);color:var(--teal)}.tp-chord-pill.tp-selected{border-color:var(--teal);color:var(--teal);background:#00e5cc1f;font-weight:700}.tp-clear-btn{border:1px solid var(--border2);color:var(--muted2);cursor:pointer;background:0 0;border-radius:3px;padding:.28rem .7rem;font-family:DM Mono,monospace;font-size:.6rem;transition:all .15s}.tp-clear-btn:hover{border-color:var(--accent);color:var(--accent)}.lp-continue-card{border:1px solid #00e5cc2e;border-left:3px solid var(--teal);cursor:pointer;background:#00e5cc0a;border-radius:0 4px 4px 0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;transition:background .18s,border-color .18s;display:flex}.lp-continue-card:hover{background:#00e5cc17;border-color:#00e5cc66}.lp-continue-label{letter-spacing:2px;color:var(--teal);text-transform:uppercase;margin-bottom:.3rem;font-family:DM Mono,monospace;font-size:.52rem}.lp-continue-name{font-family:var(--font-body);color:var(--text);font-size:.95rem;font-weight:700}.lp-continue-arrow{color:var(--teal);white-space:nowrap;opacity:.85;flex-shrink:0;font-family:DM Mono,monospace;font-size:.65rem}.lk-card{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--teal);border-radius:4px;overflow:hidden}.lk-card-header{border-bottom:1px solid var(--border);background:#00e5cc0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1.4rem;display:flex}.lk-card-meta{letter-spacing:1.5px;color:var(--teal);font-family:DM Mono,monospace;font-size:.6rem;font-weight:700}.lk-diff{font-weight:700}.scale-fret-btn{letter-spacing:.8px;color:var(--teal);cursor:pointer;white-space:nowrap;background:#00e5cc12;border:1px solid #00e5cc38;border-radius:3px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.58rem;transition:all .18s;display:inline-flex}.scale-fret-btn:hover{background:#00e5cc29;border-color:#00e5cc80}.scale-fret-btn svg{flex-shrink:0}.pro-benefit-chips{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.pro-benefit-chips span{letter-spacing:.8px;color:var(--teal);background:#00e5cc12;border:1px solid #00e5cc33;border-radius:2px;padding:.18rem .55rem;font-family:DM Mono,monospace;font-size:.52rem}.tk-card-pro-teaser{border-color:#f5c51840!important}.tk-card-pro-teaser:hover{background:#f5c5180d!important;border-color:#f5c51880!important}.hero-cta-primary:active{transition:transform 80ms,box-shadow 80ms!important;transform:scale(.93)translateY(3px)!important;box-shadow:0 2px 10px #00d4b440!important}@keyframes ctaShockwave{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.cta-fired{animation:.35s cubic-bezier(.36,.07,.19,.97) ctaShockwave!important}.hero-tools-section{z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:4rem 5vw 5rem;position:relative;background:0 0!important}.hero-tools-header{border-bottom:1px solid var(--border);box-sizing:border-box;flex-wrap:wrap;align-items:flex-end;gap:2rem;width:100%;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.hero-tools-title{font-family:var(--font-display), var(--font-heading);color:var(--text);letter-spacing:2px;text-transform:uppercase;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1}.hero-tools-line{background:linear-gradient(90deg, #00d4b44d, var(--border2) 30%, transparent);flex:1;height:1px}.tk-featured{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #00d4b42e;border-left:3px solid var(--teal);background:#14161e66;border-radius:16px;grid-column:span 2;padding:2rem 2.2rem;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.tk-featured:hover{border-color:#00d4b466;transform:translateY(-3px);box-shadow:0 16px 48px #0006,0 0 0 1px #00d4b41a}.tk-featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#00d4b412,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.tk-featured .tk-card-name{color:var(--text)!important;font-size:1.1rem!important}.tk-featured .tk-card-desc{max-width:320px;font-size:.8rem!important}.tk-featured-tag{letter-spacing:3px;text-transform:uppercase;color:var(--teal);align-items:center;gap:.4rem;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:.52rem;display:inline-flex}.tk-cat-badge{letter-spacing:2px;text-transform:uppercase;border-radius:4px;padding:.1rem .35rem;font-family:DM Mono,monospace;font-size:.48rem;font-weight:600;display:inline-block}.tk-cat-exp{color:var(--teal);background:#00d4b41f}.tk-cat-pra{color:var(--purple);background:#6c63ff1f}.tk-cat-cre{color:var(--gold);background:#f5c5181f}.tk-cat-ana{color:var(--accent);background:#ff6b351f}.tk-featured[style*="--tk-color:var(--accent)"]{border-color:#ff6b3533;border-left-color:var(--accent)}.tk-featured[style*="--tk-color:var(--accent)"]:after{background:radial-gradient(circle,#ff6b350f,#0000 70%)}.tk-featured[style*="--tk-color:var(--accent)"] .tk-featured-tag{color:var(--accent)}.tk-featured[style*="--tk-color:var(--accent)"] .tk-featured-tag:before{background:var(--accent)}.tk-featured[style*="--tk-color:var(--accent)"]:hover{border-color:#ff6b3566;box-shadow:0 16px 48px #0006,0 0 0 1px #ff6b351a}.tk-featured-tag:before{content:"";background:var(--teal);width:18px;height:1px}.toolkit-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0 0 1.5rem;display:grid}.hero-section-sep{background:linear-gradient(90deg, transparent, var(--border2), transparent);width:100%;height:1px;margin:4rem 0 0}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-kuerda{letter-spacing:-1px;font-size:clamp(5rem,22vw,8rem)}.hero-stats{gap:1.2rem}.hero-stat-num{font-size:1.6rem}.tk-featured{grid-column:span 1}.hero-ctas{flex-direction:column}.hero-cta-primary{justify-content:center}.hero-above-fold{padding:0 1.5rem}.hero-tools-section{padding:4rem 1.5rem}}#heroSection.hero-hidden{display:none!important}.kd-layout{grid-template-columns:1fr 280px;align-items:start;gap:2rem;max-width:1100px;display:grid}@media (width<=768px){.kd-layout{gap:1rem;grid-template-columns:1fr!important}.kd-layout>div:last-child{order:2}.kd-layout>div:first-child{order:1}#kdSugMaj button,#kdSugMin button,#kdSugDom button,#kdSugExt button{min-height:36px;padding:.5rem .7rem!important;font-size:.78rem!important}#page-keydetector .tool-input-group>div:first-of-type{flex-direction:column}#page-keydetector .tool-input-group>div:first-of-type button{width:100%;padding:.75rem}#kdInput{font-size:.9rem!important}#kdChordPills{max-width:100%}}@media (width<=480px){.kd-layout{gap:.8rem}#kdResult>div{font-size:.8rem!important}}.pro-gate{position:relative;overflow:hidden}.pro-gate-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.pro-gate-overlay{cursor:pointer;z-index:10;text-align:center;background:#0a0a0ad9;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.pro-gate-overlay-icon{font-size:1.4rem}.pro-gate-overlay-label{letter-spacing:3px;color:var(--gold);background:#f5c5181a;border:1px solid #f5c51840;border-radius:20px;padding:.2rem .7rem;font-family:DM Mono,monospace;font-size:.55rem}.pro-gate-overlay-msg{color:var(--text2);max-width:180px;font-size:.72rem;line-height:1.5}.pg-locked{opacity:.4!important;cursor:pointer!important}@media (width<=600px){#page-progresiones .tool-panel>div[style*=grid]{grid-template-columns:1fr 1fr!important}#pgStyleBtns button{padding:.4rem .7rem!important;font-size:.7rem!important}.kd-detect-btn{width:100%;margin-top:.5rem}#page-keydetector .tool-input-group>div{flex-direction:column!important}.kd-layout>div:nth-child(2){font-size:.8rem}#kdSugMaj button,#kdSugMin button,#kdSugDom button,#kdSugExt button{min-height:34px!important;padding:.45rem .65rem!important}}#chordFavsPanel{border:1px solid #f5c51838;border-left:3px solid var(--gold);border-radius:4px;margin-bottom:1.4rem;overflow:hidden}.cfp-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5c5180a;align-items:center;gap:.55rem;padding:.65rem .95rem;display:flex}.cfp-hdr:hover{background:#f5c51814}.cfp-hdr-title{letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.cfp-hdr-count{color:var(--gold);background:#f5c51826;border-radius:10px;padding:.1rem .45rem;font-family:DM Mono,monospace;font-size:.52rem}.cfp-chevron{color:var(--muted);margin-left:auto;font-size:.75rem;transition:transform .2s}#chordFavsPanel.cfp-open .cfp-chevron{transform:rotate(180deg)}.cfp-body{border-top:1px solid #f5c5181f;padding:.75rem .9rem .95rem;display:none}#chordFavsPanel.cfp-open .cfp-body{display:block}#chordFavsGrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem;display:grid}.cfp-card{background:var(--bg);border:1px solid #f5c51840;border-top:2px solid var(--gold);text-align:center;cursor:pointer;border-radius:3px;padding:.5rem .35rem .4rem;transition:transform .15s,box-shadow .15s;position:relative}.cfp-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.cfp-card-name{color:var(--text2);margin-top:.2rem;font-family:DM Mono,monospace;font-size:.6rem}.cfp-rm{cursor:pointer;color:var(--muted);opacity:.55;background:0 0;border:none;padding:.1rem;font-size:.72rem;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:.2rem;right:.25rem}.cfp-rm:hover{opacity:1;color:var(--accent)}.cfp-empty{color:var(--muted);padding:.25rem 0;font-size:.75rem;font-style:italic}.fav-chord-btn{cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.82rem;line-height:1;transition:transform .15s;position:absolute;top:.22rem;right:.22rem}.fav-chord-btn:hover{transform:scale(1.25)}#pgFavsPanel{border:1px solid #f5c51838;border-left:3px solid var(--gold);border-radius:4px;margin-top:1.4rem;overflow:hidden}.pgfp-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5c5180a;align-items:center;gap:.55rem;padding:.6rem .9rem;display:flex}.pgfp-hdr:hover{background:#f5c51814}.pgfp-hdr-title{letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;font-size:.57rem;font-weight:700}.pgfp-count{color:var(--gold);background:#f5c51826;border-radius:10px;padding:.1rem .4rem;font-family:DM Mono,monospace;font-size:.52rem}.pgfp-chevron{color:var(--muted);margin-left:auto;font-size:.75rem;transition:transform .2s}#pgFavsPanel.pgfp-open .pgfp-chevron{transform:rotate(180deg)}.pgfp-body{border-top:1px solid #f5c5181f;display:none}#pgFavsPanel.pgfp-open .pgfp-body{display:block}.pgfp-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem .9rem;transition:background .12s;display:flex}.pgfp-row:last-child{border-bottom:none}.pgfp-row:hover{background:#f5c5180a}.pgfp-lbl{color:var(--text2);flex:1;font-family:DM Mono,monospace;font-size:.64rem}.pgfp-del{color:var(--muted);cursor:pointer;opacity:.55;background:0 0;border:none;font-size:.78rem;transition:opacity .15s,color .15s}.pgfp-del:hover{opacity:1;color:var(--accent)}#btFavsStrip{border:1px solid #f5c51838;border-left:3px solid var(--gold);border-radius:4px;grid-column:1/-1;margin-bottom:.6rem;overflow:hidden}.btfs-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5c5180a;align-items:center;gap:.5rem;padding:.52rem .8rem;display:flex}.btfs-hdr:hover{background:#f5c51814}.btfs-title{letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;font-size:.57rem;font-weight:700}.btfs-count{color:var(--gold);background:#f5c51826;border-radius:10px;padding:.1rem .4rem;font-family:DM Mono,monospace;font-size:.52rem}.btfs-chevron{color:var(--muted);margin-left:auto;font-size:.72rem;transition:transform .2s}#btFavsStrip.btfs-open .btfs-chevron{transform:rotate(180deg)}.btfs-body{border-top:1px solid #f5c5181a;flex-wrap:wrap;gap:.38rem;padding:.4rem .7rem .6rem;display:none}#btFavsStrip.btfs-open .btfs-body{display:flex}.btfs-chip{background:var(--panel);color:var(--text2);cursor:pointer;border:1px solid #f5c51847;border-radius:20px;align-items:center;gap:.38rem;padding:.28rem .6rem;font-family:DM Mono,monospace;font-size:.59rem;transition:all .15s;display:inline-flex}.btfs-chip:hover{border-color:var(--teal);color:var(--teal)}.btfc-del{color:var(--muted);font-size:.62rem}.btfc-del:hover{color:var(--accent)}.bt-fav-btn{cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.88rem;line-height:1;transition:transform .15s}.bt-fav-btn:hover{transform:scale(1.2)}#transpoHistory{border:1px solid #00e5cc2e;border-left:3px solid var(--teal);border-radius:4px;margin-top:1.1rem;overflow:hidden}.th-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00e5cc0a;align-items:center;gap:.5rem;padding:.58rem .85rem;display:flex}.th-hdr:hover{background:#00e5cc14}.th-title{letter-spacing:2px;color:var(--teal);font-family:DM Mono,monospace;font-size:.57rem;font-weight:700}.th-chevron{color:var(--muted);margin-left:auto;font-size:.72rem;transition:transform .2s}#transpoHistory.th-open .th-chevron{transform:rotate(180deg)}.th-body{border-top:1px solid #00e5cc1a;display:none}#transpoHistory.th-open .th-body{display:block}.th-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.55rem .85rem;transition:background .12s;display:flex}.th-row:last-child{border-bottom:none}.th-row:hover{background:#00e5cc0a}.th-keys{color:var(--teal);white-space:nowrap;min-width:70px;padding-top:.1rem;font-family:DM Mono,monospace;font-size:.68rem}.th-preview{color:var(--text2);flex:1;font-size:.69rem;line-height:1.55}.th-chords{color:var(--text);font-family:DM Mono,monospace;font-size:.65rem}.th-ts{color:var(--muted);white-space:nowrap;padding-top:.15rem;font-family:DM Mono,monospace;font-size:.5rem}.th-restore{border:1px solid var(--border2);color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:3px;margin-top:.28rem;padding:.18rem .45rem;font-family:DM Mono,monospace;font-size:.5rem;transition:all .15s;display:inline-block}.th-restore:hover{border-color:var(--teal);color:var(--teal)}.toast.show{opacity:1!important;transform:translateY(0)!important}*{-webkit-tap-highlight-color:transparent}html{overflow-x:hidden}input,select,textarea{font-size:16px!important}#mobileBottomNav{z-index:1000;min-height:56px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0afa;border-top:1px solid #ffffff12;grid-template-columns:repeat(5,1fr);display:none;position:fixed;bottom:0;left:0;right:0}.mob-nav-btn{color:#ffffff80;font-family:var(--font-body);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform, color;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:60px;padding:.6rem .1rem;font-size:.52rem;font-weight:600;transition:color .25s cubic-bezier(.4,0,.2,1),transform .15s;display:flex;position:relative}.mob-nav-btn svg{pointer-events:none;flex-shrink:0;width:22px;height:22px;margin-bottom:.15rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mob-nav-btn.mob-active svg,.mob-nav-btn.mob-cat-open svg{transform:translateY(-2px)}.mob-nav-btn.mob-active{color:var(--teal)}.mob-nav-btn.mob-active:after{content:"";bottom:calc(env(safe-area-inset-bottom,0px) + 6px);background:var(--teal);border-radius:50%;width:5px;height:5px;animation:.3s cubic-bezier(.34,1.56,.64,1) mobPearlPop;position:absolute;left:50%;transform:translate(-50%)scale(1)}@keyframes mobPearlPop{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.mob-nav-btn.mob-active:before{display:none}.mob-nav-btn.mob-cat-open{color:var(--teal)}.mob-nav-btn.mob-cat-open .mob-chevron{opacity:1;transform:rotate(180deg)}.mob-nav-btn:active{transform:scale(.92)}.mob-chevron{opacity:0;pointer-events:none;border-bottom:3px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;transition:opacity .15s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:5px;left:50%;transform:translate(-50%)}#mobCatPanel{z-index:999;padding-bottom:calc(52px + env(safe-area-inset-bottom,0px));background:#0000008c;align-items:flex-end;display:none;position:fixed;inset:0}#mobCatPanel.open{-webkit-backdrop-filter:blur(4px);animation:.18s mobPanelFadeIn;display:flex}@keyframes mobPanelFadeIn{0%{opacity:0}to{opacity:1}}#mobCatContent{border-top:2px solid var(--teal);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:#0f1419;border-radius:18px 18px 0 0;width:100%;max-height:60vh;padding:1rem 1rem .8rem;animation:.22s cubic-bezier(.16,1,.3,1) mobSlideUp;position:relative;overflow-y:auto;box-shadow:0 -20px 60px #000000a6}#mobCatContent:before{content:"";background:#fff3;border-radius:2px;width:36px;height:4px;margin:0 auto .8rem;display:block}@keyframes mobSlideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}#mobCatHeader{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:.65rem;display:flex}#mobCatTitle{letter-spacing:3px;text-transform:uppercase;color:var(--teal);font-family:DM Mono,monospace;font-size:.6rem}#mobCatCloseBtn{color:var(--text2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:flex}#mobCatGrid{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.mob-cat-item{background:var(--panel2);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:84px;padding:.85rem .6rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mob-cat-item:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.mob-cat-item:active{background:#ffffff14;transform:scale(.94)}.mob-cat-item.mob-item-active{background:#00d4b414;border-color:#00d4b440}.mob-cat-item-icon{width:24px;height:24px;color:var(--muted);will-change:auto;justify-content:center;align-items:center;transition:color .2s;display:flex}.mob-cat-item-icon svg{width:100%;height:100%}.mob-cat-item.mob-item-active .mob-cat-item-icon{color:var(--teal)}.mob-cat-item-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text2);font-family:DM Mono,monospace;font-size:.55rem;line-height:1.4}.mob-cat-item.mob-item-active .mob-cat-item-label{color:var(--teal)}.mob-cat-item-badge{letter-spacing:1px;text-transform:uppercase;color:var(--text);background:var(--purple);border-radius:0 0 0 6px;padding:.15rem .35rem;font-family:DM Mono,monospace;font-size:.4rem;font-weight:700;line-height:1;position:absolute;top:0;right:0}@media (width<=768px){#mobileBottomNav{display:grid}#sideNav{display:none!important}.page-inner{padding:1rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom,0px))}.page.page--tool .page-inner,.page.page--tool .page-inner.compact{padding-top:0!important}#heroSection{min-height:100svh!important}.hero-above-fold{padding:0 1.1rem 1rem;justify-content:center!important;min-height:100svh!important}.hero-kuerda{font-size:clamp(4.5rem,20vw,8rem)}.hero-tagline{margin-top:.5rem;font-size:clamp(1rem,4vw,1.4rem)}.hero-subtagline{font-size:.82rem!important}.hero-brand-row{margin-bottom:1.5rem!important}.hero-stats{flex-wrap:wrap!important;gap:.8rem!important;margin-top:1.5rem!important}.hero-stat-divider{display:none!important}.hero-stat-benefit{font-size:.75rem!important}.hero-ctas{flex-direction:column!important;gap:.7rem!important;width:100%!important;margin-top:1.8rem!important}.hero-cta-primary{padding:1rem;font-size:.82rem;justify-content:center!important;width:100%!important}.hero-social-proof{margin-top:1.2rem!important;font-size:.58rem!important}.hero-scroll-hint{display:none}.hero-tools-section{padding:3rem 1.1rem calc(5rem + env(safe-area-inset-bottom,0px))!important}.page-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;gap:.3rem!important;padding:.45rem .8rem!important;overflow-x:auto!important}.page-nav::-webkit-scrollbar{display:none}.page-btn{white-space:nowrap;flex-shrink:0}.page-bg-num{display:none!important}.page-heading{margin-bottom:.6rem!important;font-size:2.2rem!important;line-height:1.05!important}.sec-title{font-size:2.2rem!important;line-height:1.05!important}.page-lead{margin-bottom:1.5rem!important;font-size:.82rem!important;line-height:1.7!important}.divider{margin:1rem 0!important}.stat-row{flex-wrap:wrap!important;gap:.4rem!important}.sec-label{letter-spacing:3px!important;font-size:.52rem!important}.highlight{padding:.9rem!important;font-size:.8rem!important}.toolkit-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;margin:1.2rem 0!important}.tk-featured{grid-column:span 2!important}.tk-card{min-height:90px;will-change:auto!important;padding:1rem .9rem!important;transition:opacity .15s,transform .15s!important}.tk-card:hover{box-shadow:none!important;transform:none!important}.tk-card:active{opacity:.82;transform:scale(.98)!important}.hero-tools-title{font-size:.95rem!important}.scales-grid{grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important}.scale-card{padding:1rem .9rem!important}.mode-cards-grid{grid-template-columns:1fr!important;gap:.8rem!important}.mode-card-name{font-size:1.3rem!important}.mode-card-top{padding:1.1rem 1.1rem .8rem!important}.scale-card:active,.mode-card:active{opacity:.82}.scale-card:hover,.mode-card:hover,.tip-card:hover,.backing-card:hover{box-shadow:none!important;transform:none!important}.metro-section{margin-top:1rem!important;padding:1.4rem 1rem!important}.metro-display{font-size:4.5rem!important}.backing-section{margin-top:1rem!important;padding:1.2rem 1rem!important}.backing-card{padding:1rem!important}[id^=grid-]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:.7rem!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-bottom:none!important;border-left:none!important;border-right:none!important;border-top:3px solid var(--accent)!important;background:var(--panel)!important;border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important;max-height:88vh!important;padding:1.4rem 1rem 2rem!important}.modal:before{content:"";background:#ffffff2e;border-radius:2px;width:36px;height:4px;margin:0 auto 1.2rem;display:block}.modal-title{font-size:1.5rem!important}.modal-body{font-size:.82rem!important}.modal-close{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-dropdown{position:static}.nav-dropdown-menu{top:auto!important;left:0!important;right:0!important;bottom:calc(52px + env(safe-area-inset-bottom,0px))!important;border-top:2px solid var(--accent)!important;border-radius:12px 12px 0 0!important;min-width:100%!important;max-height:65vh!important;position:fixed!important;overflow-y:auto!important}.modes-table,.interval-table,table{min-width:500px!important}.circle-wrap{-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;overflow-x:auto!important}canvas#circle{width:320px!important;max-width:none!important;height:320px!important}.fretboard-wrap,.tr-fretboard-wrap{-webkit-overflow-scrolling:touch!important;padding-bottom:.8rem!important;display:block!important;overflow-x:auto!important}.fretboard{width:920px!important;max-width:none!important}.tr-fb{width:max-content!important;max-width:none!important}.fret-controls{flex-wrap:wrap!important;gap:.6rem!important}.fret-select{width:100%!important;padding:.5rem .7rem!important;font-size:.72rem!important}.btn-play,.btn-lefty{min-height:40px!important;padding:.6rem 1rem!important;font-size:.65rem!important}.lk-card-header{flex-wrap:wrap!important;gap:.5rem!important;padding:.9rem 1rem!important}.lk-card-body{padding:1rem!important}#heroSection:before{filter:blur()!important;animation:none!important;display:block!important}.hero-brand-dot,.hero-kuerda-k,.hero-streak-badge{animation:none!important}#sideNav,#mobileBottomNav,.modal-overlay,.nav-dropdown-menu,#searchOverlay,.tool-panel,.metro-section,.backing-section,.tk-featured,.page-inner:before{-webkit-backdrop-filter:none!important}.page-inner:before{display:none!important}.tk-card,.scale-card,.mode-card,.tip-card,.backing-card,.mob-cat-item,.page-btn,.hero-cta-primary,.btn-play,.btn-stop{will-change:auto!important;transition:opacity .15s,transform .15s!important}html{scroll-behavior:auto!important}body{overscroll-behavior-x:contain}.modal,#mobCatContent{overscroll-behavior-y:contain}.page-btn,.theory-tab{min-height:36px}button,a,[onclick]{min-height:44px}.mob-nav-btn,.auth-modal-close,#mobCatCloseBtn,.faq-q{min-height:unset}#authBar{top:.5rem;right:.7rem}#navAuthBtns .btn-login:not([onclick*=logout]){display:none}}@media (width<=480px){.scales-grid,.toolkit-grid{grid-template-columns:1fr!important}.tk-featured{grid-column:span 1!important}.hero-kuerda{font-size:clamp(3.5rem,17vw,6rem)!important}.hero-tagline{font-size:clamp(.85rem,3.5vw,1.1rem)!important}.hero-stat-num{font-size:1.3rem}.hero-stat-label{font-size:.5rem}.hero-stats{gap:.7rem}.page-inner{padding:1rem .9rem calc(1.5rem + env(safe-area-inset-bottom,0px))}[id^=grid-]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important}.page-heading,.sec-title{font-size:2.4rem!important}.theory-panel .highlight{font-size:.78rem}.tk-card{padding:1.1rem 1rem!important}.tk-card-name{font-size:.8rem!important}}@media (width<=400px){.toolkit-grid{grid-template-columns:1fr!important}.tk-featured{grid-column:span 1!important}.scales-grid{grid-template-columns:1fr!important}[id^=grid-]{grid-template-columns:repeat(3,1fr)!important}}@media (width<=768px){#authBar{top:.5rem;right:.7rem}#navAuthBtns .btn-login:not([onclick*=logout]){display:none}}.btn-login{font-family:var(--font-body);cursor:pointer;color:#ffffffbf;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:7px;padding:.38rem .85rem;font-size:.68rem;font-weight:600;transition:all .15s}.btn-login:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff40}.btn-register{font-family:var(--font-body);cursor:pointer;background:var(--teal);color:#000;white-space:nowrap;border:none;border-radius:7px;padding:.38rem .9rem;font-size:.68rem;font-weight:700;transition:all .15s;box-shadow:0 2px 10px #00d4b44d}.btn-register:hover{background:#00c8aa;transform:translateY(-1px);box-shadow:0 5px 18px #00d4b473}.nav-user-avatar{background:linear-gradient(135deg, var(--teal), var(--purple));color:#000;cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.reg-nudge-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .3rem;font-size:1rem;line-height:1}.reg-nudge-close:hover{color:var(--text)}.mob-cat-btn{letter-spacing:1px;font-size:.6rem;font-weight:700}.mob-cat-btn.active{color:var(--teal);border-color:var(--teal)}.fretboard-section{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}#resumeToast{animation:.3s slideUp}.metro-sig-btn[title=PRO]{opacity:.55;position:relative}.metro-sig-btn[title=PRO]:hover{opacity:.8;border-color:var(--gold)!important}body.kuerda-pro .metro-sig-btn[title=PRO]{opacity:1}body.kuerda-pro .metro-sig-btn[title=PRO]:hover{border-color:inherit!important}body.kuerda-pro .mode-card-pro-overlay{display:none!important}body.kuerda-pro .mode-card .mode-card-top{filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body.kuerda-pro .mode-card .mode-card-footer{filter:none!important;opacity:1!important;pointer-events:auto!important}body.kuerda-pro .mode-card{cursor:pointer!important}body.kuerda-pro .theory-pro-gate{display:none!important}body.kuerda-pro .theory-panel>div[style*=blur]{filter:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;opacity:1!important;max-height:none!important;overflow:visible!important}.bt-genre-header{-webkit-user-select:none;user-select:none}.hero-subtagline{font-family:var(--font-body);color:var(--muted);letter-spacing:.3px;opacity:.85;margin-top:.5rem;font-size:clamp(.8rem,1.8vw,1rem);animation:.8s cubic-bezier(.16,1,.3,1) .42s both heroFadeUp}.hero-stat-icon{filter:drop-shadow(0 2px 6px #0006);margin-bottom:.25rem;font-size:1.1rem;display:block}.hero-stat-benefit{font-family:var(--font-body);color:var(--text2);letter-spacing:.2px;font-size:.72rem;font-weight:500;line-height:1.4}.hero-stat-benefit strong{color:var(--text);font-weight:700;display:block}.hero-streak-badge{letter-spacing:1px;color:var(--accent);cursor:default;background:#ff6b3514;border:1px solid #ff6b3540;border-radius:40px;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem .7rem;font-family:DM Mono,monospace;font-size:.62rem;animation:.6s cubic-bezier(.16,1,.3,1) both heroFadeUp;display:inline-flex}.hero-streak-badge .streak-fire{font-size:1rem}.hero-streak-badge-new{color:var(--teal);cursor:pointer;background:#00e5cc0f;border-color:#00e5cc40}.tk-prog-genres{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.tk-prog-genres span{letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;background:#ff6b3517;border:1px solid #ff6b3533;border-radius:2px;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.5rem}.tk-prog-genres span:last-child{border-color:var(--border2);color:var(--muted);background:0 0}.learning-path-progress-bar{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:2px;margin-bottom:1.8rem;padding:1rem 1.4rem}.lp-progress-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.lp-progress-label{letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem}.lp-progress-pct{color:var(--gold);font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.lp-bar-outer{background:#ffffff12;border-radius:2px;height:4px;overflow:hidden}.lp-bar-inner{background:linear-gradient(90deg, var(--gold), var(--accent));border-radius:2px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.learning-path-grid{background:var(--border);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:1px;margin-bottom:1rem;display:flex;overflow:hidden}.lp-step{background:var(--surface);cursor:pointer;grid-template-columns:52px 1fr auto;align-items:stretch;gap:0;transition:background .18s;display:grid}.lp-step:hover{background:#ffffff0a}.lp-step-num{letter-spacing:2px;color:var(--muted);text-transform:uppercase;border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:1rem .5rem;font-family:DM Mono,monospace;font-size:.55rem;transition:color .18s;display:flex}.lp-step:hover .lp-step-num{color:var(--gold)}.lp-step-body{flex-direction:column;gap:.2rem;padding:.85rem 1.2rem;display:flex}.lp-step-title{font-family:var(--font-body);color:var(--text);font-size:.9rem;font-weight:700}.lp-step-desc{color:var(--muted);font-size:.78rem;line-height:1.45}.lp-step-time{letter-spacing:1.5px;color:var(--border2);text-transform:uppercase;margin-top:.2rem;font-family:DM Mono,monospace;font-size:.5rem}.lp-step-status{border-left:1px solid var(--border);justify-content:center;align-items:center;min-width:48px;padding:1rem;display:flex}.lp-status-dot{border:2px solid var(--border2);border-radius:50%;width:10px;height:10px;transition:all .25s}.lp-step-status.lp-visited .lp-status-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #f5c51866}.lp-step-final{border-top:1px solid #9b5de540!important}.lp-num-final,.lp-step-final:hover .lp-num-final{color:var(--purple)!important}.lp-step-final .lp-step-title{color:var(--purple)}.lp-tracker-cta{text-align:right;margin-bottom:1rem}.lp-tracker-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;letter-spacing:1.5px;background:0 0;border-radius:2px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.6rem;transition:all .18s;display:inline-flex}.lp-tracker-btn:hover{color:var(--text);border-color:#ffffff40}#sessionPanel{width:100%;max-width:1400px;margin:0 auto;padding:0 5vw}.session-panel{border:1px solid var(--border);border-top:2px solid var(--accent);background:var(--surface);margin-bottom:1.2rem;padding:1.4rem 1.8rem}.session-panel-header{margin-bottom:1.2rem}.sp-label{letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:.3rem;font-family:DM Mono,monospace;font-size:.52rem}.sp-title{font-family:var(--font-body);color:var(--text);font-size:1.1rem;font-weight:700}@media (width<=768px){.lp-step{grid-template-columns:44px 1fr auto}.lp-step-num{font-size:.45rem}.lp-step-title{font-size:.82rem}.lp-step-desc{display:none}.lp-tracker-cta{text-align:center}}@keyframes krdBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.krd-related-tools{gap:.35rem;padding:.6rem .8rem}.krt-btn{padding:.3rem .6rem;font-size:.5rem}.krt-label{display:none}.flujo-card{padding:.9rem 1rem}.flujo-steps{flex-wrap:wrap;gap:.3rem}.flujo-step{font-size:.55rem}.krd-acceso-rapido{padding:.9rem 1rem}.ar-continue{gap:.7rem;padding:.7rem .9rem}.ar-continue-icon{font-size:1.3rem}.ar-continue-name{font-size:.88rem}.ar-continue-cta{display:none}.ar-recent-item{gap:.4rem;padding:.5rem .75rem}}.krd-related-tools{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 1rem;display:flex}.krt-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding-right:.25rem;font-family:DM Mono,monospace;font-size:.48rem}.krt-btn{color:var(--text);cursor:pointer;white-space:nowrap;background:#a78bfa14;border:.5px solid #a78bfa66;border-radius:8px;align-items:center;gap:.5rem;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s;display:inline-flex}.krt-btn:hover{background:#a78bfa24;border-color:#a78bfa8c;transform:translateY(-1px)}@media (width<=640px){.krd-related-tools{gap:.45rem}.krt-btn{padding:6px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.krt-btn{transition:none}}#krdQnList button.krd-qn-item,.krd-qn-item{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;appearance:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;margin:0;padding:.65rem .85rem;line-height:normal;transition:background .12s,border-color .12s;display:flex!important}#krdQnList button.krd-qn-item:hover,#krdQnList button.krd-qn-active,.krd-qn-item:hover,.krd-qn-active{background:#ffffff0f;border-color:#ffffff14}.krd-qn-icon{text-align:center;flex-shrink:0;width:2rem;font-size:1.25rem}.krd-qn-body{flex:1;min-width:0}.krd-qn-name{font-family:var(--font-body);color:var(--text,#ede9e0);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.krd-qn-desc{color:var(--muted,#7a7a8c);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.65rem;overflow:hidden}.krd-qn-group{letter-spacing:1.5px;color:var(--muted2,#555);text-transform:uppercase;flex-shrink:0;font-family:DM Mono,monospace;font-size:.42rem}.krd-acceso-rapido{margin-bottom:2rem;animation:.8s cubic-bezier(.16,1,.3,1) both heroFadeUp}.ar-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.1rem;padding-bottom:.6rem;display:flex}.ar-eyebrow{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--teal);text-shadow:0 0 15px #00d4b44d;font-size:.72rem;font-weight:800}.ar-clear{font-family:var(--font-body);color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.ar-clear:hover{color:var(--text)}.ar-grid{flex-wrap:wrap;align-items:stretch;gap:.85rem;display:flex}.ar-continue{cursor:pointer;border-radius:12px;flex:1.5;align-items:center;gap:1rem;min-width:260px;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;background:#14141466!important;border:1px solid #ffffff0d!important}.ar-continue:hover{transform:translateY(-2px);background:#1e1e1e80!important;border-color:#ffffff26!important}.ar-continue:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ar-continue-icon{width:40px;height:40px;color:var(--teal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ar-continue-icon svg{stroke-width:1.5px;width:28px;height:28px}.ar-continue-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.ar-continue-label{letter-spacing:1.5px;color:var(--teal);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem;font-weight:700}.ar-continue-name{font-family:var(--font-heading);color:var(--text);font-size:.95rem;font-weight:800}.ar-continue-cta{color:var(--teal);white-space:nowrap;background:#00d4b41a;border:1px solid #00d4b426;border-radius:6px;flex-shrink:0;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:700;transition:all .2s}.ar-continue:hover .ar-continue-cta{background:var(--teal);color:#051614;border-color:var(--teal);box-shadow:0 0 10px #00d4b466}.ar-recent-item{cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:.6rem;min-width:140px;padding:.6rem 1rem;transition:all .2s;display:flex;background:#ffffff05!important;border:1px solid #ffffff0d!important}.ar-recent-item:hover{transform:translateY(-1px);background:#00d4b40a!important;border-color:#00d4b44d!important}.ar-recent-item:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ar-recent-icon{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.ar-recent-label{font-family:var(--font-body);color:#ffffffbf;font-size:.75rem;font-weight:600}.ar-recent-item:hover .ar-recent-label{color:var(--text)}@media (width<=600px){.ar-continue{max-width:100%}.ar-recent-item{flex:1;min-width:100px}}.flujos-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;width:100%;margin-bottom:2rem;display:grid}.flujo-card{background:var(--panel);border:1px solid var(--border2);cursor:pointer;box-sizing:border-box;border-radius:14px;flex-direction:column;gap:.6rem;min-height:140px;padding:1.4rem 1.2rem 1rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.flujo-card:hover{border-color:#00d4b44d;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.flujo-icon{font-size:1.6rem;line-height:1}.flujo-title{font-family:var(--font-heading);color:var(--text);font-size:.9rem;font-weight:700}.flujo-steps{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.2rem;display:flex}.flujo-step{letter-spacing:.5px;color:var(--teal);cursor:pointer;white-space:nowrap;background:#00d4b412;border:1px solid #00d4b426;border-radius:4px;padding:.15rem .4rem;font-family:DM Mono,monospace;font-size:.55rem;transition:background .12s}.flujo-step:hover{background:#00d4b424}.flujo-arrow{color:var(--muted);flex-shrink:0;font-size:.65rem}.flujo-cta{letter-spacing:1px;color:var(--muted);border-top:1px solid var(--border2);text-align:right;margin-top:auto;padding-top:.5rem;font-family:DM Mono,monospace;font-size:.55rem;transition:color .15s}.flujo-card:hover .flujo-cta{color:var(--teal)}.lp-compact-wrap{background:var(--panel);border:1px solid var(--border2);box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:2rem;padding:1.6rem 1.8rem}.lp-compact-progress{margin-bottom:1rem}.lp-compact-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.lp-compact-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.55rem}.lp-steps-preview{flex-wrap:wrap;align-items:center;gap:.3rem;margin:1rem 0;display:flex}.lp-sdot{letter-spacing:1px;border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.3rem .5rem;font-family:DM Mono,monospace;font-size:.52rem;transition:background .12s,border-color .12s,color .12s}.lp-sdot:hover{color:var(--teal);background:#00d4b41a;border-color:#00d4b44d}.lp-sdot.lp-done{color:var(--teal);background:#00d4b41f;border-color:#00d4b44d}.lp-sdot-final{color:var(--purple);border-color:#6c63ff40}.lp-sdot-final:hover{background:#6c63ff1a;border-color:#6c63ff66}.lp-scon{color:var(--border2);font-size:.5rem}@media (width<=600px){.flujos-grid{grid-template-columns:1fr}.lp-compact-wrap{padding:1.2rem}}.tr-controls{flex-wrap:wrap;align-items:flex-end;gap:1.2rem;margin-bottom:1.4rem;display:flex}.tr-ctrl-group{flex-direction:column;gap:.35rem;display:flex}.tr-ctrl-label{letter-spacing:2.5px;color:var(--muted2);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.52rem}.tr-select{background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;outline:none;min-width:180px;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.75rem;transition:border-color .16s}.tr-select:hover{border-color:var(--gold)}.tr-root-btns{flex-wrap:wrap;gap:.28rem;display:flex}.tr-root-btn{background:var(--surface);border:1px solid var(--border2);min-width:38px;color:var(--muted);cursor:pointer;border-radius:3px;padding:.3rem .58rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:700;transition:all .15s}.tr-root-btn:hover{color:var(--text);border-color:#ffffff4d}.tr-root-btn.active{color:var(--gold);border-color:var(--gold);background:#f5c5182e;box-shadow:0 0 6px #f5c51840}.tr-main-card{background:linear-gradient(160deg, var(--panel) 0%, var(--surface) 100%);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden}.tr-headline-bar{border-bottom:1px solid var(--border);background:#ffffff05;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:1.1rem 1.4rem;display:flex}.tr-headline-text{font-family:var(--font-body);font-size:1.25rem;font-weight:800;line-height:1.2}.tr-genre-tag{color:var(--muted);letter-spacing:.5px;margin-top:.3rem;font-family:DM Mono,monospace;font-size:.52rem;display:block}.tr-fret-tag{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;border-radius:3px;align-self:center;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.65rem}.tr-fret-tag strong{color:var(--gold)}.tr-section{padding:1.4rem}.tr-section-sep{border-top:1px solid var(--border)}.tr-section-label{letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;align-items:center;gap:.7rem;margin-bottom:.7rem;font-family:DM Mono,monospace;font-size:.55rem;display:flex}.tr-step-num{background:var(--gold);color:#000;letter-spacing:1px;border-radius:2px;padding:.15rem .4rem;font-family:DM Mono,monospace;font-size:.48rem;font-weight:900}.tr-section-hint{color:var(--muted);max-width:620px;margin:0 0 1.1rem;font-size:.78rem;line-height:1.65}.tr-section-hint strong{color:var(--text)}.tr-fretboard-wrap{-webkit-overflow-scrolling:touch;padding-bottom:.2rem;overflow-x:auto}.tr-fb{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;display:table}.tr-fb-row{display:table-row}.tr-fb-strlabel{width:48px;min-width:48px;color:var(--muted2);text-align:right;vertical-align:middle;white-space:nowrap;border-right:2px solid var(--border2);padding-right:.5rem;font-family:DM Mono,monospace;font-size:.48rem;font-weight:700;display:table-cell}.tr-fb-header .tr-fb-strlabel{border-right:none;font-size:.42rem}.tr-fb-fretnum{text-align:center;width:52px;min-width:52px;color:var(--muted2);border-right:1px solid var(--border);padding:.35rem .1rem;font-family:DM Mono,monospace;font-size:.5rem;display:table-cell}.tr-fb-fretnum.tr-fb-dotfret{color:var(--gold);font-weight:700}.tr-fb-fretnum.tr-fb-openfret{color:var(--muted2);border-right:2px solid #ffffff2e;font-size:.6rem}.tr-fb-cell-open{background:#ffffff05;border-right:2px solid #ffffff2e}.tr-fb-dotcell{text-align:center;border-right:1px solid var(--border);padding:.2rem 0;display:table-cell}.tr-fb-dot{justify-content:center;align-items:center;gap:4px;display:flex}.tr-fb-dot-double{gap:5px}.tr-fb-dot-inner{background:#ffffff26;border-radius:50%;width:6px;height:6px}.tr-fb-nut{vertical-align:middle;text-align:center;background:#ffffff14;border-right:3px solid #ffffff4d;width:8px;min-width:8px;display:table-cell;position:relative}.tr-fb-cell{text-align:center;vertical-align:middle;border-right:1px solid var(--border);width:52px;min-width:52px;height:44px;display:table-cell;position:relative}.tr-fb-string-line{pointer-events:none;background:#ffffff2e;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tr-fb-note{z-index:2;border:2px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.tr-fb-note:hover{transform:scale(1.1)}.tr-fb-root{width:38px;height:38px;box-shadow:0 0 14px}.tr-fb-note-name{font-family:DM Mono,monospace;font-size:.62rem;font-weight:900;line-height:1}.tr-fb-note-deg{opacity:.85;font-family:DM Mono,monospace;font-size:.38rem;line-height:1}.tr-legend{border-top:1px solid var(--border);background:#ffffff05;flex-wrap:wrap;gap:.5rem;padding:.8rem 1.4rem;display:flex}.tr-legend-item{align-items:center;gap:.4rem;display:flex}.tr-legend-dot{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:DM Mono,monospace;font-size:.48rem;font-weight:900;display:flex}.tr-legend-root{width:30px;height:30px}.tr-legend-label{color:var(--muted);font-family:DM Mono,monospace;font-size:.55rem}.tr-quick-ref{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.tr-qr-label{color:var(--muted2);margin-right:.2rem;font-family:DM Mono,monospace;font-size:.52rem}.tr-qr-chip{border:1px solid var(--border);background:var(--surface2);cursor:default;border-radius:3px;flex-direction:column;align-items:center;min-width:40px;padding:.35rem .6rem;transition:all .15s;display:flex}.tr-qr-chip.active{border-color:var(--gold);background:#f5c5181f;box-shadow:0 0 8px #f5c51833}.tr-qr-note{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem;font-weight:900}.tr-qr-chip.active .tr-qr-note{color:var(--gold)}.tr-qr-fret{color:var(--muted2);margin-top:.1rem;font-family:DM Mono,monospace;font-size:.45rem}.tr-notes-row{flex-wrap:wrap;gap:.5rem;display:flex}.tr-note-chip{text-align:center;border:2px solid #0000;border-radius:4px;flex-direction:column;align-items:center;min-width:52px;padding:.5rem .95rem;transition:transform .1s;display:flex}.tr-note-chip:hover{transform:translateY(-2px)}.tr-note-root{transform:scale(1.1)}.tr-note-root:hover{transform:scale(1.15)translateY(-2px)}.tr-note-chip-name{font-family:var(--font-body);font-size:.95rem;font-weight:900;line-height:1}.tr-note-chip-deg{opacity:.8;margin-top:.18rem;font-family:DM Mono,monospace;font-size:.46rem}.tr-tip-block{border:1px solid #f5c51826;border-left:3px solid var(--gold);background:#f5c5180a;border-radius:3px;margin:0 1.4rem 1.4rem;padding:.95rem 1.15rem}.tr-tip-label{color:var(--gold);letter-spacing:2px;margin-bottom:.4rem;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700}.tr-tip-text{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}@media (width<=600px){.tr-controls{flex-direction:column}.tr-fb-cell,.tr-fb-fretnum{width:42px;min-width:42px}.tr-fb-note{width:28px;height:28px}.tr-fb-root{width:32px;height:32px}.tr-fb-note-name{font-size:.55rem}.tr-fb-note-deg{display:none}.tr-fb-strlabel{width:38px;min-width:38px;font-size:.42rem}.tr-section{padding:1rem}.tr-legend{padding:.7rem 1rem}}.tr-pro-gate{border:1px solid #f5c51840;border-top:3px solid var(--gold);background:var(--surface);border-radius:4px;margin-top:0;overflow:hidden}.tr-pro-gate-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.tr-pro-gate-lock{filter:drop-shadow(0 0 12px #f5c51866);font-size:2.5rem;line-height:1}.tr-pro-gate-title{font-family:var(--font-body);color:var(--gold);letter-spacing:-.5px;font-size:1.3rem;font-weight:800}.tr-pro-gate-desc{color:var(--muted);max-width:360px;font-size:.82rem;line-height:1.65}.tr-pro-gate-desc strong{color:var(--text)}.tr-pro-gate-btn{background:var(--gold);color:#000;cursor:pointer;letter-spacing:2px;border:none;border-radius:3px;margin-top:.5rem;padding:.65rem 1.6rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:900;transition:opacity .15s}.tr-pro-gate-btn:hover{opacity:.88}.hero-tagline em{color:var(--accent);font-style:normal}.scale-card.tier-1:hover{box-shadow:0 16px 48px #00000080,0 0 0 1px #f0ae1a1f}#heroProgressFill,.learning-path-progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 100%);box-shadow:0 0 12px #00d4b44d}.hero-tools-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:5vw;right:5vw}.footer-inner,.site-footer,footer.site-footer{border-top:1px solid #ffffff0d}.hero-subtagline{font-family:var(--font-body);color:var(--muted);letter-spacing:.2px;max-width:480px;margin-top:.45rem;font-size:clamp(.82rem,1.6vw,.98rem);font-weight:400;line-height:1.65}.hero-stat-benefit strong{color:var(--text);font-family:var(--font-heading);font-weight:700}nav{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#050510fa 0%,#050510f0 100%);border-bottom:1px solid #ffffff0d}.nav-drop-item:hover{background:#00d4b40f;padding-left:1.2rem}.learning-path-progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 100%);box-shadow:0 0 8px #00d4b44d}.hero-social-proof{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12}.tr-pro-gate{background:linear-gradient(160deg, var(--panel) 0%, var(--surface) 100%);border-radius:var(--radius-md);border:1px solid #f0ae1a26;border-top:2px solid #f0ae1a66}.pro-gate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f0ae1a66}.tr-fb-root{box-shadow:0 0 14px,0 0 28px #f0ae1a40}.tr-select:focus{border-color:#00d4b480;outline:none;box-shadow:0 0 0 3px #00d4b414}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent) 0%, var(--purple) 100%);opacity:.6;border-radius:3px}::selection{color:var(--text);background:#00d4b438}#pwaPrompt{bottom:calc(4.8rem + env(safe-area-inset-bottom));z-index:1800;background:var(--panel);pointer-events:none;opacity:0;border:1px solid #00e5cc59;border-radius:14px;align-items:center;gap:.9rem;min-width:300px;max-width:calc(100vw - 2rem);padding:1rem 1.2rem 1rem 1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 8px 40px #00000080,0 0 0 1px #00e5cc1a}#pwaPrompt.pwa-visible{pointer-events:all;opacity:1;transform:translate(-50%)translateY(0)}.pwa-icon{background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.pwa-body{flex:1}.pwa-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.1rem;font-size:.8rem;font-weight:700}.pwa-sub{font-family:var(--font-body);color:var(--muted);font-size:.68rem}.pwa-actions{flex-direction:column;gap:.4rem;display:flex}.pwa-btn-install{letter-spacing:1px;background:var(--teal);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.4rem .9rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700;transition:opacity .15s}.pwa-btn-install:hover{opacity:.85}.pwa-btn-close{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;font-size:.75rem;transition:color .15s}.pwa-btn-close:hover{color:var(--text2)}.sp-practice-today{background:linear-gradient(135deg,#00e5cc0f 0%,#9b5de50f 100%);border:1px solid #00e5cc33;border-radius:12px;margin-bottom:1.4rem;padding:1.4rem 1.6rem}.sp-pt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sp-pt-label{letter-spacing:3px;color:var(--teal);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem}.sp-pt-date{color:var(--muted);font-family:DM Mono,monospace;font-size:.6rem}.sp-pt-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.sp-pt-goal{font-family:var(--font-body);color:var(--muted);margin-bottom:1rem;font-size:.78rem;line-height:1.55}.sp-pt-steps{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.sp-pt-step{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;transition:all .15s;display:flex}.sp-pt-step:hover{border-left-color:var(--teal);background:#ffffff14;transform:translate(2px)}.sp-pt-step-icon{margin-top:.05rem;font-size:1.1rem}.sp-pt-step-body{flex:1}.sp-pt-step-name{font-family:var(--font-body);color:var(--text2);margin-bottom:.15rem;font-size:.76rem;font-weight:600}.sp-pt-step-dur{color:var(--teal);letter-spacing:.5px;font-family:DM Mono,monospace;font-size:.58rem}.sp-pt-meta{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;padding-top:.8rem;display:flex}.sp-pt-total{color:var(--muted);font-family:DM Mono,monospace;font-size:.62rem}.sp-pt-total strong{color:var(--text2)}.sp-pt-start-btn{letter-spacing:1.5px;background:var(--teal);color:#000;cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:.5rem 1.2rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700;transition:opacity .15s}.sp-pt-start-btn:hover{opacity:.85}.krd-share-btn{letter-spacing:1px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700;transition:all .15s;display:inline-flex}.krd-share-btn:hover{border-color:var(--teal);color:var(--teal)}.krd-share-btn svg{flex-shrink:0}.krd-share-toast{bottom:calc(5.5rem + env(safe-area-inset-bottom));color:#000;letter-spacing:1px;z-index:9999;opacity:0;pointer-events:none;background:#00e5ccf2;border-radius:20px;padding:.6rem 1.2rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.krd-share-toast.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.hero-tagline{font-family:var(--font-heading);color:var(--text);letter-spacing:-.5px;margin-top:.6rem;font-size:clamp(2rem,5vw,4.2rem);font-style:italic;line-height:1.05;animation:.8s cubic-bezier(.16,1,.3,1) .35s both heroFadeUp}.hero-tagline em{color:var(--teal);-webkit-text-fill-color:var(--teal);font-style:normal}.hero-tool-pills{flex-wrap:wrap;gap:.5rem;margin-top:2rem;animation:.8s cubic-bezier(.16,1,.3,1) .44s both heroFadeUp;display:flex}.htp-pill{background:var(--panel);border:1px solid var(--border);font-family:var(--font-body);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:.45rem;padding:.42rem .95rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.htp-pill:hover{background:var(--panel-hover);border-color:var(--teal);color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 16px #00e5cc26}.htp-icon{color:var(--text2);font-size:.85rem;line-height:1;transition:transform .2s,color .2s;display:inline-flex}.htp-icon svg{color:var(--text2)!important;stroke:currentColor!important}.htp-icon svg [fill=currentColor]{fill:currentColor!important}.htp-pill:hover .htp-icon{color:var(--teal);transform:scale(1.1)}.htp-pill:hover .htp-icon svg{color:var(--teal)!important}.htp-pill-more{color:var(--teal);background:#00e5cc0d;border-color:#00e5cc40}.htp-pill-more:hover{border-color:var(--teal);color:var(--teal);background:#00e5cc1a}.hero-trust-row{flex-direction:column;gap:.6rem;margin-top:1.2rem;animation:.6s .72s both heroFadeUp;display:flex}.hero-mini-quotes{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hmq-item{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hmq-stars{color:var(--gold);letter-spacing:1px;flex-shrink:0;font-size:.58rem}.hmq-text{font-family:var(--font-body);color:var(--text2);font-size:.7rem;font-style:italic}.hmq-author{color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.58rem}.hmq-divider{background:var(--border2);flex-shrink:0;width:1px;height:24px}@media (width<=768px){.hero-tagline{margin-top:.6rem!important;font-size:clamp(1.6rem,8vw,2.4rem)!important}.hero-tool-pills{gap:.4rem!important;margin-top:1.2rem!important}.htp-pill{padding:.3rem .7rem!important;font-size:.65rem!important}.hero-trust-row{gap:.7rem!important;margin-top:1.2rem!important}.hero-mini-quotes{gap:.5rem!important}.hmq-divider,.hmq-item:last-child{display:none}.hmq-text{font-size:.68rem!important}}@media (width<=480px){.hero-tagline{font-size:clamp(1.4rem,7vw,1.9rem)}}.hero-tools-eyebrow{letter-spacing:4px;color:var(--teal);text-transform:uppercase;border-radius:var(--radius-pill);background:#00d4b414;border:1px solid #00d4b433;margin-bottom:.8rem;padding:.2rem .7rem;font-family:DM Mono,monospace;font-size:.6rem;display:inline-block}.hero-tools-sub{font-family:var(--font-body);color:var(--muted);max-width:600px;margin-top:.5rem;font-size:clamp(.78rem,1.8vw,.92rem);line-height:1.6}.hero-above-fold .hero-tagline{color:var(--text)!important}.hero-above-fold .hero-tagline em{color:var(--accent)!important;-webkit-text-fill-color:var(--accent)!important;font-style:normal!important}body.light-mode .hero-above-fold .hero-tagline{color:#111!important}.hero-cred-bar{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.hcb-item{align-items:baseline;gap:.35rem;display:flex}.hcb-num{font-family:var(--font-display);color:var(--text);letter-spacing:1px;font-size:1.3rem;line-height:1}.hcb-label{font-family:var(--font-body);color:var(--muted);font-size:.68rem;font-weight:500}.hcb-sep{background:var(--border2);flex-shrink:0;width:1px;height:22px}@media (width<=480px){.hcb-sep{display:none}.hero-cred-bar{gap:.8rem}.hcb-num{font-size:1.1rem}.hcb-label{font-size:.62rem}}.tool-panel{background:var(--panel);border:1px solid var(--border2);border-top:3px solid var(--teal);border-radius:2px;margin-bottom:1.5rem;padding:1.5rem}.tool-header-compact .sec-label{letter-spacing:3px;white-space:nowrap;background:#00d4b414;border:1px solid #00d4b42e;border-radius:2px;padding:.2rem .5rem;font-size:.5rem}@media (width<=768px){#bpmSlider{height:6px;accent-color:var(--accent)}#bpmSlider::-webkit-slider-thumb{width:28px;height:28px}.metro-display{font-size:clamp(3.5rem,18vw,5.5rem)!important}}@media (width<=480px){.tuner-strings-ref{grid-template-columns:repeat(3,1fr)!important}}@media (width<=768px){.backing-player-bar{bottom:calc(52px + env(safe-area-inset-bottom,0px));z-index:10;margin:0 -1.1rem;position:sticky}#btSpeedSlider,#btSpeedBpm{display:none}}#transposeResult{color:var(--teal);white-space:pre-wrap;word-break:break-word;background:#00d4b40a;border:1px solid #00d4b426;border-radius:3px;min-height:3rem;padding:1rem 1.2rem;font-family:DM Mono,monospace;font-size:.9rem;line-height:2}#transpoHistory{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.kd-chord-pill{border:1px solid var(--border2);background:var(--panel);color:var(--text2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:20px;padding:.3rem .7rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .12s}.kd-chord-pill:hover{border-color:var(--purple);color:var(--text)}.kd-chord-pill.active{color:var(--purple);background:#8b5cf626;border-color:#8b5cf680}.kd-chord-pill:active{transform:scale(.94)}.backing-grid{gap:1rem;display:grid}@media (width>=600px){.backing-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.backing-grid{grid-template-columns:repeat(3,1fr)}}button:focus-visible{outline-offset:3px}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:3px}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton{background:linear-gradient(90deg, var(--panel) 0%, var(--panel2) 40%, var(--panel) 80%);border-radius:var(--radius-md);background-size:1200px 100%;animation:1.6s ease-in-out infinite shimmer}.skeleton-title{width:60%;height:22px;margin-bottom:12px}.skeleton-card{height:100px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.sk-card-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:1rem;padding:1.2rem;display:flex}@keyframes kSpinCCW{to{transform:rotate(360deg)}}.k-spinner{border:2px solid var(--border2);border-top-color:var(--teal);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.7s linear infinite kSpinCCW;display:inline-block}.k-spinner-sm{border-width:1.5px;width:16px;height:16px}.k-spinner-lg{border-width:3px;width:40px;height:40px}.k-loading-overlay{-webkit-backdrop-filter:blur(6px);z-index:50;border-radius:inherit;background:#0a0a0aa6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.k-loading-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.6rem}.k-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:200px;padding:3rem 1.5rem;display:flex}.k-empty-icon{opacity:.4;margin-bottom:.4rem;font-size:2.8rem;line-height:1}.k-empty-title{font-family:var(--font-heading);color:var(--text2);font-size:1.1rem;font-weight:700}.k-empty-sub{font-family:var(--font-body);color:var(--muted);max-width:280px;font-size:.82rem;line-height:1.6}.k-empty-cta{color:var(--teal);font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.5px;background:#00d4b41a;border:1px solid #00d4b44d;align-items:center;gap:.5rem;margin-top:.4rem;padding:.6rem 1.4rem;font-size:.75rem;font-weight:700;transition:all .18s;display:inline-flex}.k-empty-cta:hover{background:#00d4b42e;transform:translateY(-1px)}.k-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:2.5rem 1.5rem;display:flex}.k-error-icon{opacity:.6;font-size:2rem}.k-error-title{font-family:var(--font-heading);color:var(--error,#ef4444);font-size:1rem;font-weight:700}.k-error-sub{color:var(--muted);max-width:260px;font-size:.8rem;line-height:1.6}.k-error-retry{color:var(--error,#ef4444);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;padding:.55rem 1.4rem;font-size:.75rem;font-weight:700;transition:all .18s}.k-error-retry:hover{background:#ef44442e;transform:translateY(-1px)}#krdToast{bottom:calc(80px + env(safe-area-inset-bottom,0px));background:var(--panel2);color:var(--teal);border-radius:var(--radius-pill);letter-spacing:1px;text-transform:uppercase;z-index:9000;pointer-events:none;opacity:0;white-space:nowrap;border:1px solid #00d4b44d;padding:.6rem 1.4rem;font-family:DM Mono,monospace;font-size:.65rem;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #0006}#krdToast.toast-show{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=769px){#krdToast{bottom:1.5rem}}.btn-primary{background:var(--teal);color:#000;font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.75rem 1.8rem;font-size:.75rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00d4b44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00d4b473}.btn-primary:active{transform:scale(.96)translateY(1px);box-shadow:0 2px 8px #00d4b433}.btn-secondary{color:var(--text2);border:1px solid var(--border2);border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.75rem 1.8rem;font-size:.75rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-secondary:hover{border-color:var(--teal);color:var(--teal);background:#00d4b40d}.btn-secondary:active{transform:scale(.97)}.k-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:1.2rem 1.4rem;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.k-card:hover{border-color:#00d4b440;transform:translateY(-2px);box-shadow:0 10px 32px #00000059}.k-card:active{transform:scale(.98)}.modal-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto .8rem}@media (width<=768px){.modal-handle{display:block}.modal{animation:.35s cubic-bezier(.16,1,.3,1) both obSlideUp!important}}@media (width>=769px){.modal-handle{display:none}.modal{animation:.3s both obCardIn}}.swipe-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;gap:0;display:flex;overflow:auto hidden}.swipe-container::-webkit-scrollbar{display:none}.swipe-panel{scroll-snap-align:start;flex-shrink:0;width:100%}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";border-radius:inherit;opacity:0;background:#ffffff1a;transition:opacity .3s;position:absolute;inset:0}.ripple:active:after{opacity:1;transition:none}.k-progress-bar{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.k-progress-fill{background:linear-gradient(90deg, var(--teal), var(--accent));border-radius:2px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.badge{letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid;flex-shrink:0;align-items:center;padding:.18rem .55rem;font-family:DM Mono,monospace;font-size:.5rem;font-weight:700;display:inline-flex}.badge-nuevo{color:var(--purple);background:#8b5cf614;border-color:#8b5cf659}.badge-free{color:var(--teal);background:#00d4b412;border-color:#00d4b44d}.badge-pro{color:var(--gold);background:#f0ae1a14;border-color:#f0ae1a59}.badge-hot{color:var(--accent);background:#ff6b3514;border-color:#ff6b3559}.badge-beginner{color:var(--success);background:#10b98112;border-color:#10b9814d}.badge-adv{color:var(--warning);background:#f59e0b12;border-color:#f59e0b4d}.k-scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.75rem;padding-bottom:.25rem;display:flex;overflow:auto hidden}.k-scroll-x::-webkit-scrollbar{display:none}.k-haptic:active{transform:scale(.95)}.k-notif-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:6px;right:6px}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--panel2);animation:none}.k-spinner{animation:none}.page.visible,.ob-card{animation:none!important}.k-card{transition:none}}#toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));color:var(--teal);font-family:var(--font-body);letter-spacing:.5px;z-index:9000;pointer-events:none;opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#00e5cc1f 0%,#00e5cc0d 100%);border:none;border-radius:12px;padding:.85rem 1.8rem;font-size:.75rem;font-weight:600;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 20px #00e5cc26,0 0 40px #00e5cc0d,inset 0 1px #ffffff1a}#toast:before{content:"";background:linear-gradient(90deg,#0000,#00e5cc99,#0000);width:40%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}#toast.toast-show{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=769px){#toast{padding:1rem 2rem;font-size:.8rem;bottom:2rem;left:auto;right:2rem;transform:translateY(20px)}#toast.toast-show{transform:translateY(0)}}.hero-stats-mini{align-items:center;gap:1.2rem;margin-top:.8rem;animation:.6s .82s both heroFadeUp;display:flex}.hsm-item{flex-direction:column;gap:.1rem;display:flex}.hsm-num{font-family:var(--font-logo), var(--font-display);color:var(--text);letter-spacing:1.5px;font-size:2.1rem;line-height:1}.hsm-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.48rem}.hsm-div{background:var(--border2);flex-shrink:0;width:1px;height:28px}@media (width<=768px){.hero-stats-mini{display:none}}.nav-pro-badge{border-radius:var(--radius-pill);letter-spacing:2px;color:var(--gold);text-transform:uppercase;background:#f0ae1a1f;border:1px solid #f0ae1a4d;flex-shrink:0;align-items:center;padding:.22rem .65rem;font-family:DM Mono,monospace;font-size:.48rem;font-weight:700;display:inline-flex}.scale-card{transition:transform .2s,border-color .2s,box-shadow .2s!important}.tool-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.tool-header .sec-label{margin-bottom:.6rem}footer{border-top:1px solid var(--border)!important;background:var(--bg)!important}body.light-mode .tr-pro-gate{background:#fff;border-color:#c8a00040}body.light-mode .nav-logo{background:linear-gradient(135deg, var(--teal) 0%, var(--accent) 100%);display:inline-block;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}body.light-mode nav{background:#f5f3eff7;border-bottom:1px solid #00000012}body.light-mode .tk-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-color:#e0ddd8;box-shadow:0 2px 16px #00000014}body.light-mode .scale-card,body.light-mode .theory-card{background:#fff;border-color:#d8d5cf}body.light-mode .modal{background:#fff}body.light-mode .hero-social-proof{background:#00000006;border-color:#00000012}body.light-mode #pwaPrompt{background:#fff;border-color:#00e5cc66;box-shadow:0 8px 30px #0000001f}body.light-mode .sp-practice-today{background:linear-gradient(135deg,#00b4a00f,#783cc80f);border-color:#00b4a040}body.light-mode .sp-pt-step{background:#fff;border-color:#00000014}body.light-mode .sp-pt-step:hover{background:#f5fffe}body.light-mode .sp-pt-step-name{color:#333}body.light-mode .krd-share-btn{color:#666;border-color:#00000026}body.light-mode .krd-share-btn:hover{border-color:var(--teal);color:var(--teal)}body.light-mode .hero-tagline{color:#111}body.light-mode .hero-tagline em{color:var(--teal);-webkit-text-fill-color:var(--teal)}body.light-mode .htp-pill{color:#444;background:#0000000a;border-color:#0000001f}body.light-mode .htp-pill:hover{color:#111;background:#00000014;border-color:#00000040}body.light-mode .htp-pill-more{color:#007a6e;background:#0096820f;border-color:#0096824d}body.light-mode .hmq-text{color:#444}body.light-mode .hmq-author{color:#888}body.light-mode .hmq-divider{background:#0000001f}body.light-mode .hero-tools-sub{color:#666}body.light-mode .hero-tools-eyebrow{color:#008b7c}body.light-mode #proValueStrip{background:linear-gradient(135deg,#d428080d 0%,#783cc80d 100%);border-color:#d428081f}body.light-mode #proValueStrip div,body.light-mode .hero-above-fold .hero-tagline{color:#111!important}body.light-mode .hcb-num{color:#111}body.light-mode .hcb-label{color:#666}body.light-mode .hcb-sep{background:#00000026}.beginner-banner{background:linear-gradient(135deg,#00e5cc14 0%,#ff6b3514 100%);border:2px solid #00e5cc40;border-radius:12px;align-items:center;gap:1.2rem;margin-bottom:2.5rem;padding:1.5rem;animation:.6s 1.1s both heroFadeUp;display:flex}.beginner-banner-icon{flex-shrink:0;font-size:2.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.beginner-banner-content{flex:1}.beginner-banner-title{font-family:var(--font-heading);color:var(--teal);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.beginner-banner-text{color:var(--text2);font-size:.85rem;line-height:1.6}.beginner-banner-text strong{color:var(--text);font-weight:600}.beginner-banner-cta{background:var(--teal);color:#000;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.beginner-banner-cta:hover{background:var(--accent);transform:translate(3px)}@media (width<=768px){.beginner-banner{text-align:center;flex-direction:column;gap:1rem;padding:1.2rem}.beginner-banner-icon{font-size:2rem}.beginner-banner-title{font-size:1.05rem}.beginner-banner-text{font-size:.78rem}.beginner-banner-cta{justify-content:center;width:100%;padding:.8rem 1rem}}.hero-testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2rem 0;animation:.6s .9s both heroFadeUp;display:grid}.testimonial-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:1.2rem;transition:all .3s}.testimonial-card:hover{background:#ffffff0d;border-color:#00e5cc4d;transform:translateY(-2px)}.testimonial-quote{color:var(--text2);margin-bottom:1rem;font-size:.85rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:.8rem;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--teal), var(--accent));color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.testimonial-name{color:var(--text);margin-bottom:.15rem;font-size:.8rem;font-weight:600}.testimonial-location{color:var(--muted);font-family:DM Mono,monospace;font-size:.68rem}@media (width<=768px){.hero-testimonials{grid-template-columns:1fr;gap:.8rem;margin:1.5rem 0}.testimonial-card{padding:1rem}.testimonial-quote{font-size:.78rem}.testimonial-avatar{width:32px;height:32px;font-size:.65rem}.testimonial-name{font-size:.75rem}.testimonial-location{font-size:.64rem}}body.light-mode .beginner-banner{background:linear-gradient(135deg,#00e5cc1f 0%,#ff6b351f 100%);border-color:#00e5cc59}body.light-mode .testimonial-card{background:#00000005;border-color:#00000014}body.light-mode .testimonial-card:hover{border-color:var(--teal);background:#0000000a}body.light-mode .testimonial-quote{color:var(--text)}.favorites-btn{color:var(--text);cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.favorites-btn:hover,.favorites-btn:focus,.favorites-btn:active{color:var(--gold);transform:scale(1.1);box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.favorites-btn svg{flex-shrink:0;width:20px;height:20px}.fav-count{background:var(--teal);color:#0a0a0a;letter-spacing:.5px;border-radius:12px;padding:.15rem .5rem;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.favorites-panel{-webkit-backdrop-filter:blur(40px)saturate(200%);z-index:10000;background:#0d0d0dd1;border-left:1px solid #ffffff1f;flex-direction:column;width:100%;max-width:460px;height:100vh;transition:right .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-460px;overflow:hidden;box-shadow:-25px 0 80px #000c}.favorites-panel:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 30%,#00d4b40d 0%,#0000 40%),radial-gradient(circle at 20% 70%,#f59e0b08 0%,#0000 40%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.favorites-panel.open{right:0}.favorites-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:9999;opacity:0;pointer-events:none;background:#0006;width:100%;height:100vh;transition:all .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.favorites-overlay.active{opacity:1;pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fav-panel-header{background:linear-gradient(#ffffff0d,#0000);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.8rem 1.5rem;display:flex}.fav-panel-title h2{font-family:var(--font-display);letter-spacing:2px;color:var(--text);text-shadow:0 2px 10px #00000080;margin:0;font-size:1.8rem;font-weight:400}.fav-total-count{color:var(--teal);background:#00d4b41a;border:1px solid #00d4b433;border-radius:20px;margin-left:.5rem;padding:.2rem .8rem;font-family:DM Mono,monospace;font-size:.8rem}.fav-panel-close{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.fav-panel-close:hover{background:var(--accent);border-color:var(--accent);color:var(--text);transform:rotate(90deg)scale(1.1);box-shadow:0 0 20px #ff475766}.fav-panel-body{flex:1;padding:1.5rem;overflow-y:auto}.fav-section{margin-bottom:1.2rem}.fav-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.fav-section-header:hover{background:#ffffff0f;border-color:#ffffff1a}.fav-section-header:focus{outline-offset:2px;outline:1px solid #00d4b44d}.fav-section-title-group{align-items:center;gap:.6rem;display:flex}.fav-section-title{font-family:var(--font-display);letter-spacing:3px;color:var(--teal);opacity:.9;font-size:1rem}.fav-section-count{color:var(--muted);background:var(--panel2);border-radius:10px;padding:.15rem .5rem;font-family:DM Mono,monospace;font-size:.65rem}.fav-section-chevron{color:var(--muted);justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.fav-section-header.collapsed .fav-section-chevron{transform:rotate(-90deg)}.fav-section-body{opacity:1;max-height:2000px;padding-top:.8rem;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s,padding .3s;overflow:hidden}.fav-section-body.collapsed{opacity:0;max-height:0;padding-top:0}.fav-section-body .fav-chord-grid,.fav-section-body .fav-list{transition:transform .3s}.fav-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.fav-empty-illustration{margin-bottom:2.5rem;position:relative}.fav-empty-illustration:after{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(circle,#00d4b41a 0%,#0000 70%);width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fav-chord-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;display:grid}.fav-chord-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.fav-chord-card:before{content:"";background:linear-gradient(135deg, var(--teal), var(--accent));opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.fav-chord-card:hover{border-color:var(--teal);background:#ffffff12;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #0006,0 0 15px #00d4b426}.fav-chord-card:hover:before{opacity:.03}.fav-chord-name{font-family:var(--font-heading);color:var(--text);text-align:center;z-index:1;margin-bottom:.8rem;font-size:1rem;font-weight:800;position:relative}.fav-chord-svg{opacity:.9;filter:drop-shadow(0 2px 4px #0000004d);z-index:1;width:100%;height:auto;transition:transform .3s;position:relative}.fav-chord-card:hover .fav-chord-svg{opacity:1;transform:scale(1.05)}.fav-chord-remove{color:var(--text);cursor:pointer;opacity:0;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.fav-chord-card:hover .fav-chord-remove{opacity:.7}.fav-chord-remove:hover{background:var(--accent);transform:rotate(90deg);opacity:1!important}.fav-list-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.fav-list-item:hover{border-color:var(--teal);background:#ffffff12;transform:translate(8px);box-shadow:10px 0 25px #0003}.fav-item-icon{background:#00d4b41a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;transition:all .3s;display:flex}.fav-list-item:hover .fav-item-icon{background:var(--teal);transform:rotate(-10deg)scale(1.1)}.fav-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.fav-item-label{font-family:var(--font-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.fav-item-meta{color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem;line-height:1.4}.fav-item-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.fav-item-btn{background:var(--teal);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.7rem;font-weight:800;transition:all .2s}.fav-item-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.fav-item-btn-remove{color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.9rem;transition:all .2s;display:flex}.fav-item-btn-remove:hover{color:var(--accent);background:#ff475726;border-color:#ff475766;transform:rotate(90deg)}@media (width<=768px){.favorites-panel{max-width:100%;right:-100%}.fav-panel-header{padding:1.2rem 1rem}.fav-panel-title h2{font-size:1.2rem}.fav-panel-body{padding:1rem}.fav-chord-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fav-chord-card,.fav-list-item{animation:.3s ease-out fadeInScale}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--gray-100:#fafafa;--gray-200:#f5f5f5;--gray-300:#e5e5e5;--gray-400:#d4d4d4;--gray-500:#a3a3a3;--gray-600:#737373;--gray-700:#525252;--gray-800:#404040;--gray-900:#262626;--gray-1000:#171717;--teal-50:#e6fffa;--teal-100:#b2f5ea;--teal-200:#81e6d9;--teal-300:#4fd1c5;--teal-400:#38b2ac;--teal-500:#319795;--teal-600:#2c7a7b;--teal-700:#285e61;--teal-800:#234e52;--teal-900:#1d4044;--gold-50:#fffbeb;--gold-100:#fef3c7;--gold-200:#fde68a;--gold-300:#fcd34d;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--gold-700:#b45309;--gold-800:#92400e;--gold-900:#78350f;--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97c47;--accent-600:#ea580c;--accent-700:#c2410c;--accent-800:#9a3412;--accent-900:#7c2d12;--success-100:#dcfce7;--success-500:#22c55e;--success-700:#15803d;--warning-100:#fef3c7;--warning-500:#eab308;--warning-700:#a16207;--error-100:#fee2e2;--error-500:#ef4444;--error-700:#b91c1c;--info-100:#dbeafe;--info-500:#3b82f6;--info-700:#1d4ed8;--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--purple-800:#5b21b6;--purple-900:#4c1d95;--teal:var(--teal-500);--gold:var(--gold-500);--accent:#ff6b35;--accent2:#ff8a5c;--bg:var(--gray-1000);--bg-elevated:var(--gray-900);--bg-overlay:#0a0a0af2;--panel:var(--gray-900);--panel-hover:var(--gray-800);--panel-active:var(--gray-700);--panel2:var(--gray-950);--panel-overlay:#0a0a0af2;--text:var(--gray-100);--text-secondary:var(--gray-400);--text-muted:var(--gray-600);--text-disabled:var(--gray-700);--border:var(--gray-800);--border-light:var(--gray-700);--border-dark:var(--gray-900);--success:var(--success-500);--success-bg:#22c55e1a;--warning:var(--warning-500);--warning-bg:#eab3081a;--error:var(--error-500);--error-bg:#ef44441a;--info:var(--info-500);--info-bg:#3b82f61a;--shadow-color:#0006;--brightness-low:.6;--bg-gradient:linear-gradient(170deg, var(--gray-900) 0%, var(--gray-1000) 100%);--panel-gradient:linear-gradient(170deg, var(--gray-800) 0%, var(--gray-900) 100%);--purple:#8b5cf6;--purple2:#7c3aed;--pro:linear-gradient(135deg, var(--gold-400), var(--gold-600));--pro-text:#1a1a1a;--font-logo:"Bebas Neue", sans-serif;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-head:var(--font-heading);--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", "Courier New", monospace;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .25vw, .9rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl:clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-2xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-3xl:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-4xl:clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--text-5xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-6xl:clamp(2.5rem, 2rem + 2.5vw, 3.75rem);--text-7xl:clamp(3rem, 2.5rem + 2.5vw, 4.5rem);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 10px 15px -3px #000000b3;--shadow-xl:0 20px 25px -5px #000c;--shadow-2xl:0 25px 50px -12px #000000e6;--shadow-inner:inset 0 2px 4px 0 #00000080;--shadow-card:0 1px 2px #00000080, 0 1px 1px #0000004d, inset 0 1px 0 #ffffff0d;--shadow-popover:0 1px 1px #0000004d, 0 4px 8px -4px #0006, 0 16px 24px -8px #00000080;--shadow-modal:0 1px 1px #0000004d, 0 8px 16px -4px #0006, 0 24px 32px -8px #00000080;--glow-teal:0 0 20px #38b2ac4d;--glow-gold:0 0 20px #f59e0b4d;--glow-accent:0 0 20px #ff6b354d;--glow-purple:0 0 20px #8b5cf64d;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-liquid:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--ease-emphasis:cubic-bezier(.3, 0, 0, 1);--dur-touch:80ms;--dur-quick:.15s;--dur-base:.25s;--dur-enter:.3s;--dur-page:.38s;--dur-hero:.32s;--dur-mob-enter:.22s;--dur-mob-page:.28s;--dur-mob-exit:.12s;--dur-mob-hero:.24s;--transition-fast:var(--dur-quick) var(--ease-in-out);--transition-base:var(--dur-base) var(--ease-in-out);--transition-slow:var(--dur-enter) var(--ease-in-out);--transition-all:all var(--transition-base);--t-hover:transform var(--dur-quick) var(--ease-liquid), opacity var(--dur-quick) var(--ease-liquid);--t-enter:opacity var(--dur-enter) var(--ease-decelerate), transform var(--dur-enter) var(--ease-decelerate);--t-page:opacity var(--dur-page) var(--ease-liquid), transform var(--dur-page) var(--ease-liquid);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--bp-xs:320px;--bp-sm:375px;--bp-md:390px;--bp-lg:430px;--bp-tablet:768px;--bp-tablet-lg:1024px;--touch-target:44px;--mob-nav-height:64px;--mob-fab-size:56px;--mob-radius:20px;--mob-pad-side:1rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--container-padding:var(--space-4);--container-padding-md:var(--space-6);--container-padding-lg:var(--space-8);--muted:var(--text-secondary);--muted2:var(--text-muted);--border2:var(--border-light);--border3:#00d4b440;--surface:#16202e;--surface2:#252d3d;--teal-dim:#00d4b414;--teal-hover:#00d4b426;--teal-border:#00d4b438;--gold-dim:#f5c51814;--gold-hover:#f5c51826;--gold-border:#f5c51838;--purple-dim:#8b5cf614;--purple-hover:#8b5cf626;--purple-border:#8b5cf638;--accent-dim:#ff6b3514;--accent-hover:#ff6b3526;--accent-border:#ff6b3538;--tier-free:var(--teal-400);--tier-intermediate:var(--purple);--tier-advanced:var(--accent);--mood-epico:#ff6b7a;--mood-melancolico:#60a5fa;--mood-alegre:#fcd34d;--mood-romantico:#f9a8d4;--mood-oscuro:#a78bfa;--mood-relajado:#34d399;--mood-energico:#fb923c;--mood-latino:#fde68a;--mood-espiritual:#c4b5fd;--tool-jam-accent:var(--mood-relajado);--tool-transpose-accent:var(--mood-oscuro);--tool-share-accent:var(--mood-relajado);--tool-save-accent:var(--gold);--surface-0:#070707;--surface-1:#0d0d0d;--surface-2:#111;--surface-3:#161616;--surface-4:#1c1c1c;--surface-5:#222;--glass-bg:#ffffff08;--glass-bg-strong:#ffffff0f;--glass-border:#ffffff14;--glass-border-lit:#ffffff26;--glass-highlight:#ffffff0d;--blur-sm:12px;--blur-md:20px;--blur-lg:24px;--blur-xl:32px;--glow-teal-sm:0 0 12px #31979540;--glow-teal-md:0 0 24px #31979559;--glow-teal-lg:0 0 48px #31979533;--glow-gold-sm:0 0 12px #f59e0b40;--glow-gold-md:0 0 24px #f59e0b59;--glow-accent-sm:0 0 12px #ff6b3540;--gradient-teal:linear-gradient(135deg, #319795 0%, #2c7a7b 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-pro:linear-gradient(135deg, #f59e0b 0%, #ff6b35 60%, #c2410c 100%);--gradient-mesh:radial-gradient(ellipse at 20% 50%, #31979514 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #f59e0b0d 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #8b5cf60f 0%, transparent 50%);--border-animated:linear-gradient(90deg, var(--teal) 0%, var(--gold) 25%, var(--accent) 50%, var(--gold) 75%, var(--teal) 100%);--noise-opacity:.025;--noise-svg: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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light],body.light-mode{--teal:var(--teal-600);--gold:var(--gold-600);--accent:var(--accent-600);--accent2:var(--accent-500);--bg:#fafafa;--bg-elevated:#fff;--bg-overlay:#ffffffd9;--panel:#fff;--panel-hover:#f5f5f5;--panel-active:#e5e5e5;--panel2:#fafafa;--panel-overlay:#fffffff2;--text:var(--gray-1000);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-disabled:var(--gray-400);--border:var(--gray-300);--border-light:var(--gray-200);--border-dark:var(--gray-400);--success:var(--success-500);--success-bg:#22c55e1f;--warning:var(--warning-500);--warning-bg:#eab3081f;--error:var(--error-500);--error-bg:#ef44441f;--info:var(--info-500);--info-bg:#3b82f61f;--shadow-color:#0000001a;--brightness-low:.95;--bg-gradient:linear-gradient(170deg, var(--gray-100) 0%, var(--gray-200) 100%);--panel-gradient:linear-gradient(170deg, var(--gray-50) 0%, var(--gray-100) 100%);--muted:var(--text-secondary);--muted2:var(--text-muted);--border2:var(--border-light);--border3:#00d4b440;--purple:var(--purple-600);--purple2:var(--purple-500);--surface:#f8f7f5;--surface2:#fff;--pro:linear-gradient(135deg, var(--gold-600), var(--gold-700));--pro-text:#fff;--teal-dim:#2c7a7b1f;--teal-hover:#2c7a7b2e;--teal-border:#2c7a7b4d;--gold-dim:#d977061f;--gold-hover:#d977062e;--gold-border:#d977064d;--purple-dim:#7c3aed1f;--purple-hover:#7c3aed2e;--purple-border:#7c3aed4d;--accent-dim:#ea580c1f;--accent-hover:#ea580c2e;--accent-border:#ea580c4d;--tier-free:var(--teal-600);--tier-intermediate:var(--purple-600);--tier-advanced:var(--accent-600);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-card:0 4px 12px #0000000d, 0 1px 2px #0000000d, inset 0 1px 0 #fff;--shadow-popover:0 1px 2px #0000000f, 0 8px 16px -4px #0000001a, 0 24px 32px -8px #0000001f;--shadow-modal:0 1px 2px #0000000d, 0 16px 32px -4px #0000001f, 0 32px 48px -8px #00000026;--glow-teal:0 0 12px #2c7a7b26;--glow-gold:0 0 12px #d9770626;--glow-accent:0 0 12px #ea580c26;--glow-purple:0 0 12px #7c3aed26;--glass-bg:#ffffffa6;--glass-bg-strong:#ffffffd9;--glass-border:#00000014;--glass-border-lit:#00000026;--glass-highlight:#fff;--blur-sm:12px;--blur-md:20px;--blur-lg:24px;--blur-xl:32px;--glow-teal-sm:0 0 8px #2c7a7b2e;--glow-teal-md:0 0 16px #2c7a7b38;--glow-teal-lg:0 0 32px #2c7a7b26;--glow-gold-sm:0 0 8px #d977062e;--glow-gold-md:0 0 16px #d9770638;--glow-accent-sm:0 0 8px #ea580c2e;--gradient-teal:linear-gradient(135deg, var(--teal-600) 0%, var(--teal-700) 100%);--gradient-gold:linear-gradient(135deg, var(--gold-600) 0%, var(--gold-700) 100%);--gradient-pro:linear-gradient(135deg, var(--gold-600) 0%, var(--accent-600) 60%, var(--accent-700) 100%);--gradient-mesh:radial-gradient(ellipse at 20% 50%, #2c7a7b0f 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #d977060a 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #7c3aed0d 0%, transparent 50%);--surface-0:#f0f0f0;--surface-1:#f5f5f5;--surface-2:#fafafa;--surface-3:#fff;--surface-4:#f8f8f8;--surface-5:#f0f0f0;--evo-bg:var(--bg);--evo-bg-secondary:var(--panel);--evo-bg-card:#ffffffd9;--evo-bg-card-solid:#fff;--evo-glass:#00000008;--evo-glass-border:#00000014;--evo-glass-highlight:#0000000d;--evo-text-primary:var(--text);--evo-text-secondary:var(--text-secondary);--evo-text-muted:var(--text-muted);--evo-text-subtle:var(--text-disabled);--evo-shadow-soft:0 4px 24px #00000014;--evo-shadow-lift:0 8px 32px #0000001f;--evo-glow-teal:0 0 20px #00d4b433;--evo-glow-gold:0 0 20px #f5c51833;--evo-teal-dim:#00d4b41a;--evo-gold-dim:#f5c51814}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:0 0;min-height:100vh;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s;position:relative}body:before{content:"";background-image:var(--noise-svg);opacity:var(--noise-opacity);pointer-events:none;z-index:0;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-black)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--teal);transition:var(--transition-all);text-decoration:none}a:hover{color:var(--teal-400)}strong,b{font-weight:var(--font-bold)}em,i{font-style:italic}code{font-family:var(--font-mono);background-color:var(--panel);border-radius:var(--radius-sm);padding:.125rem .25rem;font-size:.9em}pre{font-family:var(--font-mono);background-color:var(--panel);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto}pre code{background:0 0}.text-gradient{background:linear-gradient(135deg, var(--teal) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-pro{background:var(--gradient-pro);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.display-1{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-black);letter-spacing:-.02em;line-height:1}.display-2{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-black);letter-spacing:-.02em;line-height:1.1}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.tracking-widest{letter-spacing:.15em}.text-balance{text-wrap:balance}.label-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--surface-3);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:80%}.skeleton-circle{border-radius:50%}.spinner{border:2px solid var(--glass-border);border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-gold{border-top-color:var(--gold)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}ul[role=list],ol[role=list]{padding:0;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}img,video,svg{max-width:100%;height:auto;display:block}svg:not([fill=none]){fill:currentColor}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.container{width:100%;max-width:var(--container-xl);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}@media (width>=768px){.container{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media (width>=1024px){.container{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--panel2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);border:2px solid var(--panel2)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background-color:var(--teal-800);color:var(--text)}:focus{outline:none}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--teal-400), var(--teal-500));color:#000;border:none;font-weight:700;position:relative;overflow:hidden}.btn--primary:before{content:"";background:linear-gradient(135deg,#0000 40%,#fff3 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn--primary:hover:not(:disabled):before{transform:translate(100%)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--teal-300), var(--teal-400));transform:translateY(-1px);box-shadow:0 4px 20px #00e5cc59}.btn--primary:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 10px #00e5cc33}.btn--secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light)}.chord-highlight{animation:2s ease-out chordPulse}@keyframes chordPulse{0%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--panel);color:var(--text)}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--medium{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--transition-base);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay--open,.modal-overlay.open{opacity:1;display:flex}.modal-overlay--closing{opacity:0}.modal{background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;z-index:var(--z-modal);transition:transform var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.95)}.modal-overlay--open .modal{transform:scale(1)}.modal--small{width:400px}.modal--medium{width:600px}.modal--large{width:800px}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-2xl);margin:0}.modal__close{font-size:var(--text-3xl);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;transition:var(--transition-all);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal__close:hover{background:var(--panel-hover);color:var(--text)}.modal__body,.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal__footer{padding:var(--space-6);border-top:1px solid var(--border);gap:var(--space-3);justify-content:flex-end;display:flex}.toast{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);opacity:0;min-width:300px;max-width:500px;transition:all var(--transition-base);pointer-events:all;display:flex;transform:translate(100%)}.toast--show{opacity:1;transform:translate(0)}.toast--info{border-left:3px solid var(--info)}.toast--success{border-left:3px solid var(--success)}.toast--warning{border-left:3px solid var(--warning)}.toast--error{border-left:3px solid var(--error)}.toast__message{color:var(--text);flex:1}.toast__close{color:var(--text-muted);cursor:pointer;font-size:var(--text-xl);width:24px;height:24px;transition:var(--transition-all);background:0 0;border:none;padding:0}.toast__close:hover{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 12px 40px #0006}@media (width<=768px){.card:hover{box-shadow:none;transform:none}.card:active{background:var(--panel-active);transform:scale(.98)}}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.card__title{font-size:var(--text-lg);margin:0}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--panel2)}.tool-card{cursor:pointer;position:relative}.tool-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tool-card__content{align-items:center;gap:var(--space-4);display:flex}.tool-card__icon{font-size:var(--text-4xl);color:var(--teal)}.tool-card__info{flex:1}.tool-card__title{margin:0 0 var(--space-2) 0;font-size:var(--text-xl)}.tool-card__desc{color:var(--text-muted);font-size:var(--text-sm);margin:0}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;display:inline-flex}.badge--default{background:var(--panel-active);color:var(--text-secondary)}.badge--pro{background:var(--pro);color:var(--pro-text);box-shadow:var(--glow-gold)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--error{background:var(--error-bg);color:var(--error)}.badge--small{padding:2px var(--space-2);font-size:10px}.spinner{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.spinner__circle{border:3px solid var(--border);border-top-color:var(--teal);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}.spinner--small .spinner__circle{border-width:2px;width:24px;height:24px}.spinner--large .spinner__circle{border-width:4px;width:60px;height:60px}.spinner__text{color:var(--text-muted);font-size:var(--text-sm)}.dropdown__menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;min-width:200px;transition:all var(--transition-base);z-index:var(--z-dropdown);position:absolute;overflow:hidden;transform:translateY(-8px)}.dropdown--open .dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__menu--bottom-left{top:calc(100% + 8px);left:0}.dropdown__menu--bottom-right{top:calc(100% + 8px);right:0}.dropdown__item{width:100%;padding:var(--space-3) var(--space-4);text-align:left;color:var(--text);cursor:pointer;transition:var(--transition-all);align-items:center;gap:var(--space-3);background:0 0;border:none;display:flex}.dropdown__item:hover{background:var(--panel-hover)}.tooltip{background:var(--panel-active);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--transition-base);position:absolute}.tooltip--show{opacity:1}.input-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);transition:var(--transition-all)}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #38b2ac1a}.input-wrapper--error .input{border-color:var(--error)}.input__error{font-size:var(--text-sm);color:var(--error)}.select-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.select__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.select{width:100%;padding:var(--space-3) var(--space-4);background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);cursor:pointer;transition:var(--transition-all)}.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #38b2ac1a}.slider-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.slider__header{justify-content:space-between;align-items:center;display:flex}.slider__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.slider__value{font-size:var(--text-sm);color:var(--teal);font-weight:var(--font-semibold)}.slider{background:var(--panel2);border-radius:var(--radius-full);-webkit-appearance:none;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--teal);border-radius:var(--radius-full);cursor:pointer;width:18px;height:18px;-webkit-transition:var(--transition-all);transition:var(--transition-all)}.slider{appearance:none}.slider::-webkit-slider-thumb:hover{background:var(--teal-400);box-shadow:var(--glow-teal)}.slider::-moz-range-thumb{background:var(--teal);border-radius:var(--radius-full);cursor:pointer;width:18px;height:18px;-moz-transition:var(--transition-all);transition:var(--transition-all);border:none}.slider::-moz-range-thumb:hover{background:var(--teal-400);box-shadow:var(--glow-teal)}.tabs{flex-direction:column;display:flex}.tabs__list{gap:var(--space-2);border-bottom:1px solid var(--border);display:flex}.tabs__tab{padding:var(--space-3) var(--space-6);color:var(--text-muted);cursor:pointer;font-weight:var(--font-medium);transition:var(--transition-all);background:0 0;border:none;border-bottom:2px solid #0000;position:relative;top:1px}.tabs__tab:hover{color:var(--text);background:var(--panel-hover)}.tabs__tab--active{color:var(--teal);border-bottom-color:var(--teal)}.tabs__panels{padding:var(--space-6) 0}.tabs__panel{display:none}.tabs__panel--active{display:block}.kn-btn,.kn-drop-item,.sn-btn,.page-pill,.nav-pill,.htp-pill{transition:transform var(--dur-quick) var(--ease-liquid), opacity var(--dur-quick) var(--ease-liquid);position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.kn-btn:hover,.kn-drop-item:hover,.sn-btn:hover,.nav-pill:hover,.htp-pill:hover{opacity:.92;transform:translateY(-1px)scale(1.015)}}.kn-btn:active,.kn-drop-item:active,.sn-btn:active,.nav-pill:active,.htp-pill:active{transition-duration:var(--dur-touch);transform:translateY(1px)scale(.96)}.kn-btn.active,.sn-btn.active,.nav-pill.active{color:var(--teal);background:#00d4b414}.kn-btn.active:after,.sn-btn.active:after{content:"";background:var(--teal);transform-origin:50%;height:2px;transition:transform var(--dur-quick) var(--ease-spring);border-radius:1px 1px 0 0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}.kn-btn:after,.sn-btn:after{content:"";background:var(--teal);transform-origin:50%;height:2px;transition:transform var(--dur-quick) var(--ease-spring);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tk-card,.flujo-card{transition:transform var(--dur-quick) var(--ease-liquid), box-shadow var(--dur-quick) var(--ease-liquid)}@media (hover:hover) and (pointer:fine){.tk-card:hover,.flujo-card:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 16px 40px #00000073,0 4px 12px #00d4b414}}.tk-card:active,.flujo-card:active{transition-duration:var(--dur-touch);transform:scale(.97)}.nav-item-icon,.kn-drop-icon,.htp-icon,.flujo-icon{color:inherit}.nav-item-icon svg,.kn-drop-icon svg,.htp-icon svg,.flujo-icon svg{vertical-align:-.15em;width:1.1em;height:1.1em;color:inherit;fill:currentColor;stroke:currentColor;flex-shrink:0}.theory-tabs{-webkit-backdrop-filter:blur(12px);scrollbar-width:none;-ms-overflow-style:none;background:#0f0f1473;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:2rem;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 1px #ffffff0d,0 8px 25px #0000004d}.theory-tabs::-webkit-scrollbar{display:none}.theory-tab{letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-quick) var(--ease-liquid);-webkit-user-select:none;user-select:none;min-height:unset;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 16px;font-family:DM Mono,monospace;font-size:.7rem}@media (hover:hover) and (pointer:fine){.theory-tab:hover{color:#fff;background:#ffffff0d;border-color:#ffffff14;transform:translateY(-1px)}}.theory-tab:active{transition-duration:var(--dur-touch);transform:translateY(1px)scale(.98)}.theory-tab[data-chord-cat=abiertos].active,.theory-tab[data-chord-cat=cejilla].active,.theory-tab[data-chord-cat=aumentados].active,.theory-tab[data-chord-cat=alterados].active,.theory-tab[data-chord-cat=triadas].active{color:var(--accent)!important;background:#ff6b351a!important;border-color:#ff6b3540!important;box-shadow:0 4px 12px #ff6b3514!important}.theory-tab[data-chord-cat=septima].active,.theory-tab[data-chord-cat=blues].active,.theory-tab[data-chord-cat=oncenas].active,.theory-tab[data-chord-cat=latinos].active{color:#00e5cc!important;background:#00e5cc1a!important;border-color:#00e5cc40!important;box-shadow:0 4px 12px #00e5cc14!important}.theory-tab[data-chord-cat=sus].active,.theory-tab[data-chord-cat=modales].active,.theory-tab[data-chord-cat=drop2].active{color:#a78bfa!important;background:#a78bfa1a!important;border-color:#a78bfa40!important;box-shadow:0 4px 12px #a78bfa14!important}.theory-tab[data-chord-cat=menor_avanzado].active{color:#c084e8!important;background:#c084e81a!important;border-color:#c084e840!important;box-shadow:0 4px 12px #c084e814!important}.theory-tab[data-chord-cat=jazz].active,.theory-tab[data-chord-cat=sexta].active,.theory-tab[data-chord-cat=novenas].active{color:var(--gold)!important;background:#f5c5181a!important;border-color:#f5c51840!important;box-shadow:0 4px 12px #f5c51814!important}.theory-tab[data-chord-cat=slash].active{color:#ff9f45!important;background:#ff9f451a!important;border-color:#ff9f4540!important;box-shadow:0 4px 12px #ff9f4514!important}.pro-locked .lock-icon{opacity:.5;vertical-align:-.05em;margin-right:.3em}.pro-locked{color:var(--muted);position:relative}.pro-locked:after{content:"PRO";background:var(--gold);color:#0a0a12;letter-spacing:1px;vertical-align:1px;border-radius:2px;margin-left:.4em;padding:1px 4px;font-family:DM Mono,monospace;font-size:.45rem}.pro-check:before{content:"";vertical-align:-.2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300d4b4' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;margin-right:.5em;display:inline-block}.highlight{border-left:2px solid var(--teal);background:#00d4b40d;border-radius:0 4px 4px 0;margin:1rem 0;padding:.7rem 1rem .7rem 1.2rem;position:relative}.highlight:before{content:"NOTA";color:var(--teal);letter-spacing:3px;opacity:.8;margin-bottom:.4rem;font-family:DM Mono,monospace;font-size:.54rem;font-weight:600;display:block}.highlight.key{border-left-color:var(--gold);background:#f5c5180d}.highlight.key:before{content:"CLAVE";color:var(--gold)}.highlight.rule{background:#4ade800d;border-left-color:#4ade80}.highlight.rule:before{content:"REGLA";color:#4ade80}.highlight.tip{border-left-color:var(--accent);background:#ff6b350d}.highlight.tip:before{content:"TIP";color:var(--accent)}.pg-mood-btn{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:transform var(--dur-quick) var(--ease-liquid), border-color var(--dur-quick) var(--ease-liquid), color var(--dur-quick) var(--ease-liquid);background:0 0;border-radius:2px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.65rem}.pg-mood-btn:active{transition-duration:var(--dur-touch);transform:scale(.94)}@media (hover:hover){.pg-mood-btn:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}}.pg-mood-btn.active{border-color:var(--teal);color:var(--teal);animation:pillSpring .28s var(--ease-spring)}.theme-icon .icon-sun{display:none}.theme-icon .icon-moon,[data-theme=light] .theme-icon .icon-sun{display:inline}.nav-menu-item{transition:color .15s;position:relative}.nav-menu-item:before{content:"";background:var(--teal);border-radius:0 1px 1px 0;width:2px;height:70%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-menu-item:hover:before,.nav-menu-item.active:before{transform:translateY(-50%)scaleY(1)}.chord-subfamily-header{letter-spacing:4px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin:1.5rem 0 .8rem;padding:.5rem 0;font-family:DM Mono,monospace;font-size:.6rem;display:flex}.chord-subfamily-header:before{content:"";background:var(--teal);width:16px;height:1px;display:inline-block}.reg-nudge-close{opacity:.5;cursor:pointer;font-size:1rem;line-height:1;transition:opacity .15s}.reg-nudge-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn--primary:hover,.btn--primary:active,.card:hover,.card:active,.htp-pill:hover,.tk-card:hover,.flujo-card:hover{box-shadow:none;transform:none}#heroSection:after{display:none}}.divider{background:linear-gradient(90deg, transparent, var(--border-light), var(--teal), var(--border-light), transparent);height:1px;margin:var(--space-6) 0}.page-heading{background:linear-gradient(135deg, var(--text) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .theme-icon .icon-sun{display:inline}[data-theme=light] .theme-icon .icon-moon{display:none}.scale-card{background:var(--panel);border:1px solid var(--border);transition:transform .2s var(--transition-cubic), box-shadow .2s var(--transition-cubic);cursor:pointer;border-radius:.5rem;padding:1rem;box-shadow:0 6px 18px #02061759}.scale-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #02061773}.scale-card-body{flex-direction:column;gap:.6rem;display:flex}.scale-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.scale-modern-rank{color:var(--muted);font-size:.85rem}.scale-modern-tier{color:var(--muted);margin-left:.4rem;font-size:.72rem}.fav-scale-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.2rem .4rem;font-size:.9rem}.fav-scale-btn.active{color:var(--gold)}.scale-name{color:var(--text);font-size:1.05rem;font-weight:600}.scale-formula{color:var(--muted);font-family:DM Mono,monospace;font-size:.78rem}.scale-desc{color:var(--muted);font-size:.9rem}.scale-modern-meta{flex-wrap:wrap;gap:.4rem;display:flex}.scale-modern-pill{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;padding:.18rem .46rem;font-size:.67rem;display:inline-flex}.scale-card-footer{justify-content:space-between;align-items:center;margin-top:.6rem;display:flex}.scale-note-count,.scale-cta-hint{color:var(--muted);font-size:.78rem}.tool-nav{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;margin-top:16px;padding:16px 0;display:flex}.tool-nav__label{letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);flex:0 0 100%;margin-bottom:8px;font-family:DM Mono,monospace;font-size:.48rem}.tool-nav__btn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:#a78bfa14;border:.5px solid #a78bfa66;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s;display:inline-flex}.tool-nav__btn:hover{color:var(--text);background:#a78bfa24;border-color:#a78bfa8c;transform:translateY(-1px)}.tool-nav__btn--teal,.tool-nav__btn--gold,.tool-nav__btn--orange,.tool-nav__btn--purple{color:#c4b5fd;background:#a78bfa14;border:.5px solid #a78bfa66}.tool-nav__btn--teal:hover,.tool-nav__btn--gold:hover,.tool-nav__btn--orange:hover,.tool-nav__btn--purple:hover{color:var(--text);background:#a78bfa24;border-color:#a78bfa8c}.tool-nav__icon{flex-shrink:0;width:14px;height:14px}@media (width<=640px){.tool-nav{gap:6px}.tool-nav__btn{padding:6px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.tool-nav__btn{transition:none}}body.light-mode .tool-nav__btn,body[data-theme=light] .tool-nav__btn{color:#7c3aed;background:#7c3aed1f;border-color:#8b5cf64d}body.light-mode .tool-nav__btn:hover,body[data-theme=light] .tool-nav__btn:hover{background:#7c3aed2e;border-color:#8b5cf666}body.light-mode .tool-nav__btn--teal,body[data-theme=light] .tool-nav__btn--teal,body.light-mode .tool-nav__btn--gold,body[data-theme=light] .tool-nav__btn--gold,body.light-mode .tool-nav__btn--orange,body[data-theme=light] .tool-nav__btn--orange,body.light-mode .tool-nav__btn--purple,body[data-theme=light] .tool-nav__btn--purple{color:#7c3aed;background:#7c3aed1f;border-color:#8b5cf64d}body.light-mode .tool-nav__btn--teal:hover,body[data-theme=light] .tool-nav__btn--teal:hover,body.light-mode .tool-nav__btn--gold:hover,body[data-theme=light] .tool-nav__btn--gold:hover,body.light-mode .tool-nav__btn--orange:hover,body[data-theme=light] .tool-nav__btn--orange:hover,body.light-mode .tool-nav__btn--purple:hover,body[data-theme=light] .tool-nav__btn--purple:hover{color:#6d28d9;background:#7c3aed2e;border-color:#8b5cf666}.ambient-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-bg__orbs{background:#0a0a0a;position:absolute;inset:0}.ambient-bg__orbs:before{content:"";filter:blur(70px);background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#ffffff1a 18deg,#ffffff0d 35deg,#0000 55deg);width:140%;height:140%;position:absolute;bottom:-30%;right:-20%;transform:rotate(-5deg)}.ambient-bg__orbs:after{content:"";background:linear-gradient(#0a0a0a00 0%,#0a0a0a66 60%,#0a0a0a 95%);position:absolute;inset:0}.ambient-bg__grid{opacity:.4;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:60px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}.ambient-bg--practicar .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#00d4b41f 18deg,#00d4b40f 35deg,#0000 55deg)}.ambient-bg--analizar .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#8b5cf61f 18deg,#8b5cf60f 35deg,#0000 55deg)}.ambient-bg--referencia .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#f59e0b1f 18deg,#f59e0b0f 35deg,#0000 55deg)}.ambient-bg--aprender .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#3197951f 18deg,#3197950f 35deg,#0000 55deg)}.ambient-bg--generar .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#ff8c421f 18deg,#ff8c420f 35deg,#0000 55deg)}.ambient-bg--config .ambient-bg__orbs:before{background:conic-gradient(from 200deg at 75% 85%,#0000 0deg,#ffffff1a 18deg,#ffffff0d 35deg,#0000 55deg)}@media (width<=768px){.ambient-bg__orbs:before{filter:blur(30px);opacity:.6}.ambient-bg__grid{opacity:.2;background-size:80px 60px}}@media (prefers-reduced-motion:reduce){.ambient-bg__orbs:before{animation:none}}body.light-mode .ambient-bg__orbs,body[data-theme=light] .ambient-bg__orbs{background:#f5f5f5}body.light-mode .ambient-bg__orbs:before,body[data-theme=light] .ambient-bg__orbs:before{filter:blur(60px);opacity:.7}body.light-mode .ambient-bg__orbs:after,body[data-theme=light] .ambient-bg__orbs:after{background:linear-gradient(#f5f5f500 0%,#f5f5f580 60%,#f5f5f5 95%)}body.light-mode .ambient-bg__grid,body[data-theme=light] .ambient-bg__grid{background-image:linear-gradient(#00000002 1px,#0000 1px),linear-gradient(90deg,#00000002 1px,#0000 1px)}.top-accent,.top-accent--card,.top-accent__line,.top-accent__glow{display:none}.top-accent__progress{background:linear-gradient(90deg, var(--teal), var(--purple));border-radius:2px;height:4px;box-shadow:0 0 8px #00e5cc66,0 0 12px #9b5de533}.tool-shell{position:relative;border-top:none!important;-o-border-image:!important;border-image:!important;border-radius:0!important}.tool-shell[data-tool=progresiones]{border-top:none!important;-o-border-image:!important;border-image:!important}body.light-mode .top-accent:before,body[data-theme=light] .top-accent:before,body.light-mode .top-accent__line,body[data-theme=light] .top-accent__line{display:none}body.light-mode .tool-shell,body[data-theme=light] .tool-shell,body.light-mode .tool-shell[data-tool=progresiones],body[data-theme=light] .tool-shell[data-tool=progresiones]{border-top:none!important;-o-border-image:!important;border-image:!important}.chord-organizer{flex-direction:column;gap:1rem;display:flex}.chord-organizer__search{align-items:center;gap:.5rem;display:flex;position:relative}.chord-organizer__search-input{color:var(--text);font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.chord-organizer__search-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #9b5de526}.chord-organizer__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.chord-organizer__filters{flex-wrap:wrap;gap:.4rem;display:flex}.chord-organizer__filter{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:.4rem .9rem;font-size:.65rem;font-weight:600;transition:all .18s}.chord-organizer__filter:hover{color:var(--text);background:#ffffff14;border-color:#ffffff26}.chord-organizer__filter.is-active{color:var(--purple);background:#9b5de526;border-color:#9b5de566}.chord-organizer__groups{flex-flow:wrap;gap:1.2rem;display:flex}.chord-organizer__group{background:#9b5de50d;border:1px solid #9b5de526;border-radius:12px;flex-direction:row;align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.chord-organizer__group-header{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:100px;display:flex}.chord-organizer__group-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--purple);font-size:.65rem;font-weight:700}.chord-organizer__group-count{font-family:var(--font-mono);color:var(--text-muted);font-size:.5rem}.chord-organizer__grid{flex-flow:wrap;gap:.3rem;display:flex}.chord-organizer__chord{color:var(--text);font-family:var(--font-mono);text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:.5rem .3rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.chord-organizer__chord:hover{background:#9b5de51f;border-color:#9b5de54d;transform:translateY(-1px)}.chord-organizer__chord.is-selected{border-color:var(--purple);background:#9b5de540;box-shadow:0 0 12px #9b5de540}.chord-organizer__empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}@media (width<=768px){.chord-organizer__group{flex-direction:column;align-items:stretch;gap:.6rem;padding:.85rem}.chord-organizer__group-header{border-bottom:1px solid #ffffff0a;width:100%;min-width:0;padding-bottom:.4rem}body.light-mode .chord-organizer__group-header,body[data-theme=light] .chord-organizer__group-header{border-bottom-color:#0000000a}.chord-organizer__chord{min-width:3.2rem;padding:.6rem .4rem;font-size:.78rem}}body.light-mode .chord-organizer__search-input,body[data-theme=light] .chord-organizer__search-input{color:#333;background:#00000008;border-color:#0000001a}body.light-mode .chord-organizer__filter,body[data-theme=light] .chord-organizer__filter{color:#666;background:#00000008;border-color:#00000014}body.light-mode .chord-organizer__filter.is-active,body[data-theme=light] .chord-organizer__filter.is-active{color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed66}body.light-mode .chord-organizer__chord,body[data-theme=light] .chord-organizer__chord{color:#333;background:#00000005;border-color:#0000000f}body.light-mode .chord-organizer__group-header,body[data-theme=light] .chord-organizer__group-header{border-bottom-color:#0000000a}.kui-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);color:var(--text);cursor:pointer;transition:var(--t-hover);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;display:inline-flex}.kui-btn:hover{background:var(--panel-hover);transform:translateY(-1px)}.kui-btn:active{transform:translateY(0)}.kui-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.kui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.kui-btn--primary{background:var(--gradient-teal);border-color:var(--teal);color:#000;position:relative;overflow:hidden}.kui-btn--primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.kui-btn--primary:hover{background:var(--gradient-teal);filter:brightness(1.1);box-shadow:var(--glow-teal-sm)}.kui-btn--primary:hover:after{left:100%}.kui-btn--gold{background:var(--gradient-gold);border-color:var(--gold);color:#000;position:relative;overflow:hidden}.kui-btn--gold:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.kui-btn--gold:hover{background:var(--gradient-gold);filter:brightness(1.1);box-shadow:var(--glow-gold-sm)}.kui-btn--gold:hover:after{left:100%}.kui-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.kui-btn--ghost:hover{background:var(--panel-hover);color:var(--text)}.kui-btn--danger{background:var(--error);border-color:var(--error);color:var(--text)}.kui-btn--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.kui-btn--lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.kui-btn--full{width:100%}.kui-input{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-2);color:var(--text);transition:all var(--dur-quick) var(--ease-liquid);width:100%}.kui-input:hover{border-color:var(--glass-border-lit);background:var(--surface-3)}.kui-input:focus{border-color:var(--teal-400);background:var(--surface-3);box-shadow:0 0 0 3px #31979526, var(--glow-teal-sm);outline:none}.kui-input::placeholder{color:var(--text-muted)}.kui-input:disabled{opacity:.5;cursor:not-allowed}.kui-select{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--panel);color:var(--text);transition:var(--transition-fast);cursor:pointer}.kui-select:focus{border-color:var(--teal);outline:none}.kui-card{background:var(--surface-3);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--t-hover)}.kui-card--hover{cursor:pointer}.kui-card--hover:hover{border-color:var(--glass-border-lit);box-shadow:var(--shadow-lg), var(--glow-teal-sm);background:var(--surface-4);transform:translateY(-2px)}.kui-card--elevated{background:var(--surface-2);box-shadow:var(--shadow-md)}.kui-card--glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border)}.kui-chip{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--panel);color:var(--text-secondary);display:inline-flex}.kui-badge-pro{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.1em;background:var(--gradient-pro);color:#000;text-transform:uppercase;animation:2s ease-in-out infinite proPulse;display:inline-flex}.kui-badge-pro:before{content:"⚡";font-size:1em}.kui-chip--teal{border-color:var(--teal-border);background:var(--teal-dim);color:var(--teal)}.kui-chip--gold{border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold)}.kui-chip--purple{border-color:var(--purple-border);background:var(--purple-dim);color:var(--purple)}.kui-chip--success{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.kui-chip--warning{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b4d}.kui-chip--mono{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:.625rem}.kui-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:var(--font-medium)}.kui-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text);margin:0}.kui-title--display{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:0}.kui-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0}.kui-divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:none}.kui-divider--gradient{background:linear-gradient(90deg, transparent, var(--border-light), transparent)}.kui-grid{gap:var(--space-4);display:grid}.kui-grid--2{grid-template-columns:repeat(2,1fr)}.kui-grid--3{grid-template-columns:repeat(3,1fr)}.kui-grid--4{grid-template-columns:repeat(4,1fr)}.kui-grid--auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (width<=640px){.kui-grid--2,.kui-grid--3,.kui-grid--4{grid-template-columns:1fr}}.kui-flex{gap:var(--space-2);display:flex}.kui-flex--col{flex-direction:column}.kui-flex--center{justify-content:center;align-items:center}.kui-flex--between{justify-content:space-between}.kui-flex--wrap{flex-wrap:wrap}.kui-fade-in{animation:kuiFadeIn var(--dur-enter) var(--ease-decelerate) both}.kui-slide-up{animation:kuiSlideUp var(--dur-enter) var(--ease-decelerate) both}@keyframes kuiFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kuiSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{z-index:var(--z-sticky);background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:var(--space-4) 0;position:sticky;top:0}.header__container{max-width:var(--container-xl);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__left{align-items:center;gap:var(--space-8);display:flex}.header__logo{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text);align-items:center;gap:var(--space-2);transition:var(--transition-all);text-decoration:none;display:flex}.header__logo:hover{color:var(--teal)}.header__nav{gap:var(--space-1);display:none}@media (width>=768px){.header__nav{display:flex}}.header__nav-link{padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-all)}.header__nav-link:hover,.header__nav-link--active{color:var(--text);background:var(--panel)}.header__right{align-items:center;gap:var(--space-3);display:flex}.header__icon-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-all);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header__icon-btn:hover{background:var(--panel);color:var(--text)}.header__badge{background:var(--teal);color:var(--text);font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-align:center;min-width:18px;padding:2px 6px;position:absolute;top:4px;right:4px}.footer{background:var(--panel2);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-24)}.footer__container{max-width:var(--container-xl);padding:0 var(--container-padding);gap:var(--space-8);margin:0 auto;margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer__section{gap:var(--space-4);flex-direction:column;display:flex}.footer__title{font-size:var(--text-lg);margin:0}.footer__desc{color:var(--text-muted);margin:0}.footer__links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__links a{color:var(--text-secondary);transition:var(--transition-all)}.footer__links a:hover{color:var(--teal)}.footer__bottom{max-width:var(--container-xl);padding:var(--space-6) var(--container-padding) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin:0 auto}.hero{padding:var(--space-20) 0;background:linear-gradient(to bottom, var(--bg), var(--panel2))}.hero__container{max-width:var(--container-xl);padding:0 var(--container-padding);gap:var(--space-12);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}@media (width>=1024px){.hero__container{grid-template-columns:1fr 1fr}}.hero__content{gap:var(--space-6);flex-direction:column;display:flex}.hero__title{font-size:var(--text-5xl);line-height:var(--leading-tight);margin:0}@media (width>=768px){.hero__title{font-size:var(--text-6xl)}}.hero__highlight{color:var(--teal);position:relative}.hero__subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin:0}.hero__cta{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__stats{gap:var(--space-6);padding:var(--space-6) 0;grid-template-columns:repeat(3,1fr);display:grid}.hero__stat{gap:var(--space-1);flex-direction:column;display:flex}.hero__stat-number{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--teal);font-family:var(--font-display)}.hero__stat-label{font-size:var(--text-sm);color:var(--text-muted)}.hero__visual{justify-content:center;align-items:center;min-height:400px;display:flex}.sidebar{background:var(--panel2);border-right:1px solid var(--border);width:280px;padding:var(--space-6);transition:transform var(--transition-base);z-index:var(--z-fixed);position:fixed;top:80px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{transform:translate(0)}@media (width>=1024px){.sidebar{transform:translate(0)}}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-all);font-weight:var(--font-medium);text-decoration:none;display:flex}.sidebar__link:hover,.sidebar__link--active{background:var(--panel);color:var(--text)}.sidebar__icon{font-size:var(--text-xl);text-align:center;width:24px}.sidebar__label{flex:1}#main-content{min-height:calc(100vh - 80px);padding:var(--space-8) var(--container-padding);max-width:var(--container-xl);margin:0 auto}@media (width>=1024px){#main-content{max-width:calc(var(--container-xl) - 280px);margin-left:280px}}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.session-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.session-panel__greeting h2{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl)}.session-panel__greeting p{color:var(--text-muted);margin:0}.session-panel__stats{gap:var(--space-8);margin-top:var(--space-6);display:flex}.session-stat{gap:var(--space-1);flex-direction:column;display:flex}.session-stat__value{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--teal)}.session-stat__label{font-size:var(--text-sm);color:var(--text-muted)}.progress-bar{background:var(--panel2);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-3);overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--teal), var(--teal-400));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.progress-bar__text{font-size:var(--text-sm);color:var(--text-muted);margin:0}.quick-access{gap:var(--space-3);flex-wrap:wrap;display:flex}.quick-access__item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-all);text-decoration:none;display:flex}.quick-access__item:hover{background:var(--panel-hover);border-color:var(--teal);color:var(--text)}.search-overlay{z-index:9000;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#07070fb3;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.3s ease-out panelSlideIn;display:none;position:fixed;inset:0}.search-overlay.closing{animation:overlayFadeOut var(--dur-quick) ease-out forwards;pointer-events:none}.search-container{transform-origin:top;background:#161622d9;border:1px solid #ffffff14;border-radius:14px;width:min(650px,94vw);animation:.35s cubic-bezier(.16,1,.3,1) forwards cardReveal;overflow:hidden;box-shadow:0 30px 100px #000c,inset 0 0 0 1px #ffffff0d}.search-overlay.closing .search-container{animation:modalSlideOut var(--dur-quick) ease-out forwards}.search-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.search-icon{color:var(--teal);filter:drop-shadow(0 0 8px #00d4b466);font-size:1.25rem}#searchInput{color:var(--text);font-family:var(--font-body);letter-spacing:.3px;background:0 0;border:none;outline:none;flex:1;font-size:1.05rem;font-weight:500}#searchInput::placeholder{color:var(--muted);font-weight:400}.search-close-btn{color:var(--muted);cursor:pointer;transition:all var(--dur-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;padding:2px 8px;font-family:DM Mono,monospace;font-size:.75rem}.search-close-btn:hover{color:var(--accent);border-color:var(--accent);background:#ff4d1c26}#searchDropdown{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:420px;padding:.6rem;overflow-y:auto}#searchDropdown::-webkit-scrollbar{width:6px}#searchDropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.search-result-item{cursor:pointer;transition:all var(--dur-base) cubic-bezier(.4, 0, .2, 1);border:1px solid #0000;border-radius:10px;flex-direction:column;margin-bottom:2px;padding:.9rem 1.2rem;display:flex;position:relative}.search-result-item:hover,.search-result-item.selected{background:#00d4b414;border-color:#00d4b433;transform:translate(4px)}.search-result-item.selected{background:#00d4b41f;box-shadow:0 4px 12px #0003}.sr-meta{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sr-type{letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);background:#00d4b41f;border-radius:4px;padding:1px 6px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700}.sr-title{font-family:var(--font-heading);color:#ede9e0;font-size:1rem;font-weight:700}.sr-desc{color:var(--muted);max-width:90%;margin-top:.25rem;font-size:.78rem;line-height:1.4}.search-empty-state{text-align:center;padding:2rem 1.5rem}.search-shortcuts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;padding:.5rem;display:grid}.shortcut-card{border:1px solid var(--border);cursor:pointer;transition:all var(--dur-base);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;display:flex}.shortcut-card:hover{border-color:var(--teal);background:#ffffff0f;transform:translateY(-3px)}.shortcut-icon{font-size:1.4rem}.shortcut-label{font-size:.72rem;font-family:var(--font-body);color:var(--muted);font-weight:600}.search-footer{background:#0003;border-top:1px solid #ffffff0d;align-items:center;gap:1.5rem;padding:.7rem 1.4rem;display:flex}.search-tip{color:var(--muted);align-items:center;gap:.4rem;font-size:.68rem;display:flex}.search-tip kbd{color:var(--text);background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;padding:1px 5px;font-size:.6rem}@keyframes pulseSearch{0%{transform:scale(1);box-shadow:0 0 #00d4b499}50%{transform:scale(1.05);box-shadow:0 0 0 15px #00d4b400}to{transform:scale(1);box-shadow:0 0 #00d4b400}}.pulse-highlight{z-index:10;animation:1s ease-in-out infinite pulseSearch;border-color:var(--teal)!important}@keyframes landedMarkSolid{0%{box-shadow:0 0 #ff8c0000}15%{box-shadow:0 0 0 4.5px #ff8c00,0 0 15px 2px #ff8c0066,inset 0 0 0 2px #ff8c0033}85%{box-shadow:0 0 0 4.5px #ff8c00,0 0 15px 2px #ff8c0066,inset 0 0 0 2px #ff8c0033}to{box-shadow:0 0 #ff8c0000}}body .landed-highlight{border-radius:inherit;z-index:999999!important;transition:none!important;animation:3.8s ease-in-out forwards landedMarkSolid!important;position:relative!important;box-shadow:0 0 0 4.5px #ff8c00,0 0 15px 2px #ff8c0066,inset 0 0 0 2px #ff8c0033!important}.landed-highlight:before{display:none!important}.scales-modern-page{max-width:1120px;margin:0 auto}.scales-modern-hero{margin-bottom:1.2rem}.scales-modern-title{font-family:var(--font-heading);color:var(--text);margin:.2rem 0 .4rem;font-size:clamp(1.25rem,2.4vw,1.8rem)}.scales-modern-sub{color:var(--muted);max-width:70ch;margin:0 0 1.2rem;font-size:.88rem;line-height:1.6}.scales-modern-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.4rem;display:grid}.scale-card{background:linear-gradient(#161c26fa,#0e111afa);border:1px solid #ffffff1a;border-radius:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #00000059}.scale-card:hover{border-color:#00e5cc59;transform:translateY(-2px);box-shadow:0 8px 24px #00000073,0 0 0 1px #00e5cc0f}.scale-card.active-expanded{border-color:#00e5cc8c;box-shadow:0 0 0 1px #00e5cc1f,0 6px 20px #0006}.scale-card-accent-bar{border-radius:12px 0 0 12px;flex-shrink:0;width:3px}.scale-card-inner{flex-direction:column;flex:1;gap:.1rem;padding:.5rem .7rem 0;display:flex}.scales-modern-grid .scale-card-body{flex-direction:column;flex:1;gap:.25rem;display:flex}.scales-modern-grid .scale-card-header{margin-bottom:.05rem}.scale-modern-rank{letter-spacing:1px;color:var(--muted2);align-items:center;gap:.3rem;font-family:DM Mono,monospace;font-size:.55rem;display:inline-flex}.scale-modern-tier{border:1px solid #ffffff26;border-radius:999px;padding:.08rem .4rem;font-size:.52rem}.scales-modern-grid .scale-name{color:var(--text);margin-bottom:0;font-size:.88rem;font-weight:700;line-height:1.2}.scales-modern-grid .scale-formula{color:var(--teal);opacity:.7;letter-spacing:.8px;font-family:DM Mono,monospace;font-size:.62rem}.scales-modern-grid .scale-desc{color:var(--text2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.05rem;font-size:.68rem;line-height:1.45;display:-webkit-box;overflow:hidden}.scale-modern-meta{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.scale-modern-pill{letter-spacing:.6px;color:var(--text2);background:#ffffff08;border:1px solid #ffffff26;border-radius:999px;padding:.1rem .45rem;font-family:DM Mono,monospace;font-size:.55rem}.scale-mood-pill{border-color:var(--pill-accent,#ffffff26);color:var(--pill-accent,var(--text2));box-shadow:inset 0 0 6px var(--pill-accent,transparent);background:#ffffff0d}.scale-artist-pill{color:var(--gold);background:#f5c5180d;border-color:#f5c51833}.scale-detail-pills{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.scale-detail-pill{letter-spacing:.5px;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;padding:.2rem .5rem;font-family:DM Mono,monospace;font-size:.65rem;display:inline-flex}.scale-detail-pill--artist{color:var(--gold);background:#f5c5180a;border-color:#f5c51826}.scale-detail-pill--song{color:var(--teal);background:#3197950a;border-color:#31979526}.scale-detail-pill--chord{color:#c084fc;background:#9f7aea0a;border-color:#9f7aea26}.scales-modern-grid .scale-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.4rem 0 .5rem;display:flex}.scale-note-count{color:var(--muted2);font-family:DM Mono,monospace;font-size:.62rem}.scale-cta-hint{color:var(--muted);align-items:center;gap:.3rem;font-size:.6rem;transition:color .2s;display:inline-flex}.scale-card:hover .scale-cta-hint{color:var(--teal)}.scale-cta-arrow{font-size:.55rem;transition:transform .25s;display:inline-block}.scale-card.active-expanded .scale-cta-arrow{transform:rotate(180deg)}.scale-card.active-expanded .scale-cta-text{color:var(--teal)}.scale-detail-inline{z-index:9999;opacity:0;pointer-events:none;background:linear-gradient(#121823,#0a0e16);transition:opacity .35s,transform .35s;position:fixed;inset:0;overflow:hidden auto;transform:scale(.98)translateY(20px)}.scale-detail-inline.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.scale-inline-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#121823,#0a0e16);border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.scale-inline-play{letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:opacity .2s;display:inline-flex}.scale-inline-play:hover{opacity:.85}.scale-inline-title-block{flex:1;min-width:0}.scale-inline-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.scale-inline-meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.scale-inline-chip{border:1px solid;border-radius:999px;padding:.12rem .5rem;font-family:DM Mono,monospace;font-size:.6rem}.scale-inline-close{color:var(--muted);cursor:pointer;letter-spacing:.8px;background:#ffffff0a;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:DM Mono,monospace;font-size:.62rem;transition:all .2s;display:inline-flex}.scale-inline-close:before{content:"←";font-size:.9rem}.scale-inline-close:hover{color:var(--teal);background:#00e5cc14;border-color:#00e5cc4d}.scale-inline-body{grid-template-columns:1fr 320px;gap:1rem;padding:1.2rem 1.5rem 1.5rem;display:grid}.scale-inline-main,.scale-inline-side{flex-direction:column;gap:.9rem;display:flex}.scale-inline-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.2rem}.scale-inline-card-title{letter-spacing:1.5px;color:var(--muted2);text-transform:uppercase;margin-bottom:.7rem;font-family:DM Mono,monospace;font-size:.62rem}.scale-inline-action{cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;transition:all .2s;display:flex}.scale-inline-action:hover{background:linear-gradient(135deg,#00e5cc0f,#00e5cc05);border-color:#00e5cc59}.scale-inline-action-icon{width:36px;height:36px;color:var(--teal);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scale-inline-action-label{color:var(--text);font-size:.78rem;font-weight:600}.scale-inline-action-sub{color:var(--muted);margin-top:.1rem;font-size:.68rem}.scale-context-item strong{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;font-size:.6rem;display:block}.scale-timeline{padding-left:1.2rem;position:relative}.scale-timeline-line{background:#ffffff14;width:2px;position:absolute;top:0;bottom:0;left:4px}.scale-timeline-item{padding-bottom:.9rem;position:relative}.scale-timeline-dot{background:var(--teal);border-radius:50%;width:10px;height:10px;position:absolute;top:.25rem;left:-1.2rem;box-shadow:0 0 0 3px #00e5cc26}.scale-timeline-week{color:var(--teal);letter-spacing:1px;font-family:DM Mono,monospace;font-size:.58rem}.scale-timeline-text{color:var(--text2);margin-top:.15rem;font-size:.82rem;line-height:1.5}.scale-theory-heading{color:var(--gold);margin:.8rem 0 .4rem;font-size:.92rem;font-weight:600}.scale-theory-p{color:var(--text2);margin-bottom:.5rem;font-size:.84rem;line-height:1.65}.scale-theory-tab{color:var(--text2);white-space:pre;background:#00000040;border-radius:8px;padding:.8rem 1rem;font-family:DM Mono,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto}.scale-patterns-card .scale-detail-dyn-title{color:var(--muted2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.8rem;font-family:DM Mono,monospace;font-size:.62rem}.scale-detail-dyn-grid{flex-direction:column;gap:1rem;display:flex}.scale-detail-dyn-item{text-align:center;background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:12px;padding:.8rem .6rem;transition:border-color .2s,box-shadow .2s,transform .2s}.scale-detail-dyn-item:hover{border-color:#00e5cc33;transform:translateY(-2px);box-shadow:0 4px 16px #00e5cc0f}.scale-detail-dyn-label{color:var(--teal);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.65rem}.scale-detail-dyn-svg svg{filter:drop-shadow(0 2px 4px #0000004d);max-width:100%;height:auto}.scale-avoid-box{border-left:3px solid var(--accent);background:#ff4d1c0a;border-radius:0 10px 10px 0;margin-top:1rem;padding:1rem 1.2rem}.scale-trick-shell{background:linear-gradient(#10141ce6,#0b0e14f2);border:1px solid #ffffff14;border-radius:14px;margin-top:2.2rem;padding:1rem}.scale-trick-shell .tr-controls{margin-bottom:1rem}.scale-trick-shell .tr-main-card{border-top:1px solid var(--border);border-radius:12px}@media (width<=767px){.scales-modern-grid{grid-template-columns:repeat(2,1fr)}.scale-inline-body,.scale-context-grid{grid-template-columns:1fr}}@media (width<=430px){.scales-modern-grid{grid-template-columns:1fr}.scale-inline-header{flex-wrap:wrap;gap:.6rem}.scale-inline-title{font-size:1.05rem}.scale-inline-body{padding:1rem}.scale-trick-shell{padding:.8rem}}.scale-detail-layout{flex-direction:column;gap:1.5rem;margin-top:-1rem;display:flex}.scale-detail-hero{background:radial-gradient(circle at 20% 50%, var(--mood-bg) 0%, transparent 70%);border-bottom:1px solid #ffffff0d;margin:0 -1.5rem;padding:2rem 1.5rem;position:relative;overflow:hidden}.scale-detail-hero:after{content:"";background:linear-gradient(to right, transparent, var(--panel));pointer-events:none;position:absolute;inset:0}.scale-detail-header-top{z-index:2;flex-wrap:wrap;align-items:center;gap:.8rem;display:flex;position:relative}.scale-play-btn{letter-spacing:1.5px;cursor:pointer;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 4px 12px #0000004d}.scale-play-btn:hover{filter:brightness(1.2);transform:scale(1.05)}.scale-bento-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:1.2rem;display:grid}.scale-bento-card{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:1.2rem;padding:1.25rem;box-shadow:0 4px 24px #0003}.scale-bento-main{flex-direction:column;display:flex}.scale-context-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.scale-context-item{flex-direction:column;gap:.4rem;display:flex}.scale-context-item strong{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.52rem}.scale-timeline{margin-top:1rem;padding-left:1.5rem;position:relative}.scale-timeline-line{background:linear-gradient(to bottom, var(--teal), transparent);opacity:.3;width:1px;position:absolute;top:0;bottom:0;left:3px}.scale-timeline-item{margin-bottom:1.5rem;position:relative}.scale-timeline-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 8px var(--teal);border-radius:50%;position:absolute;top:4px;left:-22px}.scale-timeline-week{color:var(--teal);text-transform:uppercase;margin-bottom:.2rem;font-family:DM Mono,monospace;font-size:.58rem;font-weight:700;display:block}.scale-timeline-text{color:var(--text2);font-size:.85rem;line-height:1.5}.scale-actions-stack{flex-direction:column;gap:.8rem;margin-bottom:1.2rem;display:flex}.scale-cta-premium{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.scale-cta-premium:hover{background:#ffffff14;border-color:currentColor;transform:scale(1.02)}.scale-cta-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.scale-cta-fret{color:var(--teal)}.scale-cta-jam{color:var(--purple)}.scale-cta-label{letter-spacing:.5px;font-size:.75rem;font-weight:800;display:block}.scale-cta-sub{opacity:.6;margin-top:2px;font-size:.6rem;display:block}.scale-theory-content{flex-direction:column;gap:.8rem;display:flex}.scale-theory-heading{color:var(--gold);margin:.5rem 0 .2rem;font-size:1.1rem}.scale-theory-p{font-size:.85rem;line-height:1.6}.scale-theory-tab{border-left:3px solid var(--accent);color:#ccc;white-space:pre;background:#0000004d;border-radius:8px;padding:1rem;font-family:DM Mono,monospace;font-size:.65rem;overflow-x:auto}.scale-theory-pattern-row{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}@media (width<=767px){.scale-bento-grid{grid-template-columns:1fr}.scale-bento-side{order:-1}.scale-detail-hero{padding:1.5rem}}.scale-detail-chip{text-transform:uppercase;border:1px solid;border-radius:99px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.scale-detail-meta{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.6rem}.scale-detail-stars{gap:2px;display:flex}.tuner-premium-panel{flex-direction:column;gap:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.tuner-panel-section{padding:.85rem 0}.tuner-panel-section+.tuner-panel-section{border-top:1px solid #ffffff0d}.tuner-section-header{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.tuner-tuning-selector-group{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.tuner-tuning-selector{width:100%!important;max-width:none!important;display:block!important;position:relative!important}.tuner-tuning-dropdown{cursor:pointer;width:100%;color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;display:flex;box-shadow:none!important;transition:all var(--dur-base) ease!important;background:0 0!important;border:none!important;border-bottom:1.5px solid #ffffff1f!important;border-radius:0!important;padding:.45rem 0!important}.tuner-tuning-dropdown:hover{border-bottom-color:var(--gold)!important;background:0 0!important}.tuner-tuning-dropdown.open{border-bottom-color:var(--teal)!important;background:0 0!important}.tuning-dropdown-text-group{align-items:baseline;gap:.6rem;display:flex}.tuning-current-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:2px;flex-shrink:0;font-size:.6rem}.tuning-current-name{font-family:var(--font-heading)!important;color:var(--text)!important;letter-spacing:.5px!important;white-space:nowrap!important;font-size:1.25rem!important;font-weight:800!important}.tuning-chevron{transition:transform var(--dur-base) ease;opacity:.35;flex-shrink:0}.tuner-tuning-dropdown:hover .tuning-chevron{color:var(--gold);opacity:.9;transform:translateY(2px)}.tuner-tuning-dropdown.open .tuning-chevron{opacity:.9;color:var(--teal);transform:rotate(180deg)!important}.tuner-calibration{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex-shrink:0!important;gap:.15rem!important;margin:0!important;padding:0!important;display:flex!important}.calibration-label{font-family:var(--font-mono)!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:2px!important;text-align:right!important;font-size:.6rem!important;font-weight:500!important}.calibration-control{transition:border-color var(--dur-base) ease!important;background:0 0!important;border:none!important;border-bottom:1.5px solid #ffffff1f!important;border-radius:0!important;align-items:baseline!important;gap:.2rem!important;padding:0 0 .35rem!important;display:flex!important}.calibration-control:focus-within{border-color:var(--gold)!important}.calibration-input{color:var(--text)!important;font-family:var(--font-heading)!important;text-align:right!important;width:58px!important;box-shadow:none!important;-moz-appearance:textfield!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:1.25rem!important;font-weight:800!important}.calibration-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.calibration-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.calibration-unit{font-family:var(--font-mono)!important;color:var(--muted)!important;font-size:.65rem!important;font-weight:500!important}.tuner-section-pro{flex-direction:column;gap:0;display:flex}.tuner-pro-controls{flex-wrap:wrap;align-items:center;gap:0;display:flex}.tuner-pro-toggle{cursor:pointer;align-items:center;gap:.45rem;margin-right:.85rem;display:flex;color:var(--muted)!important;box-shadow:none!important;transition:color var(--dur-base) ease!important;background:0 0!important;border:none!important;border-right:1px solid #ffffff0f!important;border-radius:0!important;padding:.4rem .85rem .4rem 0!important;font-size:.72rem!important;font-weight:600!important}.tuner-pro-toggle:last-of-type{margin-right:0;border-right:none!important}.tuner-pro-toggle:hover,.tuner-pro-toggle.active{color:var(--text)!important}.pro-badge-small{color:var(--gold);letter-spacing:.5px;background:#f5c52414;border:1px solid #f5c52440;border-radius:3px;padding:1px 4px;font-size:.52rem;font-weight:800}.tuner-pro-toggle.active .pro-badge-small{background:var(--gold);color:#000;border-color:#0000}.filter-led{width:5px;height:5px;transition:background var(--dur-enter), box-shadow var(--dur-enter);background:#ffffff1f;border-radius:50%}.tuner-pro-toggle.active .filter-led{background:#00e5cc;box-shadow:0 0 6px #00e5cc}.filter-levels{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;gap:2px;margin-top:.5rem;padding:2px;display:flex}.filter-level-btn{cursor:pointer;transition:all var(--dur-quick);color:var(--muted)!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:.2rem .45rem!important;font-size:.65rem!important;font-weight:600!important}.filter-level-btn.active{color:var(--text)!important;background:#ffffff12!important}.tuner-section-strings{background:0 0!important;border:none!important;padding:.85rem 0!important}.tuner-strings-line{justify-content:space-between;align-items:flex-start;gap:0;width:100%;display:flex}.string-ref{cursor:pointer;transition:all var(--dur-base) ease;flex-direction:column;flex:1;align-items:center;gap:.12rem;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:.4rem .5rem!important}.string-ref:after{content:"";background:var(--teal);width:0;height:2px;transition:all var(--dur-base) cubic-bezier(.4, 0, .2, 1);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.string-ref:hover .str-name{color:#ffffffd9}.string-ref:hover:after{background:#fff3;width:40%}.string-ref.active .str-name{color:var(--teal)}.string-ref.active .str-freq{color:var(--teal);opacity:.85}.string-ref.active:after{width:60%;box-shadow:0 0 8px #00e5cc80}.str-name{font-family:var(--font-heading);color:#ffffff73;transition:color var(--dur-base);font-size:1.05rem;font-weight:800;line-height:1}.str-freq{font-family:var(--font-mono);color:#ffffff40;transition:color var(--dur-base), opacity var(--dur-base);font-size:.6rem;line-height:1}.str-freq .hz{opacity:.7;font-size:.5rem}.separator{display:none!important}.tuner-tips{border-top:1px dashed #ffffff0d;padding-top:.75rem}.tuner-tips-toggle{letter-spacing:1.5px;cursor:pointer;width:100%;transition:color var(--dur-base);justify-content:space-between;align-items:center;display:flex;color:#ffffff40!important;font-family:var(--font-mono)!important;background:0 0!important;border:none!important;padding:0!important;font-size:.62rem!important;font-weight:700!important}.tuner-tips-toggle:hover{color:#ffffff8c!important}.tuner-tips-icon{margin-right:.4rem}.tuner-tips-chevron{transition:transform var(--dur-enter) ease}.tuner-tips.open .tuner-tips-chevron{transform:rotate(180deg)}.tuner-tips-panel{max-height:0;transition:max-height var(--dur-enter) cubic-bezier(.4, 0, .2, 1);overflow:hidden}.tuner-tips.open .tuner-tips-panel{max-height:250px}.tuner-tips-list{flex-direction:column;gap:.4rem;margin:0;padding:.6rem 0 0;list-style:none;display:flex}.tuner-tips-list li{color:#ffffff59;align-items:flex-start;gap:.4rem;font-size:.7rem;line-height:1.4;display:flex}.tip-dot{background:var(--gold);opacity:.6;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin-top:5px}.tuner-mobile-top-bar,.tuner-primary-action--mobile-top{display:none}.tuner-btn-section-pc .tuner-primary-action--pc{max-width:none;margin:0}.tuner-mobile-top-bar{position:relative!important}.tuning-dropdown-panel{visibility:hidden;opacity:0;will-change:transform, opacity;transition:transform var(--dur-base) cubic-bezier(.25, 1, .5, 1), opacity .2s ease, visibility .2s ease;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;display:none;z-index:999999!important;background:#121218!important;border:1px solid #ffffff14!important;border-radius:8px!important;max-height:380px!important;margin-top:1px!important;padding:.9rem 1.1rem 1.1rem!important;position:absolute!important;top:100%!important;overflow-y:auto!important;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff08!important}.tuning-dropdown-panel.open{visibility:visible!important;opacity:1!important;display:block!important;transform:translateY(0)!important}.tuning-dropdown-panel::-webkit-scrollbar{width:4px!important}.tuning-dropdown-panel::-webkit-scrollbar-thumb{background:#ffffff14!important;border-radius:4px!important}#tuningDropdownPanelPC{transform-origin:top!important;width:100%!important;left:0!important;right:0!important}#tuningDropdownPanelMobile{transform-origin:top!important;width:100%!important;left:0!important;right:0!important;transform:translateY(-2px)!important}#tuningDropdownPanelMobile.open{transform:translateY(0)!important}.tuning-presets-list{flex-direction:column!important;gap:.25rem!important;width:100%!important;display:flex!important}.tuning-modal-list-item{border-radius:6px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:.6rem .75rem!important;display:flex!important}.tuning-modal-name{flex:1!important;font-size:.85rem!important}.tuning-modal-notes{gap:.2rem!important;display:flex!important}.tuning-modal-note{padding:.1rem .3rem!important;font-size:.65rem!important}.tuning-create-custom-btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin-bottom:.8rem!important;padding:.6rem!important;font-size:.75rem!important;display:flex!important}.tuning-category-header{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#f5c524b3;border-bottom:1px solid #ffffff0a;margin:1.25rem 0 .65rem;padding-bottom:.4rem;font-size:.62rem}.tuning-category-header:first-child{margin-top:0}.tuning-presets-list{flex-direction:column;gap:.3rem;display:flex}.tuning-modal-list-item{cursor:pointer;transition:background var(--dur-base), border-color var(--dur-base), transform var(--dur-base);background:#ffffff06;border:1px solid #ffffff0a;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.tuning-modal-list-item:before{content:"";width:2px;transition:background var(--dur-base), transform var(--dur-base);background:#ffffff26;border-radius:0 4px 4px 0;position:absolute;top:20%;bottom:20%;left:0}.tuning-modal-list-item:hover{background:#ffffff0d;border-color:#ffffff1f}.tuning-modal-list-item:hover:before{background:#fff6}.tuning-modal-list-item.active{background:#00e5cc14;border-color:#00e5cc33}.tuning-modal-list-item.active:before{background:var(--teal);width:3px;top:0;bottom:0}.tuning-modal-list-item.active .tuning-modal-name{color:var(--teal);text-shadow:0 0 12px #00e5cc4d}.tuning-modal-list-item.active .tuning-modal-note{color:var(--text);background:#00e5cc33;border-color:#00e5cc66}.tuning-modal-name{font-family:var(--font-heading);color:var(--text);letter-spacing:.01em;font-size:.92rem;font-weight:700}.tuning-modal-notes{flex-wrap:wrap;gap:.25rem;display:flex}.tuning-modal-note{font-family:var(--font-mono);color:#fff6;background:#00000040;border-radius:3px;padding:.15rem .35rem;font-size:.65rem}.tuning-modal-list-item.active .tuning-modal-note{color:var(--teal);background:#00e5cc1a}.tuning-modal-pro-badge{background:var(--gold);color:#000;letter-spacing:.5px;border-radius:3px;padding:1px 5px;font-size:.52rem;font-weight:800;position:absolute;top:-6px;right:8px}.tuning-create-custom-btn{color:#f5c524a6;cursor:pointer;width:100%;transition:all var(--dur-base) ease;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.9rem;font-size:.8rem;font-weight:600;display:flex;border:1px dashed #f5c52433!important}.tuning-create-custom-btn:hover{color:var(--gold);background:#f5c5240f;border-color:#f5c52466!important}.tuning-modal-delete{color:#ff3c3c80;cursor:pointer;opacity:0;width:20px;height:20px;transition:all var(--dur-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.tuning-modal-list-item:hover .tuning-modal-delete{opacity:1}.tuning-modal-delete:hover{color:#ff4757;background:#ff000026}.tuner-primary-action{width:100%;max-width:300px;margin:1rem auto}.tuner-btn{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex;background:var(--teal)!important;color:#000!important;font-family:var(--font-heading)!important;letter-spacing:2px!important;transition:all var(--dur-enter) cubic-bezier(.25, .8, .25, 1)!important;border:none!important;border-radius:50px!important;padding:.9rem 1.5rem!important;font-size:.8rem!important;font-weight:800!important;box-shadow:0 4px 20px #00e5cc33!important}.tuner-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 28px #00e5cc61!important}.tuner-btn.active{color:var(--text)!important;background:#ff4757!important;box-shadow:0 4px 20px #ff47574d!important}.tuner-btn.active:hover{background:#ff6b81!important;box-shadow:0 8px 28px #ff47577a!important}.tuner-recent-tuning{font-family:var(--font-mono)!important;color:var(--muted)!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:.4rem!important;margin-bottom:.4rem!important;padding:0!important;font-size:.65rem!important;display:flex!important}.tuner-recent-tuning svg{color:var(--teal)!important;opacity:.8!important;flex-shrink:0!important}.tuner-recent-tuning .recent-name{color:var(--text)!important;font-weight:700!important}.recent-restore{color:var(--gold)!important;font-family:var(--font-mono)!important;cursor:pointer!important;text-underline-offset:2px!important;transition:color var(--dur-base) ease!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:0 0!important;border:none!important;margin-left:auto!important;padding:0!important;font-size:.65rem!important;font-weight:700!important;text-decoration:underline!important}.recent-restore:hover{color:var(--text)!important}@media (width<=768px){.tuning-modal-dialog{border:none;border-radius:0;width:100%;height:100%;max-height:100%}.tuning-modal-header{padding:1.25rem 1.25rem .85rem}.tuning-modal-content{padding:1rem 1.25rem 1.25rem}.tuning-presets-grid{grid-template-columns:1fr 1fr;gap:.5rem}.tuner-section-header{flex-direction:row;align-items:flex-end;gap:1rem}.tuner-pro-controls{flex-wrap:wrap;display:flex}.tuner-primary-action{max-width:none;margin:.5rem 0}.string-ref{padding:.3rem .25rem!important}.str-name{font-size:.95rem}.str-freq{font-size:.55rem}.tuning-dropdown-panel{-webkit-backdrop-filter:none!important;background:#121218fc!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-motion=none] *,[data-motion=none] :before,[data-motion=none] :after{transition-duration:.1ms!important;animation:none!important}html[data-motion=none] .anim-card-reveal,html[data-motion=lite] .anim-card-reveal{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}html[data-motion=premium] .anim-card-reveal.will-animate,html[data-motion=standard] .anim-card-reveal.will-animate{opacity:0;animation-play-state:running!important}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(-8px)}}@keyframes heroExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(-16px)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes chordPop{0%{opacity:0;transform:scale(.85)translateY(8px)}70%{transform:scale(1.03)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pillSpring{0%{transform:scale(1)}40%{transform:scale(.92)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes starPop{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.55)rotate(-12deg)}70%{transform:scale(.95)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes ripple{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(3.5)}}@keyframes badgeBounce{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes badgeShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes shimmerLoad{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes tunerSuccess{0%{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes tunerShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes beatPulse{0%{transform:scale(1)}25%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes beatPulseSub{0%{transform:scale(1)}25%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes pendulumSwing{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes resultReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glassModalIn{0%{opacity:0;filter:blur(4px);transform:scale(.94)translateY(12px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes panelSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes borderRotate{0%{background-position:0%}to{background-position:200%}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes buttonShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes proPulse{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}@keyframes inputFocusGlow{0%{box-shadow:0 0 #31979500}to{box-shadow:0 0 0 3px #31979526, var(--glow-teal-sm)}}@keyframes cardLift{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dropdownExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes navbarBlurIn{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border-color:#0000}to{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-color:var(--glass-border);background:#070707cc}}.anim-page-enter{animation:pageEnter var(--dur-page) var(--ease-decelerate) both}.anim-page-exit{animation:pageExit .2s var(--ease-accelerate) both;pointer-events:none}.anim-card-reveal{animation:cardReveal var(--dur-enter) var(--ease-decelerate) both;opacity:0}.anim-tab-slide{animation:tabSlideIn var(--dur-base) var(--ease-decelerate) both}.anim-chord-pop{animation:chordPop .32s var(--ease-spring) both}.anim-pill-spring{animation:pillSpring .28s var(--ease-spring)}.anim-star-pop{animation:starPop .38s var(--ease-spring)}.anim-badge-bounce{animation:badgeBounce .5s var(--ease-spring) forwards}.anim-result{animation:resultReveal var(--dur-base) var(--ease-decelerate) both}.anim-beat{animation:beatPulse var(--dur-touch) ease-out}.anim-beat-sub{animation:beatPulseSub var(--dur-touch) ease-out}.anim-tuner-ok{animation:tunerSuccess .4s var(--ease-spring)}.anim-tuner-shake{animation:tunerShake .3s var(--ease-in-out)}.anim-glass-modal{animation:glassModalIn var(--dur-enter) var(--ease-decelerate) both}.anim-panel-slide{animation:panelSlideIn var(--dur-page) var(--ease-decelerate) both}.anim-panel-exit{animation:panelSlideOut var(--dur-base) var(--ease-accelerate) both}.anim-overlay-exit{animation:overlayFadeOut var(--dur-quick) var(--ease-accelerate) both}.anim-dropdown-exit{animation:dropdownExit var(--dur-quick) var(--ease-accelerate) both}.anim-modal-exit{animation:modalSlideOut .2s var(--ease-accelerate) both}.anim-count-up{animation:countUp .4s var(--ease-spring) both}.anim-pro-pulse{animation:2s ease-in-out infinite proPulse}.anim-stagger-1{animation-delay:35ms}.anim-stagger-2{animation-delay:70ms}.anim-stagger-3{animation-delay:.105s}.anim-stagger-4{animation-delay:.14s}.anim-stagger-5{animation-delay:.175s}.anim-stagger-6{animation-delay:.21s}[data-motion=premium] .anim-stagger-7{animation-delay:.245s}[data-motion=premium] .anim-stagger-8{animation-delay:.28s}[data-motion=premium] .anim-stagger-9{animation-delay:.315s}[data-motion=premium] .anim-stagger-10{animation-delay:.35s}[data-motion=premium] .anim-stagger-11{animation-delay:.385s}[data-motion=premium] .anim-stagger-12{animation-delay:.42s}.liquid-glow{position:relative}.liquid-glow:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-liquid);z-index:-1;position:absolute;inset:-2px;box-shadow:0 0 24px 4px #00d4b459}.liquid-glow:hover:after,.liquid-glow.active:after{opacity:1}.liquid-glow-gold:after{box-shadow:0 0 24px 4px #f5c51859}.ripple-host{position:relative;overflow:hidden}.btn__ripple{pointer-events:none;animation:ripple .5s var(--ease-accelerate) forwards;transform-origin:50%;background:#ffffff38;border-radius:50%;position:absolute}.tool-shell{animation:pageEnter var(--dur-page) var(--ease-decelerate) both}.metro-pendulum{animation:pendulumSwing var(--metro-period,.5s) ease-in-out infinite;transform-origin:top;will-change:transform}.tuner-ring{transition:opacity var(--dur-quick) var(--ease-liquid), transform var(--dur-quick) var(--ease-liquid);will-change:opacity, transform}.tuner-ring.in-tune{animation:tunerSuccess .4s var(--ease-spring)}.tuner-ring.out-of-tune{animation:tunerShake .3s var(--ease-in-out)}@media (width<=768px){.anim-page-enter{animation-duration:var(--dur-mob-page)}.anim-card-reveal{animation-duration:var(--dur-mob-enter)}.ripple-host:active,.kn-btn:active,.sn-btn:active,.page-btn:active,.mob-nav-btn:active{transition:transform var(--dur-touch) var(--ease-accelerate);transform:scale(.94)}.anim-page-enter:hover,.anim-card-reveal:hover{transform:none}}[data-motion=lite] .anim-page-enter{animation:pageEnter var(--dur-mob-page) var(--ease-decelerate) both}[data-motion=lite] .anim-card-reveal{animation:cardReveal .18s var(--ease-decelerate) both}[data-motion=lite] .liquid-glow:after,[data-motion=lite] .btn__ripple{display:none}.will-animate{will-change:opacity, transform}.anim-done{will-change:auto}.motion-badge-shimmer{position:relative;overflow:hidden}.motion-badge-shimmer:before{content:"";background:linear-gradient(90deg,#f5c51800 0%,#f5c51859 50%,#f5c51800 100%);animation:2s linear infinite badgeShimmer;position:absolute;inset:0}:root{--reveal-duration:.7s;--reveal-easing:cubic-bezier(.16, 1, .3, 1);--reveal-distance:24px;--reveal-rotate:2deg;--stagger-base:60ms}.krd-reveal--prepared{opacity:0;transform:translateY(var(--reveal-distance));filter:none}.krd-reveal__item--prepared{opacity:0;filter:none;transform:translateY(16px)scale(.96)}.krd-reveal--active{opacity:1;filter:none;transition:opacity var(--reveal-duration) var(--reveal-easing), transform var(--reveal-duration) var(--reveal-easing);transform:translateY(0)}.krd-reveal__item--active{opacity:1;filter:none;transition:opacity var(--reveal-duration) var(--reveal-easing) var(--stagger-delay,0s), transform var(--reveal-duration) var(--reveal-easing) var(--stagger-delay,0s);transform:translateY(0)scale(1)}.krd-reveal--prepared[data-reveal=left]{transform:translateX(calc(var(--reveal-distance) * -1))}.krd-reveal--active[data-reveal=left]{transform:translate(0)}.krd-reveal--prepared[data-reveal=right]{transform:translateX(var(--reveal-distance))}.krd-reveal--active[data-reveal=right]{transform:translate(0)}.krd-reveal--prepared[data-reveal=zoom]{filter:none;transform:scale(.92)}.krd-reveal--active[data-reveal=zoom]{filter:none;transform:scale(1)}.krd-reveal--prepared[data-reveal=tilt]{transform:translateY(var(--reveal-distance)) rotate(var(--reveal-rotate));transform-origin:0}.krd-reveal--active[data-reveal=tilt]{transform:translateY(0)rotate(0)}.krd-reveal--prepared[data-reveal-speed=fast]{--reveal-duration:.4s}.krd-reveal--prepared[data-reveal-speed=slow]{--reveal-duration:1s}.hero-above-fold .krd-reveal--prepared{--reveal-distance:20px;--reveal-duration:.8s}.hero-tools-section .krd-reveal__item--prepared{--reveal-distance:30px;--reveal-duration:.6s}.tk-stats-row .krd-reveal__item--prepared{--reveal-distance:12px;--reveal-duration:.5s}.hero-tool-pills .krd-reveal__item--prepared{--reveal-distance:15px;--reveal-duration:.45s}@media (width<=768px){:root{--reveal-duration:.55s;--reveal-distance:18px;--reveal-rotate:1deg}.krd-reveal--prepared,.krd-reveal__item--prepared,.krd-reveal--active,.krd-reveal__item--active{filter:none}}@media (width<=480px){:root{--reveal-duration:.45s;--reveal-distance:14px}}@media (prefers-reduced-motion:reduce){.krd-reveal--prepared,.krd-reveal__item--prepared{opacity:.9;filter:none;transition:opacity .2s;transform:none}.krd-reveal--active,.krd-reveal__item--active{opacity:1;filter:none;transform:none}}.krd-reveal--active{animation:krdRevealCleanup 1ms linear var(--reveal-duration) forwards}@keyframes krdRevealCleanup{to{will-change:auto}}@media (scripting:enabled){.krd-reveal--prepared{animation:1ms linear 4s forwards krdRevealForceVisible}}@keyframes krdRevealForceVisible{to{opacity:1;filter:none;transform:none}}@media (scripting:none){.krd-reveal--prepared,.krd-reveal__item--prepared{opacity:1!important;filter:none!important;transform:none!important}}.anim-card-reveal{animation:.6s cubic-bezier(.16,1,.3,1) forwards krdRevealFallback}@keyframes krdRevealFallback{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}40%{transform:translate(-50px,30px)scale(1.12)}80%{transform:translate(30px,-20px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes orbFloat3{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(25px,35px)scale(1.05)rotate(180deg)}to{transform:translate(0)scale(1)rotate(360deg)}}.hero-orbs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.hero-above-fold,.hero{z-index:1;position:relative!important}.hero-above-fold>:not(.hero-orbs){z-index:2;position:relative}.orb{filter:blur(40px);opacity:0;will-change:transform;z-index:1;border-radius:50%;position:absolute}.orb--1{background:radial-gradient(circle,#00d4b499 0%,#00d4b433 40%,#0000 70%);border:2px solid #00d4b44d;width:600px;height:600px;animation:18s ease-in-out infinite orbFloat1;top:-150px;right:-100px}.orb--2{background:radial-gradient(circle,#f5c51880 0%,#f5c51826 40%,#0000 70%);border:2px solid #f5c5184d;width:450px;height:450px;animation:22s ease-in-out -7s infinite orbFloat2;bottom:-100px;left:-80px}.orb--3{background:radial-gradient(circle,#8b5cf666 0%,#8b5cf61a 40%,#0000 70%);border:2px solid #8b5cf64d;width:350px;height:350px;animation:28s linear -14s infinite orbFloat3;top:30%;left:20%}[data-motion=premium] .orb,[data-motion=standard] .orb{transition:opacity 1.2s;opacity:1!important;visibility:visible!important;display:block!important}@media (width<=768px){.orb{display:none!important}}.mob-nav-liquid-wrap{position:relative}[data-motion=premium] .nav-liquid-pill,[data-motion=standard] .nav-liquid-pill{border-radius:var(--radius-full);pointer-events:none;height:36px;transition:transform var(--dur-base) var(--ease-spring), width var(--dur-base) var(--ease-spring), opacity var(--dur-quick) var(--ease-liquid);will-change:transform, width;z-index:0;opacity:0;background:0 0;border:none;position:absolute;bottom:6px}[data-motion=premium] .nav-liquid-pill.visible,[data-motion=standard] .nav-liquid-pill.visible{opacity:1}.mob-nav-btn{z-index:1;position:relative}@keyframes cardGlint{0%{transform:translate(-100%)skew(-12deg)}to{transform:translate(250%)skew(-12deg)}}[data-motion=premium] .tool-card,[data-motion=premium] .scale-card,[data-motion=premium] .chord-card,[data-motion=premium] .tk-card,[data-motion=premium] .kn-btn{position:relative;overflow:hidden}[data-motion=premium] .tool-card:before,[data-motion=premium] .scale-card:before,[data-motion=premium] .chord-card:before,[data-motion=premium] .tk-card:before,[data-motion=premium] .kn-btn:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 30%,#ffffff12 50%,#0000 70%);transition:none;position:absolute;inset:0;transform:translate(-100%)skew(-12deg)}[data-motion=premium] .tool-card:hover:before,[data-motion=premium] .scale-card:hover:before,[data-motion=premium] .chord-card:hover:before,[data-motion=premium] .tk-card:hover:before,[data-motion=premium] .kn-btn:hover:before{animation:cardGlint .65s var(--ease-decelerate) forwards}@media (width<=768px){[data-motion=premium] .tool-card:before,[data-motion=premium] .tk-card:before,[data-motion=premium] .kn-btn:before{display:none}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}[data-motion=premium] .liquid-title,[data-motion=standard] .liquid-title{background:linear-gradient(270deg, var(--teal-300), var(--gold-400), var(--teal-400), var(--purple,#8b5cf6), var(--teal-300));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientFlow}[data-motion=lite] .liquid-title,[data-motion=none] .liquid-title{color:var(--teal)}.hero-above-fold.hero-instant-hide{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transition:none!important;transform:scale(.95)translateY(-20px)!important}.site-footer.footer-hidden{display:none!important}body:not(.sidebar-mode) #heroSection:not(.hero-hidden)~.site-footer{display:block}.tool-shell{opacity:1}body.tool-loading .tool-shell{opacity:.4;transition:opacity .25s}.page-transition-overlay{background:var(--bg,#0a0a0a);opacity:0;pointer-events:none;z-index:9998;transition:opacity .15s;position:fixed;inset:0}.page-transition-overlay.active{opacity:1;pointer-events:all}[data-motion=premium] .kn-btn{transition:all .35s var(--ease-liquid);position:relative;overflow:hidden}[data-motion=premium] .kn-btn:before{content:"";opacity:0;transition:all .4s var(--ease-spring);pointer-events:none;background:radial-gradient(#00d4b440 0%,#0000 60%);position:absolute;inset:0;transform:scale(.6)}[data-motion=premium] .kn-btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00d4b44d 50%,#0000 100%);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}[data-motion=premium] .kn-btn:hover:before{opacity:1;transform:scale(1.2)}@keyframes btnShimmer{0%{opacity:0;left:-100%}30%{opacity:1}to{opacity:0;left:100%}}[data-motion=premium] .kn-btn:hover{color:var(--text);transform:translateY(-2px)}[data-motion=premium] .kn-btn:active{transition:all .1s var(--ease-accelerate);transform:scale(.94)translateY(0)}[data-motion=premium] .kn-btn{--ripple-color:#00d4b466;--ripple-size:0;--ripple-x:50%;--ripple-y:50%}[data-motion=premium] .kn-btn.rippling:after{content:"";left:var(--ripple-x);top:var(--ripple-y);width:var(--ripple-size);height:var(--ripple-size);background:radial-gradient(circle, var(--ripple-color) 0%, transparent 70%);pointer-events:none;animation:navRipple .5s var(--ease-decelerate) forwards;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes navRipple{0%{opacity:.8;width:0;height:0;box-shadow:0 0 #00d4b480}50%{box-shadow:0 0 30px 10px #00d4b44d}to{opacity:0;width:250px;height:250px;box-shadow:0 0 60px 20px #00d4b400}}[data-motion=premium] .kn-caret{transition:transform .35s var(--ease-spring), filter .3s ease, color .3s ease}[data-motion=premium] .kn-item:hover .kn-caret,[data-motion=premium] .kn-item.open .kn-caret{transform:rotate(180deg)}[data-motion=premium] .kn-drop-item{transition:all .3s var(--ease-liquid);position:relative}[data-motion=premium] .kn-drop-item:after{content:"";width:0;height:100%;transition:width .4s var(--ease-spring);pointer-events:none;background:linear-gradient(90deg,#00d4b426 0%,#0000 100%);border-radius:8px;position:absolute;top:0;left:0}[data-motion=premium] .kn-drop-item:hover:after{width:100%}[data-motion=premium] .kn-drop-item:hover{color:var(--teal);text-shadow:0 0 20px #00d4b466;padding-left:.5rem;transform:translate(8px)}:is([data-motion=premium] .tk-grid:has(.tk-card:hover) .tk-card:not(:hover),[data-motion=premium] .flujos-grid:has(.flujo-card:hover) .flujo-card:not(:hover),[data-motion=premium] .tool-grid:has(.tool-card:hover) .tool-card:not(:hover)){opacity:.35;filter:blur(.5px);transition:all .3s var(--ease-spring);transform:scale(.97)}[data-motion=premium] .tk-card:hover,[data-motion=premium] .flujo-card:hover,[data-motion=premium] .tool-card:hover{transition:all .3s var(--ease-spring);transform:scale(1.02)translateY(-4px);box-shadow:0 20px 40px #00d4b426}[data-motion=premium].sidebar-mode #heroSection.hero-hidden,[data-motion=premium].sidebar-mode .site-footer.footer-hidden{opacity:.15;filter:blur(4px) brightness(var(--brightness-low,.6));transition:all .5s var(--ease-liquid);transform:scale(.99)}[data-motion=premium] .header__nav-link:hover,[data-motion=premium] .sf-links a:hover{opacity:1;transition:all .2s var(--ease-spring)}[data-motion=premium] #sideNav:not(:hover){opacity:.75;filter:brightness(.9);transition:all .4s var(--ease-liquid)}[data-motion=premium] #sideNav:hover{opacity:1;filter:brightness()}:is([data-motion=standard] .tk-grid:has(.tk-card:hover) .tk-card:not(:hover),[data-motion=standard] .flujos-grid:has(.flujo-card:hover) .flujo-card:not(:hover)){opacity:.5;transition:opacity .25s}[data-motion=standard].sidebar-mode #heroSection.hero-hidden,[data-motion=standard].sidebar-mode .site-footer.footer-hidden{opacity:.2;transition:opacity .4s}body.tool-loading:after{content:"";border:3px solid #00d4b433;border-top-color:var(--teal);z-index:9999;pointer-events:none;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes pageEnterPremium{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(1.008)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pageExitPremium{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(3px);transform:scale(.98)translateY(-6px)}}[data-motion=premium] .page.visible.ready{animation:pageEnterPremium var(--dur-page) var(--ease-decelerate) both!important}[data-motion=premium] .page-exit,[data-motion=premium][data-page-exit] .page{pointer-events:none;animation:pageExitPremium .2s var(--ease-accelerate) both!important}[data-magnetic]{will-change:transform;transition:transform .1s linear}[data-motion=premium] .pro-badge,[data-motion=premium] [data-pro=true],[data-motion=standard] .pro-badge{position:relative}[data-motion=premium] .pro-badge:after,[data-motion=premium] [data-pro=true]:after,[data-motion=standard] .pro-badge:after{content:"";border-radius:inherit;opacity:.3;pointer-events:none;background:0 0;animation:3s ease-in-out infinite proPulse;position:absolute;inset:-3px;box-shadow:0 0 12px 3px #f5c51873}@keyframes skeletonWave{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.skeleton-premium{background:var(--panel);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton-premium:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 30%,#ffffff14 50%,#ffffff0a 70%,#0000 100%);animation:1.8s ease-in-out infinite skeletonWave;position:absolute;inset:0}[data-motion=lite] .skeleton-premium:after,[data-motion=none] .skeleton-premium:after{display:none}[data-motion=premium] input:focus,[data-motion=premium] select:focus,[data-motion=premium] textarea:focus,[data-motion=standard] input:focus,[data-motion=standard] select:focus{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px #00d4b480, 0 0 20px #00d4b426;transition:box-shadow var(--dur-base) var(--ease-spring);outline:none}@property --hero-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hero-glow{syntax:"<percentage>";inherits:false;initial-value:40%}#heroSection{isolation:isolate;z-index:2;position:relative;background-color:#0a0a0a!important;background-image:none!important}#heroSection:before{content:"";pointer-events:none;z-index:0;width:100%;height:110vh;transform:translateY(var(--parallax-y,0px));background-image:linear-gradient(#0000 40%,#0a0a0a66 60%,#0a0a0a 95%),linear-gradient(90deg,#0a0a0ae6 0%,#0a0a0a33 50%,#0a0a0a00 100%),url(/hero-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}html[data-motion=premium]:not(.is-mobile) #heroSection:before{will-change:transform}#heroSection:after{content:"";filter:blur(40px);pointer-events:none;z-index:0;opacity:.35;background:radial-gradient(40% 30% at 20% 30%,#00e5cc26,#0000 60%),radial-gradient(35% 30% at 80% 60%,#ff8c421f,#0000 60%),radial-gradient(30% 30% at 50% 90%,#8b5cf61a,#0000 60%);position:absolute;inset:-20%}html[data-motion=premium] #heroSection:after{will-change:transform;animation:22s ease-in-out infinite alternate heroAurora}html[data-motion=standard] #heroSection:after{filter:blur(20px);opacity:.25}html[data-motion=lite] #heroSection:after{filter:none;opacity:.4;background:radial-gradient(circle,#00e5cc0d,#0000 70%)}@keyframes heroAurora{0%{transform:translate(0)scale(1)}33%{transform:translate(3%,-2%)scale(1.05)}66%{transform:translate(-2%,3%)scale(.98)}to{transform:translate(2%,2%)scale(1.02)}}.hero-above-fold{z-index:2;position:relative}.hero-kuerda{filter:drop-shadow(0 0 60px #ff8c4226);display:inline-block;position:relative}.hero-kuerda:after{content:"";-webkit-text-fill-color:transparent;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff26 50%,#0000 60%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite heroShimmer;position:absolute;inset:0}@keyframes heroShimmer{0%,to{background-position:200% 0}50%{background-position:-100% 0}}.hero-kuerda-k{-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 var(--hero-glow) #ff6b358c) drop-shadow(0 0 100px #ff5a1f40);background:linear-gradient(160deg,#ffd166 0%,#ff8c42 40%,#ff5a1f 100%);-webkit-background-clip:text;background-clip:text}html[data-motion=premium] .hero-kuerda-k{animation:4s ease-in-out infinite heroKPulse}html[data-motion=lite] .hero-kuerda-k{filter:drop-shadow(0 0 15px #ff6b3566)}@keyframes heroKPulse{0%,to{--hero-glow:40px}50%{--hero-glow:70px}}.hero-kuerda+.hero-value-prop:before{content:"";background:linear-gradient(90deg, var(--teal), #4ae3c7, transparent);border-radius:2px;width:0;height:3px;margin:0 0 .35rem;animation:1.2s cubic-bezier(.16,1,.3,1) .5s forwards heroLineGrow;display:block;position:relative;box-shadow:0 0 8px #00e5cc99,0 0 24px #00e5cc59,0 0 48px #00e5cc26}.hero-kuerda+.hero-value-prop:after{content:"";background:linear-gradient(90deg, var(--teal), transparent);filter:blur(6px);opacity:.5;border-radius:2px;width:0;height:3px;margin:-3px 0 .35rem;animation:1.2s cubic-bezier(.16,1,.3,1) .5s forwards heroLineGrow;display:block}@keyframes heroLineGrow{to{width:3.5em}}.hero-value-prop{color:#ffffffd9;letter-spacing:-.01em;text-shadow:0 1px 3px #000c,0 0 10px #0006;max-width:600px;margin-top:.2rem;font-size:1rem;line-height:1.4;animation:.9s cubic-bezier(.16,1,.3,1) .35s both heroFadeUp;position:relative}.hero-value-prop strong{background:linear-gradient(120deg, var(--teal) 0%, #4ae3c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-tagline{color:var(--text);font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:.95;font-family:var(--font-logo);letter-spacing:.03em;text-transform:uppercase;margin-top:1rem;margin-bottom:1.5rem;font-style:normal;font-weight:400;animation:1s cubic-bezier(.16,1,.3,1) .45s both heroFadeUp!important}.hero-tagline .tagline-accent{background:linear-gradient(135deg,#ffd166 0%,#ff8c42 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;-webkit-text-fill-color:transparent!important}.hero-tagline em{display:inline-block;position:relative}.hero-tagline em:after{content:"";background:linear-gradient(90deg, var(--teal) 0%, transparent 100%);transform-origin:0;border-radius:2px;width:100%;height:3px;animation:1.2s cubic-bezier(.16,1,.3,1) 1s both heroUnderline;position:absolute;bottom:4px;left:0}@keyframes heroUnderline{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.hero-benefits-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:1rem 0 1.2rem;display:grid;animation:.9s cubic-bezier(.16,1,.3,1) .55s both heroFadeUp!important}.hb-card{-webkit-backdrop-filter:blur(16px)saturate(140%);cursor:pointer;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff05 0%,#ffffff01 100%)!important;border:1px solid #ffffff0d!important;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.hb-card:hover{background:linear-gradient(145deg,#00d4b40a 0%,#ffffff03 100%)!important;border-color:#00d4b440!important;transform:translateY(-4px)scale(1.01)!important;box-shadow:0 20px 40px #0006,0 0 30px #00d4b408!important}.hb-icon-wrap{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.hb-card:hover .hb-icon-wrap{color:var(--teal);background:#00d4b41a;border-color:#00d4b440;transform:scale(1.05);box-shadow:0 0 15px #00d4b426}.hb-content{text-align:left;flex-direction:column;gap:.3rem;display:flex}.hb-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.1rem;font-weight:700;transition:color .3s}.hb-card:hover .hb-title{color:var(--teal)}.hb-desc{font-family:var(--font-body);color:#ffffff8c;margin:0;font-size:.88rem;line-height:1.45}.hb-card:hover .hb-desc{color:#ffffffbf}.hero-stats-mini{-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#ffffff06,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;padding:.6rem 1.1rem;position:relative;box-shadow:0 8px 32px #0000001f,inset 0 0 0 1px #ffffff05}.hero-stats-mini:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#00e5cc33 0%,#0000 40% 60%,#ff8c4233 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hsm-item{transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative}.hsm-item:hover{transform:translateY(-2px)}.hsm-num{background:linear-gradient(135deg, var(--text) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #00e5cc26);-webkit-background-clip:text;background-clip:text}.hsm-div{width:1px;background:linear-gradient(#0000,#00e5cc40,#0000)!important}.hero-scroll-hint{opacity:0;animation:1s 1.5s forwards heroFadeUp}.hero-scroll-hint:before{content:"";pointer-events:none;border:1px solid #00e5cc33;border-radius:50%;width:40px;height:40px;animation:2.5s ease-out infinite heroScrollRing;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes heroScrollRing{0%{opacity:1;transform:translate(-50%)scale(.5)}to{opacity:0;transform:translate(-50%)scale(1.8)}}.hero-above-fold>#communityHeroSection:empty{display:none}@media (prefers-reduced-motion:reduce){#heroSection:after,.hero-kuerda-k,.hero-kuerda:after,.htp-pill:before,.hero-scroll-hint:before{animation:none!important}.hero-tool-pills .htp-pill{opacity:1;animation:none;transform:none}}@media (width<=768px){*,:before,:after{-webkit-backdrop-filter:none!important}.htp-pill,.hero-stats-mini,.tk-card,.modal-content,.nav-glass{background-color:#141414f2!important}}html[data-motion=lite] *,html[data-motion=lite] :before,html[data-motion=lite] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-motion=standard] .hero-kuerda:after,html[data-motion=standard] .pro-strip:after{animation-duration:12s!important}body.light-mode .tk-card{background:linear-gradient(135deg,#fff9,#fff6)!important;border:1px solid #fffffff2!important;box-shadow:0 15px 35px #00000005,0 5px 15px #00000003,inset 0 0 20px #ffffff4d!important}.hero-section-sep{display:none!important}#heroSection:after{background:radial-gradient(40% 30% at 20% 30%,#00e5cc26,#0000 60%),radial-gradient(35% 30% at 80% 60%,#ff8c421f,#0000 60%),radial-gradient(30% 30% at 50% 90%,#8b5cf61a,#0000 60%),radial-gradient(80% 20% at 50% 100vh,#00d4b40d,#0000 70%)}.hero-tools-section{background:repeating-linear-gradient(#0000 0 58px,#ffffff05 58px 59px)!important}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toolkit-grid .tk-card,.toolkit-grid .tk-featured{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards cardSlideUp}.toolkit-grid>:first-child{animation-delay:.1s}.toolkit-grid>:nth-child(2){animation-delay:.18s}.toolkit-grid>:nth-child(3){animation-delay:.26s}.toolkit-grid>:nth-child(4){animation-delay:.34s}.toolkit-grid>:nth-child(5){animation-delay:.42s}.toolkit-grid>:nth-child(6){animation-delay:.5s}.toolkit-grid>:nth-child(7){animation-delay:.58s}.toolkit-grid>:nth-child(8){animation-delay:.66s}.toolkit-grid>:nth-child(9){animation-delay:.74s}.toolkit-grid>:nth-child(10){animation-delay:.82s}.toolkit-grid>:nth-child(11){animation-delay:.9s}.flujos-grid .flujo-card{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards cardSlideUp}.flujos-grid>:first-child{animation-delay:.15s}.flujos-grid>:nth-child(2){animation-delay:.25s}.flujos-grid>:nth-child(3){animation-delay:.35s}.flujos-grid>:nth-child(4){animation-delay:.45s}.tk-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s!important}.tk-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #00d4b426,0 0 40px #00d4b40f!important}.flujo-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s!important}.flujo-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 48px #0006,0 0 30px #00d4b40d!important}@keyframes proShine{0%{left:-100%}to{left:200%}}.pro-strip{position:relative;overflow:hidden}.pro-strip:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 30%,#ffffff0a 45%,#ffffff14 50%,#ffffff0a 55%,#0000 70%);width:50%;height:100%;animation:6s ease-in-out infinite proShine;position:absolute;top:0;left:-100%}.hero-tools-title{text-shadow:0 0 40px #00d4b414!important}.hero-tools-title em{text-shadow:0 0 30px #00d4b433}.hero-tools-eyebrow{text-shadow:0 0 20px #00d4b426}.hero-scroll-hint{animation:2.5s ease-in-out infinite scrollPulse!important}@keyframes scrollPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.toolkit-grid .tk-card,.toolkit-grid .tk-featured,.flujos-grid .flujo-card{opacity:1!important;animation:none!important;transform:none!important}.pro-strip:after,.hero-scroll-hint{animation:none!important}}#heroSection [data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}#heroSection [data-reveal].hero-revealed{opacity:1;transform:translateY(0)}#heroSection [data-reveal-item]{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)scale(.98)}#heroSection [data-reveal-item].hero-revealed{opacity:1;transform:translateY(0)scale(1)}@media (width<=768px){.hero-above-fold{text-align:center!important;padding:0 1.5rem calc(1.5rem + var(--mob-nav-height,64px))!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;min-height:100svh!important;display:flex!important}.hero-kuerda{transform:translateY(var(--wordmark-y,0px));transition:transform 50ms linear;margin-top:calc(2.2rem + var(--mob-nav-height,64px))!important;letter-spacing:.06em!important;filter:drop-shadow(0 0 15px #ff6b3559)!important;margin-bottom:.25rem!important;font-size:clamp(3.2rem,15vw,4.8rem)!important}.hero-kuerda-k{filter:drop-shadow(0 0 15px #ff6b3599)drop-shadow(0 0 35px #ff5a1f4d)!important;animation:4s ease-in-out infinite heroKPulseMobile!important}.hero-kuerda+.hero-value-prop:before{background:linear-gradient(90deg, transparent 0%, var(--teal) 20%, #4ae3c7 50%, var(--teal) 80%, transparent 100%)!important;border-radius:2px!important;width:160px!important;height:4px!important;margin:.5rem auto .8rem!important;animation:.8s cubic-bezier(.16,1,.3,1) .4s both heroLineGrowMobile!important;box-shadow:0 0 8px #00e5cc8c,0 0 20px #00e5cc4d!important}.hero-kuerda+.hero-value-prop:after{background:linear-gradient(90deg, transparent, var(--teal), transparent)!important;filter:blur(6px)!important;opacity:.55!important;border-radius:2px!important;width:160px!important;height:4px!important;margin:-4px auto .8rem!important;animation:.8s cubic-bezier(.16,1,.3,1) .4s both heroLineGrowMobile!important}@keyframes heroLineGrowMobile{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.hero-value-prop{color:#ffffffbf!important;letter-spacing:.02em!important;max-width:90%!important;margin-top:.5rem!important;margin-bottom:.75rem!important;font-size:.84rem!important;line-height:1.4!important;animation:.8s cubic-bezier(.16,1,.3,1) both heroFadeUp!important;display:block!important}.hero-value-prop strong{background:linear-gradient(120deg, var(--teal-300) 0%, #4ae3c7 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:700!important}.hero-tagline{letter-spacing:-.01em!important;color:var(--text)!important;margin-top:.25rem!important;margin-bottom:1.6rem!important;font-size:clamp(1.8rem,8.5vw,2.5rem)!important;font-weight:800!important;line-height:1.15!important;animation:.9s cubic-bezier(.16,1,.3,1) .15s both heroFadeUp!important}.hero-tagline .tagline-accent{background:linear-gradient(135deg, var(--gold-300) 30%, var(--teal-300) 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-style:italic!important}.hero-benefits-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:.6rem!important;width:100%!important;margin:0 0 1.8rem!important;padding:0 .75rem!important;animation:.9s cubic-bezier(.16,1,.3,1) .3s both heroFadeUp!important}.hb-card{background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:14px!important;padding:.75rem 1rem!important}.hb-title{font-size:.88rem!important}.hb-desc{font-size:.74rem!important;line-height:1.4!important}.hb-icon-wrap{border-radius:8px!important;width:38px!important;height:38px!important}.hero-ctas{box-sizing:border-box!important;flex-direction:column!important;gap:.6rem!important;width:100%!important;margin-top:.2rem!important;animation:.9s cubic-bezier(.16,1,.3,1) .4s both heroFadeUp!important;display:flex!important}.hero-cta-primary{width:100%!important;min-height:50px!important;font-family:var(--font-body)!important;box-sizing:border-box!important;background:var(--gradient-teal)!important;color:#051614!important;border:none!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;gap:.6rem!important;padding:.8rem 1.5rem!important;font-size:.92rem!important;font-weight:700!important;display:flex!important;box-shadow:0 8px 24px #00d4b440,0 0 15px #00d4b41a!important}.hero-cta-primary svg{stroke:#051614!important}.hero-stats-mini{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:.8rem!important;width:100%!important;margin-top:1.6rem!important;margin-bottom:.5rem!important;padding:.2rem 0!important;animation:.9s cubic-bezier(.16,1,.3,1) .5s both heroFadeUp!important;display:flex!important}.hero-stats-mini:before{display:none!important}.hsm-item{flex-direction:row!important;align-items:center!important;gap:.3rem!important;display:flex!important;transform:none!important}.hsm-num{font-family:var(--font-mono)!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:var(--teal-300)!important;filter:none!important;font-size:.78rem!important;font-weight:700!important}.hsm-label{font-family:var(--font-body)!important;color:var(--text-secondary)!important;text-transform:lowercase!important;font-size:.72rem!important}.hsm-div{background:#fff3!important;border:none!important;border-radius:50%!important;align-self:center!important;width:3px!important;height:3px!important}#heroSection:before{background-image:linear-gradient(#0000 35%,#0a0a0a80 65%,#0a0a0a 98%),linear-gradient(90deg,#0a0a0ae6 0%,#0a0a0a4d 50%,#0a0a0a33 100%),repeating-linear-gradient(#00e5cc03 0 1px,#0000 1px 12px),url(/hero-bg.png)!important}#heroSection:after{opacity:.35!important;filter:blur(25px)!important;animation:15s ease-in-out infinite alternate heroAuroraMobile!important}}@keyframes heroKPulseMobile{0%,to{filter:drop-shadow(0 0 15px #ff6b358c)drop-shadow(0 0 35px #ff5a1f33)}50%{filter:drop-shadow(0 0 25px #ff6b35bf)drop-shadow(0 0 45px #ff5a1f59)}}@keyframes heroAuroraMobile{0%{transform:translate(0)scale(1)}50%{transform:translate(2%,-1%)scale(1.03)}to{transform:translate(-1%,1.5%)scale(.99)}}@media (width<=768px) and (prefers-reduced-motion:reduce){.hero-above-fold *,.hero-kuerda-k,#heroSection:after{transition:none!important;animation:none!important}}body.light-mode .hero-stats-mini{background:linear-gradient(135deg,#00000008,#00000003);border-color:#00000014}body.light-mode .htp-pill{background:#00000008!important;border-color:#0000001a!important}body.light-mode .htp-pill:hover{background:#00968214!important}body.light-mode .hsm-num{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#111 0%,#007a6e 100%);-webkit-background-clip:text;background-clip:text}body.light-mode #heroSection:before{opacity:.3}body.light-mode #heroSection{overflow:hidden;background-color:#f8f7f4!important}body.light-mode #heroSection:before{opacity:.3;filter:brightness(1.7)contrast(1.2)saturate(1.1)sepia(.15);mix-blend-mode:multiply;background-image:linear-gradient(#0000 20%,#f8f7f4 85%),linear-gradient(90deg,#f8f7f4b3 0%,#f8f7f41a 50%,#0000 100%),url(/hero-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover}body.light-mode #heroSection:after{opacity:.8;background:radial-gradient(circle at 50% 45%,#fff 0%,#0000 65%),radial-gradient(circle at 15% 75%,#00d4b414 0%,#0000 40%),radial-gradient(circle at 85% 25%,#ff8c420d 0%,#0000 50%)}body.light-mode .hero-kuerda{color:#1a1e24;text-shadow:0 10px 30px #00000008}body.light-mode .hero-value-prop,body.light-mode .hero-tagline{color:#555}body.light-mode .tk-card{border:1px solid var(--border-dark)!important;background:linear-gradient(135deg,#fff9,#fff6)!important;box-shadow:0 15px 35px #00000005,0 5px 15px #00000003,inset 0 0 20px #ffffff4d!important}body.light-mode .tk-card:before{content:"";background:linear-gradient(120deg,#0000,#fff6,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}body.light-mode .tk-card:hover:before{transform:translate(100%)}body.light-mode .tk-card-name{color:#111!important}body.light-mode .tk-card-desc{color:#555!important}body.light-mode .hero-tools-line{background:linear-gradient(90deg,#00d4b44d,#0000000a 30%,#0000)!important}body.light-mode .pro-strip{border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;background:linear-gradient(135deg,#fdfcf9,#f5f4f0)!important}body.light-mode .pro-strip-title{color:#1a1a1a}body.light-mode .pro-strip-title span{color:#666}.hero-tool-pills .htp-pill[data-reveal-item]{opacity:1;transform:none;animation:none!important}.hero-stats-mini .hsm-item[data-reveal-item],.tk-featured-v2[data-reveal-item],.tk-mini[data-reveal-item]{opacity:1;transform:none}.hero-tool-pills .htp-pill:not([data-reveal-item]){opacity:0}.krd-reveal--prepared[data-reveal]{opacity:0;transform:translateY(var(--reveal-distance,24px))}.krd-reveal--active[data-reveal],.krd-reveal__item--active[data-reveal-item]{opacity:1!important;transform:translateY(0)scale(1)!important}.hero-scroll-hint,.hero-scroll-arrow,.hero-scroll-hint:before{opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important;display:none!important}#heroSection:before{transform:none!important}.hero-kuerda{transition:none!important;transform:none!important}@media (width<=768px){.hero-tool-pills .htp-pill[data-reveal-item],.hero-stats-mini .hsm-item[data-reveal-item],.tk-featured-v2[data-reveal-item],.tk-mini[data-reveal-item]{animation:1ms linear .5s forwards krdMobileForceVisible}@keyframes krdMobileForceVisible{to{opacity:1;filter:none;transform:none}}}.krd-scroll{appearance:none;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:5;background:0 0;border:0;flex-direction:column;align-items:center;gap:.85rem;padding:4px 12px;transition:opacity .35s;animation:.9s cubic-bezier(.16,1,.3,1) 1.6s forwards krdScrollEnter;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.krd-scroll:hover{opacity:.95}.krd-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:6px;border-radius:4px}.krd-scroll__label{letter-spacing:4px;text-transform:uppercase;color:var(--muted,#8a8a8a);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:DM Mono,monospace;font-size:.55rem;animation:3.2s ease-in-out infinite krdScrollLabelBreathe}.krd-scroll__string{transform-origin:top;background:linear-gradient(#0000 0%,#00e5cc1f 12%,#00e5cc8c 50%,#f5c51873 88%,#0000 100%);border-radius:1px;width:1px;height:56px;animation:4.5s ease-in-out infinite krdScrollStringVibe;position:relative;overflow:visible;box-shadow:0 0 6px #00e5cc2e}.krd-scroll__pluck{width:6px;height:6px;transform:translate3d(-50%, var(--pluck-y,0px), 0) scale(var(--pluck-scale,1));animation:2.4s cubic-bezier(.55,.085,.25,1) infinite krdScrollPluckFall;animation-play-state:var(--pluck-state,running);will-change:transform, opacity;background:radial-gradient(circle,#00e5cc 0%,#00e5ccd9 60%,#0000 100%);border-radius:50%;position:absolute;top:0;left:50%;box-shadow:0 0 8px #00e5cccc,0 0 16px #00e5cc59}.krd-scroll__pluck:before{content:"";opacity:.8;background:linear-gradient(#0000,#00e5cc8c);border-radius:1px;width:1px;height:14px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.krd-scroll__chev{opacity:.7;border-bottom:1.2px solid #00e5cc8c;border-right:1.2px solid #00e5cc8c;width:8px;height:8px;margin-top:-2px;animation:2.4s ease-in-out infinite krdScrollChev;transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.krd-scroll:hover .krd-scroll__string{box-shadow:0 0 10px #00e5cc73}.krd-scroll:hover .krd-scroll__pluck{animation-duration:1.6s}.krd-scroll:hover .krd-scroll__label{color:var(--teal);transition:color .3s}}.krd-scroll:active{transition:transform .12s;transform:translate(-50%,2px)scale(.97)}.hero-scroll-hint{display:none!important}@keyframes krdScrollEnter{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes krdScrollLabelBreathe{0%,to{opacity:.55;letter-spacing:4px}50%{opacity:1;letter-spacing:5px}}@keyframes krdScrollStringVibe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes krdScrollPluckFall{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,48px)}85%{opacity:.4;transform:translate(-50%,56px)}to{opacity:0;transform:translate(-50%,56px)}}@keyframes krdScrollChev{0%,to{opacity:.55;transform:rotate(45deg)translateY(0)}50%{opacity:1;transform:rotate(45deg)translateY(3px)}}@media (width<=768px){.krd-scroll{align-self:center;gap:.65rem;margin-top:auto;position:relative;bottom:auto;left:auto;transform:none}.krd-scroll__label{letter-spacing:3px;font-size:.5rem}.krd-scroll__string{height:42px}@keyframes krdScrollPluckFall{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,36px)}85%{opacity:.4;transform:translate(-50%,42px)}to{opacity:0;transform:translate(-50%,42px)}}}@media (width<=480px){.krd-scroll{bottom:calc(1rem + env(safe-area-inset-bottom,0px) + var(--mob-nav-height,64px))}.krd-scroll__string{height:36px}@keyframes krdScrollPluckFall{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,30px)}85%{opacity:.4;transform:translate(-50%,36px)}to{opacity:0;transform:translate(-50%,36px)}}}body.sidebar-mode .krd-scroll{opacity:0;pointer-events:none;transition:opacity .25s}@media (prefers-reduced-motion:reduce){.krd-scroll,.krd-scroll__label,.krd-scroll__string,.krd-scroll__pluck,.krd-scroll__chev{animation:none!important}.krd-scroll{opacity:1}.krd-scroll__pluck{opacity:.8;transform:translate(-50%,50%)}}body.light-mode .krd-scroll__label,[data-theme=light] .krd-scroll__label{color:#1a1a1a8c}body.light-mode .krd-scroll__chev,[data-theme=light] .krd-scroll__chev{border-color:#00a896a6}.hero-kuerda{will-change:transform}@media (width<=768px){.hero-kuerda{transition:none!important}}@property --tk-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.tk-stats-row{border-top:1px dashed #ffffff0f;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem;padding-top:1.1rem;display:flex}.tk-stat-chip{-webkit-backdrop-filter:blur(10px);font-family:var(--font-body);color:var(--muted);background:#ffffff06;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .9rem;font-size:.72rem;transition:border-color .2s,background .2s;display:inline-flex}.tk-stat-chip:hover{background:#00d4b40a;border-color:#00d4b459}.tk-stat-chip strong{font-family:var(--font-display);letter-spacing:.5px;color:var(--text);font-size:.95rem;font-weight:400}.tk-stat-chip.is-live:before{content:"";background:#00e5cc;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite tkLivePulse;box-shadow:0 0 #00e5cc99}@keyframes tkLivePulse{0%{box-shadow:0 0 #00e5cc8c}70%{box-shadow:0 0 0 7px #00e5cc00}to{box-shadow:0 0 #00e5cc00}}.toolkit-hero,.tk-featured-v2{will-change:transform, opacity}.toolkit-hero{cursor:pointer;isolation:isolate;background:radial-gradient(120% 140% at 0 0,#00e5cc1a,#0000 55%),radial-gradient(100% 130% at 100% 100%,#f5c51814,#0000 60%),linear-gradient(#14161ec7,#0e0f16d9);border:1px solid #ffffff12;border-radius:22px;grid-template-columns:1.35fr 1fr;align-items:stretch;gap:2.5rem;padding:2.4rem 2.6rem;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .5s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.toolkit-hero:before{content:"";border-radius:inherit;background:conic-gradient(from var(--tk-angle,0deg), transparent 0deg, #00e5cc8c 70deg, transparent 140deg, #f5c51873 230deg, transparent 300deg);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;z-index:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;animation:9s linear infinite tkHeroAngle;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes tkHeroAngle{to{--tk-angle:360deg}}.toolkit-hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 80% 20%,#00e5cc0d,#0000 60%);position:absolute;inset:0}.toolkit-hero:hover{border-color:#00e5cc40;transform:translateY(-4px);box-shadow:0 30px 80px #00000080,inset 0 0 0 1px #00e5cc1f}.toolkit-hero>*{z-index:1;position:relative}.tkh-copy{flex-direction:column;gap:1rem;min-width:0;display:flex}.tkh-tags{flex-wrap:wrap;align-items:center;gap:.55rem;display:inline-flex}.tkh-badge-pro{letter-spacing:3px;text-transform:uppercase;color:#f5c518;background:linear-gradient(135deg,#f5c5182e,#f5c5180f);border:1px solid #f5c51866;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex;position:relative;overflow:hidden}.tkh-badge-pro:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:3.2s ease-in-out infinite tkShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes tkShimmer{0%,60%{transform:translate(-100%)}to{transform:translate(200%)}}.tkh-tag-revolution{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);background:#00e5cc14;border:1px solid #00e5cc38;border-radius:4px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-family:DM Mono,monospace;font-size:.56rem;display:inline-flex}.tkh-tag-new{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.55rem}.tkh-tag-new:before{content:"·";margin-right:.55rem}.tkh-title{font-family:var(--font-heading);color:var(--text);letter-spacing:-.5px;margin:0;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;line-height:1.05}.tkh-desc{font-family:var(--font-body);color:var(--text2,#c8c9d1);max-width:540px;font-size:.95rem;line-height:1.55}.tkh-features{grid-template-columns:repeat(2,1fr);gap:.55rem .85rem;margin-top:.35rem;display:grid}.tkh-feat{font-family:var(--font-body);color:var(--text2,#cfd1da);align-items:center;gap:.55rem;font-size:.76rem;display:flex}.tkh-feat svg{color:var(--teal);flex-shrink:0}.tkh-cta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.6rem;display:flex}.tkh-cta{color:#001f1a;font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#00e5cc 0%,#00b09a 100%);border:0;border-radius:10px;align-items:center;gap:.55rem;padding:.9rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00e5cc47,inset 0 0 0 1px #00e5cc66}.tkh-cta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:60%;height:100%;transition:left .7s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.tkh-cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00e5cc66,inset 0 0 0 1px #00e5cc99}.tkh-cta:hover:after{left:130%}.tkh-cta svg{transition:transform .25s}.tkh-cta:hover svg{transform:translate(3px)}.tkh-cta-meta{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.58rem}.tkh-preview{background:linear-gradient(#00000073,#00000040),radial-gradient(80% 80% at 50% 0,#00e5cc1f,#0000 60%);border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.9rem;min-height:260px;padding:1.1rem 1.2rem 1.3rem;display:flex;position:relative;overflow:hidden}.tkh-preview-hud{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.tkh-hud-pill{letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);background:#00e5cc14;border:1px solid #00e5cc38;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex}.tkh-hud-pill .dot{background:#00e5cc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00e5cc}.tkh-hud-stats{letter-spacing:1.5px;color:var(--muted);align-items:center;gap:.6rem;font-family:DM Mono,monospace;font-size:.58rem;display:flex}.tkh-hud-stats b{color:var(--text);font-weight:500;font-family:var(--font-display);letter-spacing:1px;font-size:.85rem}.tkh-wave{justify-content:space-between;align-items:center;gap:2px;height:64px;padding:0 4px;display:flex;position:relative}.tkh-wave span{transform-origin:50%;background:linear-gradient(#00e5cc,#00e5cc4d);border-radius:2px;flex:1;animation:1.6s ease-in-out infinite tkWaveBar}.tkh-wave span:nth-child(odd){animation-duration:1.4s}.tkh-wave span:nth-child(3n){animation-duration:1.9s}.tkh-wave span:nth-child(5n){background:linear-gradient(#f5c518,#f5c5184d)}@keyframes tkWaveBar{0%,to{opacity:.55;transform:scaleY(.18)}50%{opacity:1;transform:scaleY(1)}}.tkh-wave span:first-child{animation-delay:0s}.tkh-wave span:nth-child(2){animation-delay:50ms}.tkh-wave span:nth-child(3){animation-delay:.1s}.tkh-wave span:nth-child(4){animation-delay:.15s}.tkh-wave span:nth-child(5){animation-delay:.2s}.tkh-wave span:nth-child(6){animation-delay:.25s}.tkh-wave span:nth-child(7){animation-delay:.3s}.tkh-wave span:nth-child(8){animation-delay:.35s}.tkh-wave span:nth-child(9){animation-delay:.4s}.tkh-wave span:nth-child(10){animation-delay:.45s}.tkh-wave span:nth-child(11){animation-delay:.5s}.tkh-wave span:nth-child(12){animation-delay:.55s}.tkh-wave span:nth-child(13){animation-delay:.6s}.tkh-wave span:nth-child(14){animation-delay:.65s}.tkh-wave span:nth-child(15){animation-delay:.7s}.tkh-wave span:nth-child(16){animation-delay:.75s}.tkh-wave span:nth-child(17){animation-delay:.8s}.tkh-wave span:nth-child(18){animation-delay:.85s}.tkh-wave span:nth-child(19){animation-delay:.9s}.tkh-wave span:nth-child(20){animation-delay:.95s}.tkh-wave span:nth-child(21){animation-delay:1s}.tkh-wave span:nth-child(22){animation-delay:1.05s}.tkh-wave span:nth-child(23){animation-delay:1.1s}.tkh-wave span:nth-child(24){animation-delay:1.15s}.tkh-wave span:nth-child(25){animation-delay:1.2s}.tkh-wave span:nth-child(26){animation-delay:1.25s}.tkh-wave span:nth-child(27){animation-delay:1.3s}.tkh-wave span:nth-child(28){animation-delay:1.35s}.tkh-wave span:nth-child(29){animation-delay:1.4s}.tkh-wave span:nth-child(30){animation-delay:1.45s}.tkh-wave span:nth-child(31){animation-delay:1.5s}.tkh-wave span:nth-child(32){animation-delay:1.55s}.tkh-chord-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tkh-chord-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-right:.3rem;font-family:DM Mono,monospace;font-size:.55rem}.tkh-chord{min-width:38px;color:var(--teal);font-family:var(--font-body);letter-spacing:.3px;opacity:0;background:#00e5cc14;border:1px solid #00e5cc40;border-radius:6px;justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.82rem;font-weight:700;animation:.55s cubic-bezier(.16,1,.3,1) forwards tkChordReveal;display:inline-flex;transform:translateY(6px)}.tkh-chord:nth-child(2){animation-delay:.25s}.tkh-chord:nth-child(3){animation-delay:.45s}.tkh-chord:nth-child(4){animation-delay:.65s}.tkh-chord:nth-child(5){animation-delay:.85s}@keyframes tkChordReveal{to{opacity:1;transform:translateY(0)}}.tkh-structure{grid-template-columns:1fr 1.2fr 1.5fr 1fr 1fr;gap:3px;height:8px;display:grid}.tkh-struct-seg{border-radius:3px;position:relative;overflow:hidden}.tkh-struct-seg.intro{background:#ffffff14}.tkh-struct-seg.verse{background:#00e5cc59}.tkh-struct-seg.chorus{background:#f5c5188c}.tkh-struct-seg.bridge{background:#6c63ff73}.tkh-struct-seg.outro{background:#ffffff14}.tkh-struct-legend{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.5rem .9rem;margin-top:-.1rem;font-family:DM Mono,monospace;font-size:.52rem;display:flex}.tkh-struct-legend span{align-items:center;gap:.35rem;display:inline-flex}.tkh-struct-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}.toolkit-subheader{align-items:center;gap:1rem;margin:2.6rem 0 1.2rem;display:flex}.toolkit-subheader-label{letter-spacing:4px;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:.25rem 0;font-family:DM Mono,monospace;font-size:.58rem}.toolkit-subheader-line{background:linear-gradient(90deg,#ffffff14,#0000);flex:1;height:1px}.toolkit-subheader-count{letter-spacing:2px;color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:.55rem}.toolkit-featured-row{grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.4rem;display:grid}.tk-featured-v2{cursor:pointer;background:linear-gradient(#14161e99,#0e0f16a6);border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:.85rem;min-height:230px;padding:1.6rem 1.7rem;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.tk-featured-v2:before{content:"";background:radial-gradient(60% 80% at 100% 0%, var(--tkf-tint,#00e5cc1a), transparent 60%);pointer-events:none;opacity:.9;position:absolute;inset:0}.tk-featured-v2:hover{border-color:var(--tkf-border,#00e5cc66);transform:translateY(-4px);box-shadow:0 22px 60px #00000080}.tk-featured-v2>*{position:relative}.tk-f2-tag{letter-spacing:3px;text-transform:uppercase;color:var(--tkf-color,var(--teal));align-self:flex-start;align-items:center;gap:.4rem;font-family:DM Mono,monospace;font-size:.56rem;display:inline-flex}.tk-f2-head{align-items:flex-start;gap:1rem;display:flex}.tk-f2-icon{background:var(--tkf-iconbg,#00e5cc1a);border:1px solid var(--tkf-border,#00e5cc40);width:44px;height:44px;color:var(--tkf-color,var(--teal));border-radius:11px;flex-shrink:0;place-items:center;transition:transform .3s;display:grid}.tk-featured-v2:hover .tk-f2-icon{transform:scale(1.06)rotate(-3deg)}.tk-f2-name{font-family:var(--font-heading);color:var(--text);letter-spacing:-.2px;margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.tk-f2-desc{font-family:var(--font-body);color:var(--text2,#c8c9d1);max-width:360px;font-size:.82rem;line-height:1.5}.tk-f2-genres{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.tk-f2-genres span{letter-spacing:1.5px;color:#f5c518;text-transform:uppercase;background:#f5c51814;border:1px solid #f5c51838;border-radius:4px;padding:.22rem .55rem;font-family:DM Mono,monospace;font-size:.55rem}.tk-f2-genres span:last-child{color:var(--muted);background:0 0;border-color:#ffffff1a}.tk-f2-fretboard{background:linear-gradient(#0000004d,#00000026);border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:space-between;gap:2px;height:60px;margin-top:auto;padding:8px 10px;display:flex;position:relative;overflow:hidden}.tk-f2-fretboard .fb-string{background:#ffffff2e;height:1px;position:relative}.tk-f2-fretboard .fb-string:before{content:"";background:var(--tkf-color,var(--teal));width:8px;height:8px;box-shadow:0 0 8px var(--tkf-color,var(--teal));border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.tk-f2-fretboard .fb-string:first-child:before{animation:4s ease-in-out infinite tkDot;left:18%}.tk-f2-fretboard .fb-string:nth-child(2):before{animation:4s ease-in-out .3s infinite tkDot;left:35%}.tk-f2-fretboard .fb-string:nth-child(3):before{animation:4s ease-in-out .6s infinite tkDot;left:55%}.tk-f2-fretboard .fb-string:nth-child(4):before{animation:4s ease-in-out .9s infinite tkDot;left:70%}.tk-f2-fretboard .fb-string:nth-child(5):before{animation:4s ease-in-out 1.2s infinite tkDot;left:42%}.tk-f2-fretboard .fb-string:nth-child(6):before{animation:4s ease-in-out 1.5s infinite tkDot;left:62%}@keyframes tkDot{0%,to{opacity:.35;transform:translateY(-50%)scale(.85)}50%{opacity:1;transform:translateY(-50%)scale(1)}}.tk-featured-v2.is-prog{--tkf-color:#f5c518;--tkf-tint:#f5c5181a;--tkf-border:#f5c51866;--tkf-iconbg:#f5c5181a}.tk-featured-v2.is-fret{--tkf-color:var(--teal);--tkf-tint:#00e5cc1a;--tkf-border:#00e5cc66;--tkf-iconbg:#00e5cc1a}.toolkit-essentials,.toolkit-analyze{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.tk-mini{cursor:pointer;background:linear-gradient(#14161e8c,#0e0f1699);border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.55rem;min-height:170px;padding:1.2rem 1.15rem 1.1rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.tk-mini:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--tkm-color,transparent), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tk-mini:hover{border-color:var(--tkm-color,#00e5cc59);transform:translateY(-3px);box-shadow:0 16px 44px #0006}.tk-mini:hover:after{opacity:.55}.tk-mini-icon{background:var(--tkm-iconbg,#00e5cc14);border:1px solid var(--tkm-border,#00e5cc2e);width:36px;height:36px;color:var(--tkm-color,var(--teal));border-radius:9px;place-items:center;transition:transform .3s;display:grid}.tk-mini:hover .tk-mini-icon{transform:scale(1.08)}.tk-mini-name{font-family:var(--font-heading);color:var(--text);letter-spacing:-.1px;margin:.1rem 0;font-size:.95rem;font-weight:700}.tk-mini-desc{font-family:var(--font-body);color:var(--muted);flex:1;font-size:.74rem;line-height:1.5}.tk-mini.c-teal{--tkm-color:var(--teal);--tkm-iconbg:#00e5cc14;--tkm-border:#00e5cc38}.tk-mini.c-purple{--tkm-color:#8a82ff;--tkm-iconbg:#6c63ff14;--tkm-border:#6c63ff38}.tk-mini.c-gold{--tkm-color:#f5c518;--tkm-iconbg:#f5c51814;--tkm-border:#f5c51838}.tk-mini.c-accent{--tkm-color:#ff8c42;--tkm-iconbg:#ff6b3514;--tkm-border:#ff6b3540}.tk-mini-badge{letter-spacing:2.5px;text-transform:uppercase;color:var(--tkm-color,var(--accent));background:var(--tkm-iconbg,#ff6b3514);border:1px solid var(--tkm-border,#ff6b3540);border-radius:4px;align-self:flex-start;padding:.15rem .45rem;font-family:DM Mono,monospace;font-size:.5rem}.flujos-v2{grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:1.3rem;display:grid}.flujo-v2{cursor:pointer;background:linear-gradient(#14161e8c,#0e0f1699);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:1rem;padding:1.55rem 1.7rem 1.4rem;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.flujo-v2:before{content:"";background:radial-gradient(60% 80% at 0% 0%, var(--flv-tint), transparent 55%);pointer-events:none;opacity:.8;position:absolute;inset:0}.flujo-v2:hover{border-color:var(--flv-border);transform:translateY(-3px);box-shadow:0 18px 50px #00000073}.flujo-v2>*{position:relative}.flujo-v2-head{align-items:center;gap:.85rem;display:flex}.flujo-v2-icon{background:var(--flv-iconbg);border:1px solid var(--flv-border);width:40px;height:40px;color:var(--flv-color);border-radius:10px;place-items:center;transition:transform .3s;display:grid}.flujo-v2:hover .flujo-v2-icon{transform:rotate(-6deg)scale(1.05)}.flujo-v2-title{font-family:var(--font-heading);color:var(--text);letter-spacing:-.1px;font-size:1.05rem;font-weight:800}.flujo-v2-timeline{align-items:center;gap:0;padding:.35rem 0 .1rem;display:flex;position:relative}.flujo-v2-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.35rem;display:flex;position:relative}.flujo-v2-step .node{background:var(--flv-iconbg);border:1px solid var(--flv-border);width:26px;height:26px;color:var(--flv-color);z-index:2;border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:.65rem;font-weight:600;transition:transform .25s,background .25s;display:grid}.flujo-v2-step:hover .node{background:var(--flv-color);color:#0b0c12;transform:scale(1.15)}.flujo-v2-step .label{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);max-width:80px;font-family:DM Mono,monospace;font-size:.55rem;line-height:1.3;transition:color .2s}.flujo-v2-step:hover .label{color:var(--text)}.flujo-v2-connector{background:linear-gradient(90deg, var(--flv-border), transparent);flex:none;align-self:flex-start;width:14px;height:1px;margin-top:13px;position:relative}.flujo-v2-cta{letter-spacing:2.5px;text-transform:uppercase;color:var(--flv-color);align-self:flex-end;align-items:center;gap:.35rem;margin-top:auto;font-family:DM Mono,monospace;font-size:.58rem;transition:gap .25s;display:inline-flex}.flujo-v2:hover .flujo-v2-cta{gap:.65rem}.flujo-v2.f-improv{--flv-color:var(--teal);--flv-tint:#00e5cc1a;--flv-iconbg:#00e5cc1a;--flv-border:#00e5cc52}.flujo-v2.f-compose{--flv-color:#f5c518;--flv-tint:#f5c51814;--flv-iconbg:#f5c5181a;--flv-border:#f5c51852}.flujo-v2.f-decode{--flv-color:#ff8c42;--flv-tint:#ff8c4214;--flv-iconbg:#ff6b351a;--flv-border:#ff6b3552}.flujo-v2.f-practice{--flv-color:#8a82ff;--flv-tint:#6c63ff14;--flv-iconbg:#6c63ff1a;--flv-border:#6c63ff52}.pro-strip-v2{isolation:isolate;background:radial-gradient(80% 100% at 0 0,#f5c5181a,#0000 55%),radial-gradient(100% 120% at 100% 100%,#ff6b351a,#0000 60%),linear-gradient(#16120ed9,#0e0c0ae6);border:1px solid #f5c5182e;border-radius:22px;max-width:1400px;min-height:0;margin:4rem auto 5rem;padding:2.6rem 2.8rem;position:relative;overflow:hidden}.pro-strip-v2:before{content:"";border-radius:inherit;background:conic-gradient(from var(--tk-angle,0deg), transparent 0deg, #f5c51880 60deg, transparent 130deg, #ff6b3566 220deg, transparent 300deg);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;z-index:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;animation:11s linear infinite tkHeroAngle;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pro-strip-v2-grid{z-index:1;grid-template-columns:1.1fr 1.4fr 1fr;align-items:center;gap:2.5rem;display:grid;position:relative}.psv-eyebrow{letter-spacing:3.5px;text-transform:uppercase;color:#f5c518;align-items:center;gap:.55rem;margin-bottom:.9rem;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex}.psv-bolt{color:#f5c518;background:#f5c51826;border:1px solid #f5c51866;border-radius:50%;place-items:center;width:18px;height:18px;animation:2.4s ease-in-out infinite tkBoltPulse;display:grid}@keyframes tkBoltPulse{0%,to{box-shadow:0 0 #f5c51866}50%{box-shadow:0 0 0 6px #f5c51800}}.psv-price-row{align-items:baseline;gap:.65rem;margin-bottom:.35rem;display:flex}.psv-price{font-family:var(--font-heading);color:var(--text);letter-spacing:-1px;font-size:2.3rem;font-weight:800;line-height:1}.psv-price-period{font-family:var(--font-body);color:var(--muted);font-size:.9rem}.psv-title{font-family:var(--font-heading);color:var(--text);margin:.1rem 0 .55rem;font-size:1.15rem;font-weight:700;line-height:1.3}.psv-title em{color:#f5c518;font-style:italic}.psv-guarantee{font-family:var(--font-body);color:var(--muted);align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.psv-guarantee svg{color:var(--teal)}.psv-benefits{grid-template-columns:repeat(2,1fr);gap:.55rem .9rem;display:grid}.psv-benefit{font-family:var(--font-body);color:var(--text2,#d4d5dd);align-items:center;gap:.55rem;font-size:.8rem;display:flex}.psv-benefit-dot{color:#f5c518;background:#f5c5181f;border:1px solid #f5c51859;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.psv-cta-col{flex-direction:column;align-items:stretch;gap:.9rem;display:flex}.psv-social{font-family:var(--font-body);color:var(--muted);align-items:center;gap:.55rem;font-size:.76rem;display:flex}.psv-stars{color:#f5c518;letter-spacing:1px;font-size:.85rem}.psv-social b{color:var(--text);font-weight:600}.psv-btn{color:#1a1308;font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#f5c518 0%,#e8a317 100%);border:0;border-radius:11px;justify-content:center;align-items:center;gap:.55rem;padding:1rem 1.3rem;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #f5c51847,inset 0 0 0 1px #f5c51880}.psv-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:60%;height:100%;transition:left .8s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.psv-btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px #f5c51866,inset 0 0 0 1px #f5c518b3}.psv-btn:hover:after{left:130%}.psv-micro{text-align:center;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.55rem}.psv-trust{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;justify-content:center;gap:1rem;font-family:DM Mono,monospace;font-size:.55rem;display:flex}.psv-trust span{align-items:center;gap:.3rem;display:inline-flex}@media (width<=1024px){.toolkit-hero{grid-template-columns:1fr;gap:1.6rem;padding:2rem 1.8rem}.tkh-preview{min-height:220px}.toolkit-essentials,.toolkit-analyze{grid-template-columns:repeat(2,1fr)}.pro-strip-v2-grid{grid-template-columns:1fr 1fr;gap:1.8rem}.pro-strip-v2 .psv-cta-col{grid-column:1/-1}}@media (width<=768px){.toolkit-hero{-webkit-backdrop-filter:blur(12px)!important;background:radial-gradient(120% 140% at 0 0,#00e5cc12,#0000 65%),linear-gradient(#14161e66,#0e0f168c)!important;border:1px solid #ffffff14!important;border-radius:18px!important;padding:1.6rem 1.4rem!important;box-shadow:0 10px 30px #00000040!important}.tkh-features{grid-template-columns:1fr!important}.tkh-title{font-size:1.55rem!important}.tk-stats-row{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;border-top:1px solid #ffffff0d!important;flex-wrap:nowrap!important;gap:.55rem!important;width:calc(100% + 2.8rem)!important;margin-left:-1.4rem!important;margin-right:-1.4rem!important;padding:1rem 1.4rem .5rem!important;display:flex!important;overflow-x:auto!important}.tk-stats-row::-webkit-scrollbar{display:none!important}.tk-stat-chip{scroll-snap-align:start!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff08!important;border:1px solid #ffffff12!important;flex:none!important;padding:.45rem .85rem!important;font-size:.7rem!important}.toolkit-featured-row{grid-template-columns:1fr!important;gap:.85rem!important}.tk-featured-v2,.tk-mini,.flujo-v2{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff05!important;border:1px solid #ffffff0f!important;min-height:0!important;padding:1.3rem!important;box-shadow:0 8px 24px #0003!important}.tk-mini{min-height:145px!important;padding:1.1rem 1rem!important}.tk-mini:active,.tk-featured-v2:active,.flujo-v2:active{background:#00e5cc0d!important;border-color:#00e5cc33!important;transform:scale(.98)!important}.toolkit-essentials,.toolkit-analyze{grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important}.flujos-v2{grid-template-columns:1fr!important;gap:.85rem!important}.pro-strip-v2{border-radius:18px!important;margin:2.5rem 1rem 3rem!important;padding:1.8rem 1.4rem!important}.pro-strip-v2-grid{grid-template-columns:1fr!important;gap:1.4rem!important}.psv-benefits{grid-template-columns:1fr!important}.psv-price{font-size:2rem!important}}@media (width<=480px){.toolkit-essentials,.toolkit-analyze{grid-template-columns:1fr}.tkh-cta{justify-content:center;width:100%}.flujo-v2-step .label{font-size:.5rem}}body.light-mode .toolkit-hero{background:radial-gradient(120% 140% at 0 0,#00b4a01a,#0000 55%),radial-gradient(100% 130% at 100% 100%,#d496121a,#0000 60%),linear-gradient(#fdfcf9,#f5f4f0);border-color:#0000000f}body.light-mode .tk-featured-v2,body.light-mode .tk-mini,body.light-mode .flujo-v2{background:#ffffffd9;border-color:#0000000f}body.light-mode .tkh-preview{background:linear-gradient(#ffffffb3,#f5f4f080);border-color:#0000000f}@media (prefers-reduced-motion:reduce){.toolkit-hero:before,.pro-strip-v2:before,.tkh-wave span,.tk-f2-fretboard .fb-string:before,.tkh-badge-pro:before,.tkh-cta:after,.psv-btn:after,.psv-bolt,.tk-stat-chip.is-live:before{animation:none!important}.toolkit-hero:hover,.tk-featured-v2:hover,.tk-mini:hover,.flujo-v2:hover,.psv-btn:hover{transform:none!important}}body.light-mode .toolkit-hero{background:radial-gradient(120% 140% at 0% 0%, #2c7a7b14, transparent 55%), radial-gradient(100% 130% at 100% 100%, #d9770614, transparent 60%), linear-gradient(180deg, var(--panel), var(--bg));border-color:var(--border-light);box-shadow:var(--shadow-md)}body.light-mode .tk-featured-v2,body.light-mode .tk-mini,body.light-mode .flujo-v2{background:var(--panel);border-color:var(--border-light);box-shadow:var(--shadow-sm)}body.light-mode .tk-f2-name,body.light-mode .tk-mini-name,body.light-mode .flujo-v2-title,body.light-mode .tkh-title,body.light-mode .psv-title,body.light-mode .psv-price{color:var(--text)}body.light-mode .tk-f2-desc,body.light-mode .tk-mini-desc,body.light-mode .tkh-desc,body.light-mode .tkh-feat,body.light-mode .psv-benefit{color:var(--text-secondary)}body.light-mode .pro-strip-v2{background:radial-gradient(80% 100% at 0% 0%, #d9770614, transparent 55%), linear-gradient(180deg, var(--panel), var(--bg));border-color:#d9770633}body.light-mode .tkh-preview{background:var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:var(--shadow-sm)}#authModal{z-index:8000;-webkit-backdrop-filter:blur(var(--blur-lg));padding:var(--space-6);background:#070707eb;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#authModal.open{animation:modalFadeIn .4s var(--ease-decelerate) both;display:flex}#authModal.closing{animation:modalFadeOut .25s var(--ease-accelerate) both;pointer-events:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.auth-modal-box{background:var(--surface-1);background-image:var(--gradient-mesh);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-2xl), var(--glow-teal-lg);opacity:0;transition:opacity .45s var(--ease-decelerate), transform .45s var(--ease-decelerate);position:relative;transform:scale(.97)}#authModal.open .auth-modal-box{opacity:1;transform:scale(1)}#authModal.closing .auth-modal-box{opacity:0;transition:opacity .25s var(--ease-accelerate), transform .25s var(--ease-accelerate);transform:scale(.98)}.auth-modal-box:before{content:"";border-radius:inherit;background:var(--border-animated);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--dur-base) var(--ease-liquid);pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background-size:200% 100%;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-modal-box:hover:before{opacity:.4;animation:3s linear infinite borderRotate}.auth-modal-logo{font-family:var(--font-heading);font-size:var(--text-3xl);letter-spacing:.12em;color:var(--text);text-align:center;margin-bottom:var(--space-2);font-weight:800}.auth-modal-tagline{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;color:var(--text-muted);text-align:center;margin-bottom:var(--space-8);text-transform:uppercase;opacity:.7}.auth-tab-row{gap:var(--space-2);background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6);display:flex;position:relative}.auth-tab{padding:var(--space-2) var(--space-4);text-align:center;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--t-hover);z-index:1;background:0 0;border:none;flex:1;position:relative}.auth-tab.active{background:var(--glass-bg-strong);color:var(--teal);box-shadow:var(--shadow-sm), var(--glow-teal-sm);transform:scale(1.02)}.auth-tab:hover:not(.active){color:var(--text);background:var(--glass-bg)}.auth-btn-google{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-3);transition:var(--t-hover);margin-bottom:var(--space-4);display:flex;position:relative;overflow:hidden}.auth-btn-google:hover{border-color:var(--glass-border-lit);background:var(--glass-bg-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-btn-google:active{transform:translateY(0)}.auth-btn-google svg,.auth-btn-google img{flex-shrink:0;width:18px;height:18px}.auth-divider{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--text-muted);margin:var(--space-4) 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);width:38%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-field{margin-bottom:var(--space-4);position:relative}.auth-field label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;display:block}.auth-field input{background:var(--surface-2);border:1px solid var(--glass-border);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--dur-quick) var(--ease-liquid);box-sizing:border-box}.auth-field input:hover{border-color:var(--glass-border-lit);background:var(--surface-3)}.auth-field input:focus{border-color:var(--teal-400);background:var(--surface-3);box-shadow:0 0 0 3px #31979526, var(--glow-teal-sm);outline:none}.auth-field input::placeholder{color:var(--text-muted);opacity:.5}.auth-field input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef444426}.auth-error{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--error);min-height:1.2rem;margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.auth-ok{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--success);min-height:1.2rem;margin-bottom:var(--space-2);text-align:center}.auth-btn-primary{background:var(--gradient-teal);color:#000;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:.05em;cursor:pointer;transition:var(--t-hover);border:none;position:relative;overflow:hidden}.auth-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-btn-primary:hover{filter:brightness(1.1);box-shadow:var(--glow-teal-md);transform:translateY(-1px)}.auth-btn-primary:hover:after{left:100%}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-primary:disabled{opacity:.5;pointer-events:none;filter:grayscale(.5)}.auth-forgot-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:color var(--dur-quick) var(--ease-liquid);text-decoration:none;position:absolute;top:0;right:0}.auth-forgot-link:hover{color:var(--teal);text-decoration:underline}.auth-modal-foot{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-6)}.auth-modal-foot span{color:var(--teal);cursor:pointer;transition:color var(--dur-quick) var(--ease-liquid);text-decoration:underline}.auth-modal-foot span:hover{color:var(--teal-300)}.auth-terms-foot{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4);opacity:.6}.auth-terms-foot a{color:var(--text-muted);transition:color var(--dur-quick) var(--ease-liquid);text-decoration:underline}.auth-terms-foot a:hover{color:var(--text-secondary)}.auth-modal-close{top:var(--space-4);right:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;transition:var(--t-hover);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.auth-modal-close:hover{color:var(--text);background:var(--glass-bg-strong);border-color:var(--glass-border-lit);transform:scale(1.05)}.auth-screen{display:none}.auth-screen.active{animation:tabSlideIn var(--dur-base) var(--ease-decelerate) both;display:block}.auth-msg-sent{text-align:center;padding:var(--space-8) 0}.auth-sent-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);display:block}.auth-msg-sent p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.auth-msg-sent strong{color:var(--teal);font-weight:var(--font-semibold)}@media (width<=640px){#authModal{padding:var(--space-4)}.auth-modal-box{padding:var(--space-8) var(--space-6);max-width:100%}.auth-modal-logo{font-size:var(--text-2xl)}.auth-tab{padding:var(--space-2) var(--space-3);font-size:.65rem}}body.auth-modal-open .page,body.auth-modal-open #heroSection,body.auth-modal-open #mobileBottomNav,body.auth-modal-open .mob-nav-liquid-wrap,body.auth-modal-open #sideNav,body.auth-modal-open #authBar,body.auth-modal-open #favoritesPanel,body.auth-modal-open #searchOverlay,body.auth-modal-open #profileDropdown,body.auth-modal-open .funnel-nudge,body.auth-modal-open #streakNudge,body.auth-modal-open #exitIntentModal,body.auth-modal-open #kuerdaPaywall{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body.light-mode #authModal{background:#f8f7f5f2}body.light-mode .auth-modal-box{background:#fff;border:1px solid #0000001f;box-shadow:0 24px 60px #00000026}body.light-mode .auth-modal-logo{background:linear-gradient(135deg, var(--teal), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.light-mode .auth-tab-row{background:#0000000a;border-color:#0000001f}body.light-mode .auth-tab{color:#666}body.light-mode .auth-tab.active{color:var(--teal);background:#00e5cc1f}body.light-mode .auth-btn-google{color:#222;background:#fff;border-color:#0000002e}body.light-mode .auth-btn-google:hover{background:#00000008;border-color:#00000059}body.light-mode .auth-field input{color:#1a1a1a;background:#f7f7f9;border-color:#00000026}body.light-mode .auth-field input:focus{border-color:var(--teal);background:#fff}body.light-mode .auth-modal-close{color:#666;background:#0000000a;border-color:#0000001f}body.light-mode .auth-modal-close:hover{color:#111;background:#00000014}.profile-dropdown{z-index:9000;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:64px 20px 0 0;display:none;position:fixed;inset:0}.profile-dropdown.open{pointer-events:auto;display:flex}.profile-dropdown-backdrop{-webkit-backdrop-filter:blur(4px)saturate();opacity:0;transition:opacity var(--dur-enter) var(--ease-decelerate);background:#00000059;position:absolute;inset:0}.profile-dropdown.open .profile-dropdown-backdrop{opacity:1}.profile-dropdown-menu{-webkit-backdrop-filter:blur(80px)saturate(210%);opacity:0;transform-origin:100% 0;background:linear-gradient(#141416a6 0%,#0e0e10bf 50%,#0a0a0cd9 100%);border:1px solid #ffffff26;border-radius:28px;grid-template-rows:1fr;grid-template-columns:1fr;width:360px;max-width:calc(100vw - 32px);max-height:85vh;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:scale(.92)translateY(-10px);box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.profile-dropdown.open .profile-dropdown-menu{opacity:1;transform:scale(1)}.profile-dropdown-page{visibility:hidden;opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex-direction:column;grid-area:1/1/2/2;max-height:85vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s;display:flex;overflow-y:auto;transform:translate(24px)scale(.98)}.profile-dropdown-page.active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility;transform:translate(0)scale(1)}.profile-dropdown-page::-webkit-scrollbar{width:4px}.profile-dropdown-page::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff14}.profile-dropdown-header{flex-shrink:0;align-items:center;gap:16px;padding:24px 20px 18px;display:flex;position:relative}.profile-dropdown-avatar-container{flex-shrink:0;width:64px;height:64px;position:relative}.profile-dropdown-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--teal-400), var(--gold-400), var(--teal-300));width:100%;height:100%;font-family:var(--font-heading);color:#000;cursor:pointer;z-index:1;background-size:200% 200%;justify-content:center;align-items:center;font-size:24px;font-weight:700;animation:4s ease-in-out infinite avatarGradient;display:flex;position:relative;box-shadow:0 0 24px #38b2ac66,0 8px 16px #0006}.profile-avatar-badge-instrument{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;width:28px;height:28px;color:var(--teal);background:#141416f2;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 4px 12px #0009}.profile-avatar-badge-instrument:hover{border-color:var(--teal);transform:scale(1.1);box-shadow:0 0 15px #00d4b44d}.profile-avatar-badge-instrument svg{filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}.profile-avatar-badge-level{background:var(--teal);color:#000;z-index:3;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:10px;padding:2px 6px;font-family:DM Mono,monospace;font-size:8px;font-weight:800;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.profile-avatar-badge-level.level-beginner{background:var(--teal);color:#000}.profile-avatar-badge-level.level-intermediate{background:var(--gold);color:#000}.profile-avatar-badge-level.level-advanced{color:var(--text);background:#ff4757}.profile-dropdown-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-avatar-overlay{border-radius:inherit;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;inset:0}.profile-dropdown-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay svg{color:var(--text);width:18px;height:18px}.profile-dropdown-name{cursor:text;border-bottom:1px dashed #0000;transition:border-color .15s cubic-bezier(.25,.46,.45,.94)}.profile-dropdown-name:hover{border-bottom-color:#fff3}.profile-dropdown-name:focus{border-bottom-color:var(--teal-400);outline:none}@keyframes avatarGradient{0%,to{background-position:0%}50%{background-position:100%}}.profile-dropdown-avatar:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #38b2ac40;animation:2s ease-in-out infinite avatarRing;position:absolute;inset:-3px}@keyframes avatarRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.profile-dropdown-avatar:before{content:"";z-index:1;pointer-events:none;background:#22c55e;border:3px solid #141416fa;border-radius:50%;width:13px;height:13px;animation:2.5s ease-in-out infinite statusPulse;position:absolute;bottom:3px;right:3px;box-shadow:0 0 8px #22c55e99}@keyframes statusPulse{0%,to{box-shadow:0 0 6px #22c55e66}50%{box-shadow:0 0 14px #22c55ecc}}.profile-dropdown-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-dropdown-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-dropdown-name{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.2}.profile-dropdown-since{letter-spacing:1px;color:var(--teal);text-transform:uppercase;opacity:.7;margin-top:2px;font-family:DM Mono,monospace;font-size:9px}.profile-dropdown-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--pro);color:var(--pro-text);flex-shrink:0;padding:4px 10px;font-size:9px;font-weight:700;position:relative;overflow:hidden}.profile-dropdown-badge:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff59 50%,#0000 60%);animation:2.5s ease-in-out infinite badgeShimmer;position:absolute;inset:0;transform:translate(-100%)}.profile-dropdown-upgrade{border-radius:var(--radius-md);background:linear-gradient(135deg,#f5c51814,#f5c51808);border:1px solid #f5c51833;justify-content:space-between;align-items:center;gap:12px;margin:8px 16px 12px;padding:10px 14px;display:flex}.profile-dropdown-upgrade__text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown-upgrade__title{font-family:var(--font-heading);color:var(--gold);letter-spacing:-.01em;font-size:13px;font-weight:700}.profile-dropdown-upgrade__sub{font-family:var(--font-body);color:var(--muted);font-size:11px;line-height:1.3}.profile-dropdown-upgrade__btn{background:var(--gold);color:#000;border-radius:var(--radius-sm);font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:none;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:800;transition:transform .15s,filter .15s}.profile-dropdown-upgrade__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.profile-dropdown-stats{grid-template-columns:1fr auto 1fr;gap:12px;padding:0 20px 16px;display:grid}.profile-dropdown-stats>div:first-child,.profile-dropdown-stats>div:last-child{-webkit-backdrop-filter:blur(16px)saturate(120%);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;transition:border-color .15s cubic-bezier(.25,.46,.45,.94),background .15s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.profile-dropdown-stats>div:first-child:hover,.profile-dropdown-stats>div:last-child:hover{background:#ffffff12;border-color:#ffffff1f;transform:translateY(-1px)}.profile-dropdown-stats strong{font-family:var(--font-heading);color:var(--text);font-size:22px;font-weight:700;line-height:1}.profile-dropdown-stats span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:9px}.profile-dropdown-stats-divider{background:linear-gradient(#0000 0%,#ffffff0f 30% 70%,#0000 100%);align-self:stretch;width:1px;margin:6px 0}.profile-dropdown-divider{background:#ffffff0f;height:1px;margin:0}.profile-dropdown-item{width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:0;margin:0;padding:12px 20px;font-size:14px;font-weight:500;transition:background .15s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.profile-dropdown-item:hover{background:#ffffff0f}.profile-dropdown-item:active{background:#ffffff14}.profile-dropdown-item:focus-visible{outline:2px solid var(--teal-400);outline-offset:-2px}.profile-dropdown-item-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:14px;display:flex}.profile-dropdown-item-icon svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.profile-dropdown-item-icon--gold{background:#f59e0b1f}.profile-dropdown-item-icon--gold svg{color:var(--gold-400)}.profile-dropdown-item-icon--danger{background:#ef44441a}.profile-dropdown-item-icon--danger svg{color:var(--error)}.profile-dropdown-item-label{color:var(--text);flex:1;font-size:14px;font-weight:500}.profile-dropdown-item-chevron{width:16px;height:16px;color:var(--text-muted);opacity:.6;flex-shrink:0;margin-left:8px;transition:opacity .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94)}.profile-dropdown-item--nav:hover .profile-dropdown-item-chevron{opacity:1;transform:translate(2px)}#profileDropdownUpgrade .profile-dropdown-item{transition:background .15s cubic-bezier(.25,.46,.45,.94)}#profileDropdownUpgrade .profile-dropdown-item:hover{background:#f59e0b14}#profileDropdownUpgrade .profile-dropdown-item:active{background:#f59e0b1f}.profile-dropdown-item--danger{color:var(--error);position:relative}.profile-dropdown-item--danger:hover{background:#ef44440f}.profile-dropdown-item--danger:active{background:#ef44441a}.profile-dropdown-item--danger .profile-dropdown-item-icon--danger svg,.profile-dropdown-item--danger .profile-dropdown-item-label{color:var(--error)}.profile-dropdown-subheader{-webkit-backdrop-filter:blur(16px);z-index:2;background:linear-gradient(#18181afa 0%,#18181ae6 100%);border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.profile-dropdown-back{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;margin-left:-12px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .15s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.profile-dropdown-back:hover{color:var(--text);background:#ffffff12}.profile-dropdown-back:active{transition-duration:80ms;transform:scale(.96)}.profile-dropdown-back svg{width:16px;height:16px;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.profile-dropdown-back:hover svg{transform:translate(-3px)}.profile-dropdown-subtitle{font-family:var(--font-heading);color:var(--text);letter-spacing:-.02em;font-size:17px;font-weight:700}.profile-dropdown-scroll{flex:1;min-height:0;padding:10px 0;overflow-y:auto}.profile-dropdown-custom{flex-direction:column;gap:14px;padding:0 20px 18px;display:flex}.profile-custom-group{flex-direction:column;gap:8px;display:flex}.profile-custom-label{font-family:var(--font-display);letter-spacing:2px;color:var(--teal);opacity:.8;font-size:.95rem}.pill-selector--mini{gap:6px!important}.pill-selector--mini .pill-option{background:#ffffff08;border:1px solid #ffffff0f;flex:1;border-radius:10px!important;padding:6px 10px!important;font-size:11px!important}.pill-selector--mini .pill-option:hover{background:#ffffff12}.pill-selector--mini .pill-option.active{border-color:var(--teal);color:var(--text);background:linear-gradient(135deg,#00d4b433,#00d4b40d);transform:translateY(-1px);box-shadow:0 4px 15px #00d4b433}@media (width<=640px){.profile-dropdown{justify-content:center;align-items:flex-end;padding:0}.profile-dropdown-menu{opacity:0;border:none;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:85vh;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);transform:translateY(100%);box-shadow:0 -12px 40px #00000080,0 0 0 1px #ffffff0a}.profile-dropdown.open .profile-dropdown-menu{opacity:1;transform:translateY(0)}.profile-dropdown-page{max-height:85vh}.profile-dropdown-stats{padding:0 14px 14px}}.profile-dropdown-footer{background:#0000001a;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.footer-links{align-items:center;gap:8px;display:flex}.footer-links a{color:var(--text-muted);font-size:11px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}.footer-dot{color:#ffffff1a;font-size:10px}.footer-version{letter-spacing:1px;color:#fff3;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.profile-edit-avatar-section{flex-direction:column;align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.profile-edit-avatar-preview{cursor:pointer;background:#ffffff0d;border:2px dashed #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;position:relative;overflow:hidden}.profile-edit-avatar-preview:hover{border-color:var(--teal);background:#00d4b40d}.profile-edit-avatar-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pill-selector--grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.settings-input{width:100%;color:var(--text);font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .2s}.settings-input:focus{border-color:var(--teal);background:#ffffff14;outline:none;box-shadow:0 0 10px #00d4b41a}.profile-name-input-row{align-items:stretch;gap:8px;display:flex}.profile-name-input-row .settings-input{flex:1;min-width:0}.profile-name-input-row .settings-action-btn--save{white-space:nowrap;background:var(--teal);color:#000;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-weight:600;transition:all .2s}.profile-name-input-row .settings-action-btn--save:hover{background:#00f0c8;transform:translateY(-1px)}.profile-dropdown-content--stats{padding:16px 20px}.profile-stats-hero{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.profile-stats-metric{-webkit-backdrop-filter:blur(16px)saturate(120%);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;transition:all .15s cubic-bezier(.25,.46,.45,.94);display:flex}.profile-stats-metric:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.profile-stats-value{font-family:var(--font-heading);color:var(--text);font-size:20px;font-weight:700;line-height:1}.profile-stats-value--display{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:32px;font-weight:400;line-height:1}.profile-stats-unit{font-family:var(--font-body);color:var(--text-muted);opacity:.7;margin-top:-2px;font-size:12px;font-weight:500}.profile-stats-label{font-family:var(--font-body);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;opacity:.6;font-size:11px;font-weight:500}.profile-stats-section{margin-bottom:20px}.profile-stats-section:last-child{margin-bottom:0}.profile-stats-section-title{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em;opacity:.9;margin-bottom:12px;font-size:13px;font-weight:600}.profile-stats-tools{flex-direction:column;gap:8px;display:flex}.profile-stats-tool-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s cubic-bezier(.25,.46,.45,.94);display:flex}.profile-stats-tool-item:hover{background:#ffffff0f;border-color:#ffffff1a}.profile-stats-tool-name{color:var(--text);font-size:13px;font-weight:500}.profile-stats-tool-time{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.profile-stats-history{flex-direction:column;gap:6px;display:flex}.profile-stats-history-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 14px;transition:all .15s cubic-bezier(.25,.46,.45,.94);display:grid}.profile-stats-history-item:hover{background:#ffffff0f;border-color:#ffffff1a}.profile-stats-history-tool{color:var(--text);font-size:13px;font-weight:500}.profile-stats-history-date{color:var(--text-muted);font-size:11px}.profile-stats-history-time{font-family:var(--font-mono);color:var(--teal);font-size:11px;font-weight:600}@media (width<=768px){.profile-dropdown{justify-content:center;align-items:flex-end;padding:0}.profile-dropdown.open{pointer-events:auto}.profile-dropdown-backdrop{-webkit-backdrop-filter:blur(2px)saturate();background:#0000008c}.profile-dropdown-handler{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:28px;display:flex}.profile-dropdown-handler__bar{background:#fff3;border-radius:2px;width:36px;height:4px;transition:width .2s ease-out,background .2s ease-out}.profile-dropdown.open .profile-dropdown-handler__bar{background:#ffffff4d;width:40px}.profile-dropdown-menu{transform-origin:bottom;width:100vw;max-width:100vw;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,16px);border:0;border-top:1px solid #ffffff1a;border-radius:24px 24px 0 0;transition:transform .38s cubic-bezier(.25,1,.5,1),opacity .3s cubic-bezier(.16,1,.3,1);transform:translateY(100%);box-shadow:0 -8px 40px #00000080,inset 0 0 0 1px #ffffff0d}.profile-dropdown.open .profile-dropdown-menu{transform:translateY(0)}.profile-dropdown-menu.dragging{transition:none!important}.profile-dropdown-menu.snapping{transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.profile-dropdown-page{max-height:calc(88vh - 28px);padding-bottom:1rem}.profile-dropdown-header{padding:16px 20px 12px}.profile-dropdown-avatar-container{width:56px;height:56px}.profile-dropdown-avatar{font-size:20px}.profile-dropdown-footer{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}}@media (width>=769px){.profile-dropdown-handler{display:none}}body.light-mode .profile-dropdown-menu{background:#fffffff5;border-color:#0000000f;box-shadow:0 24px 48px #0000001f,0 0 0 1px #00000008}body.light-mode .profile-dropdown-backdrop{background:#00000040}body.light-mode .profile-dropdown-name,body.light-mode .profile-dropdown-subtitle{color:var(--bg)}body.light-mode .profile-dropdown-email,body.light-mode .profile-dropdown-stats span{color:#888}body.light-mode .profile-dropdown-stats>div:first-child,body.light-mode .profile-dropdown-stats>div:last-child{background:#00000005;border-color:#0000000d}body.light-mode .profile-dropdown-stats>div:first-child:hover,body.light-mode .profile-dropdown-stats>div:last-child:hover{background:#0000000a;border-color:#00000012}body.light-mode .profile-dropdown-divider,body.light-mode .profile-dropdown-stats-divider{background:#0000000d}body.light-mode .profile-dropdown-item:hover{background:#00000008}body.light-mode .profile-dropdown-item--danger:before{background:#ef444414}body.light-mode .profile-dropdown-item--danger:hover{background:#ef44440f;box-shadow:0 0 12px #ef44440f}body.light-mode .profile-dropdown-subheader{background:#ffffffe6;border-bottom-color:#0000000d}body.light-mode .profile-dropdown-back:hover{background:#0000000a}body.light-mode #profileDropdownUpgrade .profile-dropdown-item{box-shadow:0 2px 8px #f59e0b26}body.light-mode #profileDropdownUpgrade .profile-dropdown-item:hover{box-shadow:0 4px 16px #f59e0b33}body.light-mode .profile-dropdown-name{color:var(--bg)}body.light-mode .profile-dropdown-name:hover{border-bottom-color:#00000026}body.light-mode .profile-name-input-row .settings-action-btn--save{color:var(--text)}.settings-group{padding:20px 22px}.settings-group-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:10px;font-weight:600;display:block}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row--stacked{flex-direction:column;align-items:stretch;gap:12px}.settings-row-label{font-family:var(--font-body);color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:500;line-height:1.2}.settings-row-desc{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.4}.settings-divider{background:linear-gradient(90deg,#0000 0%,#ffffff0a 15% 85%,#0000 100%);height:1px;margin:0 22px}.pill-selector{flex-wrap:wrap;gap:8px;display:flex}.pill-option{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:border-color .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94),background .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.pill-option:hover{color:var(--text);border-color:#ffffff2e;transform:translateY(-1px)}.pill-option:active{transition-duration:80ms;transform:scale(.97)}.pill-option:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}.pill-option.active{border-color:var(--teal-400);color:var(--teal-200);background:#38b2ac1a;box-shadow:0 0 16px #38b2ac1f,inset 0 1px #ffffff0d}.pill-option svg{flex-shrink:0;width:14px;height:14px}.settings-pro-btn{background:linear-gradient(135deg, var(--gold-400), var(--gold-600));width:100%;font-family:var(--font-heading);color:#000;cursor:pointer;transition:transform var(--dur-quick) var(--ease-spring), box-shadow var(--dur-quick) var(--ease-liquid);letter-spacing:-.01em;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.settings-pro-btn:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff4d 50%,#0000 60%);animation:2.5s ease-in-out infinite proShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes proShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.settings-pro-btn:hover{transform:scale(1.02)translateY(-1px);box-shadow:0 8px 28px #f59e0b59,0 0 0 1px #f59e0b33}.settings-pro-btn:active{transition-duration:var(--dur-touch);transform:scale(.98)}.settings-pro-btn svg{color:#0000008c;flex-shrink:0;width:16px;height:16px}.settings-danger-btn{color:var(--error);font-family:var(--font-body);cursor:pointer;transition:background var(--dur-quick) var(--ease-liquid), border-color var(--dur-quick) var(--ease-liquid), color var(--dur-quick) var(--ease-liquid), box-shadow var(--dur-quick) var(--ease-liquid), transform var(--dur-touch) var(--ease-liquid);background:0 0;border:1px solid #ef44444d;border-radius:10px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:600}.settings-danger-btn:hover{color:#ff6b6b;background:#ef44441a;border-color:#ef444499;box-shadow:0 0 16px #ef44441f}.settings-danger-btn:active{background:#ef444424;transform:scale(.96)}.settings-danger-btn:focus-visible{outline:2px solid var(--error);outline-offset:2px}.settings-row--danger .settings-row-label{color:var(--error)}.settings-toggle{cursor:pointer;width:44px;height:24px;transition:background var(--dur-quick) var(--ease-liquid), border-color var(--dur-quick) var(--ease-liquid);background:#ffffff1a;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;padding:0;position:relative}.settings-toggle.active{background:var(--teal-400);border-color:var(--teal-400)}.settings-toggle-knob{width:18px;height:18px;transition:transform var(--dur-quick) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.settings-toggle.active .settings-toggle-knob{transform:translate(20px)}.slider-row{align-items:center;gap:10px;width:100%;display:flex}.slider-row svg{color:var(--text-muted);flex-shrink:0}.settings-slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 100%);outline:none;flex:1;height:5px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--teal-400);width:18px;height:18px;-webkit-transition:transform var(--dur-quick) cubic-bezier(.34, 1.56, .64, 1), box-shadow .15s cubic-bezier(.25, .46, .45, .94);transition:transform var(--dur-quick) cubic-bezier(.34, 1.56, .64, 1), box-shadow .15s cubic-bezier(.25, .46, .45, .94);border-radius:50%;box-shadow:0 0 10px #38b2ac66,0 0 20px #38b2ac26}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px #38b2ac99,0 0 28px #38b2ac33}.settings-slider::-moz-range-thumb{background:var(--teal-400);border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #38b2ac66}.slider-value{font-family:var(--font-mono);color:var(--text-muted);text-align:right;min-width:36px;font-size:12px}.settings-action-btn{color:var(--text);font-family:var(--font-body);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94),transform 80ms cubic-bezier(.25,.46,.45,.94)}.settings-action-btn:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.settings-action-btn:active{transition-duration:80ms;transform:scale(.97)}.security-form,.password-form{align-items:center;gap:8px;width:100%;display:flex}.password-form{flex-direction:column;align-items:stretch;gap:6px}.security-account{font-family:var(--font-mono);color:var(--text);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.security-account svg{color:var(--teal-400);flex-shrink:0}.security-account--disabled{color:var(--text-muted);background:#ffffff05}.security-account--disabled svg{color:var(--text-muted)}.settings-input{color:var(--text);font-family:var(--font-body);transition:border-color var(--dur-quick) var(--ease-liquid), background var(--dur-quick) var(--ease-liquid), box-shadow var(--dur-quick) var(--ease-liquid);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13px}.settings-input::placeholder{color:var(--text-muted);opacity:.6}.settings-input:focus{background:#ffffff0f;border-color:#00d4b466;box-shadow:0 0 0 3px #00d4b414}.settings-input:disabled{opacity:.4;cursor:not-allowed}.settings-input--pass{font-family:var(--font-mono);letter-spacing:.05em}.security-msg{font-family:var(--font-body);min-height:18px;transition:color var(--dur-quick) var(--ease-liquid);margin-top:6px;font-size:12px}.security-msg--ok{color:var(--teal-400)}.security-msg--error{color:var(--error)}.settings-action-btn--full{justify-content:center;width:100%}.settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.settings-modal-footer{text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);opacity:.6;padding:16px 20px;font-size:11px}body.light-mode .settings-divider{background:linear-gradient(90deg,#0000 0%,#0000000a 15% 85%,#0000 100%)}body.light-mode .settings-group-label{color:#999}body.light-mode .settings-row-label{color:var(--text)}body.light-mode .settings-row-desc{color:#999}body.light-mode .pill-option{color:#666;border-color:#0000000f}body.light-mode .pill-option:hover{color:var(--text);border-color:#00000026}body.light-mode .pill-option.active{border-color:var(--teal-500);color:var(--teal-700);background:#38b2ac14;box-shadow:0 0 12px #00d4b414}body.light-mode .settings-pro-btn{box-shadow:0 2px 8px #f59e0b26}body.light-mode .settings-pro-btn:hover{box-shadow:0 4px 16px #f59e0b33}body.light-mode .settings-danger-btn{border-color:#ef444440}body.light-mode .settings-danger-btn:hover{background:#ef44440f;border-color:#ef444480;box-shadow:0 0 12px #ef444414}body.light-mode .settings-modal-footer{color:#aaa}body.light-mode .settings-toggle{background:#00000014;border-color:#0000001a}body.light-mode .settings-toggle.active{background:var(--teal);border-color:var(--teal)}body.light-mode .settings-slider{background:#00000014}body.light-mode .settings-action-btn{color:var(--text);background:#00000008;border-color:#00000014}body.light-mode .settings-action-btn:hover{background:#0000000f;border-color:#0000001f}body.light-mode .settings-input{color:var(--text);background:#00000008;border-color:#00000014}body.light-mode .settings-input::placeholder{color:#999}body.light-mode .settings-input:focus{border-color:var(--teal);background:#0000000d;box-shadow:0 0 0 3px #00d4b41a}body.light-mode .settings-input:disabled{opacity:.35}body.light-mode .security-account{color:var(--text);background:#00000008;border-color:#0000000f}body.light-mode .security-account--disabled{color:#888;background:#00000005}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:80px;height:80px;font-size:var(--text-4xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.empty-state-icon--pro{background:var(--gradient-pro);box-shadow:var(--glow-gold-sm);border:none}.empty-state-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:9000;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));pointer-events:auto;animation:toastDropIn var(--dur-base) var(--ease-spring) both;max-width:400px;display:flex}@keyframes toastDropIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-exit{animation:toastDropOut var(--dur-quick) var(--ease-accelerate) both}@keyframes toastDropOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}.toast-icon{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-icon--success{color:var(--success);background:#10b98126}.toast-icon--error{color:var(--error);background:#ef444426}.toast-icon--info{color:var(--teal);background:#31979526}.toast-icon--pro{background:var(--gradient-pro);color:#000}.toast-content{flex:1}.toast-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary)}.toast-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--dur-quick);background:0 0;border:none}.toast-close:hover{color:var(--text)}.tooltip{display:inline-block;position:relative}.tooltip-content{bottom:calc(100% + var(--space-2));padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--dur-quick) var(--ease-liquid);z-index:1000;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.tooltip-content:after{content:"";border:6px solid #0000;border-top-color:var(--surface-2);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown{display:inline-block;position:relative}.dropdown-menu{top:calc(100% + var(--space-2));background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-2);box-shadow:var(--shadow-xl), var(--glow-teal-sm);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));opacity:0;visibility:hidden;transition:all var(--dur-base) var(--ease-liquid);z-index:1000;position:absolute;right:0;transform:translateY(-8px)scale(.96)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);cursor:pointer;transition:var(--t-hover);display:flex}.dropdown-item:hover{background:var(--glass-bg)}.dropdown-item-icon{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.dropdown-item:hover .dropdown-item-icon{color:var(--teal)}.dropdown-divider{background:var(--glass-border);height:1px;margin:var(--space-2) 0}.hover-card{background:var(--surface-3);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--t-hover);position:relative;overflow:hidden}.hover-card:before{content:"";background:linear-gradient(135deg, var(--teal-dim) 0%, transparent 50%);opacity:0;transition:opacity var(--dur-base) var(--ease-liquid);pointer-events:none;position:absolute;inset:0}.hover-card:hover{border-color:var(--glass-border-lit);box-shadow:var(--shadow-xl), var(--glow-teal-sm);transform:translateY(-4px)}.hover-card:hover:before{opacity:1}.hover-card-content{z-index:1;position:relative}.pro-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--gradient-pro);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.1em;color:#000;text-transform:uppercase;box-shadow:var(--glow-gold-sm);display:inline-flex;position:relative;overflow:hidden}.pro-tag:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}body.light-mode .empty-state-icon{background:#0000000a;border-color:#00000014}body.light-mode .toast{background:#fff;border-color:#00000014}body.light-mode .tooltip-content{background:#fff;border-color:#0000001f}body.light-mode .dropdown-menu{background:#fff;border-color:#00000014}body.light-mode .dropdown-item:hover{background:#0000000a}body.light-mode .hover-card{background:#fff;border-color:#00000014}body.light-mode .hover-card:before{background:linear-gradient(135deg,#00e5cc1a 0%,#0000 50%)}@media (width<=767px){:root{--container-padding:var(--mob-pad-side)}html{touch-action:auto!important;-webkit-overflow-scrolling:touch!important;overflow:hidden auto!important}body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);touch-action:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:auto!important;overflow:visible!important}input,select,textarea{font-size:16px!important}.page-inner,.tool-inner,.container{padding-left:max(var(--mob-pad-side), env(safe-area-inset-left,0px))!important;padding-right:max(var(--mob-pad-side), env(safe-area-inset-right,0px))!important}.font-mono,[style*=DM\ Mono]{letter-spacing:.02em!important}body.sidebar-mode{padding-bottom:env(safe-area-inset-bottom,0px)!important}.hero-title,.hero-wordmark{letter-spacing:-.03em!important;font-size:clamp(2.5rem,8vw + 1rem,5rem)!important;line-height:.92!important}.hero-subtitle,.hero-desc{max-width:min(90%,600px);margin-left:auto;margin-right:auto;font-size:clamp(.9rem,.8rem + .5vw,1.2rem)!important}@media (width<=374px){.hero-subtitle-desc,.hero-desc{display:none!important}.hero-cta-group,.tk-hero-cta{flex-direction:column!important;gap:.75rem!important}.hero-cta-group .btn,.tk-hero-cta .btn{width:100%!important}}@media (width>=375px) and (width<=767px){.hero-cta-group,.tk-hero-cta{flex-direction:row!important;gap:1rem!important}}.hero-pills-container,.tool-pills-scroll{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;padding:.5rem var(--mob-pad-side)!important;margin-left:calc(-1 * var(--mob-pad-side))!important;margin-right:calc(-1 * var(--mob-pad-side))!important;gap:.5rem!important;display:flex!important;overflow-x:auto!important}.hero-pills-container::-webkit-scrollbar{display:none!important}.hero-pills-container .pill,.tool-pills-scroll .pill-option{scroll-snap-align:start!important;flex-shrink:0!important;padding:.5rem 1rem!important}.hero-cta-btn,#heroCTA,#heroCTAPro,.btn-cta{width:100%!important;min-height:var(--touch-target)!important;justify-content:center!important;align-items:center!important;margin-bottom:.75rem!important;display:flex!important}.hero-stats-row{grid-template-columns:1fr 1fr!important;gap:1rem!important;display:grid!important}.hero-tools-section,.tk-grid{grid-template-columns:1fr!important;gap:1rem!important}.tkh-card{flex-direction:column!important;gap:1rem!important;display:flex!important}.tkh-preview{order:2!important;width:100%!important;height:auto!important;margin-top:1rem!important}.tkh-copy{order:1!important}.tk-mini-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important;display:grid!important}.pro-strip-wrapper,.krd-pro-strip{text-align:center!important;flex-direction:column!important;gap:1rem!important;padding:1.5rem!important}.pro-strip-price{order:-1!important;font-size:2rem!important}.testimonials-grid,.comunidad-grid{grid-template-columns:1fr!important;gap:1rem!important}.aa-layout{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.aa-dropzone{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:40vh!important;display:flex!important}.aa-waveform-container{-webkit-overflow-scrolling:touch!important;height:80px!important;overflow-x:auto!important}.aa-waveform{width:200%!important;height:100%!important}.aa-floating-controls{bottom:calc(var(--mob-nav-height) + env(safe-area-inset-bottom,16px) + 12px)!important;z-index:250!important;-webkit-backdrop-filter:blur(var(--blur-sm))!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-xl)!important;background:#0a0a0acc!important;border-radius:40px!important;gap:.75rem!important;padding:.5rem 1rem!important;display:flex!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}.pg-layout{flex-direction:column!important;display:flex!important}#page-progresiones .pg-layout__rail{width:100%!important;max-height:52px!important;transition:max-height .3s var(--ease-liquid)!important;border-bottom:1px solid var(--border)!important;margin-bottom:1rem!important;position:relative!important;overflow:hidden!important}#page-progresiones .pg-layout__rail.open{max-height:80vh!important;overflow-y:auto!important}.pg-rail-toggle{cursor:pointer!important;background:var(--surface-2)!important;font-family:var(--font-heading)!important;color:var(--text)!important;justify-content:space-between!important;align-items:center!important;padding:1rem!important;font-size:.85rem!important;font-weight:700!important;display:flex!important}.pg-rail-chevron{transition:transform .25s var(--ease-liquid)!important;font-size:.7rem!important}.pg-style-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.pg-chords-carrusel{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:.75rem!important;padding:.5rem 0!important;display:flex!important;overflow-x:auto!important}.pg-chords-carrusel::-webkit-scrollbar{display:none!important}.pg-chord-card{scroll-snap-align:center!important;flex:0 0 70%!important}.profile-dropdown{justify-content:stretch!important;align-items:stretch!important;padding:0!important}.profile-dropdown-backdrop{background:var(--bg)!important;-webkit-backdrop-filter:none!important}.profile-dropdown-menu{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;transition:transform .3s var(--ease-liquid)!important;border:none!important;border-radius:0!important;margin:0!important;transform:translateY(100%)!important}.profile-dropdown.open .profile-dropdown-menu{transform:translateY(0)!important}.profile-dropdown-page{height:100dvh!important;max-height:100dvh!important;padding-bottom:calc(var(--mob-nav-height) + 2rem)!important}.profile-dropdown-header{text-align:center!important;padding:3.5rem var(--mob-pad-side) 1.5rem!important;flex-direction:column!important;align-items:center!important}.profile-dropdown-avatar-container{width:80px!important;height:80px!important;margin-bottom:.5rem!important}.profile-dropdown-stats{padding:0 var(--mob-pad-side) 1.5rem!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.profile-dropdown-stats>div:first-child,.profile-dropdown-stats>div:last-child{border-radius:var(--mob-radius)!important;width:100%!important;padding:1rem!important}.profile-dropdown-scroll{padding:0 var(--mob-pad-side)!important}.profile-dropdown-close-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;cursor:pointer!important;z-index:150!important;width:40px!important;height:40px!important;color:var(--text)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;top:1rem!important;left:1rem!important}.fb-landscape-hint{background:var(--surface-2)!important;border:1px dashed var(--teal-border)!important;color:var(--text-secondary)!important;text-align:center!important;border-radius:8px!important;margin-bottom:1rem!important;padding:.75rem!important;font-size:.8rem!important;display:block!important}.fb-board-container{-webkit-overflow-scrolling:touch!important;padding:.5rem 0!important;overflow-x:auto!important}.fb-board-svg{min-width:600px!important;height:160px!important}.fb-segmented-bar{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:30px!important;gap:.25rem!important;margin-bottom:1rem!important;padding:.25rem!important;display:flex!important}.fb-segmented-btn{text-align:center!important;border:none!important;border-radius:20px!important;flex:1!important;padding:.5rem!important;font-size:.75rem!important}.toast-container,.krd-share-toast,#krdShareToast{animation:toastSlideDown .3s var(--ease-spring) both!important;top:1.5rem!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}#page-fretboard .fb-num-btn,#page-fretboard .fb-note{position:relative}#page-fretboard .fb-num-btn:after,#page-fretboard .fb-note:after{content:"";z-index:10;pointer-events:auto;background:0 0;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#page-fretboard .fb-landscape-hint{display:block!important}#page-tuner .tuner-layout-wide{flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0 1rem 1.5rem!important;display:flex!important}#page-tuner .tuner-col-controls{width:100%!important;min-width:0!important;padding:0!important}#page-tuner .tuner-col-visual-combined{flex-direction:column!important;align-items:center!important;gap:0!important;width:100%!important;min-width:0!important;padding:0!important;display:flex!important;transform:none!important}#page-tuner .tuner-mobile-top-bar{border-bottom:none!important;align-items:center!important;width:100%!important;margin-bottom:.85rem!important;padding:.25rem 0 .85rem!important;display:flex!important}#page-tuner .tuner-mobile-tuning-btn{cursor:pointer!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important}#page-tuner .tuning-mobile-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--muted);text-transform:uppercase;flex-shrink:0;font-size:.58rem}#page-tuner .tuner-mobile-tuning-btn .tuning-current-name{text-align:center;letter-spacing:1px;flex:1;font-family:var(--font-heading)!important;color:var(--text)!important;font-size:1.15rem!important;font-weight:800!important}#page-tuner .tuner-mobile-tuning-btn .tuning-chevron{flex-shrink:0;opacity:.4!important}#page-tuner .tuner-primary-action--mobile-top{width:100%!important;max-width:none!important;margin:0 0 1.1rem!important;display:block!important}#page-tuner .tuner-primary-action--mobile-top .tuner-btn{letter-spacing:2px!important;width:100%!important;padding:1rem!important;font-size:.82rem!important}#page-tuner .tuner-display{width:230px!important;height:230px!important;margin:0 auto!important;transform:none!important}#page-tuner .tuner-center-info{height:85px!important;bottom:12px!important}#page-tuner .tuner-note{margin-top:0!important;font-size:3.2rem!important;line-height:1!important}#page-tuner .tuner-cents{font-size:1.1rem!important}#page-tuner .tuner-cents-wrap{margin-top:.1rem!important}#page-tuner .tuner-status-text{margin-top:.1rem!important;font-size:.68rem!important}#page-tuner .tuner-dial-svg{width:100%!important;height:100%!important}#page-tuner .tuner-listening-waves span{border-width:1px!important}#page-tuner .tuner-strings-line{border-top:1px solid #ffffff0d!important;border-bottom:1px solid #ffffff0d!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;width:100%!important;margin-top:.75rem!important;padding:.5rem 0!important;display:grid!important}#page-tuner .tuner-strings-line .string-ref{background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:0!important;padding:.4rem .25rem!important;display:flex!important;position:relative!important}#page-tuner .tuner-strings-line .string-ref:after{content:""!important;background:var(--teal)!important;width:0!important;height:2px!important;transition:all .25s!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}#page-tuner .tuner-strings-line .string-ref.active:after{width:70%!important}#page-tuner .tuner-strings-line .string-ref.active{background:0 0!important;border:none!important}#page-tuner .tuner-strings-line .separator{display:none!important}#page-tuner .tuner-strings-line .str-name{font-family:var(--font-heading)!important;color:#fff6!important;font-size:1rem!important;font-weight:800!important}#page-tuner .tuner-strings-line .string-ref.active .str-name{color:var(--teal)!important}#page-tuner .tuner-strings-line .str-freq{color:#fff3!important;margin-top:1px!important;font-size:.55rem!important}#page-tuner .tuner-meter-vertical-compact,#page-tuner .tuner-btn-section-pc,#page-tuner .tuner-col-controls .tuner-tuning-selector-group,#page-tuner .tuner-col-controls .tuner-calibration{display:none!important}#page-tuner .tuner-freq-display,#page-tuner #tunerFreqDisplay{font-family:var(--font-display)!important;color:var(--teal)!important;text-align:center!important;letter-spacing:2px!important;margin-top:.4rem!important;font-size:3.5rem!important;display:block!important}#page-tuner .tuner-oscilloscope{width:180px!important;margin-top:.6rem!important}#page-tuner .tuner-oscilloscope canvas{height:36px!important}#page-tuner .tuner-pro-controls{flex-wrap:nowrap!important;gap:0!important}#page-tuner .tuner-pro-toggle{border-right-color:#ffffff0d!important;padding:.4rem .7rem .4rem 0!important;font-size:.65rem!important}#page-tuner .tuner-strobe{width:100%!important;max-width:280px!important;margin:0 auto!important}#page-tuner .tuner-strobe canvas{height:44px!important}#page-tuner .tuner-panel-section{padding:.65rem 0!important}#page-tuner .tuner-tips{padding-top:.5rem!important}#page-metro .page-inner.metro-layout-refined{max-width:none!important;padding-inline:.75rem!important}#page-metro .metro-stage{grid-template-rows:auto auto auto!important;grid-template-columns:1fr!important;place-items:center!important}#page-metro .metro-dial{grid-area:1/1!important}#page-metro .metro-rack{grid-area:2/1!important;grid-template-columns:1fr!important;width:100%!important}#page-metro .metro-stage-hints{grid-row:3!important;display:none!important}#page-metro .metro-viz{aspect-ratio:1!important;width:min(55vw,240px)!important}#page-metro .metro-display-huge{font-size:clamp(2.8rem,14vw,4.5rem)!important}#page-metro .metro-rack__drawer-tabs{flex-direction:row!important}#page-metro .metro-drawer-tab{flex:1!important;min-height:40px!important}#page-metro .metro-transport-primary{min-height:44px!important}#page-metro .metro-transport-tap{width:44px!important;min-height:44px!important}#page-metro .metro-segment-rail.metro-sig-row,#page-metro .metro-segment-rail.metro-sub-row{flex-wrap:wrap!important}#page-metro .metro-sig-pill,#page-metro .metro-sub-pill,#page-metro .metro-step-btn,#page-metro .metro-adj-btn,#page-metro .metro-accent-step{min-height:40px!important}#page-metro .metro-rack-segments{grid-template-columns:1fr!important}#page-metro .metro-drawer.is-open{max-height:min(55dvh,420px)!important}#page-acordes .theory-tabs{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;background:#ffffff0a!important;border:1px solid #ffffff12!important;border-radius:14px!important;gap:6px!important;width:100%!important;margin-bottom:1.25rem!important;padding:8px 4px 10px!important;display:flex!important;overflow-x:auto!important}#page-acordes .theory-tabs::-webkit-scrollbar{display:none!important}#page-acordes .theory-tab{min-height:unset!important;color:#ffffff80!important;letter-spacing:.2px!important;background:0 0!important;border:1px solid #0000!important;border-radius:9px!important;flex-shrink:0!important;padding:7px 14px!important;font-size:11.5px!important;font-weight:600!important;transition:all .2s!important}#page-acordes .theory-tab.active{color:#f5c518!important;background:linear-gradient(135deg,#ff6b3540,#f5c51826)!important;border-color:#ff6b3566!important;box-shadow:0 2px 12px #ff6b3533!important}#page-acordes .chord-cat-panel [id^=grid-],#page-acordes #chordSearchGrid,#page-acordes #chordFavsGrid{grid-template-columns:1fr 1fr!important;gap:1rem!important;display:grid!important}#page-acordes .chord-card-premium svg,#page-acordes .chord-card-premium [id^=svg-] svg{width:100%!important;max-width:100%!important;height:auto!important}#page-acordes .chord-card-premium{padding:.75rem .5rem .6rem!important}.hero-orbs,.ambient-bg__orbs,.orb{background:0 0!important;animation:none!important;display:none!important}.testimonials-grid,.comunidad-grid,.tool-nav,.krd-related-tools{content-visibility:auto!important;contain-intrinsic-size:0 300px!important}@media (width<=640px){#authModal{align-items:flex-end!important;padding:0!important}#authModal .auth-modal-box{width:100vw!important;max-width:100vw!important;padding:2rem 1.5rem calc(2rem + env(safe-area-inset-bottom,16px))!important;transition:transform .3s var(--ease-liquid)!important;border-bottom:none!important;border-radius:24px 24px 0 0!important;transform:translateY(100%)!important}#authModal.open .auth-modal-box{transform:translateY(0)!important}}.theme-toggle{display:none!important}.nav-liquid-pill{opacity:0!important;visibility:hidden!important;display:none!important}.krd-scroll__label,.krd-scroll__string,.krd-scroll__pluck,.krd-scroll__chev,.tkh-wave span,.nav-pro-badge,.hero-orbs,.ambient-bg__orbs,.orb{animation:none!important}.krd-scroll__pluck{opacity:1!important;transform:translate(-50%,28px)!important}.krd-scroll__pluck,[data-reveal],[data-reveal-item]{will-change:auto!important}#authBar.scrolled{box-shadow:0 2px 8px #0000004d!important}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}button:active,[role=button]:active,.hero-cta-primary:active,.mob-nav-btn:active,.mob-nav-fab:active,.bottom-sheet-item:active,.tk-card:active,.tk-mini:active{transition-duration:var(--dur-touch,80ms)!important;transform:scale(.96)!important}}@media (height<=500px) and (width<=1023px){.kn-drop,.kn-drop-wide{-webkit-overflow-scrolling:touch!important;max-height:65vh!important;padding:.5rem 0!important;overflow-y:auto!important}.kn-drop::-webkit-scrollbar{width:4px!important}.kn-drop-wide::-webkit-scrollbar{width:4px!important}.kn-drop::-webkit-scrollbar-thumb{background:#00d4b44d!important;border-radius:4px!important}.kn-drop-wide::-webkit-scrollbar-thumb{background:#00d4b44d!important;border-radius:4px!important}}.mob-auth-pill{display:none}@media (width<=767px){#navBtnLogin,#navBtnRegister{display:none!important}.nav-logo-spotify{-webkit-text-fill-color:transparent!important;background:linear-gradient(160deg,#ffd166 0%,#ff8c42 40%,#ff5a1f 100%)!important;-webkit-background-clip:text!important;border:none!important;width:auto!important;height:auto!important;font-size:1.65rem!important}.kn-search-btn-clean{background:0 0!important;border:none!important;padding:4px 8px!important}.kn-search-btn-clean svg{width:22px!important;height:22px!important}.mob-auth-pill{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;display:inline-flex!important;overflow:visible!important}.mob-auth-pill__login{color:#ffffffbf!important;height:38px!important;font-family:var(--font-body)!important;letter-spacing:.2px!important;cursor:pointer!important;white-space:nowrap!important;min-height:unset!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0 8px!important;font-size:.95rem!important;font-weight:600!important;line-height:1!important;transition:color .15s!important;display:flex!important}.mob-auth-pill__login:active{color:var(--text)!important;background:#ffffff14!important;transform:none!important}.mob-auth-pill__login svg,.mob-auth-pill__sep{display:none!important}.mob-auth-pill__register{color:#000!important;height:38px!important;font-family:var(--font-body)!important;letter-spacing:.2px!important;cursor:pointer!important;white-space:nowrap!important;min-height:unset!important;background:linear-gradient(135deg,#00d4b4 0%,#00b89a 100%)!important;border:none!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0 18px!important;font-size:.95rem!important;font-weight:700!important;line-height:1!important;transition:filter .15s!important;display:flex!important;position:relative!important;overflow:hidden!important}.mob-auth-pill__register:after{content:""!important;pointer-events:none!important;background:linear-gradient(90deg,#0000,#ffffff40,#0000)!important;width:60%!important;height:100%!important;transition:left .35s!important;position:absolute!important;top:0!important;left:-100%!important}.mob-auth-pill__register:active:after{left:150%!important}.mob-auth-pill__register:active{filter:brightness(.88)!important;transform:none!important}.mob-auth-pill__register svg{opacity:.8!important;flex-shrink:0!important}#navAuthBtns{display:flex;align-items:center!important;gap:0!important}.kn-actions-right{gap:.4rem!important}#authBar{width:100%!important;padding-top:max(8px, env(safe-area-inset-top,0px))!important;z-index:1000!important;box-sizing:border-box!important;margin-top:0!important;position:sticky!important;top:0!important;left:0!important;right:0!important;transform:none!important}#authBar .kn-center{display:none!important}#authBar{padding-left:max(1.2rem, env(safe-area-inset-left,0px))!important;padding-right:max(1.2rem, env(safe-area-inset-right,0px))!important;justify-content:space-between!important;align-items:center!important;height:auto!important;min-height:56px!important;padding-bottom:8px!important;display:flex!important}#authBar .kn-search-btn-clean{display:none!important}}.bottom-sheet-drawer{display:none}.bottom-sheet-drawer.open{display:flex}.bottom-sheet-backdrop{display:none}.bottom-sheet-backdrop.visible{display:block}@media (width<=768px){.mob-nav-liquid-wrap{height:calc(var(--mob-nav-height) + env(safe-area-inset-bottom,16px))!important;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;padding-bottom:env(safe-area-inset-bottom,16px)!important;z-index:10000!important;will-change:transform!important;background:#0a0a0ad9!important;border-top:1px solid #ffffff0f!important;justify-content:space-around!important;align-items:center!important;transition:transform .32s cubic-bezier(.25,1,.5,1)!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 30px #0006!important}.mob-nav-liquid-wrap.nav-hidden{transform:translateY(100%)!important}.mob-nav-btn{height:var(--mob-nav-height)!important;color:var(--text-secondary)!important;font-size:.7rem!important;font-family:var(--font-body)!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;font-weight:500!important;transition:color .18s ease-out!important;display:flex!important;position:relative!important}.mob-nav-btn svg{stroke-width:2.2px!important;fill:none!important;width:24px!important;height:24px!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important}.mob-nav-btn.mob-active{color:var(--teal)!important}.mob-nav-btn.mob-active svg{stroke:var(--teal)!important;transform:scale(1.15)!important}.mob-nav-indicator{z-index:-1!important;pointer-events:none!important;background:0 0!important;border:none!important;border-radius:16px!important;height:32px!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important;position:absolute!important;top:6px!important}.mob-nav-fab-wrap{width:var(--mob-fab-size)!important;height:var(--mob-fab-size)!important;margin-top:calc(-1 * var(--mob-fab-size) / 2)!important;z-index:10001!important;position:relative!important}.mob-nav-fab{background:linear-gradient(135deg, var(--teal-400), var(--teal-600))!important;border:3.5px solid var(--bg)!important;width:100%!important;height:100%!important;color:var(--bg)!important;cursor:pointer!important;will-change:transform!important;-webkit-tap-highlight-color:transparent!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease-out!important;display:flex!important;box-shadow:0 2px 12px #31979559,0 0 #31979500!important}.mob-nav-fab:active{transform:scale(.88)!important;box-shadow:0 1px 6px #31979533!important}.mob-nav-fab.open{box-shadow:0 4px 20px #31979566,0 0 0 6px #31979514!important}.mob-nav-fab.fab-active{border-color:#3197954d!important;box-shadow:0 4px 15px #31979580,0 0 0 4px #3197951f!important}.mob-nav-fab svg{width:24px!important;height:24px!important;stroke:var(--bg)!important;stroke-width:2.5px!important;will-change:transform!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.mob-nav-fab.open svg{transform:rotate(135deg)!important}.bottom-sheet-backdrop{display:none;z-index:var(--z-modal-backdrop)!important;opacity:0!important;pointer-events:none!important;will-change:opacity!important;background:#000000a6!important;transition:opacity .28s ease-out!important;position:fixed!important;inset:0!important}.bottom-sheet-backdrop.visible{opacity:1!important;pointer-events:auto!important;display:block!important}.bottom-sheet-drawer{display:none;background:var(--surface-1)!important;z-index:var(--z-modal)!important;max-height:85vh!important;padding-bottom:env(safe-area-inset-bottom,16px)!important;will-change:transform!important;border-top:1px solid #ffffff14!important;border-radius:24px 24px 0 0!important;flex-direction:column!important;transition:transform .38s cubic-bezier(.25,1,.5,1)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translateY(100%)!important;box-shadow:0 -8px 40px #00000080!important}.bottom-sheet-drawer.open{display:flex!important;transform:translateY(0)!important}.bottom-sheet-drawer.dragging{transition:none!important}.bottom-sheet-drawer.snapping{transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.bottom-sheet-handler{cursor:grab!important;touch-action:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:28px!important;display:flex!important}.bottom-sheet-handler:after{content:""!important;background:#ffffff26!important;border-radius:2px!important;width:36px!important;height:4px!important;transition:width .2s ease-out,background .2s ease-out!important}.bottom-sheet-drawer.open .bottom-sheet-handler:after{background:#ffffff40!important;width:40px!important}.bottom-sheet-content{overscroll-behavior:contain!important;padding:0 var(--mob-pad-side) 2rem!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overflow-y:auto!important}.bottom-sheet-header{text-align:center!important;margin-bottom:1.5rem!important}.bottom-sheet-title{font-family:var(--font-heading)!important;color:var(--text)!important;margin-bottom:4px!important;font-size:1.25rem!important;font-weight:700!important}.bottom-sheet-subtitle{color:var(--text-secondary)!important;font-size:.8rem!important}.bottom-sheet-category{margin-bottom:1.5rem!important}.bottom-sheet-category-title{font-family:var(--font-mono)!important;letter-spacing:1.5px!important;color:var(--text-muted)!important;text-transform:uppercase!important;border-left:2px solid var(--teal)!important;margin-bottom:.75rem!important;padding-left:8px!important;font-size:.65rem!important}.bottom-sheet-grid{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;display:grid!important}@media (width<=480px){.bottom-sheet-grid{grid-template-columns:repeat(3,1fr)!important}}.bottom-sheet-item{background:var(--surface-2)!important;border:1px solid var(--border)!important;cursor:pointer!important;text-align:center!important;color:var(--text)!important;-webkit-tap-highlight-color:transparent!important;opacity:1!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:76px!important;padding:.75rem .5rem!important;transition:background .15s ease-out,border-color .15s ease-out!important;display:flex!important;position:relative!important;transform:none!important}.bottom-sheet-item:active{background:var(--surface-3)!important;transition-duration:80ms!important;transform:scale(.94)!important}.bottom-sheet-item-icon{color:var(--text-secondary)!important;justify-content:center!important;align-items:center!important;margin-bottom:6px!important;display:flex!important}.bottom-sheet-item-icon svg{stroke-width:1.8px!important;width:20px!important;height:20px!important}.bottom-sheet-item-label{word-break:break-word!important;font-size:.65rem!important;font-weight:500!important;line-height:1.2!important}.category-crear .bottom-sheet-item-icon{color:var(--mood-energico)!important}.category-crear .bottom-sheet-item:active{border-color:#fb923c66!important}.category-analizar .bottom-sheet-item-icon{color:var(--mood-oscuro)!important}.category-analizar .bottom-sheet-item:active{border-color:#a78bfa66!important}.category-practicar .bottom-sheet-item-icon{color:var(--mood-relajado)!important}.category-practicar .bottom-sheet-item:active{border-color:#34d39966!important}.category-consultar .bottom-sheet-item-icon{color:var(--gold)!important}.category-consultar .bottom-sheet-item:active{border-color:#f59e0b66!important}.bottom-sheet-item-badge{font-family:var(--font-mono)!important;color:var(--gold)!important;background:#f59e0b1a!important;border:1px solid #f59e0b33!important;border-radius:4px!important;padding:1px 3px!important;font-size:.5rem!important;font-weight:700!important;line-height:1!important;position:absolute!important;top:4px!important;right:4px!important}}@media (width<=374px){:root{--mob-pad-side:.75rem}.hero-title,.hero-wordmark{font-size:clamp(2.5rem,10vw,3rem)!important;line-height:.9!important}.hero-subtitle{font-size:clamp(.85rem,.8rem + .5vw,1rem)!important}.hero-cta-group,.tk-hero-cta{flex-direction:column!important;gap:.75rem!important}.hero-cta-group .btn,.tk-hero-cta .btn{width:100%!important}.kn-btn,.mob-nav-btn,.tk-btn{min-height:40px}.toolkit-grid,.testimonials-grid,.comunidad-grid{gap:.75rem!important}.tool-card,.testimonial-card,.feature-card{padding:1rem!important}}@media (width>=768px) and (width<=1023px){.mob-nav-liquid-wrap{display:none!important}.header__nav,.kn-nav{display:flex!important}#authBar{padding-top:env(safe-area-inset-top,0px)}.hero-title,.hero-wordmark{font-size:clamp(3.5rem,8vw,5rem)!important}.hero-subtitle{max-width:600px;font-size:clamp(1rem,1.5vw,1.25rem)!important}.toolkit-grid,.testimonials-grid,.comunidad-grid,.tool-grid{grid-template-columns:repeat(2,1fr)!important}.page-inner,.tool-inner,.container{max-width:720px;margin:0 auto;padding-left:max(1.5rem, env(safe-area-inset-left,0px))!important;padding-right:max(1.5rem, env(safe-area-inset-right,0px))!important}.tool-card,.testimonial-card,.feature-card{padding:1.5rem!important}.hero-cta-group,.tk-hero-cta{flex-direction:row!important;gap:1rem!important}body.sidebar-mode{padding-bottom:0!important}}.page.will-animate{will-change:transform, opacity}.bottom-sheet,.favorites-panel,.profile-dropdown{will-change:transform}.favorites-panel,.profile-dropdown-scroll,.bottom-sheet,.rec-modal-body,.scale-detail-inline,.kn-drop,.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html.krd-scroll-locked,body.krd-scroll-locked{height:100%!important;overflow:hidden!important}@media (hover:none) and (pointer:coarse){.scale-card,.chord-card,.theory-card,.tool-card,.htp-pill,.mob-cat-item,.mob-tool-item,.kn-btn,.kn-drop-item,.bottom-sheet,.bottom-sheet-item,.bottom-sheet-handler,.favorites-panel,.fav-btn,.rec-mini-btn,.snb,.sn-btn,.mob-nav-fab,#mobBottomNav,#sideNav,.hero-ctas,.hero-tool-pills,.pills-track{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (width<=767px){.toolkit-grid .tk-card,.toolkit-grid .tk-featured,.flujos-grid .flujo-card{opacity:1!important;animation:none!important;transform:none!important}.toolkit-hero-wrap,.toolkit-featured-row,.toolkit-hero-wrap [data-reveal-item],.toolkit-featured-row [data-reveal-item]{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.page,.profile-dropdown-scroll,.favorites-panel,.rec-modal-body,.scale-detail-inline{scroll-behavior:auto}}@media (width<=767px){#heroSection:before{will-change:auto!important;background-color:#0000!important;background-image:radial-gradient(80% 60%,#0000 30%,#0a0a0ad9 100%),linear-gradient(#0a0a0a1a 0%,#0a0a0a66 50%,#0a0a0af2 100%),linear-gradient(#0000 0%,#00000026 30%,#00000040 50%,#00000026 70%,#0000 100%),radial-gradient(55% 45% at 75% 85%,#00d4b414,#0000 70%),radial-gradient(60% 50% at 20% 15%,#ff8c421a,#0000 65%),radial-gradient(70% 60% at 50% 40%,#ff6b350a,#0000 60%),linear-gradient(160deg,#0a0a0a 0%,#0d0805 50%,#080808 100%)!important;background-position:50%!important;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat!important;background-size:cover!important;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box!important}#heroSection:after{-webkit-filter:none!important;opacity:.25!important;will-change:auto!important;background:radial-gradient(40% 30% at 20% 30%,#00e5cc14,#0000 60%),radial-gradient(35% 30% at 80% 60%,#ff8c420f,#0000 60%),radial-gradient(30% 30% at 50% 90%,#8b5cf60d,#0000 60%)!important;animation:none!important}.htp-pill,.htp-pill-clone,.htp-pill-gold{-webkit-backdrop-filter:none!important;background:#ffffff0d!important}.hero-kuerda:after{opacity:0!important;animation:none!important}.hero-kuerda-k,.hero-scroll-hint,.hero-scroll-hint:before,.pro-strip:after,.krd-scroll__string,.krd-scroll__pluck,.krd-scroll__chev,.hero-line-grow,.hero-underline{animation:none!important}.hero-orb{display:none!important}.krd-scroll,.krd-scroll__string,.krd-scroll__pluck{animation:none!important}.pro-strip:after{opacity:0!important;animation:none!important}#heroSection,#heroSection:before,#heroSection:after,.hero-above-fold,.hero-kuerda,.hero-tool-pills{will-change:auto!important}}@media (hover:none) and (pointer:coarse){button,[role=button],.btn,.pill,.htp-pill,.mob-nav-btn,.mob-nav-fab,.bottom-sheet-item,.tk-card,.tk-featured,.flujo-card,.chord-card,.scale-card,.theory-card,.hero-cta-primary,.fav-btn,.snb,.kn-btn,.kn-drop-item{transition:transform var(--dur-mob-enter) cubic-bezier(.34, 1.56, .64, 1), opacity var(--dur-mob-exit) ease, background-color var(--dur-mob-exit) ease, border-color var(--dur-mob-exit) ease!important}button:active,[role=button]:active,.btn:active,.pill:active,.htp-pill:active,.mob-nav-btn:active,.mob-nav-fab:active,.bottom-sheet-item:active,.tk-card:active,.tk-featured:active,.flujo-card:active,.chord-card:active,.scale-card:active,.theory-card:active,.hero-cta-primary:active,.fav-btn:active,.snb:active,.kn-btn:active,.kn-drop-item:active{transition-duration:80ms!important;transition-timing-function:ease-out!important;transform:scale(.93)!important}html,body{overscroll-behavior-y:none}.favorites-panel,.profile-dropdown-scroll,.bottom-sheet,.rec-modal-body,.scale-detail-inline,.kn-drop,.modal-body{overscroll-behavior-y:contain}*{touch-action:manipulation}html,body,.page,.page-inner,.tool-inner,.hero-tool-pills,.hero-pills-container,.tool-pills-scroll,.pills-track,.aa-waveform-container,.pg-chords-carrusel,.fb-board-container,.profile-dropdown-scroll,.favorites-panel,.bottom-sheet,.rec-modal-body,.scale-detail-inline,.kn-drop,.modal-body,textarea,input[type=text],input[type=search],input[type=number]{touch-action:auto}input,select,textarea{touch-action:manipulation}}@media (width<=767px){.tk-card,.tk-featured,.tk-featured-v2,.flujo-card,.chord-card,.scale-card,.theory-card,.tool-card,.htp-pill,.mob-nav-btn,.bottom-sheet-item,.krd-acceso-rapido,.hero-stats-mini{contain:layout style paint}}@media (hover:none) and (pointer:coarse){*,:before,:after{-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;outline:none!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--teal)!important;outline-offset:2px!important}}@media (width<=767px){[id]{scroll-margin-top:calc(var(--navbar-height,56px) + env(safe-area-inset-top,0px) + 8px)}button[id],span[id],a[id]{scroll-margin-top:0}.profile-dropdown-menu,.profile-dropdown-page,.bottom-sheet,.favorites-panel,.paywall-modal,.modal-overlay,.search-overlay{height:100dvh!important;max-height:100dvh!important}#authModal{-webkit-backdrop-filter:none!important;background:#070707f5!important;padding:0!important}.auth-modal-box{box-shadow:none!important;background:#0f0f0f!important;border:1px solid #ffffff0f!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:100dvh!important;margin:0!important;padding:3rem 1.5rem 2rem!important;animation:none!important}.auth-modal-box:before{display:none!important}.auth-tab-row{background:#ffffff08!important;border-color:#ffffff0f!important}.auth-tab.active{box-shadow:none!important;background:#00d4b414!important}.auth-field input{-webkit-backdrop-filter:none!important;background:#ffffff0a!important;border-color:#ffffff14!important}.auth-btn-google{background:#ffffff0d!important;border-color:#ffffff14!important}.auth-btn-primary,#authSubmitBtn{box-shadow:none!important;background:var(--teal)!important;color:#0a0a0a!important}#authModal.open{animation:.12s ease-out fadeIn!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-dropdown-backdrop{-webkit-backdrop-filter:none!important;transition:opacity var(--dur-mob-exit) ease!important;background:#000000b3!important}.profile-dropdown-stats>div:first-child,.profile-dropdown-stats>div:last-child{-webkit-backdrop-filter:none!important;background:#ffffff08!important;border-color:#ffffff0f!important}.profile-dropdown-subheader{-webkit-backdrop-filter:none!important;background:#18181afa!important}.profile-dropdown-menu{transition:transform var(--dur-mob-enter) cubic-bezier(.16, 1, .3, 1)!important;opacity:1!important;background:#0f0f0f!important;border-top:1px solid #ffffff14!important;box-shadow:0 -8px 24px #0006!important}.profile-dropdown-avatar:after{opacity:0!important;animation:none!important}.profile-dropdown-avatar:before{animation:none!important}.profile-dropdown-badge:after{opacity:0!important;animation:none!important}.page:not(.visible){content-visibility:auto;contain-intrinsic-size:0 600px}.page.visible.ready{animation-duration:var(--dur-mob-enter)!important}.page-exit{animation-duration:var(--dur-mob-exit)!important}#heroSection,.site-footer{transition:opacity var(--dur-mob-hero) ease, transform var(--dur-mob-hero) ease!important}}.pg-header{border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-bottom:1.5rem;padding:.75rem .5rem 1.25rem;display:flex}.pg-header__breadcrumb{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--teal);opacity:.8;align-items:center;gap:8px;font-size:.65rem;display:flex}.pg-header__crumb--separator{opacity:.4;color:var(--text)}.pg-header__title{font-family:var(--font-heading);letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff 20%,#ffffffb3);-webkit-background-clip:text;margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;line-height:1.1}.pg-header__tagline{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:2px;font-size:.65rem}.tool-shell{background:0 0;border:none;border-radius:0;flex-direction:column;min-height:400px;display:flex;overflow:visible;padding-top:0!important}.tool-shell__header{border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 18px;display:flex}.tool-shell__identity{flex-direction:column;gap:3px;display:flex}.tool-shell__category{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem}.tool-shell__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.tool-shell__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-shell__btn{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--border2);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:7px 14px;font-size:.75rem;font-weight:500}.tool-shell__btn:hover{background:var(--panel-active);color:var(--text);border-color:var(--border-light)}.tool-shell__btn--primary{background:var(--teal);border-color:var(--teal);color:#000;font-weight:600}.tool-shell__btn--primary:hover{background:var(--teal-300);transform:translateY(-1px);box-shadow:0 4px 20px #00d4b44d}.tool-shell__body{flex-direction:column;flex:1;padding:28px 24px;display:flex}.tool-shell__footer{border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 24px;display:flex}.tool-shell__usage{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal,#00d4b4);background:#00d4b40f;border:1px solid #00d4b438;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.57rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.tool-shell__usage--warning{color:var(--gold,#f5c518);background:#f5c51812;border-color:#f5c51852}.tool-shell__upgrade{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--radius-full);color:var(--gold);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#f5c5181f,#f5c5180f);border:1px solid #f5c51840;padding:4px 12px;font-size:.625rem;text-decoration:none}.tool-shell__upgrade:hover{background:#f5c5182e;border-color:#f5c51866}@media (width<=640px){.tool-shell__header{padding:16px 16px 14px}.tool-shell__body{padding:20px 16px}.tool-shell__footer{padding:10px 16px}.tool-shell__title{font-size:1.125rem}.tool-shell__actions{gap:6px}.tool-shell__btn{padding:6px 10px;font-size:.6875rem}}.page.page--tool{padding-top:0!important;padding-bottom:0!important}.page.page--tool .page-inner,.page.page--tool .page-inner.compact{padding:0 1rem 1.5rem!important}[id^=page-].page--tool,[id^=page-].page--tool .page-inner,[id^=page-].page--tool .page-inner.compact{margin-top:0!important;padding-top:0!important}#page-tuner,#page-metro,#page-recorder,#page-backing,#page-audio-analyzer,#page-progresiones,#page-chordfinder,#page-keydetector,#page-transpositor,#page-circulo,#page-fretboard,#page-acordes,#page-escalas{padding-top:0!important}#page-tuner .page-inner,#page-metro .page-inner,#page-recorder .page-inner,#page-backing .page-inner,#page-audio-analyzer .page-inner,#page-progresiones .page-inner,#page-chordfinder .page-inner,#page-keydetector .page-inner,#page-transpositor .page-inner,#page-circulo .page-inner,#page-fretboard .page-inner,#page-acordes .page-inner,#page-escalas .page-inner,.page.page--tool .page-inner>:first-child,.page.page--tool .page-inner>:first-child>:first-child,.page.page--tool .tool-shell,.page.page--tool .pg-header,.page.page--tool .ana-header,.page.page--tool .tp-topbar,.page.page--tool .cf-topbar,.page.page--tool .kd-topbar,.page.page--tool .fb-topbar{margin-top:0!important;padding-top:0!important}.tool-shell__header{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding:.75rem 0 1rem}.tool-shell__category{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.25rem;font-size:.6rem;font-weight:600;display:block}.tool-shell__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.35rem;font-weight:700;line-height:1.15}.tool-shell[data-tool=progresiones] .tool-shell__category{color:var(--accent)}.tool-shell[data-tool=audio-analyzer] .tool-shell__category,.tool-shell[data-tool=keydetector] .tool-shell__category,.tool-shell[data-tool=chordfinder] .tool-shell__category,.tool-shell[data-tool=transpositor] .tool-shell__category{color:var(--purple)}.tool-shell[data-tool=fretboard] .tool-shell__category,.tool-shell[data-tool=escalas] .tool-shell__category,.tool-shell[data-tool=acordes] .tool-shell__category,.tool-shell[data-tool=circulo] .tool-shell__category{color:var(--gold)}.tool-shell .fb-topbar,.tool-shell .tp-topbar,.tool-shell .aa-hero{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;box-shadow:none!important;border:none!important;border-bottom:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;height:auto!important;margin-bottom:1.25rem!important;padding:.75rem 0 1rem!important}.tool-shell .fb-topbar__label,.tool-shell .tp-topbar__label,.tool-shell .aa-hero__title{font-family:var(--font-heading)!important;letter-spacing:-.02em!important;color:var(--text)!important;text-transform:none!important;font-size:1.35rem!important;font-weight:700!important;line-height:1.15!important}.tool-shell .fb-topbar__sub,.tool-shell .tp-topbar__sub{color:var(--muted)!important;margin-top:.2rem!important;font-size:.8rem!important}.tool-shell[data-tool=progresiones] .tool-shell__title{background:linear-gradient(110deg, var(--text) 0%, var(--text) 30%, var(--accent) 65%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#loading-overlay{background:var(--bg-overlay);z-index:9999;transition:opacity var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}body:not(.app-ready) #app{opacity:0}body.app-ready #app{opacity:1;--transition-cubic:cubic-bezier(.4, 0, .2, 1);--transition-premium:all .3s var(--transition-cubic)}.page{opacity:0;contain:layout style;display:none}.page.visible{opacity:0;z-index:1;animation:none;display:block;position:relative}.page.visible.ready{opacity:1;animation:pageEnter var(--dur-page) var(--ease-decelerate) both}@media (width<=768px){.page.visible.ready{animation-duration:var(--dur-mob-page)}}.page-exit{pointer-events:none;animation:pageExit .2s var(--ease-accelerate) both!important}.page.anim-done{will-change:auto}#heroSection{transition:opacity .2s var(--ease-accelerate), transform .2s var(--ease-accelerate);transform-origin:top}#heroSection.will-animate{will-change:opacity, transform}#heroSection.hero-hidden{opacity:0;pointer-events:none;transform:scale(.97)translateY(-14px)}.anim-paused,.anim-paused *{animation-play-state:paused!important}.theory-panel{animation:tabSlideIn var(--dur-base) var(--ease-decelerate) both}.theory-panel.tab-exit{animation:tabSlideIn var(--dur-base) var(--ease-accelerate) reverse both}@media print{.header,.footer,.sidebar,.modal-overlay,.toast-container,button{display:none!important}body{color:#000;background:#fff}#main-content{max-width:100%;margin:0}}.cv-auto,.lazy-page{content-visibility:auto;contain-intrinsic-size:auto 1000px}@media (width<=768px){.cv-auto,.lazy-page{contain-intrinsic-size:auto 600px}:not(#heroSection):not(#heroSection *){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero-orb{opacity:.7!important;display:block!important}#krd-splash:after{display:none}#heroSection [data-reveal],#heroSection [data-reveal-item]{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}button,[data-action],[data-goto],.tool-nav__btn,.metro-main-btn,.kd-detect-btn,.tp-transpose-btn,.chord-organizer__chord{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.qs-overlay{z-index:9999;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;transition:opacity .45s cubic-bezier(.16,1,.3,1),background .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s;display:flex;position:fixed;inset:0}.qs-overlay--open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c}.qs-overlay--closing{opacity:0;pointer-events:none;transition:opacity .3s}.qs-overlay--closing .qs-sheet{transform:translateY(110%)}.qs-sheet{background:#0f0f12f7;border-top:1px solid #ffffff12;border-radius:28px 28px 0 0;width:100%;max-width:680px;padding:0 24px 28px;transition:transform .65s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(110%);box-shadow:0 -20px 60px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff0a}.qs-overlay--open .qs-sheet{transform:translateY(0)}.qs-handle{cursor:grab;-webkit-tap-highlight-color:transparent;justify-content:center;padding:12px 0 8px;display:flex}.qs-handle span{background:#ffffff2e;border-radius:2px;width:40px;height:4px;transition:background .2s}.qs-handle:active span{background:#ffffff59}.qs-skip{letter-spacing:2px;text-transform:uppercase;color:var(--muted,#6b7280);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;transition:color .2s,background .2s;position:absolute;top:16px;right:20px}.qs-skip:hover{color:var(--text,#f0f0ef);background:#ffffff0d}.qs-header{text-align:center;margin-bottom:20px;padding-top:4px}.qs-title{font-family:var(--font-heading);color:var(--text,#f0f0ef);letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:600}.qs-subtitle{font-family:var(--font-body);color:var(--muted,#6b7280);margin:0;font-size:.85rem;font-weight:400}.qs-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.qs-card{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;align-items:flex-start;padding:22px 20px 18px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;animation:.55s cubic-bezier(.16,1,.3,1) both qsCardIn;display:flex;position:relative;overflow:hidden}.qs-card:first-child{animation-delay:.15s}.qs-card:nth-child(2){animation-delay:.28s}@keyframes qsCardIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.qs-card:hover{border-color:#ffffff26;transform:translateY(-5px)scale(1.02);box-shadow:0 12px 32px #00000059}.qs-card:active{transition-duration:.1s;transform:scale(.98)}.qs-card__glow{border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.qs-card--analyzer .qs-card__glow{background:radial-gradient(circle at 50% 0,#00d4b414,#0000 70%)}.qs-card--progresiones .qs-card__glow{background:radial-gradient(circle at 50% 0,#f59e0b14,#0000 70%)}.qs-card:hover .qs-card__glow{opacity:1}.qs-card__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;animation:.5s cubic-bezier(.34,1.56,.64,1) both qsIconIn;display:flex}.qs-card:first-child .qs-card__icon{animation-delay:.3s}.qs-card:nth-child(2) .qs-card__icon{animation-delay:.42s}@keyframes qsIconIn{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.qs-card--analyzer .qs-card__icon{color:#00d4b4;background:linear-gradient(135deg,#00d4b41f,#00d4b40a);border:1px solid #00d4b426}.qs-card--progresiones .qs-card__icon{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border:1px solid #f59e0b26}.qs-card__title{font-family:var(--font-heading);color:var(--text,#f0f0ef);letter-spacing:-.01em;margin:0 0 5px;font-size:1rem;font-weight:600}.qs-card__desc{font-family:var(--font-body);color:var(--muted,#6b7280);margin:0 0 14px;font-size:.78rem;font-weight:400;line-height:1.45}.qs-card__preview{width:100%;margin-top:auto}.qs-wave{width:100%;height:32px;color:var(--teal,#00d4b4);opacity:.6}.qs-chords{flex-wrap:wrap;gap:6px;display:flex}.qs-chord{color:var(--gold,#f59e0b);letter-spacing:.5px;background:#f59e0b14;border:1px solid #f59e0b1f;border-radius:6px;padding:3px 8px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500}.qs-card__arrow{color:#ffffff26;transition:color .2s,transform .25s;position:absolute;top:18px;right:16px}.qs-card:hover .qs-card__arrow{color:#fff9;transform:translate(3px)}.qs-footer{text-align:center;padding-top:4px}.qs-footer__btn{font-family:var(--font-body);color:var(--muted,#6b7280);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:100px;margin-bottom:8px;padding:10px 22px;font-size:.82rem;font-weight:500;transition:all .2s}.qs-footer__btn:hover{color:var(--text,#f0f0ef);background:#ffffff08;border-color:#ffffff2e}.qs-footer__hint{letter-spacing:1.5px;text-transform:uppercase;color:#fff3;font-family:DM Mono,monospace;font-size:.6rem;display:block}@media (width<=640px){.qs-sheet{border-radius:22px 22px 0 0;max-width:100%;padding:0 18px 24px}.qs-grid{grid-template-columns:1fr;gap:12px}.qs-title{font-size:1.3rem}.qs-subtitle{font-size:.8rem}.qs-card{flex-direction:row;align-items:center;gap:14px;padding:18px 16px 14px}.qs-card__icon{border-radius:12px;width:42px;height:42px;margin-bottom:0}.qs-card__content{flex:1;min-width:0}.qs-card__title{margin-bottom:3px;font-size:.95rem}.qs-card__desc{margin-bottom:0;font-size:.72rem}.qs-card__preview,.qs-card__arrow{display:none}.qs-footer__btn{padding:9px 18px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.qs-overlay,.qs-sheet,.qs-card,.qs-card__icon,.qs-card__arrow,.qs-handle span{transition:none!important;animation:none!important}.qs-card,.qs-card__icon{opacity:1;transform:none}}