@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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:var(--font-fira-code),var(--font-music);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--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-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--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-fira-code),var(--font-music);--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-15:15px;--text-17:17px;--text-22:22px;--text-28:28px;--ease-glide:cubic-bezier(.32,.72,0,1);--color-bg:var(--bg);--font-body:var(--font-geist),var(--font-music)}}@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{.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[13\%\]{inset:13%}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-4{inset-inline:calc(var(--spacing)*4)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1/-1}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-auto{margin-inline:auto}.-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[300\/380\]{aspect-ratio:300/380}.aspect-\[760\/270\]{aspect-ratio:760/270}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[72px\]{height:72px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-\[50px\]{min-height:50px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-18{width:calc(var(--spacing)*18)}.w-32{width:calc(var(--spacing)*32)}.w-44{width:calc(var(--spacing)*44)}.w-64{width:calc(var(--spacing)*64)}.w-\[18px\]{width:18px}.w-\[30px\]{width:30px}.w-\[72px\]{width:72px}.w-\[210px\]{width:210px}.w-\[clamp\(52px\,18\.5cqi\,78px\)\]{width:clamp(52px,18.5cqi,78px)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[62ch\]{max-width:62ch}.max-w-\[300px\]{max-width:300px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-\[34px\]{min-width:34px}.min-w-\[38px\]{min-width:38px}.min-w-\[150px\]{min-width:150px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-\[1_1_150px\]{flex:150px}.flex-\[1_1_220px\]{flex:220px}.flex-\[1_1_240px\]{flex:240px}.flex-\[1_1_300px\]{flex:300px}.flex-\[1_1_320px\]{flex:320px}.flex-\[1_1_360px\]{flex:360px}.flex-\[1_1_380px\]{flex:380px}.flex-\[1_1_440px\]{flex:440px}.flex-\[2_1_300px\]{flex:2 300px}.flex-\[3_1_540px\]{flex:3 540px}.flex-\[999_1_520px\]{flex:999 520px}.flex-\[999_1_560px\]{flex:999 560px}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-4{scroll-margin-top:calc(var(--spacing)*4)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[8rem_1fr\]{grid-template-columns:8rem 1fr}.grid-cols-\[10rem_1fr\]{grid-template-columns:10rem 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[repeat\(3\,auto\)\]{grid-template-columns:repeat(3,auto)}.grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(280px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-x-1\.5{column-gap:calc(var(--spacing)*1.5)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-9{column-gap:calc(var(--spacing)*9)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-x-12{column-gap:calc(var(--spacing)*12)}.gap-x-\[18px\]{column-gap:18px}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-2\.5{row-gap:calc(var(--spacing)*2.5)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-12{row-gap:calc(var(--spacing)*12)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[6px\]{border-radius:6px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[var\(--radius-card\)\]{border-radius:var(--radius-card)}.rounded-\[var\(--radius-chip\)\]{border-radius:var(--radius-chip)}.rounded-\[var\(--radius-panel\)\]{border-radius:var(--radius-panel)}.rounded-\[var\(--radius-pill\)\]{border-radius:var(--radius-pill)}.rounded-\[var\(--radius-segment\)\]{border-radius:var(--radius-segment)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--text-primary\)\]{border-color:var(--text-primary)}.border-\[var\(--text-secondary\)\]{border-color:var(--text-secondary)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-bg\)\]{background-color:var(--accent-bg)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--border-strong\)\]{background-color:var(--border-strong)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface-hover\)\]{background-color:var(--surface-hover)}.bg-\[var\(--text-primary\)\]{background-color:var(--text-primary)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.\!p-3{padding:calc(var(--spacing)*3)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-10{padding:calc(var(--spacing)*10)}.p-\[3px\]{padding:3px}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[7px\]{padding-inline:7px}.px-\[18px\]{padding-inline:18px}.\!py-12{padding-block:calc(var(--spacing)*12)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[7px\]{padding-block:7px}.py-\[18px\]{padding-block:18px}.py-px{padding-block:1px}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-\[18px\]{padding-left:18px}.text-center{text-align:center}.text-left{text-align:left}.font-body{font-family:var(--font-geist),var(--font-music)}.font-display{font-family:var(--font-bricolage),var(--font-music)}.font-mono{font-family:var(--font-fira-code),var(--font-music)}.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-28{font-size:var(--text-28)!important}.text-11{font-size:var(--text-11)}.text-12{font-size:var(--text-12)}.text-13{font-size:var(--text-13)}.text-14{font-size:var(--text-14)}.text-15{font-size:var(--text-15)}.text-17{font-size:var(--text-17)}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}.text-\[clamp\(2rem\,1\.3rem\+3vw\,3rem\)\]{font-size:clamp(2rem,1.3rem + 3vw,3rem)}.text-\[clamp\(32px\,4vw\,40px\)\]{font-size:clamp(32px,4vw,40px)}.leading-\[1\.0\]{--tw-leading:1;line-height:1}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.\!text-\[var\(--accent\)\]{color:var(--accent)!important}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--bg\)\]{color:var(--bg)}.text-\[var\(--home-iv-ink\)\]{color:var(--home-iv-ink)}.text-\[var\(--on-accent\)\]{color:var(--on-accent)}.text-\[var\(--surface-elevated\)\]{color:var(--surface-elevated)}.text-\[var\(--text-body\)\]{color:var(--text-body)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.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-\[var\(--shadow\)\]{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-sm\)\]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--border-strong\)\]{--tw-ring-color:var(--border-strong)}.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,)}.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,)}.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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-glide{--tw-ease:var(--ease-glide);transition-timing-function:var(--ease-glide)}.outline-none{--tw-outline-style:none;outline-style:none}@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\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[var\(--accent\)\]:is(:where(.group):hover *){color:var(--accent)}}.placeholder\:text-\[var\(--text-secondary\)\]::placeholder{color:var(--text-secondary)}.focus-within\:border-\[var\(--accent\)\]:focus-within{border-color:var(--accent)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-\[var\(--focus-ring\)\]:focus-within{--tw-ring-color:var(--focus-ring)}@media (hover:hover){.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:bg-\[var\(--accent-dark\)\]:hover{background-color:var(--accent-dark)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--accent-dark\)\]:hover{color:var(--accent-dark)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[var\(--shadow-sm\)\]:hover{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--accent\)\]:focus-visible{outline-color:var(--accent)}.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\:scale-\[0\.97\]:active{scale:.97}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:480px){.min-\[480px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[480px\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:40rem){.sm\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[9rem_1fr\]{grid-template-columns:9rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:self-center{align-self:center}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-7{padding:calc(var(--spacing)*7)}.sm\:p-\[22px\]{padding:22px}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pt-\[22px\]{padding-top:22px}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-28{width:calc(var(--spacing)*28)}.md\:flex-1{flex:1}.md\:rotate-0{rotate:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-stretch{align-items:stretch}.md\:self-end{align-self:flex-end}.md\:py-24{padding-block:calc(var(--spacing)*24)}.md\:py-28{padding-block:calc(var(--spacing)*28)}.md\:pt-10{padding-top:calc(var(--spacing)*10)}.md\:pt-16{padding-top:calc(var(--spacing)*16)}.md\:pt-28{padding-top:calc(var(--spacing)*28)}.md\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\:pb-24{padding-bottom:calc(var(--spacing)*24)}}@media (min-width:64rem){.lg\:right-0{right:calc(var(--spacing)*0)}.lg\:left-auto{left:auto}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:mb-8{margin-bottom:calc(var(--spacing)*8)}.lg\:ml-auto{margin-left:auto}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:h-7{height:calc(var(--spacing)*7)}.lg\:h-8{height:calc(var(--spacing)*8)}.lg\:min-h-0{min-height:calc(var(--spacing)*0)}.lg\:min-h-9{min-height:calc(var(--spacing)*9)}.lg\:w-9{width:calc(var(--spacing)*9)}.lg\:w-80{width:calc(var(--spacing)*80)}.lg\:w-auto{width:auto}.lg\:flex-none{flex:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.lg\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.lg\:grid-cols-\[1fr_1\.3fr\]{grid-template-columns:1fr 1.3fr}.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.lg\:grid-cols-\[repeat\(var\(--neck-cols\)\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(var(--neck-cols),minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-0{padding:calc(var(--spacing)*0)}}@container (min-width:176px){.\@min-\[176px\]\:w-\[104px\]{width:104px}.\@min-\[176px\]\:flex-none{flex:none}.\@min-\[176px\]\:flex-row{flex-direction:row}.\@min-\[176px\]\:items-center{align-items:center}.\@min-\[176px\]\:gap-3{gap:calc(var(--spacing)*3)}}.\[\&_a\]\:inline-flex a{display:inline-flex}.\[\&_a\]\:min-h-11 a{min-height:calc(var(--spacing)*11)}.\[\&_a\]\:items-center a{align-items:center}@media (min-width:64rem){.lg\:\[\&_a\]\:min-h-0 a{min-height:calc(var(--spacing)*0)}}}:root,[data-theme=light]{--bg:#eaedf0;--surface:#f5f7f9;--surface-elevated:#fff;--surface-hover:#e2e5e8;--border:#d7dbe0;--border-strong:#a5acb2;--border-control:var(--border);--text-primary:#0e0f13;--text-secondary:#5f6672;--text-body:#4b5160;--text-muted:#9ca3af}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--bg:lab(93.6162% -.553191 -1.7892);--surface:lab(97.0978% -.333816 -1.07461);--surface-elevated:lab(100% 0 0);--surface-hover:lab(90.7153% -.661671 -2.14585);--border:lab(87.2335% -.876665 -2.85795);--border-strong:lab(69.8289% -1.28996 -4.27327)}}[data-theme=dark]{--bg:#0c0d11;--surface:#141519;--surface-elevated:#1a1b21;--surface-hover:#262f3859;--border:#3b434d33;--border-strong:#3b434d6b;--border-control:var(--border-strong);--text-primary:#eceef5;--text-secondary:#bcc0d7a6;--text-body:#dce0f0bf;--text-muted:#bcc0d759}@supports (color:lab(0% 0 0)){[data-theme=dark]{--surface-hover:lab(18.7658% -1.84783 -6.98735/.35);--border:lab(28.0502% -1.93381 -7.02105/.2);--border-strong:lab(28.0502% -1.93381 -7.02105/.42)}}:root,[data-theme=light]{--accent:#b93004;--accent-dark:#8f1900;--accent-bg:#b930040f;--on-accent:#fcfcfc;--focus-ring:#b93004}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--accent:lab(42.6959% 54.4052 54.4742);--accent-dark:lab(31.0268% 55.1584 59.0806);--accent-bg:lab(42.6959% 54.4052 54.4742/.06);--on-accent:lab(98.84% .0000298023 -.0000119209);--focus-ring:lab(42.6959% 54.4052 54.4742)}}[data-theme=dark]{--accent:#d64c29;--accent-dark:#a72800;--accent-bg:#d64c291a;--on-accent:#0a0e11;--focus-ring:#f07456}@supports (color:lab(0% 0 0)){[data-theme=dark]{--accent:lab(52.0158% 53.9278 49.4895);--accent-dark:lab(38.0314% 54.6826 58.8415);--accent-bg:lab(52.0158% 53.9278 49.4895/.1);--on-accent:lab(3.69007% -.552692 -2.32546);--focus-ring:lab(63.8481% 47.1989 40.2961)}}:root,[data-theme=light]{--shadow-sm:0 1px 4px #0f171f14,0 1px 2px #0f171f0d;--shadow:0 4px 20px #0f171f1a,0 1px 5px #0f171f0f;--shadow-lg:0 10px 40px #0f171f21,0 2px 10px #0f171f12}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--shadow-sm:0 1px 4px lab(7.18439% -1.49957 -6.86639/.08),0 1px 2px lab(7.18439% -1.49957 -6.86639/.05);--shadow:0 4px 20px lab(7.18439% -1.49957 -6.86639/.1),0 1px 5px lab(7.18439% -1.49957 -6.86639/.06);--shadow-lg:0 10px 40px lab(7.18439% -1.49957 -6.86639/.13),0 2px 10px lab(7.18439% -1.49957 -6.86639/.07)}}[data-theme=dark]{--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080}@supports (color:lab(0% 0 0)){[data-theme=dark]{--shadow-sm:0 1px 3px lab(0% 0 0/.3);--shadow:0 4px 16px lab(0% 0 0/.4);--shadow-lg:0 8px 32px lab(0% 0 0/.5)}}:root,[data-theme=light]{--radius-segment:8px;--radius-chip:10px;--radius-panel:16px;--radius-card:20px;--radius-pill:999px;--key-white:#fff;--key-white-border:#a5acb2;--key-black:#1a1b20;--key-black-border:#00000080;--key-black-text:#ffffff8c;--fretboard-nut:#1a1b20;--fretboard-string:#c4c9d6;--fretboard-fret:#e2e5ed}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--key-white:lab(100% 0 0);--key-white-border:lab(69.8289% -1.28996 -4.27327);--key-black-border:lab(0% 0 0/.5)}}[data-theme=dark]{--key-white:#cdd1d6;--key-white-border:#999fa6;--key-black:#05060a;--key-black-border:#ffffff24;--key-black-text:#ffffff8c;--fretboard-nut:#cdd2e8;--fretboard-string:#a0a8c880;--fretboard-fret:#828cbe38}@supports (color:lab(0% 0 0)){[data-theme=dark]{--key-white:lab(83.7534% -.87595 -2.85753);--key-white-border:lab(65.1887% -1.28672 -4.27156);--key-black-border:lab(100% 0 0/.14)}}:root,[data-theme=light]{--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--dur-fast:.16s;--dur-base:.2s;--dur-slow:.32s}.t-h1-chord{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.045em;color:var(--text-primary);font-size:clamp(2.75rem,1.6rem + 3.4vw,4rem);font-weight:800;line-height:1}.t-h1{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.05em;color:var(--text-primary);text-wrap:balance;font-size:40px;font-weight:800;line-height:1.05}.t-h2-step{font-family:var(--font-bricolage),var(--font-music),sans-serif;font-weight:700;font-size:var(--text-22);letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}.t-h3{font-family:var(--font-geist),var(--font-music),sans-serif;font-weight:600;font-size:var(--text-15);color:var(--text-primary);line-height:1.3}.t-lead{font-size:var(--text-17);color:var(--text-body);line-height:1.55}.t-meta{font-size:var(--text-13);color:var(--text-secondary);line-height:1.45}.t-label{font-family:var(--font-fira-code),var(--font-music),monospace;font-weight:500;font-size:var(--text-11);letter-spacing:.06em;color:var(--text-secondary)}.t-kicker{font-family:var(--font-fira-code),var(--font-music),monospace;font-weight:500;font-size:var(--text-11);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);line-height:1.2}.ui-btn{min-height:44px;font:600 var(--text-15)/1.2 var(--font-geist),var(--font-music),system-ui,sans-serif;color:var(--text-primary);white-space:nowrap;cursor:pointer;background:var(--surface-elevated);border:1px solid var(--border-control);border-radius:var(--radius-chip);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-fast)var(--ease-glide),box-shadow var(--dur-fast)var(--ease-glide),color var(--dur-fast)var(--ease-glide),transform var(--dur-base)var(--ease-glide);justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}@media (hover:hover){.ui-btn:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm)}}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:disabled{opacity:.4;cursor:not-allowed}.ui-btn--icon{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-secondary);padding:0}@media (hover:hover){.ui-btn--icon:hover:not(:disabled){color:var(--text-primary)}}.ui-select{border-radius:var(--radius-chip);border:1px solid var(--border-control);background:var(--surface-elevated);min-width:0;height:44px;color:var(--text-primary);transition:border-color var(--dur-fast)var(--ease-glide),box-shadow var(--dur-fast)var(--ease-glide);align-items:center;padding:0 32px 0 12px;font-size:16px;font-weight:600;display:flex;position:relative}@media (hover:hover){.ui-select:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}}.ui-select:has(select:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.ui-select:has(select:disabled){opacity:.4}.ui-select-face{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select select{opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;position:absolute;inset:0}.ui-select select:disabled{cursor:not-allowed}.ui-select-chevron{color:var(--text-secondary);pointer-events:none;margin-top:-3px;position:absolute;top:50%;right:13px}.ui-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:18px 14px}@media (min-width:640px){.ui-card{padding:28px}}:root,[data-theme=light]{--ui-seg-thumb:var(--surface-elevated);--ui-seg-thumb-shadow:var(--shadow-sm)}[data-theme=dark]{--ui-seg-thumb:var(--surface);--ui-seg-thumb-shadow:inset 0 0 0 1px var(--border-strong)}.ui-segmented{border-radius:var(--radius-chip);background:var(--surface-hover);gap:2px;padding:3px;display:inline-flex}.ui-segmented button{border-radius:var(--radius-segment);min-height:40px;font:500 var(--text-14)var(--font-geist),var(--font-music),sans-serif;color:var(--text-secondary);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast)var(--ease-glide),color var(--dur-fast)var(--ease-glide),box-shadow var(--dur-fast)var(--ease-glide);background:0 0;border:0;padding:0 14px}.ui-segmented button:focus-visible{outline-offset:-2px}.ui-segmented button:disabled{opacity:.4;cursor:not-allowed}.ui-segmented button:is([aria-pressed=true],[aria-checked=true],[aria-selected=true]){background:var(--ui-seg-thumb);color:var(--text-primary);box-shadow:var(--ui-seg-thumb-shadow)}@media (min-width:1024px) and (min-height:800px){.chord-aside{position:sticky;top:1.5rem}}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-geist),var(--font-music),system-ui,sans-serif;-webkit-font-smoothing:antialiased}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.55s cubic-bezier(.32,.72,0,1) both fadeUp}.animate-fade-up-delay-1{animation-delay:80ms}.animate-fade-up-delay-2{animation-delay:.16s}.animate-fade-up-delay-3{animation-delay:.24s}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.animate-sheet-up{animation:.32s cubic-bezier(.32,.72,0,1) both sheetUp}.animate-sheet-fade{animation:.24s ease-out both sheetFade}@media (max-width:1023.98px){body:has([data-pinned-bar]){padding-bottom:calc(5.75rem + env(safe-area-inset-bottom))}}.sdm-flow-in{animation:1.6s linear infinite sdmFlowIn}.sdm-flow-out{animation:1.1s linear infinite sdmFlowOut}@keyframes sdmFlowIn{to{stroke-dashoffset:-3.2px}}@keyframes sdmFlowOut{to{stroke-dashoffset:-6px}}.sdm-node,.sdm-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1),border-color .16s ease-out,background-color .16s ease-out}@media (hover:hover){.sdm-node:hover{transform:scale(1.05)}}.sdm-node:active,.sdm-btn:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.sdm-flow-in,.sdm-flow-out{animation:none}.sdm-node,.sdm-btn{transition:none}.sdm-node:hover,.sdm-node:active,.sdm-btn:active{transform:none}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--accent);color:#fff;padding:.6rem 1.1rem;font-size:13px;font-weight:600;transition:transform .22s cubic-bezier(.32,.72,0,1);position:absolute;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus-visible{transform:translate(-50%,.75rem)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-up{opacity:1;animation:none;transform:none}.animate-sheet-up,.animate-sheet-fade{animation:none}}:root{--pm-ink-2:#53595f;--pm-fifth:#1a469d;--pm-fifth-ink:#1a469d;--pm-step:#007a70;--pm-step-ink:#00645b;--pm-third:#747b83;--pm-third-ink:var(--text-primary);--pm-tritone:#be2323;--pm-tritone-ink:#b31319;--pm-borrow:#663e8e;--pm-sec:#8e5300;--pm-sec-ink:#7c4600;--pm-visited:#b9300412;--pm-node-ring:var(--border-strong)}@supports (color:lab(0% 0 0)){:root{--pm-ink-2:lab(37.3471% -1.25541 -4.25555);--pm-fifth:lab(31.1099% 11.8959 -52.6411);--pm-fifth-ink:lab(31.1099% 11.8959 -52.6411);--pm-step:lab(45.6417% -38.3606 -3.83714);--pm-step-ink:lab(37.5211% -38.6167 -3.81398);--pm-third:lab(51.2639% -1.57028 -5.31992);--pm-tritone:lab(42.4236% 59.8149 41.9956);--pm-tritone-ink:lab(38.9304% 59.9305 43.4411);--pm-borrow:lab(34.1885% 30.3768 -38.1319);--pm-sec:lab(41.5772% 23.1652 56.8838);--pm-sec-ink:lab(35.7416% 23.7244 60.3581);--pm-visited:lab(42.6959% 54.4052 54.4742/.07)}}[data-theme=dark]{--pm-ink-2:#9a9eab;--pm-fifth:#77a4f6;--pm-fifth-ink:#87b1fd;--pm-step:#45c1b4;--pm-step-ink:#55cec0;--pm-third:#838d98;--pm-third-ink:var(--text-primary);--pm-tritone:#f66e60;--pm-tritone-ink:#ff7f71;--pm-borrow:#c39dee;--pm-sec:#e2a355;--pm-sec-ink:#efb062;--pm-visited:#d64c2929;--pm-node-ring:#626975}@supports (color:lab(0% 0 0)){[data-theme=dark]{--pm-ink-2:lab(65.0627% .825971 -7.48421);--pm-fifth:lab(66.6344% 1.96823 -46.448);--pm-fifth-ink:lab(71.3966% .879049 -43.0569);--pm-step:lab(71.1628% -37.9168 -3.88355);--pm-step-ink:lab(75.803% -37.8666 -3.88938);--pm-third:lab(58.2169% -2.06196 -7.07777);--pm-tritone:lab(63.591% 52.5925 34.6176);--pm-tritone-ink:lab(68.3403% 49.327 31.9885);--pm-borrow:lab(70.5347% 26.0157 -35.762);--pm-sec:lab(71.9773% 18.2448 49.0154);--pm-sec-ink:lab(76.6296% 18.0329 48.4849);--pm-visited:lab(52.0158% 53.9278 49.4895/.16);--pm-node-ring:lab(44.2463% -.866443 -7.38345)}}@keyframes pmRise{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes pmBar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes pmGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pmPulse{0%{opacity:1}to{opacity:.25}}.pm{color:var(--text-primary)}.pm-main{flex-direction:column;gap:24px;max-width:1240px;margin:0 auto;display:flex}.pm-reading b,.pm-legend-row b{color:var(--text-primary);font-weight:600}.pm-h2{margin:0;font-size:18px;font-weight:600;line-height:1.3}.pm-h3{margin:16px 0 8px;font-size:15px;font-weight:600}.pm-label{color:var(--text-primary);margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.3;display:block}.pm-meta{color:var(--pm-ink-2);margin:0;font-size:13px;font-weight:500;line-height:1.4}.pm-data{font-family:var(--font-fira-code),var(--font-music),monospace;font-variant-ligatures:none;color:var(--text-primary);font-size:13px}.pm-spacer{flex:1}.pm-card-surface{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.pm-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:18px 20px}.pm-panel>.pm-meta:last-child{margin-top:12px}.pm-narrow-only{display:none}.pm-btn,.pm-seg button,.pm-card-main,.pm-card-x,.pm-menu-row,.pm-link,.pm-node{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pm-btn{min-height:44px;font:600 15px/1.2 var(--font-geist),system-ui,sans-serif;color:var(--text-primary);white-space:nowrap;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-chip);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:border-color .16s cubic-bezier(.32,.72,0,1),box-shadow .16s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1);display:inline-flex}[data-theme=dark] .pm-btn{border-color:var(--border-strong)}@media (hover:hover){.pm-btn:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm)}}.pm-btn:active:not(:disabled){transform:scale(.97)}.pm-btn:disabled{opacity:.4;cursor:not-allowed}.pm-icon{width:44px;padding:0}.pm-btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)!important}.pm-btn-small{min-height:36px;padding:0 12px;font-size:14px}.pm-btn-sub{color:var(--pm-ink-2);font-weight:500}.pm-btn-danger{color:var(--pm-tritone-ink)}.pm-link{min-height:32px;font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:8px;padding:0 4px;font-weight:600;text-decoration:underline}.pm-more{position:relative}.pm-more>summary{list-style:none}.pm-more>summary::-webkit-details-marker{display:none}.pm-more-list{z-index:5;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-panel);min-width:170px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.pm-more-list .pm-btn{justify-content:flex-start}.pm-seg{border-radius:var(--radius-chip);background:var(--bg);border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:200px;padding:2px;display:grid}.pm-seg button{border-radius:var(--radius-segment);min-height:38px;font:500 15px var(--font-geist),sans-serif;color:var(--pm-ink-2);cursor:pointer;background:0 0;border:0}.pm-seg button[aria-pressed=true]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.pm-seg button:focus-visible{outline-offset:-2px}.pm-prog{padding:20px 24px 16px}.pm-prog-head{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px;display:flex}.pm-prog-head .pm-meta{margin-right:4px}.pm-type{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pm-type input{border-radius:var(--radius-chip);border:1px solid var(--border-strong);background:var(--surface-elevated);min-width:0;min-height:44px;color:var(--text-primary);font:15px var(--font-fira-code),monospace;flex:220px;padding:0 12px}.pm-type-note{flex-basis:100%}.pm-armed{border-radius:var(--radius-chip);background:var(--accent-bg);border:1px solid var(--accent);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:8px 8px 8px 14px;font-size:15px;display:flex}.pm-armed span{flex:1}.pm-strip{scrollbar-width:thin;overscroll-behavior-x:contain;align-items:stretch;margin:0 -4px;padding:10px 4px 6px;list-style:none;display:flex;overflow-x:auto}.pm-card{background:var(--surface-elevated);border:1px solid var(--border);min-height:112px;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:13px;flex:0 0 140px;transition:opacity .16s,box-shadow .16s,border-color .16s,transform .2s cubic-bezier(.32,.72,0,1);position:relative}[data-theme=dark] .pm-card{border-color:var(--border-strong)}.pm-card[data-layer=borrow]{background:var(--pm-borrow)}@supports (color:color-mix(in lab, red, red)){.pm-card[data-layer=borrow]{background:color-mix(in oklab,var(--pm-borrow)7%,var(--surface-elevated))}}.pm-card[data-layer=borrow]{border:1.5px dashed var(--pm-borrow)}.pm-card[data-layer=sec]{background:var(--pm-sec)}@supports (color:color-mix(in lab, red, red)){.pm-card[data-layer=sec]{background:color-mix(in oklab,var(--pm-sec)8%,var(--surface-elevated))}}.pm-card[data-layer=sec]{border:1.5px dashed var(--pm-sec)}.pm-card[data-playing]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 14px var(--accent);border-style:solid}@supports (color:color-mix(in lab, red, red)){.pm-card[data-playing]{box-shadow:0 0 0 1px var(--accent),0 4px 14px color-mix(in oklab,var(--accent)22%,transparent)}}.pm-card[data-dragging]{opacity:.35}.pm-card[data-replace]{outline:2px solid var(--accent);outline-offset:2px}.pm-card[data-replace] .pm-card-name{opacity:.3}.pm-card[data-armed]{box-shadow:0 0 0 2px var(--accent),var(--shadow-sm)}.pm-card[data-entered]{animation:.32s cubic-bezier(.32,.72,0,1) pmRise}.pm-card[data-insert-first]:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:-9px}.pm-card-main{box-sizing:border-box;border-radius:inherit;width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:grab;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px 14px;display:flex}.pm-card-main:active{cursor:grabbing}.pm-card-top{justify-content:space-between;align-items:center;width:100%;min-height:16px;display:flex}.pm-card-rn{font-family:var(--font-fira-code),var(--font-music),monospace;color:var(--pm-ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pm-card-name{letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1.05}.pm-card-fn{border-radius:var(--radius-pill);background:var(--bg);color:var(--pm-ink-2);white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.pm-card[data-layer=borrow] .pm-card-fn{background:var(--pm-borrow)}@supports (color:color-mix(in lab, red, red)){.pm-card[data-layer=borrow] .pm-card-fn{background:color-mix(in oklab,var(--pm-borrow)14%,transparent)}}.pm-card[data-layer=borrow] .pm-card-fn{color:var(--pm-borrow)}.pm-card[data-layer=sec] .pm-card-fn{background:var(--pm-sec)}@supports (color:color-mix(in lab, red, red)){.pm-card[data-layer=sec] .pm-card-fn{background:color-mix(in oklab,var(--pm-sec)16%,transparent)}}.pm-card[data-layer=sec] .pm-card-fn{color:var(--pm-sec-ink)}.pm-card-x{border-radius:var(--radius-segment);width:30px;height:30px;color:var(--pm-ink-2);cursor:pointer;opacity:0;background:0 0;border:0;justify-content:center;align-items:center;transition:opacity .14s,background-color .14s;display:flex;position:absolute;top:4px;right:4px}.pm-card:hover .pm-card-x,.pm-card-x:focus-visible{opacity:1}.pm-card-x:hover{background:var(--surface-hover);color:var(--text-primary)}.pm-card[data-playing] .pm-card-x{display:none}@media (hover:none){.pm-card-x{display:none}}.pm-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.pm-bars span{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:12px;animation:.26s ease-in-out infinite alternate pmBar}.pm-bars span:nth-child(2){animation-delay:-120ms}.pm-bars span:nth-child(3){animation-delay:-200ms}.pm-card-progress{background:var(--accent);transform-origin:0;border-radius:2px;height:3px;animation:linear both pmGrow;position:absolute;bottom:6px;left:12px;right:12px}.pm-conn{flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.pm-conn-word{text-align:center;font-size:13px;font-weight:600;line-height:1.2}.pm-conn[data-insert]>*{opacity:.25}.pm-conn[data-insert]:before{content:"";background:var(--accent);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:6px;bottom:6px;left:50%}.pm-conn-loop{flex-basis:84px}.pm-conn-loop .pm-conn-word{color:var(--pm-ink-2);font-size:12px;font-weight:500}.pm-endslot{box-sizing:border-box;text-align:center;border:1.5px dashed var(--border-strong);min-height:112px;color:var(--pm-ink-2);border-radius:13px;flex-direction:column;flex:0 0 172px;justify-content:center;align-items:center;gap:6px;margin-left:8px;padding:10px;font-size:13px;font-weight:500;line-height:1.35;transition:border-color .14s,background-color .14s;display:flex}.pm-endslot:only-child{flex:1;margin-left:0}.pm-endslot[data-insert]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.pm-prog-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding-top:12px;display:flex}.pm-starters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pm-notice{min-height:36px;color:var(--pm-ink-2);align-items:center;margin:0 0 0 auto;font-size:13px;font-weight:500;display:flex}.pm-ghost{z-index:100;pointer-events:none;background:var(--surface-elevated);border:1px solid var(--border-strong);min-width:64px;box-shadow:var(--shadow-lg);border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 18px))}.pm-ghost-name{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.pm-ghost-intent{color:var(--pm-ink-2);white-space:nowrap;font-size:12px;font-weight:600}.pm-ghost[data-intent=insert] .pm-ghost-intent,.pm-ghost[data-intent=replace] .pm-ghost-intent{color:var(--accent)}.pm-ghost[data-intent=remove]{border-color:var(--pm-tritone)}.pm-ghost[data-intent=remove] .pm-ghost-intent{color:var(--pm-tritone-ink)}.pm-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:1000px){.pm-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);align-items:start}.pm-aside{position:sticky;top:20px}}.pm-map{padding:20px 24px 22px}.pm-map-sub{max-width:48ch;margin-top:4px;font-size:14px}.pm-svg{max-width:600px;margin:8px auto 0;display:block;overflow:visible}.pm-ring-label{font:600 12px var(--font-geist),sans-serif;paint-order:stroke;stroke:var(--surface-elevated);stroke-width:5px;stroke-linejoin:round;pointer-events:none}.pm-svg[data-narrow] .pm-ring-label{stroke-width:7px;font-size:18px}.pm-node{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.pm-node:focus-visible>circle:not(.pm-pulse){stroke:var(--focus-ring);stroke-width:3px;stroke-dasharray:none;stroke-opacity:1}@media (hover:hover){.pm-node:hover{filter:brightness(1.04)}.pm-node:hover>circle:not(.pm-pulse){stroke-opacity:1}}.pm-node text{pointer-events:none}.pm-node-name{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.02em;font-weight:800}.pm-node-sub{font-family:var(--font-geist),var(--font-music),sans-serif;font-weight:500}.pm-badge{font-family:var(--font-geist),sans-serif;font-weight:600}.pm-pulse{animation:.62s ease-out both pmPulse}.pm-legend{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.pm-legend-summary{cursor:pointer;align-items:center;min-height:32px;font-size:15px;font-weight:600;display:flex}.pm-legend-grid{gap:20px 24px;margin-top:10px;display:grid}@media (min-width:700px){.pm-legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pm-legend-col{flex-direction:column;gap:10px;display:flex}.pm-legend-col .pm-label{margin:0}.pm-legend-row{color:var(--pm-ink-2);gap:10px;margin:0;font-size:13px;line-height:1.45;display:flex}.pm-swatch{border:1.5px solid var(--border-strong);background:var(--surface-elevated);border-radius:50%;flex:0 0 18px;height:18px}.pm-swatch[data-layer=borrow]{border:1.5px dashed var(--pm-borrow);background:0 0}.pm-swatch[data-layer=sec]{border:1.5px dashed var(--pm-sec);background:0 0}.pm-legend-line{flex:0 0 26px;padding-top:2px}.pm-aside{flex-direction:column;gap:16px;display:flex}.pm-aside .pm-h2+.pm-meta{margin-top:4px}.pm-moves{grid-template-columns:max-content minmax(0,1fr);gap:10px 14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pm-move{grid-column:1/-1;grid-template-columns:subgrid;border-radius:var(--radius-segment);margin:0 -8px;padding:4px 8px;transition:background-color .14s;display:grid}.pm-move[data-hot]{background:var(--surface-hover)}.pm-move p{margin:0;font-size:15px;line-height:1.45}.pm-move p span{color:var(--pm-ink-2)}.pm-move-pair{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:800}.pm-move-loop{border-top:1px solid var(--border);border-radius:0;padding-top:12px}.pm-reading{color:var(--pm-ink-2);margin:8px 0 0;font-size:15px;line-height:1.55}.pm-tips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pm-tip{border-radius:var(--radius-chip);background:var(--surface-elevated);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.pm-tip p{flex:1;margin:0;font-size:14px;line-height:1.45}.pm-tip-why{color:var(--pm-ink-2)}.pm-dl{grid-template-columns:60px minmax(0,1fr);gap:10px 12px;margin:10px 0 0;font-size:15px;line-height:1.45;display:grid}.pm-dl dt{font-weight:600}.pm-dl dd{color:var(--pm-ink-2);margin:0}.pm-menu-backdrop{z-index:90;position:fixed;inset:0}.pm-menu-backdrop[data-narrow]{background:#0f171f61;background:lab(7.18439% -1.49957 -6.86639/.38)}.pm-menu{z-index:91;box-sizing:border-box;background:var(--surface-elevated);max-height:min(70vh,560px);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);padding:10px;animation:.18s cubic-bezier(.32,.72,0,1) pmRise;position:fixed;overflow-y:auto}.pm-menu[data-narrow]{max-height:85dvh;padding:10px 16px max(20px,env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;bottom:0;left:0;right:0}.pm-menu-grip{background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.pm-menu-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:4px 6px 0;display:flex}.pm-menu-name{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.pm-menu-meta{color:var(--pm-ink-2);font-size:13px;font-weight:500}.pm-menu-context{color:var(--pm-ink-2);margin:6px 6px 4px;font-size:14px;line-height:1.45}.pm-menu-section{margin-top:8px}.pm-menu-title{color:var(--pm-ink-2);margin:0 6px 2px;font-size:12px;font-weight:600}.pm-menu-row{box-sizing:border-box;border-radius:var(--radius-chip);width:100%;min-height:48px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 8px;display:flex}.pm-menu-row:hover,.pm-menu-row:focus-visible{background:var(--surface-hover)}.pm-menu-row:focus-visible{outline-offset:-2px}.pm-menu-row-name{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.02em;flex:0 0 60px;font-size:18px;font-weight:800}.pm-menu-row-why{color:var(--pm-ink-2);flex:1;font-size:13px;line-height:1.35}.pm-menu-pick{border-top:1px solid var(--border);border-radius:0 0 var(--radius-chip)var(--radius-chip);color:var(--accent);margin-top:6px;font-size:14px;font-weight:600}.pm-menu-actions{gap:6px;margin-top:8px;display:flex}.pm-menu-actions .pm-btn{flex:1;padding:0 8px;font-size:14px}@media (max-width:767px){.pm-wide-only{display:none!important}.pm-narrow-only{display:inline-flex}.pm-main{gap:16px}.pm-prog{z-index:30;overscroll-behavior:contain;max-height:52dvh;padding:10px max(12px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom))max(12px,env(safe-area-inset-left));inset-inline:0;border-bottom:0;border-radius:20px 20px 0 0;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -6px 20px #0f171f1a;box-shadow:0 -6px 20px lab(7.18439% -1.49957 -6.86639/.1)}[data-theme=dark] .pm-prog{box-shadow:0 -6px 20px #0006;box-shadow:0 -6px 20px lab(0% 0 0/.4)}html:has(.pm-prog) body{padding-bottom:var(--pm-dock-h,220px)}.pm-prog-head{gap:6px;margin-bottom:6px}.pm-prog-head .pm-h2{font-size:16px}.pm-strip{padding-top:6px}.pm-card{flex-basis:84px;min-height:80px}.pm-card-main{gap:3px;padding:7px 9px 12px}.pm-card-name{font-size:22px}.pm-card-rn{font-size:11px}.pm-card-fn{padding:3px 6px;font-size:11px}.pm-conn{flex-basis:42px}.pm-conn svg{display:none}.pm-conn-word{font-size:11px}.pm-conn-loop{flex-basis:56px}.pm-endslot{flex-basis:112px;min-height:80px;font-size:12px}.pm-prog-foot{margin-top:6px;padding-top:6px}.pm-prog-foot:not([data-empty]) .pm-starters{display:none}.pm-notice{min-height:28px;margin:0}.pm-map{border-inline:0;border-radius:0;margin-inline:-16px;padding:16px 0 12px}.pm-map>.pm-h2,.pm-map>.pm-meta,.pm-legend{margin-inline:16px}}@media (max-width:767px) and (max-height:500px){.pm-prog{border-radius:var(--radius-card);border-bottom:1px solid var(--border);max-height:none;box-shadow:none;position:static}html:has(.pm-prog) body{padding-bottom:0}}@media (prefers-reduced-motion:reduce){.pm *,.pm-ghost,.pm-menu{transition:none!important;animation:none!important}}@media (forced-colors:active){.pm-card[data-playing],.pm-card[data-armed]{outline:3px solid highlight}.pm-card[data-layer=borrow],.pm-card[data-layer=sec]{border-style:dashed}}html{scroll-behavior:smooth}.kp-main,.kp-head,.kp-settings{--kp-ink-2:#53595f}@supports (color:lab(0% 0 0)){.kp-main,.kp-head,.kp-settings{--kp-ink-2:lab(37.3471% -1.25541 -4.25555)}}[data-theme=dark] .kp-main,[data-theme=dark] .kp-head,[data-theme=dark] .kp-settings{--kp-ink-2:#9a9eab}@supports (color:lab(0% 0 0)){[data-theme=dark] .kp-main,[data-theme=dark] .kp-head,[data-theme=dark] .kp-settings{--kp-ink-2:lab(65.0627% .825971 -7.48421)}}.kp-main{width:100%;max-width:1240px;margin:0 auto}.kp-head{padding-top:20px}.kp-title{letter-spacing:-.045em;color:var(--text-primary);text-wrap:balance;margin:0;font-size:clamp(38px,5vw,56px);font-weight:800;line-height:1}.kp-lede{max-width:64ch;color:var(--kp-ink-2);text-wrap:pretty;margin:12px 0 0;font-size:17px;line-height:1.55}.kp-lede b,.kp-feel b{color:var(--text-primary);font-weight:600}.kp-settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);color:var(--text-primary);flex-wrap:wrap;align-items:flex-end;gap:16px 24px;padding:16px 20px;display:flex}.kp-selects{gap:8px;display:flex}.kp-field-key{width:84px}.kp-field-mode{width:280px}.kp-label{color:var(--text-primary);margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.3;display:block}.kp-select{border-radius:var(--radius-chip);border:1px solid var(--border);background:var(--surface-elevated);min-width:0;height:44px;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;padding:0 32px 0 12px;font-size:16px;font-weight:600;transition:border-color .16s cubic-bezier(.32,.72,0,1),box-shadow .16s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1);display:flex;position:relative}[data-theme=dark] .kp-select{border-color:var(--border-strong)}.kp-select-face{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kp-select-sub{color:var(--kp-ink-2);margin-left:6px;font-weight:500}.kp-select select{opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;position:absolute;inset:0}.kp-select-chevron{color:var(--kp-ink-2);pointer-events:none;margin-top:-3px;transition:color .16s cubic-bezier(.32,.72,0,1);position:absolute;top:50%;right:13px}@media (hover:hover){.kp-select:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.kp-select:hover .kp-select-chevron{color:var(--text-primary)}}.kp-select:active{transform:scale(.985)}.kp-select:has(select:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.kp-feel{max-width:72ch;min-height:44px;color:var(--kp-ink-2);text-wrap:pretty;flex:320px;align-items:center;margin:0;font-size:15px;line-height:1.45;display:flex}.kp-settings{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .kp-settings{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:768px){.kp-head{padding-top:32px}}@media (max-width:767px){.kp-lede{font-size:15px}.kp-settings{gap:12px 16px;padding:12px 14px}.kp-selects{width:100%}.kp-field-mode{flex:1;width:auto;min-width:0}.kp-feel{flex-basis:100%;min-height:0;font-size:14px}}.keys-page{--keys-space-xs:8px;--fs-body:1rem;--ease-out:cubic-bezier(.32,.72,0,1);--keys-ink-2:#53595f}@supports (color:lab(0% 0 0)){.keys-page{--keys-ink-2:lab(37.3471% -1.25541 -4.25555)}}[data-theme=dark] .keys-page{--keys-ink-2:#9498a5}@supports (color:lab(0% 0 0)){[data-theme=dark] .keys-page{--keys-ink-2:lab(62.7424% .83068 -7.48172)}}.keys-page{--keys-space-2xs:4px;--keys-space-sm:12px;--keys-space-md:16px;--keys-space-lg:24px;--keys-space-xl:32px;--keys-space-2xl:48px;--keys-gutter:16px;--fs-meta:.8rem;--fs-row:1.25rem;--keys-ink-3:#646a70;--keys-dash:#7b8187;--keys-pill:var(--surface-hover);--keys-chip-border:var(--border-strong)}@supports (color:lab(0% 0 0)){.keys-page{--keys-ink-3:lab(44.3076% -1.266 -4.26085);--keys-dash:lab(53.5882% -1.27679 -4.26636)}}@supports (color:color-mix(in lab, red, red)){.keys-page{--keys-chip-border:color-mix(in oklab,var(--border-strong)55%,var(--border))}}.keys-page{--keys-accent-text:var(--accent);--keys-shadow-up:0 -10px 40px #0f171f21,0 -2px 10px #0f171f12;font-size:var(--fs-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--q-maj-bg:#b9300417;--q-maj-bd:#b9300461;--q-maj-fg:#721500;--q-min-bg:#405ec917;--q-min-bd:#405ec961;--q-min-fg:#1f3385;--q-maj7-bg:#cc660017;--q-maj7-bd:#cc660061;--q-maj7-fg:#652900;--q-m7-bg:#00809817;--q-m7-bd:#00809861;--q-m7-fg:#004654;--q-dom-bg:#007c9917;--q-dom-bd:#007c9961;--q-dom-fg:#004556;--q-dim-bg:#a536ad17;--q-dim-bd:#a536ad61;--q-dim-fg:#65006c}@supports (color:lab(0% 0 0)){.keys-page{--keys-shadow-up:0 -10px 40px lab(7.18439% -1.49957 -6.86639/.13),0 -2px 10px lab(7.18439% -1.49957 -6.86639/.07);--q-maj-bg:lab(42.6959% 54.4052 54.4742/.09);--q-maj-bd:lab(42.6959% 54.4052 54.4742/.38);--q-maj-fg:lab(24.3572% 45.8807 44.1667);--q-min-bg:lab(42.3575% 16.8658 -60.3187/.09);--q-min-bd:lab(42.3575% 16.8658 -60.3187/.38);--q-min-fg:lab(23.9232% 16.9841 -49.5611);--q-maj7-bg:lab(54.9553% 40.8334 78.1887/.09);--q-maj7-bd:lab(54.9553% 40.8334 78.1887/.38);--q-maj7-fg:lab(24.8245% 35.5961 55.7147);--q-m7-bg:lab(48.7253% -39.0185 -35.1249/.09);--q-m7-bd:lab(48.7253% -39.0185 -35.1249/.38);--q-m7-fg:lab(26.4513% -29.85 -28.6657);--q-dom-bg:lab(47.2965% -33.6262 -39.1875/.09);--q-dom-bd:lab(47.2965% -33.6262 -39.1875/.38);--q-dom-fg:lab(26.2153% -25.0924 -32.0215);--q-dim-bg:lab(43.467% 56.7866 -41.148/.09);--q-dim-bd:lab(43.467% 56.7866 -41.148/.38);--q-dim-fg:lab(22.918% 48.6806 -34.8184)}}[data-theme=dark] .keys-page{--keys-ink-3:#828593;--keys-dash:#656875;--keys-pill:#22242b;--keys-accent-text:#e2684a;--keys-chip-border:var(--border-strong);--keys-shadow-up:0 -8px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--q-maj-bg:#b9300429;--q-maj-bd:#b9300480;--q-maj-fg:#ffab96;--q-min-bg:#405ec929;--q-min-bd:#405ec980;--q-min-fg:#a9c2ff;--q-maj7-bg:#cc660029;--q-maj7-bd:#cc660080;--q-maj7-fg:#fcb17e;--q-m7-bg:#00809829;--q-m7-bd:#00809880;--q-m7-fg:#63d6f1;--q-dom-bg:#007c9929;--q-dom-bd:#007c9980;--q-dom-fg:#67d5f5;--q-dim-bg:#a536ad29;--q-dim-bd:#a536ad80;--q-dim-fg:#f2a3f6}@supports (color:lab(0% 0 0)){[data-theme=dark] .keys-page{--keys-ink-3:lab(55.7814% .846714 -7.47342);--keys-dash:lab(44.1792% .881821 -7.45581);--keys-pill:lab(14.0492% .743687 -5.5539);--keys-accent-text:lab(59.197% 47.35 40.8547);--keys-shadow-up:0 -8px 32px lab(0% 0 0/.5);--q-maj-bg:lab(42.6959% 54.4052 54.4742/.16);--q-maj-bd:lab(42.6959% 54.4052 54.4742/.5);--q-maj-fg:lab(78.1562% 34.6595 28.3758);--q-min-bg:lab(42.3575% 16.8658 -60.3187/.16);--q-min-bd:lab(42.3575% 16.8658 -60.3187/.5);--q-min-fg:lab(78.3154% 3.67978 -40.0176);--q-maj7-bg:lab(54.9553% 40.8334 78.1887/.16);--q-maj7-bd:lab(54.9553% 40.8334 78.1887/.5);--q-maj7-fg:lab(78.6457% 23.9959 37.5978);--q-m7-bg:lab(48.7253% -39.0185 -35.1249/.16);--q-m7-bd:lab(48.7253% -39.0185 -35.1249/.5);--q-m7-fg:lab(79.8343% -28.4296 -23.4158);--q-dom-bg:lab(47.2965% -33.6262 -39.1875/.16);--q-dom-bd:lab(47.2965% -33.6262 -39.1875/.5);--q-dom-fg:lab(79.6984% -25.9036 -26.1384);--q-dim-bg:lab(43.467% 56.7866 -41.148/.16);--q-dim-bd:lab(43.467% 56.7866 -41.148/.5);--q-dim-fg:lab(77.104% 39.2934 -29.3231)}}@media (min-width:640px){.keys-page{--keys-gutter:24px}}.keys-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:18px 14px}@media (min-width:640px){.keys-card{padding:28px}}.keys-h2{font-family:var(--font-bricolage),var(--font-music);letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.1}@media (min-width:640px){.keys-h2{font-size:28px}}.keys-h3{font-family:var(--font-geist),sans-serif;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}@media (min-width:640px){.keys-h3{font-size:17px}}.keys-intro{color:var(--text-secondary);margin-top:var(--keys-space-xs);text-wrap:pretty;font-size:15px;line-height:1.5}.keys-rn{font-size:var(--fs-meta);letter-spacing:.01em;color:var(--keys-ink-2);white-space:nowrap;font-weight:500;line-height:1.25}.keys-nm{white-space:nowrap;min-width:0;max-width:100%;font-size:var(--fs-body);font-variant-numeric:lining-nums tabular-nums;flex-wrap:wrap;align-items:baseline;font-weight:600;line-height:1.2;display:flex}.keys-nm-ext{font-size:var(--fs-meta);font-weight:500}.keys-data{font-family:var(--font-fira-code),var(--font-music),monospace;font-variant-ligatures:none}.keys-page b{color:var(--text-primary);font-weight:600}.keys-chip,.keys-pchip-main,.keys-pchip-x,.keys-play,.keys-loop,.keys-clear,.keys-starter,.keys-mx-colh-inner,.keys-mx td,.keys-select,.keys-tierswitch button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.keys-chip:focus-visible{outline-offset:1px;z-index:2}.keys-pchip:has(.keys-pchip-main:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px}.keys-pchip-main:focus-visible,.keys-pchip-x:focus-visible{outline:none}.keys-pchip-x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px;border-radius:var(--radius-segment)}.keys-mx-colh-inner:focus-visible{outline-offset:-2px}[data-theme=dark] .keys-why{line-height:1.4}[data-theme=dark] .keys-empty{line-height:1.55}[data-theme=dark] .keys-rn,[data-theme=dark] .keys-pal-tier,[data-theme=dark] .keys-pal-inkey,[data-theme=dark] .keys-pal-lbl-name,[data-theme=dark] .keys-pal-help,[data-theme=dark] .keys-defline,[data-theme=dark] .keys-legend,[data-theme=dark] .keys-mx-tag{letter-spacing:.015em;font-weight:500}@media (forced-colors:active){.keys-chip[data-heard]{outline-offset:2px;outline:2px solid canvastext}.keys-add{forced-color-adjust:none;color:buttonface;background:buttontext;border:1px solid buttontext}.keys-mk[data-role=avoid]{color:graytext}.keys-mk[data-role=out]{color:canvastext}.keys-chip:focus-visible{outline-offset:2px;outline:3px solid highlight}.keys-chip[data-current],.keys-pchip[data-current],.keys-mx-colh-inner[aria-current]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.keys-chip[data-current] .keys-rn,.keys-chip[data-current] .keys-pull,.keys-pchip[data-current] .keys-rn,.keys-pchip[data-current] .keys-pchip-x{color:highlighttext}}@media (prefers-contrast:more){.keys-page{--keys-dash:#595e64}@supports (color:lab(0% 0 0)){.keys-page{--keys-dash:lab(39.6673% -1.25924 -4.25745)}}[data-theme=dark] .keys-page{--keys-dash:#8e929f}@supports (color:lab(0% 0 0)){[data-theme=dark] .keys-page{--keys-dash:lab(60.4221% .835717 -7.47912)}}}@media (prefers-reduced-motion:reduce){.keys-page *,.keys-page :before,.keys-page :after{transition:none!important;animation:none!important}}.keys-resume .animate-fade-up{animation-delay:calc(0s - var(--keys-elapsed))}.keys-resume .animate-fade-up-delay-1{animation-delay:calc(80ms - var(--keys-elapsed))}.keys-resume .animate-fade-up-delay-2{animation-delay:calc(.16s - var(--keys-elapsed))}.keys-resume .animate-fade-up-delay-3{animation-delay:calc(.24s - var(--keys-elapsed))}.keys-select{border-radius:var(--radius-chip);border:1px solid var(--border);background:var(--surface-elevated);min-width:0;height:44px;font-size:var(--fs-body);color:var(--text-primary);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .2s var(--ease-out);align-items:center;padding:0 32px 0 12px;font-weight:600;display:flex;position:relative}.keys-select-face{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.keys-select select{opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;position:absolute;inset:0}.keys-select-chevron{color:var(--keys-ink-2);pointer-events:none;transition:color .16s var(--ease-out);margin-top:-3px;position:absolute;top:50%;right:14px}@media (hover:hover){.keys-select:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.keys-select:hover .keys-select-chevron{color:var(--text-primary)}}.keys-select:active{transform:scale(.985)}.keys-select:has(select:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.keys-pal-intro{margin-top:var(--keys-space-2xs)}.keys-introslot{margin-bottom:var(--keys-space-sm);position:relative}.keys-introslot[data-heard]>.keys-intro{visibility:hidden}.keys-heardline{margin-top:var(--keys-space-2xs);color:var(--text-secondary);text-wrap:pretty;-webkit-line-clamp:var(--lines,2);line-clamp:var(--lines,2);-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;position:absolute;inset:0 0 auto;overflow:hidden}.keys-tierswitch{margin-bottom:var(--keys-space-xs);border-radius:var(--radius-chip);background:var(--surface);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.keys-tierswitch button{border-radius:var(--radius-segment);min-height:44px;font-size:var(--fs-body);color:var(--keys-ink-2);cursor:pointer;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),box-shadow .16s var(--ease-out);font-weight:500}.keys-tierswitch button[aria-checked=true]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}[data-theme=dark] .keys-tierswitch button[aria-checked=true]{background:var(--surface-hover)}.keys-tierswitch button:focus-visible{outline-offset:-2px}.keys-pal{grid-template-columns:36px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.keys-palette,.keys-prow,.keys-colour{display:contents}.keys-deg{grid-column:1;grid-row:calc(var(--step) + 3);font-family:var(--font-bricolage),var(--font-music);letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.1}.keys-pal-tier,.keys-pal-inkey,.keys-pal-lbl-name{letter-spacing:.01em;color:var(--keys-ink-2);font-size:12px;font-weight:600;line-height:1.2}.keys-pal-tier,.keys-pal-inkey{align-self:end}.keys-pal-tier{grid-row:2;display:none}.keys-pal-inkey{grid-area:2/2}.keys-pal-lbl{flex-direction:column;grid-row:2;align-self:end;gap:2px;min-width:0;display:flex}.keys-pal-lbl[data-row=sd]{grid-column:3}.keys-pal-lbl[data-row=bw]{grid-column:4}.keys-pal-help{color:var(--keys-ink-2);text-wrap:pretty;font-size:12px;line-height:1.35;display:none}.keys-wide{display:none}.keys-more{border:1px solid var(--keys-dash);background:var(--surface-elevated);height:30px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;max-width:100%;margin-top:4px;padding:0 10px 0 8px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}@media (max-width:639px){.keys-more{white-space:normal;text-align:left;border-radius:15px;height:auto;min-height:30px;padding:4px 8px 4px 6px;line-height:1.15}}.keys-more svg{transition:transform .16s var(--ease-out)}.keys-more[aria-expanded=true] svg{transform:rotate(180deg)}.keys-more:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.keys-pal-out{padding-bottom:var(--keys-space-2xs);border-bottom:1px dashed var(--keys-dash);grid-area:1/3/auto/5}.keys-pal-out .keys-h3{white-space:nowrap}.keys-cell[data-t]{grid-column:2;grid-row:calc(var(--step) + 3)}.keys-cell[data-row=sd]{grid-column:3;grid-row:calc(var(--step) + 3)}.keys-cell[data-row=bw]{grid-column:4;grid-row:calc(var(--step) + 3)}@media (max-width:639px){.keys-pal[data-tier="0"] .keys-cell[data-t]:not([data-t="0"]),.keys-pal[data-tier="1"] .keys-cell[data-t]:not([data-t="1"]),.keys-pal[data-tier="2"] .keys-cell[data-t]:not([data-t="2"]){display:none}}.keys-cell{min-width:0;display:grid;position:relative}.keys-chip[data-q=maj]{--chip-bg:var(--q-maj-bg);--chip-bd:var(--q-maj-bd);--chip-fg:var(--q-maj-fg)}.keys-chip[data-q=min]{--chip-bg:var(--q-min-bg);--chip-bd:var(--q-min-bd);--chip-fg:var(--q-min-fg)}.keys-chip[data-q=maj7]{--chip-bg:var(--q-maj7-bg);--chip-bd:var(--q-maj7-bd);--chip-fg:var(--q-maj7-fg)}.keys-chip[data-q=m7]{--chip-bg:var(--q-m7-bg);--chip-bd:var(--q-m7-bd);--chip-fg:var(--q-m7-fg)}.keys-chip[data-q=dom]{--chip-bg:var(--q-dom-bg);--chip-bd:var(--q-dom-bd);--chip-fg:var(--q-dom-fg)}.keys-chip[data-q=dim]{--chip-bg:var(--q-dim-bg);--chip-bd:var(--q-dim-bd);--chip-fg:var(--q-dim-fg)}.keys-chip{text-align:left;cursor:pointer;border:1px solid var(--chip-bd,var(--keys-chip-border));background:var(--chip-bg,var(--surface-elevated));min-width:0;min-height:48px;color:var(--chip-fg,var(--text-primary));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;--fit-scale:1;transform:scale(var(--fit-scale));transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),color .16s var(--ease-out),transform .2s var(--ease-out);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 10px;display:flex;position:relative;overflow:hidden}.keys-chip[data-fit-level]{background:var(--chip-bg,var(--surface-elevated))}@supports (color:color-mix(in lab, red, red)){.keys-chip[data-fit-level]{background:color-mix(in oklab,var(--chip-bg,var(--surface-elevated))var(--fit-fade,100%),transparent)}}.keys-chip[data-fit-level]{border-color:var(--chip-bd,var(--keys-chip-border))}@supports (color:color-mix(in lab, red, red)){.keys-chip[data-fit-level]{border-color:color-mix(in oklab,var(--chip-bd,var(--keys-chip-border))var(--fit-fade,100%),transparent)}}.keys-chip .keys-nm{font-family:var(--font-bricolage),var(--font-music);letter-spacing:-.01em;font-size:16px;font-weight:800}.keys-chip[data-outside]{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.keys-chip[data-outside]{background:color-mix(in oklab,var(--surface)var(--fit-fade,100%),transparent)}}.keys-chip[data-outside]{border:1.5px dashed var(--keys-dash)}@supports (color:color-mix(in lab, red, red)){.keys-chip[data-outside]{border:1.5px dashed color-mix(in oklab,var(--keys-dash)var(--fit-fade,100%),transparent)}}.keys-chip[data-outside]{color:var(--text-primary);padding-inline:8px}.keys-chip[data-outside] .keys-nm{font-size:14px}.keys-chip[data-outside] .keys-rn{font-size:11px}@media (hover:hover){.keys-chip:not([data-current]):hover{box-shadow:var(--shadow-sm)}}.keys-chip[data-fit-level=strong]:not([data-current]){box-shadow:var(--shadow-sm)}.keys-chip[data-fit-level=smooth]{--fit-scale:.9;--fit-fade:80%}.keys-chip[data-fit-level=weak]{--fit-scale:.8;--fit-fade:55%}.keys-chip:active{transform:scale(calc(var(--fit-scale)*.97))}.keys-chip:focus-visible{--fit-scale:1}.keys-chip[data-current]{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg)}.keys-chip[data-heard],.keys-chip[data-heard]:hover{--fit-scale:1;--fit-fade:100%;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--text-primary)}.keys-chip[data-heard][data-current],.keys-chip[data-heard][data-current]:hover{box-shadow:0 0 0 2px var(--surface-elevated),0 0 0 4px var(--text-primary)}.keys-add{z-index:3;background:var(--text-primary);height:30px;color:var(--bg);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 2px var(--surface-elevated);border-radius:999px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.keys-add:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.keys-add:hover{opacity:.88}}.keys-chip[data-current] .keys-rn,.keys-chip[data-current] .keys-pull{color:var(--bg);opacity:.85}.keys-pull{font-size:var(--fs-meta);margin-left:var(--keys-space-2xs);color:var(--keys-ink-2);font-weight:500}.keys-outside-help{margin-top:var(--keys-space-sm);color:var(--keys-ink-2);max-width:65ch;font-size:13px;line-height:1.45}.keys-outside-help p+p{margin-top:var(--keys-space-2xs)}.keys-qlegend{align-items:center;gap:var(--keys-space-xs)var(--keys-space-md);margin-top:var(--keys-space-md);color:var(--keys-ink-2);flex-wrap:wrap;font-size:12px;line-height:1.3;display:flex}.keys-qlegend li{align-items:center;gap:6px;display:inline-flex}.keys-qlegend i{border:1px solid;border-radius:4px;width:12px;height:12px}.keys-qlegend i[data-q=maj]{background:var(--q-maj-bg);border-color:var(--q-maj-bd)}.keys-qlegend i[data-q=min]{background:var(--q-min-bg);border-color:var(--q-min-bd)}.keys-qlegend i[data-q=dom]{background:var(--q-dom-bg);border-color:var(--q-dom-bd)}.keys-qlegend i[data-q=dim]{background:var(--q-dim-bg);border-color:var(--q-dim-bd)}.keys-qlegend i[data-outside]{border:1.5px dashed var(--keys-dash)}.keys-defline{margin-top:var(--keys-space-xs);font-size:var(--fs-meta);color:var(--keys-ink-2);max-width:65ch;line-height:1.4}@media (min-width:640px){.keys-tierswitch{display:none}.keys-pal{gap:var(--keys-space-xs);grid-template-columns:48px repeat(5,minmax(0,1fr))}.keys-pal .keys-cell[data-t]{grid-column:calc(var(--t) + 2)}.keys-pal-tier{grid-column:calc(var(--t) + 2);display:block}.keys-pal-inkey{display:none}.keys-pal-lbl[data-row=sd],.keys-cell[data-row=sd]{grid-column:5}.keys-pal-lbl[data-row=bw],.keys-cell[data-row=bw]{grid-column:6}.keys-pal-out{grid-column:5/7}.keys-deg{font-size:20px}.keys-chip{border-radius:var(--radius-chip);min-height:52px;padding-inline:12px}.keys-chip[data-outside]{padding-inline:10px}.keys-chip .keys-nm{font-size:17px}.keys-chip[data-outside] .keys-nm{font-size:16px}.keys-chip[data-outside] .keys-rn{font-size:12px}}@media (min-width:1024px){.keys-pal{grid-template-columns:180px repeat(7,minmax(0,1fr))}.keys-deg{grid-column:calc(var(--step) + 2);letter-spacing:-.03em;padding:0 2px var(--keys-space-2xs);grid-row:1;font-size:24px}.keys-pal .keys-cell[data-t]{grid-column:calc(var(--step) + 2);grid-row:calc(var(--t) + 2)}.keys-pal-tier{grid-column:1;grid-row:calc(var(--t) + 2);color:var(--text-primary);letter-spacing:0;align-self:center;font-size:14px}.keys-pal-out{align-items:center;gap:var(--keys-space-sm);border:0;grid-area:5/1/auto/-1;margin-top:10px;padding:0;display:flex}.keys-pal-out:after{content:"";border-top:1px dashed var(--keys-dash);flex:1}.keys-pal-lbl{padding-right:var(--keys-space-2xs);grid-column:1;align-self:center}.keys-pal-lbl[data-row=sd]{grid-area:6/1}.keys-pal-lbl[data-row=bw]{grid-area:7/1}.keys-pal-lbl-name{color:var(--text-primary);letter-spacing:0;font-size:14px}.keys-pal-help{display:block}.keys-wide{display:inline}.keys-narrow{display:none}.keys-cell[data-row=sd]{grid-column:calc(var(--step) + 2);grid-row:6}.keys-cell[data-row=bw]{grid-column:calc(var(--step) + 2);grid-row:7}.keys-chip{min-height:56px}.keys-outside-help{display:none}.keys-qlegend{gap:var(--keys-space-xs)20px}}.keys-legend{gap:var(--keys-space-xs)var(--keys-space-sm);margin:0 0 var(--keys-space-sm);font-size:var(--fs-meta);color:var(--keys-ink-2);grid-template-columns:1fr 1fr;align-items:center;line-height:1.3;display:grid}.keys-legend>span{align-items:center;gap:6px;display:inline-flex}.keys-legend .keys-lg-hold{grid-column:1/-1;display:block}.keys-legend .keys-mk{min-width:32px;height:24px;font-size:var(--fs-meta);padding:0 6px}@media (min-width:640px){.keys-legend{gap:var(--keys-space-xs)var(--keys-space-lg);flex-wrap:wrap;display:flex}}.keys-mx-wrap{scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline-end:calc(var(--keys-gutter)*-1);padding-block:2px;padding-inline-end:calc(var(--keys-gutter) + var(--mx-end,0px));scroll-padding-inline-start:72px;position:relative;overflow-x:auto}.keys-mx{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.keys-mx th,.keys-mx td{font-weight:inherit;padding:0}.keys-mx td{text-align:center;vertical-align:middle;cursor:pointer;scroll-snap-align:start;min-width:60px;height:40px}.keys-mx thead th{vertical-align:bottom;padding:var(--keys-space-2xs)var(--keys-space-2xs)6px;scroll-snap-align:start;min-width:60px}.keys-mx .keys-mx-rowh,.keys-mx .keys-mx-corner{background:var(--bg);text-align:left;width:72px;min-width:72px;max-width:72px;padding:0 var(--keys-space-xs)0 0;scroll-snap-align:none;position:sticky;left:0}.keys-mx .keys-mx-corner{z-index:3;vertical-align:bottom;font-size:var(--fs-meta);color:var(--keys-ink-2);padding-bottom:14px;font-weight:500}.keys-mx .keys-mx-rowh{z-index:2;white-space:normal;height:40px}.keys-mx .keys-mx-rowh:after{content:"";pointer-events:none;width:10px;opacity:var(--edge,0);transition:opacity .16s var(--ease-out);inset-block:0;background:linear-gradient(90deg,#0f171f14,#0000);background:linear-gradient(90deg,lab(7.18439% -1.49957 -6.86639/.08),#0000);position:absolute;right:-10px}.keys-over .keys-mx .keys-mx-rowh,.keys-over .keys-mx .keys-mx-corner{background:var(--surface-elevated)}[data-theme=dark] .keys-mx .keys-mx-rowh:after{background:linear-gradient(90deg,#00000059,#0000);background:linear-gradient(90deg,lab(0% 0 0/.35),#0000)}.keys-mx-n{font-size:var(--fs-body);font-weight:600;line-height:1.2}.keys-mx-d{font-size:var(--fs-meta);color:var(--keys-ink-2);margin-left:var(--keys-space-2xs)}.keys-mx-tag{font-size:var(--fs-meta);color:var(--keys-ink-2);margin-top:2px;font-weight:500;line-height:1;display:block}.keys-hold{margin-left:var(--keys-space-2xs);font-size:var(--fs-body);color:var(--text-primary)}.keys-mx tr[data-out-first]>*{border-top:1px dashed var(--border)}.keys-mx-colh-inner{min-width:52px;min-height:44px;padding:0 var(--keys-space-xs);border-radius:var(--radius-chip);cursor:pointer;transition:background-color .16s var(--ease-out),transform .2s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.keys-mx-colh-inner .keys-nm{justify-content:center}@media (hover:hover){button.keys-mx-colh-inner:not([aria-current]):hover{background:var(--surface-hover)}}button.keys-mx-colh-inner:active{transform:scale(.97)}.keys-mx-colh-inner[aria-current]{background:var(--text-primary);color:var(--bg)}.keys-mx th[data-current],.keys-mx td[data-current]{background:var(--surface-elevated);box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border)}.keys-mx th[data-current]{border-radius:var(--radius-chip)var(--radius-chip)0 0;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border),inset 0 1px 0 var(--border)}.keys-mx tr:last-child td[data-current]{border-radius:0 0 var(--radius-chip)var(--radius-chip);box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border),inset 0 -1px 0 var(--border)}[data-theme=dark] .keys-mx th[data-current],[data-theme=dark] .keys-mx td[data-current]{--border:var(--border-strong)}.keys-mx th[data-ghost] .keys-mx-colh-inner{outline:1.5px dashed var(--keys-dash);outline-offset:-1.5px;cursor:default}.keys-mx td[data-ghost]{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.keys-mx td[data-ghost]{background:color-mix(in oklab,var(--text-primary)4%,transparent)}}.keys-mx td[data-ghost]{cursor:default}.keys-ghost-tag{font-size:var(--fs-meta);color:var(--keys-ink-2);font-weight:500;line-height:1.2;display:block}.keys-mk{min-width:44px;height:28px;padding:0 var(--keys-space-xs);white-space:nowrap;font:600 var(--fs-body)/1 var(--font-fira-code),var(--font-music),monospace;font-variant-ligatures:none;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.keys-mk[data-role=chord]:before{content:"●";margin-right:3px;font-size:.5rem}.keys-mk[data-role=chord]:not([data-lit]){background:var(--keys-pill);color:var(--keys-ink-2)}.keys-mk[data-role=tension]{border:1.5px solid var(--keys-dash);color:var(--keys-ink-2);font-weight:500}.keys-mk[data-role=tension][data-lit]{color:var(--text-primary)}.keys-mk[data-role=avoid]{color:var(--keys-ink-2);padding:0 var(--keys-space-2xs);font-weight:500}.keys-mk[data-role=avoid] .keys-x{font-size:var(--fs-meta);margin-right:2px}.keys-mk[data-role=out]{color:var(--keys-ink-3);min-width:0;font-weight:500}.keys-mx td[data-current] .keys-mk{animation:keys-fade .16s var(--ease-out)both;animation-delay:calc(var(--r,0)*12ms)}@keyframes keys-fade{0%{opacity:0}}@media (min-width:768px){.keys-mx-wrap{margin-inline-end:0;padding-inline-end:var(--mx-end,0px);scroll-padding-inline-start:120px}.keys-mx .keys-mx-rowh,.keys-mx .keys-mx-corner{width:120px;min-width:120px;max-width:120px}.keys-mx td,.keys-mx thead th{min-width:80px}}.keys-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-panel);padding:var(--keys-space-md);font-size:var(--fs-body);color:var(--keys-ink-2);max-width:70ch;line-height:1.5}.keys-empty p+p{margin-top:var(--keys-space-xs)}@media (min-width:640px){.keys-empty{padding:var(--keys-space-lg)}}.keys-pending{min-height:280px}.keys-over{gap:var(--keys-space-md);flex-direction:column;display:flex}@media (min-width:640px){.keys-over{gap:22px}}.keys-over-tabs{scrollbar-width:none;gap:6px;margin:-2px;padding:2px;display:flex;overflow-x:auto}@media (min-width:640px){.keys-over-tabs{gap:var(--keys-space-sm)}}.keys-over-tab{border:1px solid var(--border);background:var(--surface);max-width:132px;color:var(--text-primary);cursor:pointer;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .16s var(--ease-out);border-radius:14px;flex-direction:column;flex:1 0 80px;align-items:center;gap:4px;padding:30px 6px 8px;display:flex;position:relative}@media (min-width:640px){.keys-over-tab{flex:0 0 132px;padding:34px 10px 10px}}@media (hover:hover){.keys-over-tab[aria-selected=false]:hover{border-color:var(--border-strong)}}.keys-over-tab[aria-selected=true]{background:var(--surface-elevated);border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary),var(--shadow-sm)}.keys-over-tab:focus-visible{outline-offset:3px}.keys-over-tab-rn{background:var(--surface-hover);font-family:var(--font-fira-code),var(--font-music),monospace;font-size:var(--fs-meta);color:var(--keys-ink-2);white-space:nowrap;border-radius:6px;padding:1px 6px;font-weight:600;line-height:1.3;position:absolute;top:7px;left:7px}.keys-over-tab[aria-selected=true] .keys-over-tab-rn{background:var(--text-primary);color:var(--surface-elevated)}.keys-over-tab-count{font-size:var(--fs-meta);color:var(--keys-ink-3);font-variant-numeric:tabular-nums;line-height:1.3;display:none;position:absolute;top:9px;right:9px}@media (min-width:640px){.keys-over-tab-count{display:block}}.keys-over-tab-nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-bricolage),var(--font-music);letter-spacing:-.03em;font-size:18px;font-weight:800;line-height:1.1;overflow:hidden}@media (min-width:640px){.keys-over-tab-nm{font-size:22px}}.keys-over-tab-none{font-size:var(--fs-meta);color:var(--keys-ink-2);text-align:center;padding:16px 0;line-height:1.3}.keys-thumb{width:68px;height:auto;display:block}@media (min-width:640px){.keys-thumb{width:92px}}.keys-thumb-fret{stroke:var(--border-strong);stroke-width:1px}.keys-thumb-nut{stroke:var(--fretboard-nut);stroke-width:3.5px;stroke-linecap:round}.keys-thumb-string{stroke:var(--fretboard-string);stroke-width:1px}.keys-thumb-fr{fill:var(--keys-ink-2);font-family:var(--font-fira-code),monospace;font-size:11px}.keys-thumb-muted line{stroke:var(--keys-ink-3);stroke-width:1.3px;stroke-linecap:round}.keys-over-groups{gap:var(--keys-space-sm);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.keys-over-groups{gap:var(--keys-space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.keys-over-groups{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr)}.keys-over-groups:not(:has([data-safe])){grid-template-columns:repeat(3,minmax(0,1fr))}}.keys-over-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}@media (min-width:640px){.keys-over-box{padding:var(--keys-space-md);border-radius:var(--radius-panel)}}.keys-over-box[data-safe]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-over-box[data-safe]{background:color-mix(in oklab,var(--accent)6%,transparent)}}.keys-over-box[data-safe]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-over-box[data-safe]{border-color:color-mix(in oklab,var(--accent)25%,transparent)}}.keys-over-boxhead{flex-direction:column;gap:2px;display:flex}.keys-over-help{color:var(--text-secondary);text-wrap:pretty;font-size:13px;line-height:1.4}.keys-over-empty{color:var(--text-secondary);font-size:13px;line-height:1.4}.keys-over-pills{flex-wrap:wrap;gap:6px;display:flex}@media (min-width:640px){.keys-over-pills{gap:var(--keys-space-xs)}}.keys-over-pill{border-radius:var(--radius-chip);border:1.5px solid var(--border-strong);background:var(--surface-elevated);min-width:44px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}@media (min-width:640px){.keys-over-pill{border-radius:12px;min-width:48px;padding:6px 10px}}.keys-over-pill b{font-family:var(--font-bricolage),var(--font-music);color:inherit;font-size:19px;font-weight:800;line-height:1.1}@media (min-width:640px){.keys-over-pill b{font-size:20px}}.keys-over-pill span{opacity:.85;white-space:nowrap;font-size:10.5px;font-weight:500;line-height:1.3}@media (min-width:640px){.keys-over-pill span{font-size:11px}}.keys-over-pill[data-fill=land] span{opacity:1;font-weight:600}.keys-over-pill[data-split]{padding-bottom:0;overflow:hidden}.keys-over-pill[data-split] span{text-align:center;background:var(--surface-elevated);color:var(--text-primary);align-self:stretch;margin:3px -8px 0;padding:1px 8px 2px}@media (min-width:640px){.keys-over-pill[data-split] span{margin-inline:-10px;padding-inline:10px}}.keys-over-pill[data-fill=passing]{border-color:var(--border);color:var(--keys-ink-2)}.keys-over-pill[data-outside]{border-style:dashed}.keys-over-pill[data-fill=land][data-outside]{box-shadow:inset 0 0 0 1.5px var(--surface-elevated)}.keys-over-pill[data-fill=safe]{border-color:var(--accent);min-height:44px}@supports (color:color-mix(in lab, red, red)){.keys-over-pill[data-fill=safe]{border-color:color-mix(in oklab,var(--accent)45%,transparent)}}.keys-over-neck{flex-direction:column;gap:10px;display:flex}.keys-over-neckhead:has(.keys-over-shapebar){align-items:center}.keys-over-shapebar{align-items:center;gap:var(--keys-space-sm);display:flex}.keys-over-shapetitle{min-width:0}.keys-over-step{border:1px solid var(--border);background:var(--surface-elevated);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:border-color .16s var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.keys-over-step:hover{border-color:var(--accent)}}.keys-over-seg{background:var(--surface-hover);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.keys-over-seg button{min-height:40px;color:var(--keys-ink-2);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 14px;font-size:14px;font-weight:500}.keys-over-seg button[aria-pressed=true]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .keys-over-seg button[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}.keys-over-neckfoot{justify-content:space-between;align-items:baseline;gap:var(--keys-space-xs)var(--keys-space-md);flex-wrap:wrap;display:flex}@media (max-width:639px){.keys-over-shapebar{justify-content:space-between;width:100%}.keys-over-shapetitle{text-align:center}.keys-over-seg{width:100%}.keys-over-seg button{flex:1}}.keys-over-neckhead{justify-content:space-between;align-items:baseline;gap:var(--keys-space-xs)var(--keys-space-md);flex-wrap:wrap;display:flex}.keys-over-dotnote{color:var(--text-secondary);font-size:13px;font-weight:400}.keys-over-legend{color:var(--text-secondary);gap:14px;font-size:12px;display:flex}.keys-over-legend li{align-items:center;gap:6px;display:inline-flex}.keys-over-legend i{border-radius:50%;width:12px;height:12px}.keys-over-foot{justify-content:space-between;align-items:center;gap:var(--keys-space-sm)var(--keys-space-md);border-top:1px solid var(--border);flex-wrap:wrap;padding-top:14px;display:flex}.keys-over-foot>:only-child{margin-left:auto}.keys-over-compare{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-elevated);min-height:44px;color:var(--text-primary);cursor:pointer;padding:0 14px;font-size:14px;font-weight:600}@media (min-width:640px){.keys-over-compare{min-height:40px}}@media (hover:hover){.keys-over-compare:hover{background:var(--surface-hover)}}.keys-dock{z-index:30;row-gap:var(--keys-space-2xs);padding:var(--keys-space-xs)max(12px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom))max(12px,env(safe-area-inset-left));background:var(--surface-elevated);border-top:1px solid var(--border);overscroll-behavior:contain;inset-inline:0;max-height:45dvh;display:grid;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -6px 20px #0f171f0f;box-shadow:0 -6px 20px lab(7.18439% -1.49957 -6.86639/.06)}@media (max-width:767px){[data-theme=dark] .keys-dock{box-shadow:0 -6px 20px #00000059;box-shadow:0 -6px 20px lab(0% 0 0/.35)}html:has(.keys-dock) body{padding-bottom:var(--keys-dock-h,170px)}html:has(.keys-dock){scroll-padding-bottom:calc(var(--keys-dock-h,170px) + 16px)}}@media (max-height:500px) and (max-width:767px){.keys-dock{box-shadow:none;max-height:none;margin-top:var(--keys-space-xl);border-top:0;position:static}html:has(.keys-dock) body{padding-bottom:0}}.keys-dock-wrap{display:contents}.keys-dock-marker{pointer-events:none;height:1px;margin-top:-1px}.keys-dock:not([data-empty]){column-gap:var(--keys-space-xs);grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"lane lane loop play""why tempo tempo act";align-items:center}@media (max-width:767px){.keys-dock:has(.keys-dock-actions [data-undo]){grid-template-areas:"lane lane loop play""why tempo act act"}.keys-dock-actions .keys-clear{padding:0 var(--keys-space-xs)}.keys-dock>.keys-play{justify-self:end}}.keys-dock-strip{align-items:center;gap:var(--keys-space-xs);grid-area:lane;min-width:0;margin-bottom:2px;display:flex}.keys-loop{grid-area:loop}.keys-tempo{grid-area:tempo}.keys-dock>.keys-play{grid-area:play}.keys-dock>.keys-why{grid-area:why}.keys-dock>.keys-dock-actions{grid-area:act;justify-self:end}.keys-strip{gap:var(--keys-space-xs);padding:var(--keys-space-2xs);scrollbar-width:none;scroll-snap-type:x proximity;flex:1;min-width:0;margin-block:-2px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.keys-strip::-webkit-scrollbar{display:none}.keys-strip{--fade-start:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%)}.keys-strip[data-more-start]{--fade-start:12px}.keys-strip[data-more-end]{--fade-end:20px}.keys-pchip{scroll-snap-align:start;box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius-chip);background:var(--surface-elevated);transition:box-shadow .16s var(--ease-out),background-color .16s var(--ease-out),transform .16s var(--ease-out),opacity .16s var(--ease-out);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:none;align-items:stretch;display:flex}[data-theme=dark] .keys-pchip{box-shadow:inset 0 0 0 1px var(--border-strong)}@media (hover:hover){.keys-pchip:not([data-current]):hover{box-shadow:inset 0 0 0 1px var(--border-strong)}}.keys-pchip:has(.keys-pchip-main:active){transform:scale(.98)}.keys-pchip[data-current]{background:var(--text-primary);box-shadow:none;color:var(--bg)}.keys-pchip[data-current] .keys-rn{color:var(--bg);opacity:.85}.keys-pchip[data-new]{animation:keys-in .22s var(--ease-out)backwards}@keyframes keys-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.keys-pchip-main{text-align:left;min-width:44px;min-height:44px;padding:var(--keys-space-2xs)var(--keys-space-xs);border-radius:var(--radius-chip);cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.keys-pchip[data-current] .keys-pchip-main{padding-right:0}.keys-pchip-main .keys-nm{flex-wrap:nowrap}.keys-pchip-x{width:44px;min-height:44px;font-size:var(--fs-row);cursor:pointer;border-radius:var(--radius-chip);color:var(--bg);place-items:center;line-height:1;display:grid}@supports (color:color-mix(in lab, red, red)){.keys-pchip-x{color:color-mix(in oklab,var(--bg)70%,transparent)}}.keys-pchip-x{transition:color .16s var(--ease-out),background-color .16s var(--ease-out)}@media (hover:hover){.keys-pchip-x:hover{color:var(--bg)}}.keys-badge{font-size:var(--fs-meta);color:var(--keys-ink-2);font-variant-numeric:tabular-nums;flex:none;font-weight:500}.keys-badge[data-full]{color:var(--text-primary);font-weight:600}.keys-play{cursor:pointer;background:var(--accent);width:52px;height:52px;color:var(--on-accent);box-shadow:var(--shadow-sm);transition:background-color .16s var(--ease-out),transform .2s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){.keys-play:hover:not(:disabled){background:var(--accent-dark)}[data-theme=dark] .keys-play:hover:not(:disabled){background:#eb5f3d;background:lab(58.9997% 53.6248 47.5939)}}.keys-play:active:not(:disabled){transform:scale(.95)}.keys-play:disabled{opacity:.3;box-shadow:none;cursor:default}@media (min-width:768px){.keys-play{width:56px;height:56px}}.keys-loop{border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--border-strong);width:44px;height:44px;color:var(--keys-ink-2);transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .2s var(--ease-out);background:0 0;flex:none;place-items:center;display:grid}.keys-loop[aria-pressed=true]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-loop[aria-pressed=true]{border-color:color-mix(in oklab,var(--accent)45%,transparent)}}.keys-loop[aria-pressed=true]{background:var(--accent-bg);color:var(--keys-accent-text)}@media (hover:hover){.keys-loop:hover{background:var(--surface-hover);color:var(--text-primary)}.keys-loop[aria-pressed=true]:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-loop[aria-pressed=true]:hover{background:color-mix(in oklab,var(--accent)14%,transparent)}}.keys-loop[aria-pressed=true]:hover{color:var(--keys-accent-text)}}.keys-loop:active{transform:scale(.95)}@media (forced-colors:active){.keys-loop[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}}.keys-tempo{border-radius:var(--radius-pill);border-color:var(--border-strong);flex:none;gap:6px;padding:0 28px 0 12px;font-size:14px}.keys-tempo .keys-select-chevron{right:12px}.keys-tempo .keys-select-face{font-variant-numeric:tabular-nums;font-weight:600}.keys-tempo-lbl{font-weight:600;display:none}@media (min-width:768px){.keys-tempo-lbl{display:inline}}.keys-why{font-size:var(--fs-body);min-width:0;min-height:2.7em;color:var(--keys-ink-2);text-wrap:pretty;line-height:1.35}.keys-dock-actions{flex-shrink:0;gap:2px;display:flex}@media (max-width:767px){.keys-why{white-space:nowrap;text-overflow:ellipsis;min-height:0;font-size:14px;overflow:hidden}.keys-why[data-notice]{white-space:normal}.keys-dock[data-playing] .keys-why-text{display:none}.keys-why-status{font-variant-numeric:tabular-nums}}@media (min-width:768px){.keys-why-status{display:none}}.keys-clear{min-width:44px;min-height:44px;padding:0 var(--keys-space-sm);border-radius:var(--radius-segment);cursor:pointer;font-size:var(--fs-body);color:var(--keys-ink-2);transition:background-color .16s var(--ease-out),color .16s var(--ease-out),transform .2s var(--ease-out)}@media (hover:hover){.keys-clear:hover{background:var(--surface-hover);color:var(--text-primary)}}.keys-clear:active{transform:scale(.97)}.keys-clear[data-undo]{color:var(--text-primary);font-weight:600}.keys-starter{max-width:100%;min-height:44px;padding:0 var(--keys-space-md)0 14px;justify-self:start;align-items:center;gap:var(--keys-space-xs);cursor:pointer;border-radius:var(--radius-pill);border:1.5px solid var(--accent);background:var(--accent-bg);color:var(--keys-accent-text);font-size:var(--fs-body);text-align:left;transition:background-color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .2s var(--ease-out);font-weight:600;display:inline-flex}.keys-starter span{font-size:var(--fs-meta);color:var(--keys-ink-2);font-weight:500}@media (hover:hover){.keys-starter:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-starter:hover{background:color-mix(in oklab,var(--accent)14%,transparent)}}.keys-starter:hover{box-shadow:var(--shadow-sm)}}.keys-starter:active{transform:scale(.97)}.keys-dock-line{font-size:var(--fs-body);color:var(--keys-ink-2);align-items:center;gap:var(--keys-space-xs);min-height:22px;line-height:1.35;display:flex}.keys-dock-line .keys-clear{margin-block:-11px}html[data-keys-drag],html[data-keys-drag] *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.keys-page [data-drag-source]{opacity:.35}.keys-ghost{z-index:60;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.keys-ghost>.keys-ghost-inner{--fit-scale:1.05;opacity:1;box-shadow:var(--shadow-lg);animation:keys-lift .2s var(--ease-out);transition:transform .16s var(--ease-out),opacity .16s var(--ease-out);margin:0;transform:scale(1.05)}@keyframes keys-lift{0%{box-shadow:none;transform:scale(1)}}.keys-ghost[data-remove]>.keys-ghost-inner{opacity:.5;transform:scale(.72)}.keys-strip[data-gap] .keys-pchip[data-shift]{transform:translateX(var(--keys-gap-w,0px))}.keys-dropzone{min-width:64px;min-height:44px;padding:0 var(--keys-space-xs);text-align:center;border:1.5px dashed var(--accent);border-radius:12px;flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.keys-dropzone{border:1.5px dashed color-mix(in oklab,var(--accent)60%,transparent)}}.keys-dropzone{background:var(--accent-bg);color:var(--keys-accent-text);font-size:var(--fs-meta);transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out);font-weight:500;line-height:1.2}.keys-dropzone[data-over],.keys-dock[data-empty][data-over]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-dropzone[data-over],.keys-dock[data-empty][data-over]{background:color-mix(in oklab,var(--accent)16%,transparent)}}.keys-dropzone[data-over],.keys-dock[data-empty][data-over]{border-color:var(--accent);border-style:solid}.keys-dock[data-empty][data-over]{outline:2px dashed var(--accent);outline-offset:-6px}.keys-dz-long{display:none}.keys-bin{inset-inline:12px;bottom:calc(var(--keys-dock-h,170px) + 8px);z-index:31;justify-content:center;align-items:center;gap:var(--keys-space-xs);border-radius:var(--radius-panel,14px);border:1.5px dashed var(--border-strong);background:var(--surface-elevated);height:56px;color:var(--text-primary);font-size:var(--fs-body);box-shadow:var(--shadow);animation:keys-in .2s var(--ease-out)backwards;transition:background-color .16s var(--ease-out),color .16s var(--ease-out);font-weight:600;display:flex;position:fixed}.keys-bin[data-over]{background:var(--text-primary);color:var(--bg);border:1.5px solid var(--text-primary)}.keys-why-tip{display:none}@media (min-width:768px){.keys-dropzone{min-width:150px;padding:0 14px;font-size:13px}.keys-dz-long{display:inline}.keys-dz-short,.keys-bin{display:none}.keys-why-tip{float:right;margin-left:var(--keys-space-sm);color:var(--keys-ink-2);font-size:13px;display:inline}}.keys-dock-h{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.keys-dock-intro{display:none}@media (min-width:768px){.keys-dock{z-index:20;margin-top:var(--keys-space-lg);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);row-gap:var(--keys-space-xs);max-height:none;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);padding:28px;position:sticky;bottom:0;overflow:visible}.keys-dock[data-stuck]{border-top-color:var(--border-strong);box-shadow:var(--keys-shadow-up);row-gap:var(--keys-space-2xs);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-block:14px}.keys-dock[data-stuck]>.keys-dock-h{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.keys-dock[data-stuck]>.keys-dock-intro,.keys-dock[data-stuck] .keys-why-tip{display:none}.keys-dock[data-stuck]:not([data-empty]){grid-template-areas:"lane loop tempo play""why why act act"}.keys-dock[data-stuck]>.keys-why{white-space:nowrap;text-overflow:ellipsis;align-self:center;min-height:0;overflow:hidden}.keys-dock[data-stuck]>.keys-dock-actions{align-self:center;margin-block:-11px}.keys-dock:not([data-empty]){grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"h h h h""intro intro intro intro""lane loop tempo play""why why act act"}.keys-dock:not([data-empty])>.keys-dock-h{grid-area:h}.keys-dock:not([data-empty])>.keys-dock-intro{grid-area:intro}.keys-dock>.keys-why{align-self:start}.keys-dock>.keys-dock-actions{align-self:start;margin-top:-6px}.keys-dock-h{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.keys-dock-intro{margin-top:0;margin-bottom:var(--keys-space-xs);display:block}}.keys-neck{max-width:none;height:auto;display:block}.keys-neck-fret{stroke:var(--border-strong);stroke-width:1.5px}.keys-neck-nut{stroke:var(--fretboard-nut);stroke-width:4px;stroke-linecap:round}.keys-neck-string{stroke:var(--fretboard-string);stroke-width:1.2px}.keys-neck-inlay{fill:var(--surface-hover)}.keys-neck-num{fill:var(--keys-ink-3);font-family:var(--font-fira-code),monospace;font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.keys-neck-scale{fill:var(--text-muted);opacity:.55}.keys-neck-label{font-family:var(--font-fira-code),var(--font-music),monospace;font-size:var(--fs-meta);font-weight:600}.keys-neck-label[data-long]{letter-spacing:-.03em}.keys-neck-dot{transform-box:fill-box;transform-origin:50%}.keys-neck-hand{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-neck-hand{fill:color-mix(in oklab,var(--accent)7%,transparent)}}.keys-neck-hand{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.keys-neck-hand{stroke:color-mix(in oklab,var(--accent)35%,transparent)}}.keys-neck-hand{stroke-width:1.5px}.keys-neck-dot[data-tint] .keys-neck-label{fill:var(--text-primary)}.keys-neck[data-animate] .keys-neck-dot{animation:keys-dot .18s var(--ease-out)both;animation-delay:calc(var(--s)*18ms)}@keyframes keys-dot{0%{opacity:0;transform:scale(.6)}}.keys-foot-link{font-size:var(--fs-body);color:var(--keys-accent-text);font-weight:500;text-decoration:none}@media (hover:hover){.keys-foot-link:hover{text-underline-offset:3px;text-decoration:underline}}.site-nav[data-more-end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.site-nav[data-more-start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}.site-nav[data-more-start][data-more-end]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.home-display{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.05em;color:var(--text-primary);text-wrap:balance;font-size:clamp(2.75rem,1.4rem + 4.2vw,4.75rem);font-weight:800;line-height:1}.home-h2{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.05em;color:var(--text-primary);text-wrap:balance;font-size:clamp(2.5rem,1.6rem + 3vw,4rem);font-weight:800;line-height:1}.home-h2--sm{letter-spacing:-.045em;font-size:clamp(2.25rem,1.6rem + 2vw,3.25rem);line-height:1.05}.home-numeral{font-family:var(--font-bricolage),var(--font-music),sans-serif;letter-spacing:-.04em;font-size:36px;font-weight:800;line-height:1}.home-tool-name{font-family:var(--font-bricolage),var(--font-music),sans-serif;font-weight:800;font-size:var(--text-22);letter-spacing:-.03em}.home-btn{min-height:48px;padding:0 var(--space-24);border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;transition:color var(--dur-fast)var(--ease-glide),border-color var(--dur-fast)var(--ease-glide),background-color var(--dur-fast)var(--ease-glide),transform var(--dur-base)var(--ease-glide);align-self:flex-start;align-items:center;font-weight:600;display:inline-flex}.home-btn:hover{border-color:var(--accent);color:var(--accent)}.home-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.home-btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--on-accent)}.home-chip{min-height:44px;padding:0 var(--space-12);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-elevated);font-size:var(--text-14);color:var(--text-primary);white-space:nowrap;transition:color var(--dur-fast)var(--ease-glide),border-color var(--dur-fast)var(--ease-glide),transform var(--dur-base)var(--ease-glide);align-items:center;font-weight:500;display:inline-flex}.home-chip:hover{border-color:var(--accent);color:var(--accent)}.home-btn:active,.home-chip:active,.home-press:active{transform:scale(.97)}.home-fade{transition:color var(--dur-fast)var(--ease-glide),border-color var(--dur-fast)var(--ease-glide),background-color var(--dur-fast)var(--ease-glide),transform var(--dur-base)var(--ease-glide)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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 spin{to{transform:rotate(360deg)}}