@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAQAABAAAAAACEwAAAOmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbahwoBmA/U1RBVEgAZBEICoMkgmcLFgABNgIkAyYEIAWFNAdiDAcb3wYgngU5GW9qFpxcIlPzNPVjx7JSP3iet+s9971Zzn7Q8yEHG1C91aUi2aFP6j1c07wqko0ssGwl8RDyRPehgRL1M2Z+akJOifHwcbX3d1ZvWowiysMskA0v3NL0wohiuX//l5EDn7gc/6xs+9oikSbyg6LCvegvncOw87lpLFr4wF0a4AIKCLJtSQTXJ0FUc+nW+HePCPAAAEUITQhwS1VELdq2lyi7mSBClGUAfAiQcQoLURwIEAbFSTgpoQyQKZ5QAIQmFC1RkEIyQbp0pOgGEpLm3PgkW7FBndVwEN1qI7KmHk2wjgMoN/MuNwf0QzU7Z/j7kmFrZXIicgFQg/oLEmlS/KkQSoFU6jDNFoqGGVviKyYilIFgeICEGqgfEltBPQFQQINQmoBQhgEQgQJp4CdRoy9ui0o85+N8br7clI0pPwej4FsISZ8AAG4AocADpkJsAmKJAgaVDFMxCCmFTiMiwqAEjpMAFgtkLp3maM5wD/V4R2VGmtOOnpVldz6417+z3Hs/fjQ3vH/P8VTm8PUfPsiyszHmoVMsvf3e3PCx2Nz17t3UTWLjVinvrCiLufT6svGmhrWE6j1tzjbHRH9FSDV/huK83vrzvQ3fI6ndj0Zy4vGOxfHp5Y1xeSVeq2vI33SA3qppmjKsHF6ZEGh7/N5KGlGRkPj/ZcXKUFbp4I6/swFaqzO4Ma0xdWffCXO6Pk1bcMKYilvTUptzO3JeZGW9yGnPTWl2rULNEeDgdJnXYLs0jrQATKiT/q1eKoDq8x6fmt/6kqv5H9f6D+D76dxIgF8Hd4wmlf/C2bAnARD8c2b1CGD+x+Y/y3RXsZSaYiOmkDkC4A/SVw6msSjArYwhliYAAAAUAab1aFK6gHsy1ZSJ5GiRKf5RJtNa/MsMRW7JbKqsltnlGy71VyZZRzQe4YCJuAlcAgYBASK0IhA+h+aGwWGxiY5BNcKNFPyXRTSMIyJwXYs4fF3zMJaefnNbRz6JWyM8BCMQF4gQ1zGIwSL5COaageEcIIQVyWcpV6jaNCYBAB/3oC9fpXzFLGNS1cPDhIcenLt9c3odbByMS851lFpG5gSIfGIfNo4VsYQ1kdcJGCW/zusPwACXQSNgjSTBBhgOyzwy+zRO0LeRVF2TgEDPYsADhE8RQ4/8DQob9KVubTdI9VgUOrQYYhO7OOyNE6/83y22ZK7Ttxot1TzIenBoNZW4JkySwrgAB+bE17sUW2WXxLfqlLEJAA==) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAY8AA8AAAAACCwAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABWAAAABYAAAAWABEABEdQT1MAAAFwAAAASwAAAGYrviSMR1NVQgAAAbwAAAAnAAAAKLj8uOpPUy8yAAAB5AAAAEwAAABgXqOjr1NUQVQAAAIwAAAAPQAAAEjnc8sdY21hcAAAAnAAAABDAAAAZAHsImBnYXNwAAACtAAAAAgAAAAIAAAAEGdseWYAAAK8AAABWAAAAaAMR8wnaGVhZAAABBQAAAA2AAAANiIkFjloaGVhAAAETAAAAB8AAAAkCMQChGhtdHgAAARsAAAAIAAAACYPJwD7bG9jYQAABIwAAAAWAAAAFgJYAcJtYXhwAAAEpAAAABwAAAAgABoAwm5hbWUAAATAAAABLAAAArQ80WAIcG9zdAAABewAAABNAAAAYifABt8AAQAAAAwAAAAAAAAAAgABAAEAAwABAAB42j3HpQECQAAAwHvBNZOZgBWQRGQAtOA2Py7XTkBVV08cjMYTze3suteU4X4XEDar816Zz2RRWVAWtUFXRxAFSRAlUfjPAyrAB5UAeNpjYGRgYOBiUANCJhc3nxAGoZzEkjwGPgYQYAER//+DSABaSQVVAHjaY2BhimOcwMDKwMDUxRTBwMDgDaEZ4xg0GJ0YUAE7EDPBOCH+3v4MBxh4Fbaw8P1XYmBgFWBMUWBgnAySY5JgegmkFBiYAdSUCkx42g3HsQ1AUBgGwPt+CgmlESymQqJ8iTUMZDjvuhMxKawKm3qOs2XgavudWYxW/UrlpT7607eA8APRSgVAAAAAeNpjYGBgAmJmIBYBkoxgmoUhAEgLACFInJdBgcGRYQHDQUYmhS3//2OK/P/5/8n/A/9T/zv+Z7wfDDQDDQAA8SQUYgAAAQAB//8AD3jabRA1QkNRLMnXenF3d/mGQ+3DiDsTNiInKCss+AFgxv0YPQILMuNODee9uCfAQh0AuekSGBDABDaAKCUjBv2YE8Y6El/uv5DWdf1lSNdPg+BP9mcBzdClP98IIKGEWXkZQlQGY0J7N9o7m173HAMYN0eXL3GHh4g4+/YWymHOKRcQwJ8pwgn4/rEbwAE+INDermmQbiAZqgG4zNxcRdZULcs/XgYv8DHRsbFSpapJVvJPrmqqIufmZmXyQlYDSZWxsTHRAi9IMeh2jtUYWb6Rcl4nRc6S7SxROmO6LPrI6yEuiJzZb5C7YrqsntE6f6SB5RvMUn9VWoLJ5HCYTEmpuVWpFbVaWzFuOozmxE9V6qtOizcbHYAwTl7MYWKBAYjSJGG8Z3yavKurYc+a3+O/MAbml6IDI/sZzyMn6TktJQUFJc3ZOnlz3cVFZWVFxe5ceAeNy1AJAAEAAAACEi1gomnYXw889QADA+gAAAAA3bEsGAAAAADgp5Nc/2P/EAVQBKUAAAAGAAIAAAAAAAB42mNgZGBg4fuvxMDA2vo/+e9l1gCgCCrgBAB//AVQAHjaY2pgsGHqYeCGYYZVDAwwzDSPwRzISmdIBwB5hgYtAAAAIQA7AEcAUwBTAFMAUwCnALQA0AAAeNpjYGRgYOBiSGFgZ4hhYAXzEICZgREAE7gA3XjaLMY1AcMAAEXBF+aMFZC9zJ0jogrqpGiqIUUxEPw3HRDxw8KwA6AxHrpBZuS6SWqcdIucVrfZUegON166y4q7nnIim29YxCz0aHioj4O+MrLAbSgGgug7ioVl5lZQZmZmJv9wcvs+QSkcWWuYGS/uEvnghk9WyHq+88IdRzx4PvEsprkSMsbqc2Xk07KJaMaYGe/vnlH0SX6LRdbZFsvJrerzTUujd/YwkmiPcR9U51TJcegrjZ6I8oFB/fUzxgBTqh79G13vKs7ol5vQhrxd/MQJZZHCT6xQFuuv7322WNOmWsu37NU4hzkiCSXSP121RvrRvO2LPHg29qNGLPKq/k4uMEPO81ksjTztFfN6MqYKdbf0cqfyQ9SOGiF6ltQ+0NegAx1fYaVrDHjaY2BiAIP/qQwaDNgAFxCrMJxkZGJgZmRmZGFkZWRjZGdzTCpKLUtlL83LNDBwNGByDgIxjQycTDgTk0tLUpPzc5PAksYGZgDvLw/DAAAA) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-vietnamese-400-normal-Cg2kxhWu.woff2) format("woff2"),url(/assets/plus-jakarta-sans-vietnamese-400-normal-B8TCSmUq.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-ext-400-normal-D127hM_v.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-ext-400-normal-2ppkqaOR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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{.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}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/4{top:25%}.top-4{top:calc(var(--spacing) * 4)}.top-\[18px\]{top:18px}.right-1\/4{right:25%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\/4{bottom:25%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/4{left:25%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[80\]{z-index:80}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-96{height:calc(var(--spacing) * 96)}.h-\[420px\]{height:420px}.h-\[500px\]{height:500px}.h-full{height:100%}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[500px\]{min-height:500px}.min-h-\[620px\]{min-height:620px}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[500px\]{width:500px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[1px\]{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-amber-400\/70{border-color:#fcbb00b3}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/70{border-color:color-mix(in oklab,var(--color-amber-400) 70%,transparent)}}.border-indigo-300\/25{border-color:#a4b3ff40}@supports (color:color-mix(in lab,red,red)){.border-indigo-300\/25{border-color:color-mix(in oklab,var(--color-indigo-300) 25%,transparent)}}.border-red-500\/80{border-color:#fb2c36cc}@supports (color:color-mix(in lab,red,red)){.border-red-500\/80{border-color:color-mix(in oklab,var(--color-red-500) 80%,transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#0a0a0a\]\/80{background-color:#0a0a0acc}.bg-amber-300\/12{background-color:#ffd2361f}@supports (color:color-mix(in lab,red,red)){.bg-amber-300\/12{background-color:color-mix(in oklab,var(--color-amber-300) 12%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/30{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.bg-red-500\/80{background-color:#fb2c36cc}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/80{background-color:color-mix(in oklab,var(--color-red-500) 80%,transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/70{background-color:color-mix(in oklab,var(--color-slate-950) 70%,transparent)}}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/80{background-color:color-mix(in oklab,var(--color-slate-950) 80%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/88{background-color:#ffffffe0}@supports (color:color-mix(in lab,red,red)){.bg-white\/88{background-color:color-mix(in oklab,var(--color-white) 88%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_top_left\,_rgba\(34\,211\,238\,0\.14\)\,_transparent_22\%\)\,radial-gradient\(circle_at_bottom_right\,_rgba\(96\,165\,250\,0\.12\)\,_transparent_24\%\)\,linear-gradient\(180deg\,_rgba\(10\,10\,10\,1\)\,_rgba\(5\,8\,14\,1\)\)\]{background-image:radial-gradient(circle at 0 0,#22d3ee24,#0000 22%),radial-gradient(circle at 100% 100%,#60a5fa1f,#0000 24%),linear-gradient(#0a0a0a,#05080e)}.bg-\[radial-gradient\(circle_at_top_left\,_rgba\(46\,196\,198\,0\.10\)\,_transparent_24\%\)\,linear-gradient\(180deg\,_rgba\(248\,250\,252\,1\)\,_rgba\(241\,245\,249\,0\.98\)\)\]{background-image:radial-gradient(circle at 0 0,#2ec4c61a,#0000 24%),linear-gradient(#f8fafc,#f1f5f9fa)}.bg-\[radial-gradient\(circle_at_top_left\,_rgba\(46\,196\,198\,0\.12\)\,_transparent_28\%\)\,linear-gradient\(180deg\,_rgba\(8\,15\,30\,0\.98\)\,_rgba\(7\,10\,20\,1\)\)\]{background-image:radial-gradient(circle at 0 0,#2ec4c61f,#0000 28%),linear-gradient(#080f1efa,#070a14)}.bg-\[radial-gradient\(circle_at_top_left\,_rgba\(46\,196\,198\,0\.14\)\,_transparent_28\%\)\,linear-gradient\(180deg\,_rgba\(8\,15\,30\,0\.98\)\,_rgba\(7\,10\,20\,1\)\)\]{background-image:radial-gradient(circle at 0 0,#2ec4c624,#0000 28%),linear-gradient(#080f1efa,#070a14)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-indigo-400{--tw-gradient-via:var(--color-indigo-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-emerald-200{color:var(--color-emerald-200)}.text-indigo-100{color:var(--color-indigo-100)}.text-red-400{color:var(--color-red-400)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-55{opacity:.55}.mix-blend-screen{mix-blend-mode:screen}.shadow-\[0_0_0_1px_rgba\(99\,102\,241\,0\.12\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#6366f11f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(99\,102\,241\,0\.30\)\,0_0_16px_rgba\(99\,102\,241\,0\.38\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#6366f14d), 0 0 16px var(--tw-shadow-color,#6366f161);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(129\,140\,248\,0\.28\)\,0_0_16px_rgba\(129\,140\,248\,0\.35\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#818cf847), 0 0 16px var(--tw-shadow-color,#818cf859);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(251\,191\,36\,0\.16\)\,0_0_24px_rgba\(251\,191\,36\,0\.18\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#fbbf2429), 0 0 24px var(--tw-shadow-color,#fbbf242e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_white\]{--tw-shadow:0 0 8px var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(46\,196\,198\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#2ec4c680);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(0\,0\,0\,0\.24\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#0000003d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.32\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000052);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);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,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-red-400:hover{background-color:var(--color-red-400)}}.data-\[active\=true\]\:border-emerald-300\/50[data-active=true]{border-color:#5ee9b580}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:border-emerald-300\/50[data-active=true]{border-color:color-mix(in oklab,var(--color-emerald-300) 50%,transparent)}}.data-\[active\=true\]\:bg-emerald-300\/10[data-active=true]{background-color:#5ee9b51a}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-emerald-300\/10[data-active=true]{background-color:color-mix(in oklab,var(--color-emerald-300) 10%,transparent)}}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}:root{--bone-50:#fbf7ef;--bone-100:#f5efe4;--bone-200:#ece3d2;--bone-300:#ddd0b9;--bone-400:#b8a98e;--bone-500:#8a7b62;--bone-600:#5c5040;--bone-700:#3d3528;--bone-800:#221c13;--bone-900:#0f0b05;--gra-50:#e8e6e1;--gra-100:#bcb8b0;--gra-200:#8a857b;--gra-300:#5d5852;--gra-400:#3a3631;--gra-500:#2a2723;--gra-600:#1f1d1a;--gra-700:#161412;--gra-800:#100e0c;--gra-900:#08070a;--stg-50:#d4d2cd;--stg-100:#6f6c66;--stg-200:#3a3833;--stg-300:#1c1b18;--stg-400:#0d0c0a;--stg-500:#050504;--stg-600:#020202;--terra-50:#fbeddf;--terra-100:#f4d4b5;--terra-200:#e5a876;--terra-300:#d17f45;--terra-400:#b85c2e;--terra-500:#9a4720;--terra-600:#7a3517;--terra-700:#5a2510;--sage-300:#a8b5a0;--sage-400:#7a8a75;--sage-500:#5a6b58;--sage-600:#3f4d40;--brass-300:#e0be7a;--brass-400:#c29b4f;--brass-500:#9a7733;--signal-success:#5c8a4a;--signal-warning:#c29b4f;--signal-danger:#a23b2c;--signal-info:#4a6b8a;--signal-live:#b85c2e;--hand-right:#b85c2e;--hand-left:#4a6b8a;--hand-right-soft:#e5a876;--hand-left-soft:#8fa4bd;--font-display:"Fraunces", "Cormorant Garamond", Georgia, serif;--font-ui:"Inter", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--t-display:clamp(2.4rem, 1.8rem + 2.4vw, 3.6rem);--t-h1:2rem;--t-h2:1.5rem;--t-h3:1.125rem;--t-body:.9375rem;--t-body-sm:.8125rem;--t-meta:.6875rem;--t-mono:.8125rem;--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.5;--lh-loose:1.7;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--hair:1px;--ease-out:cubic-bezier(.2, .7, .3, 1);--ease-in-out:cubic-bezier(.5, 0, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--z-sidebar:10;--z-topbar:20;--z-drawer:40;--z-modal:60;--z-toast:80}[data-app-theme=studio],:root{--bg-page:var(--bone-50);--bg-surface:#fff;--bg-raised:var(--bone-100);--bg-sunken:var(--bone-200);--bg-overlay:#0f0b0573;--fg-primary:var(--bone-800);--fg-secondary:var(--bone-700);--fg-muted:var(--bone-600);--fg-faint:var(--bone-500);--fg-on-accent:#fff;--line-hairline:#221c1314;--line-strong:#221c1329;--line-focus:var(--terra-400);--accent:var(--terra-400);--accent-hover:var(--terra-500);--accent-soft:var(--terra-50);--accent-strong:var(--terra-600);--accent-fg:#fff;--control-bg:#fff;--control-bg-hover:var(--bone-100);--control-bg-active:var(--terra-50);--control-fg:var(--bone-800);--control-muted-fg:var(--bone-600);--control-border:#221c1329;--status-success-bg:#5c8a4a24;--status-success-fg:#3f6f31;--status-info-bg:#4a6b8a24;--status-info-fg:#355e82;--status-danger-bg:#a23b2c1f;--status-danger-fg:#8a2f23;--shadow-1:0 1px 0 #221c130a, 0 1px 2px #221c130a;--shadow-2:0 1px 0 #221c130a, 0 4px 12px #221c130f;--shadow-3:0 1px 0 #221c130a, 0 12px 28px #221c131a;--shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);--selection-bg:#b85c2e33;--selection-fg:var(--bone-800);color-scheme:light}[data-app-theme=night]{--bg-page:var(--gra-700);--bg-surface:var(--gra-600);--bg-raised:var(--gra-500);--bg-sunken:var(--gra-800);--bg-overlay:#0009;--fg-primary:var(--gra-50);--fg-secondary:var(--gra-100);--fg-muted:var(--gra-200);--fg-faint:var(--gra-200);--fg-on-accent:var(--gra-800);--line-hairline:#ffffff0f;--line-strong:#ffffff1f;--line-focus:var(--terra-300);--accent:var(--terra-300);--accent-hover:var(--terra-200);--accent-soft:#b85c2e24;--accent-strong:var(--terra-400);--accent-fg:var(--gra-800);--control-bg:#ffffff0f;--control-bg-hover:#ffffff1a;--control-bg-active:#d17f452e;--control-fg:var(--gra-50);--control-muted-fg:var(--gra-100);--control-border:#ffffff24;--status-success-bg:#74a4602e;--status-success-fg:#b9e1a8;--status-info-bg:#8fa4bd2e;--status-info-fg:#c6d8ec;--status-danger-bg:#e2705c2e;--status-danger-fg:#ffb6a8;--shadow-1:0 1px 0 #0006, 0 1px 2px #0000004d;--shadow-2:0 1px 0 #0006, 0 4px 14px #0006;--shadow-3:0 1px 0 #0006, 0 18px 40px #00000080;--shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);--selection-bg:#d17f4547;--selection-fg:var(--gra-50);color-scheme:dark}[data-app-theme=stage]{--bg-page:var(--stg-500);--bg-surface:var(--stg-400);--bg-raised:var(--stg-300);--bg-sunken:var(--stg-600);--bg-overlay:#000c;--fg-primary:var(--stg-50);--fg-secondary:var(--gra-100);--fg-muted:var(--gra-200);--fg-faint:var(--stg-100);--fg-on-accent:var(--stg-500);--line-hairline:#ffffff0a;--line-strong:#ffffff1a;--line-focus:var(--brass-300);--accent:var(--brass-300);--accent-hover:var(--brass-400);--accent-soft:#e0be7a1a;--accent-strong:var(--brass-500);--accent-fg:var(--stg-500);--control-bg:#ffffff0f;--control-bg-hover:#ffffff1c;--control-bg-active:#e0be7a29;--control-fg:var(--stg-50);--control-muted-fg:var(--gra-100);--control-border:#ffffff24;--status-success-bg:#74a4602e;--status-success-fg:#c8e6bb;--status-info-bg:#8fa4bd2e;--status-info-fg:#d7e2f0;--status-danger-bg:#e2705c2e;--status-danger-fg:#ffc1b7;--shadow-1:0 1px 0 #0009, 0 1px 2px #00000080;--shadow-2:0 2px 0 #00000080, 0 6px 18px #0009;--shadow-3:0 2px 0 #00000080, 0 22px 50px #000000b3;--shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);color-scheme:dark}[data-score-theme=paper-light],:root{--score-bg:#fff;--score-bg-edge:#fafaf8;--score-staff:#1a1a1a;--score-ink:#000;--score-meta:#4a4a4a;--score-cursor:var(--terra-400);--score-cursor-bg:#b85c2e1a;--score-selection:#b85c2e2e;--score-grid:#0000000a}[data-score-theme=warm-paper]{--score-bg:#fbf6ea;--score-bg-edge:#f4ecd9;--score-staff:#2a2218;--score-ink:#1a130a;--score-meta:#5c5040;--score-cursor:var(--terra-500);--score-cursor-bg:#9a472024;--score-selection:#9a472033;--score-grid:#221c130d}[data-score-theme=ivory]{--score-bg:#f8f4ec;--score-bg-edge:#f1ece0;--score-staff:#1f1a12;--score-ink:#0f0a02;--score-meta:#4f463a;--score-cursor:var(--terra-400);--score-cursor-bg:#b85c2e1f;--score-selection:#b85c2e2e;--score-grid:#1f1a120a}[data-score-theme=dark]{--score-bg:#1a1815;--score-bg-edge:#141210;--score-staff:#e8e4da;--score-ink:#f5f1e6;--score-meta:#b0aa9c;--score-cursor:var(--terra-200);--score-cursor-bg:#e5a87629;--score-selection:#e5a87638;--score-grid:#ffffff0a}[data-score-theme=stage]{--score-bg:#050504;--score-bg-edge:#020202;--score-staff:#fff;--score-ink:#fff;--score-meta:#d4d2cd;--score-cursor:var(--brass-300);--score-cursor-bg:#e0be7a2e;--score-selection:#e0be7a3d;--score-grid:#ffffff0a}:root,[data-app-theme=studio]{--text-primary:var(--fg-primary);--text-secondary:var(--fg-secondary);--text-muted:var(--fg-muted);--ink-deep:var(--fg-primary);--ink-panel:var(--bg-raised);--ink-darker:var(--bg-sunken);--panel-border:var(--line-hairline);--border-color:var(--line-hairline);--border-bright:var(--line-strong);--clavis-accent:var(--accent);--clavis-accent-glow:transparent;--clavis-accent-border:var(--line-strong);--aqua:var(--terra-400);--cyan:var(--terra-400);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-hero:var(--r-xl);--radius-pill:var(--r-full);--shadow-glass:var(--shadow-3);--accent-color:var(--accent)}[data-app-theme=night]{--text-primary:var(--fg-primary);--text-secondary:var(--fg-secondary);--text-muted:var(--fg-muted);--clavis-accent:var(--accent);--clavis-accent-glow:transparent;--clavis-accent-border:var(--line-strong);--aqua:var(--terra-300);--cyan:var(--terra-300);--shadow-glass:var(--shadow-3)}[data-app-theme=stage]{--text-primary:var(--fg-primary);--text-secondary:var(--fg-secondary);--text-muted:var(--fg-muted);--clavis-accent:var(--accent);--clavis-accent-glow:transparent;--clavis-accent-border:var(--line-strong);--aqua:var(--brass-300);--cyan:var(--brass-300);--shadow-glass:var(--shadow-3)}*,:before,:after{box-sizing:border-box}::selection{background:var(--selection-bg,#b85c2e33);color:var(--selection-fg,var(--fg-primary))}button{font:inherit;color:inherit}a{color:inherit}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{font-family:var(--font-ui);line-height:var(--lh-body);color:var(--fg-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}body,html,#root{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--fg-primary)}html{transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}img[id^=cursorImg-]{background-color:var(--score-cursor,#b85c2e)!important;opacity:.35!important;mix-blend-mode:multiply!important;z-index:10!important;min-height:70px!important}[data-score-theme=dark] img[id^=cursorImg-],[data-score-theme=stage] img[id^=cursorImg-]{mix-blend-mode:screen!important;opacity:.45!important}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}:root{--ink-deep: #030508;--ink-panel: #0D1421;--ink-darker: #05080E;--aqua: #2EC4C6;--purple: #A78BFA;--blue: #60A5FA;--green: #34D399;--orange: #FB923C;--amber: #FBBF24;--pink: #F472B6;--cyan: #22D3EE;--aqua-glow: rgba(46, 196, 198, .4);--purple-glow: rgba(167, 139, 250, .4);--blue-glow: rgba(96, 165, 250, .4);--green-glow: rgba(52, 211, 153, .4);--orange-glow: rgba(251, 146, 60, .4);--amber-glow: rgba(251, 191, 36, .4);--pink-glow: rgba(244, 114, 182, .4);--cyan-glow: rgba(34, 211, 238, .4);--text-primary: #F0F4F8;--text-secondary: #94A3B8;--text-muted: #6B7A90;--panel-border: #1A2638;--border-color: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .15);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-hero: 2.5rem;--radius-pill: 999px;--space-section: 1rem;--space-card: 1.25rem;--space-row: .75rem;--shadow-glass: 0 30px 60px -12px rgba(0, 0, 0, .85), 0 10px 30px -10px rgba(0, 0, 0, .6), inset 0 1px 2px rgba(255, 255, 255, .06), inset 0 0 50px rgba(0, 0, 0, .25);--clavis-accent: var(--aqua);--clavis-accent-glow: var(--aqua-glow);--clavis-accent-border: rgba(46, 196, 198, .35)}.clavis-landing{--landing-ink: #0E0C0A;--landing-panel: #15110D;--landing-panel-2: #1C1813;--landing-line: rgba(255, 255, 255, .11);--landing-line-strong: rgba(255, 255, 255, .2);--landing-bone: #EDE5D4;--landing-muted: #A79E8E;--landing-terra: #D17F45;--landing-teal: #6FB7AE;--landing-brass: #E0BE7A;min-height:100vh;padding:0 clamp(1.1rem,4vw,3rem) 2rem;color:var(--landing-bone);background:radial-gradient(ellipse 80% 58% at 50% -10%,rgba(184,92,46,.18),transparent 60%),radial-gradient(ellipse 56% 46% at 100% 20%,rgba(111,183,174,.1),transparent 72%),linear-gradient(180deg,#0e0c0a,#100d09 48%,#0b0907);font-family:var(--font-ui, "Inter", "Plus Jakarta Sans", system-ui, sans-serif);overflow-x:hidden}.clavis-landing *{box-sizing:border-box}.clavis-landing button,.clavis-landing a{font:inherit}.clavis-landing-nav,.clavis-landing-hero,.clavis-landing-actions,.clavis-landing-repertoire,.clavis-landing-section,.clavis-landing-cta,.clavis-landing-footer,.clavis-landing-error{width:min(1220px,100%);margin-inline:auto}.clavis-landing-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:4.25rem;padding:.75rem 0;background:#0e0c0ac2;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.clavis-landing-brand{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.clavis-landing-brand img{display:block;width:14rem;max-width:48vw;height:auto}.clavis-landing-nav__links{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0}.clavis-landing-nav__links a,.clavis-landing-nav__links button,.clavis-landing-live button,.clavis-landing-cta__actions button{min-height:2.4rem;border:1px solid var(--landing-line);border-radius:.65rem;padding:.62rem .9rem;color:var(--landing-bone);background:#ffffff09;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.clavis-landing-nav__links a:hover,.clavis-landing-nav__links button:hover,.clavis-landing-live button:hover,.clavis-landing-cta__actions button:hover{transform:translateY(-1px);border-color:var(--landing-line-strong);background:#d17f4529}.clavis-landing-status{display:inline-flex;align-items:center;gap:.5rem;justify-self:end;padding:.5rem .75rem;border:1px solid rgba(209,127,69,.3);border-radius:999px;color:#f4d4b5;background:#b85c2e1f;font-family:var(--font-mono, monospace);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.clavis-landing-status span{width:.4rem;height:.4rem;border-radius:999px;background:var(--landing-terra);box-shadow:0 0 0 .22rem #d17f4533}.clavis-landing-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(2rem,5vw,4.5rem) 0 clamp(1.25rem,3vw,2.25rem)}.clavis-landing-eyebrow{margin:0 0 1rem;color:var(--landing-terra);font-family:var(--font-mono, monospace);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}.clavis-landing h1,.clavis-landing h2{margin:0;color:var(--landing-bone);font-family:var(--font-display, Fraunces, Georgia, serif);font-weight:430;letter-spacing:0}.clavis-landing h1{max-width:11ch;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.96}.clavis-landing h2{max-width:17ch;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02}.clavis-landing em{color:#e5a876;font-style:italic}.clavis-landing-hero__copy>p:not(.clavis-landing-eyebrow),.clavis-landing-section__head>p,.clavis-landing-live p,.clavis-landing-cta p,.clavis-landing-repertoire p{max-width:62ch;color:#d9cfb9;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.65}.clavis-landing-note{display:inline-flex;margin-top:1.2rem;color:var(--landing-muted);font-family:var(--font-mono, monospace);font-size:.78rem;letter-spacing:.06em}.clavis-landing-hero__media,.clavis-landing-showcase article,.clavis-landing-live,.clavis-landing-tools,.clavis-landing-cta,.clavis-landing-repertoire{border:1px solid var(--landing-line);background:linear-gradient(180deg,#ffffff0b,#ffffff03);box-shadow:0 28px 70px -40px #000000d9}.clavis-landing-hero__media{overflow:hidden;border-radius:1.35rem}.clavis-landing-hero__media img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.clavis-landing-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 0 clamp(2rem,5vw,4rem)}.clavis-landing-action{display:flex;flex-direction:column;min-height:12rem;padding:1.15rem;border:1px solid var(--landing-line);border-radius:1rem;color:inherit;text-align:left;background:radial-gradient(ellipse 80% 70% at 90% 0%,var(--action-glow, rgba(209, 127, 69, .16)),transparent 65%),linear-gradient(180deg,#ffffff0a,#ffffff03);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.clavis-landing-action:hover,.clavis-landing-action:focus-visible,.clavis-landing-action[data-open=true],.clavis-landing-action[data-dragging=true]{transform:translateY(-2px);border-color:var(--landing-line-strong);box-shadow:0 18px 45px -32px #000000e6;outline:none}.clavis-landing-action--upload{--action-color: var(--landing-terra);--action-glow: rgba(209, 127, 69, .2)}.clavis-landing-action--rep{--action-color: #D9CFB9;--action-glow: rgba(237, 229, 212, .08)}.clavis-landing-action--play{--action-color: var(--landing-teal);--action-glow: rgba(111, 183, 174, .16)}.clavis-landing-action--tools{--action-color: var(--landing-brass);--action-glow: rgba(224, 190, 122, .14)}.clavis-landing-action__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:var(--landing-muted);font-family:var(--font-mono, monospace);font-size:.67rem;letter-spacing:.2em}.clavis-landing-action__icon,.clavis-landing-showcase article div span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--landing-line);border-radius:.7rem;color:var(--action-color, var(--landing-terra));background:#ffffff09}.clavis-landing svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.clavis-landing-action strong,.clavis-landing-step strong,.clavis-landing-teacher-grid strong,.clavis-landing-tool-grid strong{color:var(--landing-bone);font-family:var(--font-display, Fraunces, Georgia, serif);font-size:1.15rem;font-weight:520;line-height:1.16}.clavis-landing-action>span:not(.clavis-landing-action__head),.clavis-landing-step span,.clavis-landing-teacher-grid span,.clavis-landing-tool-grid span{margin-top:.55rem;color:#d9cfb9;font-size:.86rem;line-height:1.55}.clavis-landing-action small,.clavis-landing-step small,.clavis-landing-showcase small{margin-top:auto;padding-top:1rem;color:var(--landing-muted);font-family:var(--font-mono, monospace);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.clavis-landing-repertoire{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,2rem);border-radius:1.2rem;margin-bottom:clamp(2rem,4vw,3rem)}.clavis-landing-error{padding:.9rem 1rem;border:1px solid rgba(251,146,60,.35);border-radius:.9rem;color:#f4d4b5;background:#b85c2e26}.clavis-landing-section{padding:clamp(2.5rem,6vw,5rem) 0;border-top:1px solid rgba(255,255,255,.07)}.clavis-landing-section__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3rem);align-items:end;margin-bottom:clamp(1.5rem,4vw,2.6rem)}.clavis-landing-steps,.clavis-landing-teacher-grid,.clavis-landing-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.clavis-landing-steps{grid-template-columns:repeat(5,1fr)}.clavis-landing-step,.clavis-landing-teacher-grid article,.clavis-landing-tool-grid button{display:flex;flex-direction:column;min-height:10rem;padding:1.2rem;border:1px solid rgba(255,255,255,.09);border-radius:.9rem;background:#ffffff06}.clavis-landing-tool-grid button{color:inherit;text-align:left;cursor:pointer}.clavis-landing-tool-grid button:hover{border-color:var(--landing-line-strong);background:#d17f451a}.clavis-landing-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.clavis-landing-showcase article{overflow:hidden;border-radius:1rem}.clavis-landing-showcase img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.clavis-landing-showcase article div{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;align-items:center;padding:1rem}.clavis-landing-showcase article div span{grid-row:span 2;width:2rem;height:2rem}.clavis-landing-showcase strong{color:var(--landing-bone)}.clavis-landing-live{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.25rem,3vw,2rem);border-radius:1.35rem}.clavis-landing-live ul{display:grid;gap:.6rem;margin:1.2rem 0;padding:0;list-style:none}.clavis-landing-live li{padding-top:.65rem;border-top:1px solid rgba(255,255,255,.08);color:#d9cfb9}.clavis-landing-live img,.clavis-landing-tools>img{display:block;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:1rem;object-fit:cover}.clavis-landing-tools{padding:clamp(1.25rem,3vw,2rem);border-radius:1.35rem}.clavis-landing-tools>img{margin-top:1rem;aspect-ratio:16 / 8}.clavis-landing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.35rem;margin-top:clamp(2rem,5vw,4rem)}.clavis-landing-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem}.clavis-landing-cta__actions button:first-child,.clavis-landing-live button{color:#120e0a;border-color:#d17f45;background:#d17f45}.clavis-landing-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0 0;color:var(--landing-muted);font-family:var(--font-mono, monospace);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1080px){.clavis-landing-actions,.clavis-landing-showcase,.clavis-landing-steps,.clavis-landing-teacher-grid,.clavis-landing-tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.clavis-landing-nav{grid-template-columns:1fr auto}.clavis-landing-nav__links{display:none}.clavis-landing-hero,.clavis-landing-section__head,.clavis-landing-live,.clavis-landing-cta{grid-template-columns:1fr}.clavis-landing h1{max-width:12ch}.clavis-landing-cta__actions{justify-content:flex-start}}@media(max-width:560px){.clavis-landing{padding-inline:.85rem}.clavis-landing-actions,.clavis-landing-showcase,.clavis-landing-steps,.clavis-landing-teacher-grid,.clavis-landing-tool-grid{grid-template-columns:1fr}.clavis-landing-status{display:none}.clavis-landing-brand img{width:11rem}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;background-color:#020408;background-image:radial-gradient(circle at 20% 20%,rgba(46,196,198,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(46,196,198,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% -20%,rgba(46,196,198,.15) 0%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 0%,rgba(2,4,8,.9) 100%);background-attachment:fixed}button,input,select{font:inherit}.clavis-tone-aqua{--clavis-accent: var(--aqua);--clavis-accent-glow: var(--aqua-glow);--clavis-accent-border: rgba(46, 196, 198, .35)}.clavis-tone-purple{--clavis-accent: var(--purple);--clavis-accent-glow: var(--purple-glow);--clavis-accent-border: rgba(167, 139, 250, .35)}.clavis-tone-blue{--clavis-accent: var(--blue);--clavis-accent-glow: var(--blue-glow);--clavis-accent-border: rgba(96, 165, 250, .35)}.clavis-tone-green{--clavis-accent: var(--green);--clavis-accent-glow: var(--green-glow);--clavis-accent-border: rgba(52, 211, 153, .35)}.clavis-tone-orange{--clavis-accent: var(--orange);--clavis-accent-glow: var(--orange-glow);--clavis-accent-border: rgba(251, 146, 60, .35)}.clavis-tone-amber{--clavis-accent: var(--amber);--clavis-accent-glow: var(--amber-glow);--clavis-accent-border: rgba(251, 191, 36, .35)}.clavis-tone-pink{--clavis-accent: var(--pink);--clavis-accent-glow: var(--pink-glow);--clavis-accent-border: rgba(244, 114, 182, .35)}.clavis-tone-cyan{--clavis-accent: var(--cyan);--clavis-accent-glow: var(--cyan-glow);--clavis-accent-border: rgba(34, 211, 238, .35)}.clavis-shell{min-height:100dvh;padding:1rem 1.25rem}.clavis-shell__container{width:100%;max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.clavis-glass{background:#0d1421a6;border:1px solid rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:var(--shadow-glass)}.clavis-shell__hero{position:relative;z-index:30;overflow:visible;min-height:2.75rem;padding:.32rem .65rem;border-radius:.95rem}.clavis-shell__hero:before{display:none}.clavis-shell__hero-content{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.clavis-shell__hero-main{display:flex;align-items:center;gap:.75rem;min-width:0;flex:0 0 auto}.clavis-logo-badge{width:1.75rem;height:1.75rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #ffffff14;flex:0 0 auto}.clavis-logo-badge--clickable{cursor:pointer;transition:opacity .15s ease,transform .15s ease}.clavis-logo-badge--clickable:hover{opacity:.75;transform:scale(1.07)}.clavis-logo-badge--clickable:active{transform:scale(.95)}.clavis-shell__title-block{min-width:0}.clavis-shell__eyebrow{margin:0 0 .4rem;color:color-mix(in srgb,var(--clavis-accent) 70%,white);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.45em}.clavis-shell__title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.clavis-shell__title{margin:0;font-size:.95rem;line-height:1;letter-spacing:-.02em;font-weight:900}.clavis-shell__hero-center{min-width:0;display:flex;justify-content:center}.clavis-shell__hero-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end}.clavis-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--clavis-accent) 35%,transparent);background:color-mix(in srgb,var(--clavis-accent) 10%,transparent);color:var(--clavis-accent);font-size:.55rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.clavis-shell__subtitle{margin:.5rem 0 0;max-width:42rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.clavis-toolbar{position:relative;z-index:20;display:flex;padding:.65rem .8rem}.clavis-workbar{width:100%;position:relative;display:flex;flex-direction:column;gap:.5rem}.clavis-workbar__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.clavis-workbar__row--primary{min-height:2.25rem}.clavis-workbar__row--secondary{min-height:2.5rem}.clavis-workbar__cluster{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.clavis-workbar__cluster--grow{flex:1 1 28rem}.clavis-workbar__status-text{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;color:var(--text-muted);font-size:.7rem;font-weight:700;white-space:nowrap}.clavis-workbar__upload-row{width:100%}.clavis-workbar__upload-trigger{display:inline-flex;align-items:center;min-height:2.25rem;padding:.45rem .75rem;border-radius:999px;border:1px dashed rgba(255,255,255,.14);color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:border-color .2s ease-out,color .2s ease-out,background .2s ease-out}.clavis-workbar__upload-trigger:hover{border-color:#22d3ee57;color:#fff;background:#22d3ee14}.clavis-toolbar__group{display:flex;align-items:center;gap:.5rem;min-width:0;flex-wrap:wrap}.clavis-toolbar__group--tabs{flex:1 1 20rem}.clavis-toolbar__group--actions{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}.clavis-toolbar__divider{width:1px;min-height:2.75rem;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);flex:0 0 auto}.clavis-toolbar-tabs{background:#05080eb8}.clavis-toolbar-tabs .clavis-segmented__item{border-radius:var(--radius-pill);min-height:2.1rem;padding:.45rem .85rem;font-size:.6rem}.clavis-toolbar-tabs .clavis-segmented__item[data-active=true]{background:var(--cyan);color:#041018;box-shadow:0 0 18px #22d3ee4d}.clavis-toolbar__metric{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.5rem .85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.clavis-toolbar__metric-label{color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.clavis-toolbar__metric-value{color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em}.clavis-stack{display:flex;flex-direction:column;gap:1rem}.clavis-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.clavis-grid>*{min-width:0}.clavis-col-12{grid-column:span 12}.clavis-col-8{grid-column:span 8}.clavis-col-6{grid-column:span 6}.clavis-col-4{grid-column:span 4}.clavis-col-3{grid-column:span 3}.clavis-panel{padding:var(--space-card)}.clavis-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.clavis-panel__title{margin:0;font-size:1.25rem;font-weight:900;color:#fff}.clavis-panel__description{margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.55}.clavis-panel__inset{padding:1rem;border-radius:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.clavis-module-card{width:100%;padding:1.4rem;text-align:left;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-hero);background:#0d1421a6;box-shadow:var(--shadow-glass);transition:transform .35s cubic-bezier(.2,0,0,1),border-color .35s cubic-bezier(.2,0,0,1),box-shadow .35s cubic-bezier(.2,0,0,1),background .35s cubic-bezier(.2,0,0,1)}.clavis-module-card:hover{transform:translateY(-3px) scale(1.01);border-color:var(--clavis-accent-border);background:#101826e6;box-shadow:0 50px 100px -20px #000000f2,0 0 50px -8px var(--clavis-accent-glow),0 0 20px -5px var(--clavis-accent-glow)}.clavis-module-card__icon{width:3rem;height:3rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--clavis-accent);background:color-mix(in srgb,var(--clavis-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--clavis-accent) 20%,transparent)}.clavis-module-card__title{margin:1.25rem 0 .45rem;font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.02em}.clavis-module-card__description{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.clavis-module-card__footer{margin-top:1.4rem;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.clavis-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.85rem 1.2rem;border-radius:1rem;border:1px solid transparent;font-size:.7rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .2s ease-out,border-color .2s ease-out,color .2s ease-out,background .2s ease-out,opacity .2s ease-out}.clavis-button--compact{min-height:2.5rem;padding:.72rem 1rem;font-size:.62rem}.clavis-button:hover{transform:translateY(-1px)}.clavis-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.clavis-button:active{transform:scale(.98)}.clavis-button--primary{background:var(--clavis-accent);border-color:var(--clavis-accent);color:var(--ink-deep);box-shadow:0 0 24px -4px var(--clavis-accent-glow)}.clavis-button--secondary{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.clavis-button--danger{background:#05080ef2;border-color:#f43f5e59;color:#fda4af}.clavis-segmented{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.35rem;border-radius:.9rem;background:#05080ed9;border:1px solid var(--panel-border)}.clavis-segmented__item{min-height:2.75rem;padding:.6rem .95rem;border:0;border-radius:.7rem;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transition:background .2s ease-out,color .2s ease-out,transform .2s ease-out}.clavis-segmented__item[data-active=true]{background:var(--clavis-accent);color:var(--ink-deep);box-shadow:0 0 10px var(--clavis-accent-glow)}.clavis-ui-toggle{position:absolute;opacity:0;pointer-events:none}.clavis-disclosure{position:relative}.clavis-disclosure>summary{list-style:none}.clavis-disclosure>summary::-webkit-details-marker{display:none}.clavis-disclosure[open]>summary{border-color:#22d3ee47;background:#22d3ee14}.clavis-disclosure__panel{position:absolute;top:calc(100% + .6rem);right:0;z-index:70;padding:.9rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#060c14f7;box-shadow:0 24px 64px #0000006b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.clavis-disclosure__panel--export{width:min(34rem,calc(100vw - 2rem))}.clavis-disclosure__panel--waveform{left:0;right:auto;width:min(66rem,calc(100vw - 2rem))}.clavis-disclosure__section{display:flex;flex-direction:column;gap:.45rem}.clavis-disclosure__section+.clavis-disclosure__section{margin-top:.75rem}.clavis-disclosure__label{color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-choice-row{display:flex;flex-wrap:wrap;gap:.4rem}.clavis-choice-row--view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.clavis-choice-chip,.clavis-toolbar-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.66rem;font-weight:800;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.clavis-choice-row--view .clavis-choice-chip{width:100%;min-width:0;white-space:nowrap}.clavis-choice-chip[data-active=true]{border-color:#22d3ee8c;background:#22d3ee24;color:#a5f3fc}.clavis-choice-chip:disabled{opacity:.45;cursor:not-allowed}.clavis-export-panel__status{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.8rem}.clavis-export-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;margin-bottom:.85rem}.clavis-export-panel__summary{max-width:13rem;color:#cbd5e1b8;font-size:.66rem;font-weight:800;line-height:1.35;text-align:right}.clavis-export-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.clavis-export-profile{display:grid;gap:.25rem;min-height:4.4rem;padding:.68rem .72rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:#fff;text-align:left;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out,color .18s ease-out}.clavis-export-profile:hover{border-color:#22d3ee52;background:#22d3ee14}.clavis-export-profile[data-active=true]{border-color:#22d3ee85;background:#22d3ee21;color:#dffbff}.clavis-export-profile:disabled{opacity:.45;cursor:not-allowed}.clavis-export-profile__title{font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.clavis-export-profile__caption{color:#cbd5e1b8;font-size:.68rem;font-weight:650;line-height:1.35}.clavis-export-volume{display:grid;grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.65rem;min-height:2rem;padding:.45rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.clavis-export-volume input{width:100%;accent-color:var(--clavis-accent)}.clavis-export-volume input:disabled{opacity:.45}.clavis-export-volume span{color:#e2e8f0d1;font-size:.66rem;font-weight:850;text-align:right;white-space:nowrap}.clavis-export-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.clavis-export-panel__actions{display:flex;gap:.5rem;margin-top:.9rem}.clavis-export-panel__render{width:100%;justify-content:center}.clavis-toolbar-share{display:inline-flex}.clavis-toolbar-share [data-player-share-trigger=true],.clavis-topbar-share [data-player-share-trigger=true],.clavis-transport-share [data-player-share-trigger=true]{width:34px!important;height:34px!important;border-radius:10px!important}.clavis-topbar-center{width:min(100%,28rem)}.clavis-topbar-tabs{width:100%}.clavis-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.clavis-topbar-share{display:inline-flex}.clavis-topbar-actions .clavis-button--compact{min-height:2.15rem;padding:.55rem .85rem;border-radius:.9rem}.clavis-tools-context-trigger{min-height:2.15rem;padding:.48rem .8rem;border:1px solid rgba(251,146,60,.4);border-radius:.9rem;background:#fb923c1f;color:color-mix(in srgb,var(--orange) 72%,white);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.clavis-tools-context-trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#2ec4c675;background:#fb923c2e}.clavis-tools-context-trigger:disabled{cursor:not-allowed;opacity:.45}.clavis-topbar-anchor{position:relative}.clavis-topbar-upload-trigger{display:inline-flex;align-items:center;gap:.4rem;max-width:min(30rem,46vw);min-height:2.05rem;padding:.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out}.clavis-topbar-upload-trigger:hover{border-color:#22d3ee4d;background:#22d3ee14}.clavis-status-badge{display:inline-flex;align-items:center;max-width:100%;min-height:1.6rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.68rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clavis-status-badge--success{border-color:#34d39938;background:#14532d66;color:#d1fae5}.clavis-status-badge--muted,.clavis-status-badge--empty{background:#ffffff0a;color:var(--text-secondary)}.clavis-topbar-panel{position:absolute;top:calc(100% + .65rem);right:0;z-index:50;width:min(24rem,calc(100vw - 2rem));padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#060c14fa;box-shadow:0 24px 64px #00000073;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.clavis-topbar-panel--upload{width:min(28rem,calc(100vw - 2rem))}.clavis-topbar-panel--repertoire{width:min(36rem,calc(100vw - 2rem));padding:0;overflow:hidden}.clavis-topbar-panel--repertoire .clavis-topbar-panel__header{padding:1rem 1rem 0}.clavis-topbar-panel--repertoire .repertoire-folder{border-radius:0;border-left:none;border-right:none}.clavis-topbar-panel--repertoire .repertoire-folder:first-of-type{border-top:1px solid rgba(255,255,255,.06)}.clavis-topbar-repertoire-trigger{display:inline-flex;align-items:center;gap:.4rem;height:2.05rem;padding:0 .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.clavis-topbar-repertoire-trigger svg{width:.9rem;height:.9rem;flex-shrink:0}.clavis-topbar-repertoire-trigger:hover,.clavis-topbar-repertoire-trigger[data-open=true]{border-color:#2ec4c666;background:#2ec4c60f;color:var(--aqua)}.clavis-topbar-panel--wide{width:min(48rem,calc(100vw - 2rem))}.clavis-topbar-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.clavis-topbar-panel__eyebrow{color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.clavis-topbar-panel__title{margin:.18rem 0 0;color:#fff;font-size:.98rem;font-weight:900;letter-spacing:-.02em}.clavis-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;transition:border-color .2s ease-out,background .2s ease-out}.clavis-icon-button:hover{border-color:#ffffff29;background:#ffffff14}.clavis-upload-summary{display:flex;flex-direction:column;gap:.75rem}.clavis-upload-summary__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.clavis-upload-summary__label{color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.clavis-upload-summary__value{color:#fff;font-size:.78rem;font-weight:700;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clavis-upload-summary__feedback{padding:.75rem .8rem;border-radius:.9rem;background:#ffffff08;color:var(--text-secondary);font-size:.74rem;line-height:1.45}.clavis-upload-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.clavis-import-grid--panel{gap:.75rem}.clavis-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.clavis-stat-card{padding:.9rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.clavis-stat-card__label{margin:0 0 .4rem;color:var(--text-muted);font-size:.55rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.clavis-stat-card__value{margin:0;font-size:1.65rem;font-weight:900;color:#fff}.clavis-stat-card__value--accent{color:var(--clavis-accent)}.clavis-copy-list{display:flex;flex-direction:column;gap:.8rem}.clavis-copy-item{padding:.95rem 1rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);line-height:1.6}.clavis-status-row{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.clavis-shell__status-detail{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.66rem}.clavis-status-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--clavis-accent);box-shadow:0 0 12px var(--clavis-accent-glow)}.clavis-shell__status-group{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;min-width:0}.clavis-shell__status-meta{display:inline-flex;align-items:center;min-height:1.8rem;padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:.68rem;font-weight:800;white-space:nowrap}.clavis-sidebar-layout{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:1rem}.clavis-upload-card{position:relative;width:100%;min-height:15rem;padding:var(--space-card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#0d14218c;box-shadow:var(--shadow-glass);transition:transform .35s cubic-bezier(.2,0,0,1),border-color .35s cubic-bezier(.2,0,0,1),box-shadow .35s cubic-bezier(.2,0,0,1),background .35s cubic-bezier(.2,0,0,1)}.clavis-upload-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--clavis-accent) 12%,transparent),transparent 65%);opacity:0;transition:opacity .2s ease-out}.clavis-upload-card:hover{transform:translateY(-3px) scale(1.01);border-color:var(--clavis-accent-border);background:#101826e0;box-shadow:0 50px 100px -20px #000000f2,0 0 50px -8px var(--clavis-accent-glow)}.clavis-upload-card:hover:before{opacity:1}.clavis-upload-card:disabled{opacity:.5;cursor:not-allowed}.clavis-upload-card:disabled:hover{transform:none;border-color:#ffffff0f;background:#0d14218c;box-shadow:var(--shadow-glass)}.clavis-upload-card>*{position:relative;z-index:1}.clavis-upload-card__icon{width:4.5rem;height:4.5rem;border-radius:1.4rem;display:inline-flex;align-items:center;justify-content:center;color:var(--clavis-accent);background:color-mix(in srgb,var(--clavis-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--clavis-accent) 20%,transparent);box-shadow:0 0 18px -8px var(--clavis-accent-glow)}.clavis-upload-card__title{margin:1rem 0 .35rem;font-size:1.05rem;font-weight:900;color:#fff}.clavis-upload-card__caption{margin:0;max-width:20rem;color:var(--text-muted);font-size:.86rem;line-height:1.6}.clavis-upload-card__filename{margin-top:1rem;display:inline-flex;max-width:100%;padding:.55rem .9rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clavis-control-card{height:100%;padding:1rem;border-radius:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #ffffff0d}.clavis-control-card__label{margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--clavis-accent) 68%,white);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-control-card__hint{margin:.65rem 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.55}.clavis-stepper{display:flex;align-items:center;gap:.5rem;padding:.45rem;border-radius:1rem;background:#05080ecc;border:1px solid rgba(255,255,255,.08)}.clavis-stepper__input,.clavis-input,.clavis-select{min-height:2.75rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#05080ed9;color:#fff;font:inherit}.clavis-stepper__input{width:5.2rem;border:0;background:transparent;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.clavis-stepper__button{min-width:3.25rem;min-height:2.45rem;border:0;border-radius:.8rem;background:#ffffff0d;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer;transition:background .2s ease-out,color .2s ease-out}.clavis-stepper__button:hover{background:#ffffff1a}.clavis-input,.clavis-select{width:100%;padding:.75rem .9rem}.clavis-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;font-weight:700}.clavis-select{appearance:none;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.clavis-note{padding:.95rem 1rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.86rem;line-height:1.6}.clavis-note--accent{background:color-mix(in srgb,var(--clavis-accent) 10%,transparent);border-color:color-mix(in srgb,var(--clavis-accent) 24%,transparent);color:#fff}.clavis-waveform{margin-top:1rem;display:flex;flex-direction:column;gap:.85rem}.clavis-waveform__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.clavis-waveform__label{margin:0;color:var(--text-muted);font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.clavis-waveform__toolbar{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:.9rem;background:#05080ed9;border:1px solid rgba(255,255,255,.08)}.clavis-waveform__track{height:9rem;border-radius:1.2rem;overflow-x:auto;overflow-y:hidden;background:#05080ed1;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #ffffff0a}.clavis-waveform__inner{position:relative;min-width:100%;height:100%;cursor:pointer}.clavis-muted-note{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.55}.clavis-status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-status-chip__dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--clavis-accent);box-shadow:0 0 12px var(--clavis-accent-glow)}.clavis-workspace-shell{overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.clavis-editor{width:100%;gap:.75rem}.clavis-step-card{width:100%;padding:var(--space-card);border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);overflow:hidden}.clavis-step-card__header{display:flex;align-items:flex-start;gap:var(--space-row);margin-bottom:var(--space-section)}.clavis-import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section)}.clavis-upload-modal{position:fixed;inset:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s ease-out}#clavis-upload-modal-toggle:checked~.clavis-upload-modal{opacity:1;visibility:visible;pointer-events:auto}.clavis-upload-modal__backdrop{position:absolute;inset:0;background:#020408c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.clavis-upload-modal__panel{position:relative;z-index:1;width:min(72rem,calc(100vw - 2rem));margin:5.75rem auto 1rem;max-height:calc(100vh - 7rem);overflow:auto;padding:1rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);background:#060c14f5;box-shadow:0 28px 80px #00000073}.clavis-upload-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.clavis-import-strip{width:100%;padding:.8rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.clavis-import-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-section);flex-wrap:wrap;padding:.95rem 1rem;border-radius:1rem;background:#05080eb8;border:1px solid rgba(255,255,255,.08)}.clavis-import-status--compact{padding:0;background:transparent;border:0;gap:.75rem}.clavis-import-status__summary{display:flex;align-items:center;gap:var(--space-row);flex:1 1 24rem;min-width:0;flex-wrap:wrap}.clavis-import-status--compact .clavis-import-status__summary{flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.clavis-import-status__actions{display:flex;align-items:center;gap:var(--space-row);flex-wrap:wrap;justify-content:flex-end}.clavis-import-status--compact .clavis-import-status__actions{flex:0 0 auto}.clavis-inline-status{display:inline-flex;align-items:center;max-width:100%;min-width:0;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary);font-size:.72rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clavis-inline-status--success{border-color:#22c55e38;background:#22c55e1a;color:#bbf7d0}.clavis-inline-status--muted{color:var(--text-muted)}.clavis-inline-status--info{border-color:#22d3ee38;background:#22d3ee1a;color:#a5f3fc}.clavis-inline-status--danger{border-color:#f8717138;background:#f871711a;color:#fca5a5}.clavis-import-status--compact .clavis-inline-status{max-width:min(18rem,100%)}.clavis-sync-layout{display:flex;flex-direction:column;gap:var(--space-section)}.clavis-sync-row{display:flex;align-items:center;gap:var(--space-row);flex-wrap:wrap;padding-bottom:var(--space-row);border-bottom:1px solid rgba(255,255,255,.06)}.clavis-sync-row:last-of-type{padding-bottom:0}.clavis-sync-group{display:flex;align-items:center;gap:var(--space-row);flex-wrap:wrap}.clavis-sync-group--grow{flex:1 1 20rem;min-width:0}.clavis-sync-label{color:var(--text-muted);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-sync-divider{width:1px;min-height:2.75rem;background:#ffffff14;flex:0 0 auto}.clavis-sync-segmented{background:#05080eb8}.clavis-sync-segmented .clavis-segmented__item[data-active=true]{background:#f472b6e6;color:#fff}.clavis-sync-select{min-width:6rem;max-width:7rem;padding:.75rem .8rem}.clavis-sync-action{min-height:2.15rem;padding:0 .9rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out,opacity .2s ease-out}.clavis-sync-action:hover{background:#ffffff14}.clavis-sync-action:disabled{opacity:.45;cursor:not-allowed}.clavis-sync-action--accent{border-color:#22d3ee42;background:#22d3ee1f;color:#a5f3fc}.clavis-sync-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-row)}.clavis-sync-stat{padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.clavis-sync-stat__label{color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-sync-stat__value{margin-top:.3rem;color:#fff;font-size:1rem;font-weight:900}.clavis-sync-guidance{display:flex;flex-direction:column;gap:var(--space-row);padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.clavis-sync-empty{border-radius:1rem;border:1px dashed rgba(255,255,255,.1);padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.clavis-sync-anchor-list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;padding-right:.25rem}.clavis-sync-anchor-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-row);padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.clavis-action-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-section);align-items:start}.clavis-action-panel{display:flex;flex-direction:column;gap:var(--space-section);min-height:20rem}.clavis-action-panel__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-section)}.clavis-preview-panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.9rem;min-width:0;padding:.25rem 0}.clavis-preview-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.clavis-preview-panel__body{display:flex;justify-content:center}.clavis-stepper--inline{padding:.2rem;gap:.3rem}.clavis-stepper--inline .clavis-stepper__button{min-width:2.5rem;min-height:1.95rem;font-size:.68rem}.clavis-stepper--inline .clavis-stepper__input{width:3.8rem;font-size:.78rem}.clavis-disclosure__panel--waveform .clavis-waveform{margin-top:0}.clavis-disclosure__panel--waveform .clavis-waveform__track{height:7rem}.clavis-editor--progressive{gap:.75rem;flex:1 1 auto;height:100%;min-height:calc(100dvh - 5.5rem)}.clavis-score-layer{position:relative;width:100%;flex:1 1 auto;min-height:75vh}.clavis-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;min-height:2.85rem;padding:.35rem .65rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff0a}.clavis-bottom-bar__transport,.clavis-bottom-bar__tempo{display:flex;align-items:center;gap:.65rem;min-width:0}.clavis-bottom-bar__tempo{flex:1 1 auto}.clavis-transport-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out,opacity .2s ease-out}.clavis-transport-button:hover{border-color:#ffffff2e;background:#ffffff14}.clavis-transport-button:disabled{opacity:.45;cursor:not-allowed}.clavis-transport-button--primary{border-color:#22d3ee57;background:#22d3ee1f;color:#a5f3fc}.clavis-transport-bpm{display:flex;align-items:center;gap:.5rem;width:min(34rem,100%)}.clavis-transport-bpm__slider{flex:1 1 auto;min-width:8rem;accent-color:var(--aqua);cursor:pointer}.clavis-transport-bpm__value{display:inline-flex;align-items:center;min-height:1.9rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:.72rem;font-weight:800;white-space:nowrap}.clavis-sync-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:2.05rem;padding:.38rem .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:.72rem;font-weight:800;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.clavis-sync-toggle:hover{border-color:#22d3ee57;background:#22d3ee1a}.clavis-sync-toggle[data-active=true]{border-color:#22d3ee70;background:#22d3ee1f;color:#a5f3fc}.clavis-sync-toggle:disabled{opacity:.45;cursor:not-allowed}.clavis-export-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-row)}.clavis-export-option{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:.85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#05080e80;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.clavis-export-option:hover{transform:translateY(-1px);border-color:#ffffff29;background:#ffffff0d}.clavis-export-option:disabled{opacity:.45;cursor:not-allowed;transform:none}.clavis-export-option[data-active=true]{border-color:#22d3eea6;background:#22d3ee1a;box-shadow:0 0 0 1px #22d3ee2e,0 0 24px #22d3ee14}.clavis-export-option__preview{min-height:4rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.clavis-export-option__preview-icon{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center}.clavis-export-option__preview-icon svg{width:2rem;height:2rem}.clavis-export-option__label{font-size:.9rem;font-weight:800}.clavis-export-option__description{color:var(--text-secondary);font-size:.74rem;line-height:1.45}.clavis-score-shell{width:100%;min-height:75vh;padding:.45rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px #00000052,inset 0 1px #ffffff0a;transition:background .2s ease-out,border-color .2s ease-out}.clavis-score-shell--light{background:#05080e6b}.clavis-score-shell--dark{background:#05080eb8}.clavis-score-stage{min-height:75vh;border-radius:.75rem;overflow:hidden;border:1px solid rgba(15,23,42,.55);box-shadow:0 16px 36px #0f172a29}.clavis-score-stage--light{background:#f8fafcfa}.clavis-score-stage--dark{border-color:#22d3ee29}.clavis-sync-panel{position:absolute;left:1rem;right:1rem;bottom:calc(var(--clavis-transport-height) + 1rem);z-index:15;padding:1rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.08);background:#060c14f5;box-shadow:0 28px 72px #00000073;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateY(calc(100% + 2rem));opacity:0;pointer-events:none;transition:transform .24s ease-out,opacity .24s ease-out}.clavis-sync-panel--open{transform:translateY(0);opacity:1;pointer-events:auto}.clavis-sync-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.clavis-sync-panel__waveform{overflow:hidden;border-radius:.95rem;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.clavis-sync-panel__waveform .clavis-waveform{margin-top:0}.clavis-sync-panel__waveform .clavis-waveform__track{height:5rem}.clavis-sync-panel__placeholder{display:flex;align-items:center;justify-content:center;min-height:5rem;padding:1rem;border-radius:.95rem;border:1px dashed rgba(255,255,255,.12);color:var(--text-secondary);font-size:.78rem}.clavis-sync-panel__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.clavis-sync-panel__status{margin-top:.85rem;color:var(--text-secondary);font-size:.72rem;font-weight:700}@media(max-width:980px){.clavis-shell__hero-content{grid-template-columns:1fr}.clavis-shell__hero-center,.clavis-shell__hero-actions{justify-content:flex-start}.clavis-topbar-center,.clavis-topbar-actions,.clavis-topbar-upload-trigger{width:100%;max-width:100%}.clavis-topbar-actions{flex-wrap:wrap}.clavis-topbar-panel--upload,.clavis-topbar-panel--wide,.clavis-topbar-panel--export{width:min(calc(100vw - 2rem),40rem)}.clavis-col-8,.clavis-col-6,.clavis-col-4,.clavis-col-3{grid-column:span 12}.clavis-sidebar-layout,.clavis-import-grid,.clavis-sync-summary,.clavis-action-grid,.clavis-export-options{grid-template-columns:1fr}.clavis-disclosure__panel--export,.clavis-disclosure__panel--waveform{width:min(calc(100vw - 2rem),40rem)}.clavis-toolbar__divider,.clavis-sync-divider{display:none}}@media(max-width:768px){.clavis-shell{padding:.75rem}.clavis-shell__hero{padding:.55rem .65rem;border-radius:1rem}.clavis-shell__hero-content{gap:.6rem}.clavis-shell__status-group{width:100%;justify-content:flex-start;flex-wrap:wrap}.clavis-shell__status-detail{max-width:100%}.clavis-upload-card{min-height:13rem}.clavis-glass,.clavis-module-card{border-radius:1.5rem}.clavis-button,.clavis-segmented__item{min-height:44px}.clavis-stat-grid{grid-template-columns:1fr}.clavis-waveform__track{height:7.5rem}.clavis-toolbar{padding-inline:.75rem}.clavis-topbar-panel,.clavis-topbar-panel--upload,.clavis-topbar-panel--wide,.clavis-topbar-panel--export{left:0;right:auto;width:min(calc(100vw - 1.5rem),32rem)}.clavis-step-card{padding:1rem}.clavis-import-status,.clavis-import-status__actions,.clavis-sync-row,.clavis-sync-group,.clavis-sync-anchor-item{align-items:stretch}.clavis-import-status--compact .clavis-import-status__summary{flex-wrap:wrap}.clavis-preview-panel__bar,.clavis-workbar__row,.clavis-workbar__cluster,.clavis-bottom-bar,.clavis-bottom-bar__transport,.clavis-bottom-bar__tempo,.clavis-sync-panel__controls{align-items:stretch}.clavis-workbar__status-text{width:100%;margin-left:0;white-space:normal}.clavis-disclosure__panel--export,.clavis-disclosure__panel--waveform{left:0;right:auto;width:min(calc(100vw - 1.5rem),34rem)}.clavis-upload-modal__panel{width:calc(100vw - 1rem);margin-top:4.75rem}.clavis-import-grid--panel{grid-template-columns:1fr}.clavis-bottom-bar__tempo{width:100%}.clavis-sync-panel{left:.5rem;right:.5rem;bottom:.5rem;padding:.85rem}.clavis-sync-select{max-width:none;width:100%}.clavis-score-shell{padding:.5rem}.clavis-score-layer,.clavis-score-shell,.clavis-score-stage{min-height:70vh}}.clavis-shell--editor{--clavis-topbar-height: 48px;--clavis-transport-height: 60px;--clavis-keyboard-height: clamp(100px, 15vh, 180px)}.clavis-shell--editor .clavis-shell__container{max-width:none;min-height:calc(100dvh - 2rem);height:calc(100dvh - 2rem);gap:.75rem;overflow:hidden}.clavis-shell--editor .clavis-shell__hero{min-height:var(--clavis-topbar-height);height:var(--clavis-topbar-height);padding:0 .75rem;border-radius:1rem}.clavis-shell--editor .clavis-shell__hero-content{min-height:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem}.clavis-shell--editor .clavis-shell__hero-main{gap:.6rem}.clavis-shell--editor .clavis-logo-badge{width:1.75rem;height:1.75rem;border-radius:.7rem}.clavis-shell--editor .clavis-shell__title-block{display:flex;align-items:center}.clavis-shell--editor .clavis-shell__title{font-size:.76rem;font-weight:800;letter-spacing:.02em;text-transform:none;white-space:nowrap}.clavis-shell--editor .clavis-shell__subtitle,.clavis-shell--editor .clavis-shell__eyebrow,.clavis-shell--editor .clavis-badge{display:none}.clavis-topbar-center{width:min(100%,44rem);min-width:0}.clavis-topbar-mode-group{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-width:0}.clavis-topbar-tabs{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(5.35rem,1fr));gap:.28rem;min-width:0;overflow:visible;scrollbar-width:none}.clavis-topbar-tabs::-webkit-scrollbar{display:none}.clavis-topbar-tabs .clavis-segmented__item{min-width:0;min-height:2rem;padding:.35rem .56rem;font-size:.58rem;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clavis-topbar-piano-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.clavis-topbar-piano-toggle:hover{border-color:#22d3ee57;background:#22d3ee14}.clavis-topbar-piano-toggle[data-active=true]{border-color:#22d3ee6b;background:#22d3ee1f;color:#67e8f9;box-shadow:0 0 18px #22d3ee2e}.clavis-topbar-note-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:2rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.clavis-topbar-note-toggle input{width:.9rem;height:.9rem;margin:0;accent-color:#22d3ee;cursor:pointer}.clavis-topbar-note-toggle:hover{border-color:#22d3ee57;background:#22d3ee14}.clavis-topbar-note-toggle[data-active=true]{border-color:#22d3ee6b;background:#22d3ee1f;color:#67e8f9;box-shadow:0 0 18px #22d3ee24}.clavis-topbar-note-toggle[data-disabled=true]{opacity:.45;cursor:not-allowed}.clavis-topbar-note-toggle[data-disabled=true] input{cursor:not-allowed}.clavis-topbar-actions{gap:.42rem;min-width:0}.clavis-shell--editor .clavis-topbar-actions .clavis-button--compact{min-height:2rem;padding:.45rem .85rem;border-radius:.85rem;font-size:.62rem;letter-spacing:.18em}.clavis-topbar-upload-trigger{max-width:min(11.5rem,18vw);min-width:0;min-height:2rem;padding:.22rem;gap:.35rem;overflow:hidden}.clavis-topbar-placeholder{display:inline-flex;align-items:center;min-height:1.55rem;padding:.22rem .7rem;border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:700;white-space:nowrap}.clavis-status-badge{min-height:1.55rem;padding:.22rem .55rem;font-size:.68rem}.clavis-topbar-upload-trigger .clavis-status-badge{max-width:min(5.5rem,8vw)}.clavis-topbar-upload-trigger .clavis-status-badge+.clavis-status-badge{max-width:min(6.4rem,9vw)}.clavis-topbar-bpm{color:var(--text-muted);font-size:.72rem;font-weight:700;white-space:nowrap}.clavis-topbar-panel--export{width:min(34rem,calc(100vw - 2rem))}.clavis-live-session-panel{max-height:calc(100dvh - 6rem);overflow:auto}.clavis-live-start-panel__choices{display:grid;gap:.55rem}.clavis-live-start-panel__choice{display:grid;gap:.22rem;width:100%;min-height:4.15rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#f8fafc;text-align:left;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out,transform .18s ease-out}.clavis-live-start-panel__choice:hover{border-color:#22d3ee57;background:#22d3ee17}.clavis-live-start-panel__choice:disabled{opacity:.46;cursor:not-allowed}.clavis-live-start-panel__choice-title{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clavis-live-start-panel__choice-caption{color:#cbd5e1c2;font-size:.72rem;font-weight:650;line-height:1.35}.clavis-live-readiness{display:grid;gap:.32rem;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:.72rem .78rem;background:#0f172a9e}.clavis-live-readiness--ready{border-color:#34d39952;background:#064e3b38}.clavis-live-readiness--waiting{border-color:#67e8f947;background:#0e74902e}.clavis-live-readiness--blocked{border-color:#fb71854d;background:#7f1d1d38}.clavis-live-readiness__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.clavis-live-readiness__label,.clavis-live-readiness__count{color:#f8fafc;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clavis-live-readiness__count{color:#67e8f9;font-variant-numeric:tabular-nums}.clavis-live-readiness__detail{color:#cbd5e1cc;font-size:.7rem;font-weight:650;line-height:1.35}.clavis-live-rehearsal{display:grid;gap:.32rem;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:.72rem .78rem;background:#0206178f}.clavis-live-rehearsal--good{border-color:#34d39947;background:#064e3b29}.clavis-live-rehearsal--watch{border-color:#fbbf2447;background:#78350f2e}.clavis-live-rehearsal--bad{border-color:#fb71854d;background:#7f1d1d33}.clavis-live-rehearsal__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#f8fafc;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clavis-live-rehearsal__detail{color:#cbd5e1cc;font-size:.7rem;font-weight:650;line-height:1.35}.clavis-live-device-list{display:grid;gap:.5rem;width:100%}.clavis-live-device,.clavis-live-device-list__empty{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0f172a94;padding:.65rem .72rem}.clavis-live-device{display:grid;gap:.25rem}.clavis-live-device--stale{opacity:.72}.clavis-live-device--good{border-color:#34d39938}.clavis-live-device--watch{border-color:#fbbf2447}.clavis-live-device--bad{border-color:#fb718557}.clavis-live-device__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.clavis-live-device__name{min-width:0;overflow:hidden;color:#f8fafc;font-size:.78rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.clavis-live-device__health{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.16rem .42rem;font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.clavis-live-device__health--good{border-color:#34d39947;color:#86efac;background:#1665342e}.clavis-live-device__health--watch{border-color:#fbbf244d;color:#fde68a;background:#78350f38}.clavis-live-device__health--bad{border-color:#fb718557;color:#fecdd3;background:#7f1d1d3d}.clavis-live-device__status{display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.clavis-live-device__dot{width:.44rem;height:.44rem;border-radius:999px}.clavis-live-device__detail,.clavis-live-device-list__empty{color:#cbd5e1c2;font-size:.69rem;font-weight:650;line-height:1.35}.clavis-editor--workspace{flex:1 1 auto;min-height:0;height:100%}.clavis-editor-body{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden}.clavis-score-layer{position:relative;width:100%;flex:1 1 auto;min-height:var(--clavis-score-min-height, 75vh);padding-bottom:var(--clavis-piano-overlay-height, 0px)}.clavis-score-shell{display:flex;flex-direction:column;min-height:var(--clavis-score-min-height, 75vh);height:100%;padding:.5rem;border-radius:1.15rem}.clavis-score-stage{position:relative;display:flex;flex:1 1 auto;min-height:0;border-radius:.95rem}.clavis-score-stage--satb-controls .clavis-score-viewport--flow{padding-top:4.65rem}.clavis-satb-bar{position:absolute;top:.75rem;left:.75rem;right:.75rem;z-index:24;display:flex;align-items:center;gap:.55rem;width:calc(100% - 1.5rem);min-height:2.7rem;padding:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#060c14e0;box-shadow:0 18px 42px #00000038;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.clavis-satb-parts,.clavis-satb-export-panel__modes,.clavis-satb-export-parts{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.clavis-satb-part-toggle,.clavis-satb-color-toggle,.clavis-satb-export__trigger,.clavis-satb-export-panel__modes button,.clavis-satb-export-panel__action,.clavis-satb-export-panel__stop{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out,color .18s ease-out,opacity .18s ease-out}.clavis-satb-part-toggle{gap:.35rem;min-width:2.2rem;padding:.35rem .55rem;opacity:.48}.clavis-satb-part-toggle[data-active=true]{opacity:1;border-color:color-mix(in srgb,var(--satb-color) 58%,transparent);background:color-mix(in srgb,var(--satb-color) 18%,transparent);color:#fff}.clavis-satb-part-toggle__dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:999px;background:var(--satb-color);box-shadow:0 0 10px color-mix(in srgb,var(--satb-color) 50%,transparent)}.clavis-satb-divider{width:1px;align-self:stretch;min-height:1.7rem;background:#ffffff1f}.clavis-satb-color-toggle{gap:.5rem;padding:.35rem .65rem;white-space:nowrap}.clavis-satb-color-toggle[data-active=true]{border-color:#5dcaa58c;background:#5dcaa51f;color:#d8fff0}.clavis-satb-switch{position:relative;width:2rem;height:1rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14}.clavis-satb-switch__thumb{position:absolute;top:.13rem;left:.14rem;width:.68rem;height:.68rem;border-radius:999px;background:#ffffffa8;transition:transform .18s ease-out,background .18s ease-out}.clavis-satb-color-toggle[data-active=true] .clavis-satb-switch__thumb{transform:translate(.94rem);background:#5dcaa5}.clavis-satb-export{position:relative;margin-left:auto}.clavis-satb-export__trigger{padding:.35rem .7rem;white-space:nowrap}.clavis-satb-export-panel{position:absolute;top:calc(100% + .55rem);right:0;z-index:30;width:min(24rem,calc(100vw - 2rem));padding:.85rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#060c14fa;box-shadow:0 24px 58px #00000061}.clavis-satb-export-panel__status{display:flex;flex-direction:column;gap:.42rem;margin-bottom:.7rem;color:#a5f3fc;font-size:.68rem;font-weight:800}.clavis-satb-progress{height:.45rem;overflow:hidden;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f}.clavis-satb-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5dcaa5,#85b7eb);transition:width .25s ease-out}.clavis-satb-export-panel__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.75rem}.clavis-satb-export-panel__modes button{width:100%;padding:.35rem .45rem;letter-spacing:.08em}.clavis-satb-export-panel__modes button[data-active=true]{border-color:#85b7eb99;background:#85b7eb24;color:#dbeafe}.clavis-satb-export-panel__section{display:flex;flex-direction:column;gap:.75rem}.clavis-satb-export-panel__section p{margin:0;color:#e2e8f0c7;font-size:.78rem;line-height:1.45}.clavis-satb-export-part{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.35rem .55rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--satb-color) 34%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--satb-color) 10%,transparent);color:#fff;font-size:.72rem;font-weight:800}.clavis-satb-export-part input{accent-color:var(--satb-color)}.clavis-satb-export-panel__action{width:100%;min-height:2.35rem;padding:.55rem .8rem;border-color:#5dcaa58c;background:#5dcaa529;color:#d8fff0;text-decoration:none}.clavis-satb-export-panel__stop{width:100%;margin-top:.55rem;border-color:#f0959573;background:#f095951f;color:#fecaca}.clavis-satb-export-panel__action:disabled,.clavis-satb-export-panel__stop:disabled{opacity:.45;cursor:not-allowed}.clavis-score-viewport{position:relative;flex:1 1 auto;min-height:0;height:100%;max-height:100%}.clavis-score-viewport--score{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1rem 1.15rem 1.35rem}.clavis-score-viewport--flow,.clavis-score-viewport--media,.clavis-score-viewport--fretboard{overflow:hidden;padding:.75rem}.clavis-score-surface{position:relative}.clavis-score-surface--score{min-height:100%}.clavis-score-surface--flow{position:absolute;top:0;left:0}.clavis-score-surface--hidden{position:absolute;left:-99999px;top:0;opacity:0;pointer-events:none}.clavis-score-osmd{min-width:100%}.clavis-score-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.clavis-piano-zone{position:absolute;left:0;right:0;bottom:calc(var(--clavis-transport-height) + .75rem);z-index:12;width:100%;height:auto;min-height:100px;pointer-events:none}.clavis-live-piano{width:100%;pointer-events:auto}.clavis-live-piano__frame{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;overflow:hidden;border-radius:1rem;border:1px solid rgba(34,211,238,.14);background:linear-gradient(180deg,#0a1018fa,#05080efa),radial-gradient(circle at top left,rgba(34,211,238,.08),transparent 38%);box-shadow:0 20px 44px #00000047,inset 0 1px #ffffff0a}.clavis-live-piano__keyboard{width:100%}.clavis-live-piano__close{position:absolute;top:.45rem;right:.45rem;z-index:4;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#05080eb8;color:#cbd5e1;font-size:1rem;line-height:1;cursor:pointer;transition:border-color .2s ease-out,background .2s ease-out,color .2s ease-out}.clavis-live-piano__close:hover{border-color:#22d3ee4d;background:#22d3ee24;color:#67e8f9}.clavis-sync-panel{left:.75rem;right:.75rem;bottom:calc(var(--clavis-transport-height) + .75rem);border-radius:1rem}.clavis-bottom-bar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:var(--clavis-transport-height);padding:.45rem .65rem;border-radius:1rem;max-width:100%;overflow:hidden;box-sizing:border-box}.clavis-bottom-bar__spacer{display:none}.clavis-bottom-bar__center{display:grid;grid-template-columns:auto auto minmax(14rem,1fr) auto;align-items:center;gap:.65rem;row-gap:.35rem;min-width:0;width:100%;max-width:none}.clavis-bottom-bar__transport,.clavis-transport-lesson-controls,.clavis-bottom-bar__tempo{display:flex;align-items:center;gap:.65rem}.clavis-bottom-bar__tempo{min-width:min(15rem,100%);justify-content:flex-end}.clavis-transport-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px}.clavis-transport-button svg{width:20px;height:20px}.clavis-transport-button--rewind{border:none;background:transparent;color:#22d3ee}.clavis-transport-button--rewind:hover{background:transparent}.clavis-transport-button--rewind:before{content:"";position:absolute;inset:2px;border-radius:999px;border:1px solid rgba(34,211,238,.24);background:#080f18f0;box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff08}.clavis-transport-button--rewind:hover:before{border-color:#22d3ee57;background:#0b131dfa}.clavis-transport-button--rewind svg{position:relative;z-index:1}.clavis-transport-button--primary{width:44px;height:44px;min-width:44px;min-height:44px;border-color:#22d3ee7a;background:#22d3ee;color:#fff;box-shadow:0 12px 26px #22d3ee33,0 3px 12px #0000003d}.clavis-transport-button--primary svg{width:21px;height:21px}.clavis-transport-button--primary:hover{border-color:#67e8f9b8;background:#22d3ee;color:#fff}.clavis-transport-toggle,.clavis-bottom-bar .clavis-toolbar-chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:2.1rem;padding:.44rem .72rem;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#ffffff0b;color:#e2e8f0d1;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.clavis-transport-toggle:hover,.clavis-bottom-bar .clavis-toolbar-chip:hover{border-color:#22d3ee47;background:#22d3ee14}.clavis-transport-toggle[data-active=true],.clavis-bottom-bar .clavis-toolbar-chip[data-active=true]{border-color:#22d3ee7a;background:#22d3ee24;color:#a5f3fc}.clavis-transport-toggle:disabled{opacity:.42;cursor:not-allowed}.clavis-transport-seek{display:flex;align-items:center;gap:.55rem;flex:1 1 20rem;min-width:15rem}.clavis-transport-seek__slider{flex:1 1 auto;min-width:8rem;accent-color:#8bdaf2;cursor:pointer}.clavis-transport-seek__slider:disabled{cursor:not-allowed;opacity:.45}.clavis-transport-seek__time{min-width:3.1rem;color:#cbd5e1c7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:800;text-align:center}.clavis-transport-bpm__slider{min-width:8rem}.clavis-transport-bpm__value{min-height:1.85rem}.clavis-bottom-bar__tempo-label{min-width:4.25rem;color:#e2e8f0c7;font-size:.72rem;font-weight:900;text-align:right;white-space:nowrap}.clavis-transport-timeline{position:relative;display:grid;grid-template-rows:auto 1.7rem;gap:.15rem;min-width:0}.clavis-transport-timeline[data-disabled=true]{opacity:.52}.clavis-transport-timeline__meta{display:flex;justify-content:space-between;gap:.8rem;color:#cbd5e1b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:850;line-height:1}.clavis-measure-timeline{position:relative;height:1.65rem;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b}.clavis-measure-timeline__progress{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#22d3ee3d,#5dcaa529);pointer-events:none}.clavis-measure-timeline__tick{position:absolute;top:0;bottom:0;width:1px;padding:0;border:0;background:#ffffff38;color:#e2e8f0b8;cursor:pointer}.clavis-measure-timeline__tick:before{content:"";position:absolute;inset:0 -8px}.clavis-measure-timeline__tick[data-active=true]{width:2px;background:#67e8f9;box-shadow:0 0 12px #22d3ee85}.clavis-measure-timeline__tick span{position:absolute;top:.28rem;left:.25rem;font-size:.58rem;font-weight:900;line-height:1;transform:translate(-50%);white-space:nowrap;pointer-events:none}.clavis-transport-timeline>.clavis-transport-seek__slider{position:absolute;left:0;right:0;bottom:0;width:100%;height:1.65rem;opacity:0}.clavis-sync-toggle{justify-self:end;min-height:2rem;padding:.35rem .72rem}@media(max-width:980px){.clavis-shell--editor .clavis-shell__hero{height:auto;min-height:var(--clavis-topbar-height);padding:.6rem .7rem}.clavis-shell--editor .clavis-shell__hero-content{grid-template-columns:1fr}.clavis-shell--editor .clavis-shell__hero-center,.clavis-shell--editor .clavis-shell__hero-actions{justify-content:flex-start}.clavis-topbar-center,.clavis-topbar-actions,.clavis-topbar-upload-trigger{width:100%;max-width:100%}.clavis-topbar-actions{flex-wrap:wrap}.clavis-topbar-mode-group{justify-content:flex-start}.clavis-bottom-bar{grid-template-columns:1fr}.clavis-bottom-bar__spacer{display:none}.clavis-bottom-bar__center{grid-template-columns:auto minmax(0,1fr);width:100%;min-width:0}.clavis-transport-timeline{grid-column:1 / -1}.clavis-transport-lesson-controls{justify-content:flex-end;flex-wrap:wrap}.clavis-bottom-bar__tempo{grid-column:1 / -1;width:100%;min-width:0;justify-content:space-between}.clavis-sync-toggle{justify-self:stretch;justify-content:center}}@media(max-width:768px){.clavis-shell--editor .clavis-shell__container{min-height:calc(100dvh - 1.5rem);height:calc(100dvh - 1.5rem)}.clavis-shell--editor .clavis-shell__title{white-space:normal}.clavis-topbar-mode-group{flex-wrap:wrap}.clavis-topbar-tabs{flex:1 0 100%}.clavis-topbar-piano-toggle{margin-left:auto}.clavis-score-layer,.clavis-score-shell{min-height:0}.clavis-score-shell{padding:.45rem}.clavis-score-viewport--score,.clavis-score-viewport--flow,.clavis-score-viewport--fretboard,.clavis-score-viewport--media{padding:.65rem}.clavis-score-stage--satb-controls .clavis-score-viewport--flow{padding-top:7.6rem}.clavis-satb-bar{flex-wrap:wrap;align-items:flex-start}.clavis-satb-export{margin-left:0}.clavis-piano-zone{min-height:100px}.clavis-topbar-bpm{order:4;width:100%}.clavis-export-panel__header,.clavis-export-panel__grid{grid-template-columns:1fr}.clavis-export-panel__header{display:grid}.clavis-export-panel__summary{max-width:none;text-align:left}.clavis-export-profile-grid{grid-template-columns:1fr}}@media(max-width:700px){.clavis-topbar-panel--export{position:fixed;top:1rem;left:1rem;right:1rem;width:auto;max-height:calc(100dvh - 2rem);overflow:auto}}@media(max-width:480px){.clavis-choice-row--view,.clavis-topbar-tabs{grid-template-columns:1fr}.clavis-shell--editor .clavis-topbar-tabs{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}}.clavis-starter{min-height:100dvh;color:var(--text-primary)}.shell{min-height:100dvh;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.5rem .75rem .5rem 1rem;border-radius:1.1rem}.topbar__brand{display:flex;align-items:center;gap:.7rem;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.logo-mark{width:2rem;height:2rem;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(46,196,198,.35),transparent 70%),#ffffff0a;border:1px solid rgba(46,196,198,.25);box-shadow:inset 0 1px 2px #ffffff1a,0 0 18px -6px var(--aqua-glow);color:var(--aqua);cursor:pointer;transition:opacity .15s ease,transform .15s ease}.logo-mark:hover{opacity:.8;transform:scale(1.06)}.logo-mark:active{transform:scale(.95)}.logo-mark svg{width:1.15rem;height:1.15rem}.brand-type{display:flex;flex-direction:column;line-height:1;gap:.12rem}.brand-name{font-size:1.05rem;font-weight:900;letter-spacing:-.03em;color:#fff}.brand-eyebrow{font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:none;color:#94a3b89e}.topbar__center{display:flex;justify-content:center;min-width:0}.breadcrumb{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem .4rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#05080e8c;color:var(--text-secondary);font-size:.72rem;font-weight:600;max-width:100%}.breadcrumb__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff0d;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.02em}.breadcrumb__chip svg{width:.85rem;height:.85rem;opacity:.8}.breadcrumb__sep{opacity:.4}.topbar__actions{display:flex;align-items:center;gap:.5rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.icon-button:hover{border-color:#ffffff24;background:#ffffff0f;color:#fff}.avatar{width:2.2rem;height:2.2rem;border-radius:999px;background:linear-gradient(135deg,#2ec4c6,#60a5fa 70%,#a78bfa);display:inline-flex;align-items:center;justify-content:center;color:#041018;font-size:.7rem;font-weight:900;letter-spacing:.02em;box-shadow:0 0 0 1px #ffffff14,0 0 18px -6px var(--aqua-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.65rem 1.1rem;border-radius:.9rem;border:1px solid transparent;font-size:.68rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,background .2s,box-shadow .2s}.btn svg{width:.95rem;height:.95rem}.btn--ghost{background:#ffffff08;border-color:#ffffff14;color:#fff}.btn--ghost:hover{background:#ffffff0f;border-color:#ffffff2e}.stage{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:1rem;min-height:0}.stage__main{position:relative;border-radius:2rem;overflow:hidden;min-height:min(78vh,820px);border:1px solid rgba(255,255,255,.05);background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.1),transparent 60%),linear-gradient(180deg,#05080e99,#020408f2);box-shadow:0 40px 80px -30px #000000e6,inset 0 1px #ffffff0f}.roll-bg{position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,transparent 30%,black 85%);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,transparent 30%,black 85%);opacity:.55;pointer-events:none}.roll-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent 0%,rgba(2,4,8,.72) 58%,rgba(2,4,8,.96) 100%);pointer-events:none}.roll-bg__grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:calc(100% / 52) 100%,100% 48px}.roll-note{position:absolute;border-radius:6px;opacity:0;will-change:transform,opacity;animation:fall linear infinite;box-shadow:0 0 12px currentColor,inset 0 1px #fff6;background:currentColor}@keyframes fall{0%{transform:translateY(-12%);opacity:0}10%,88%{opacity:.85}to{transform:translateY(112%);opacity:0}}.keyboard{position:absolute;left:0;right:0;bottom:0;height:56px;display:flex;align-items:flex-end;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,4,8,.6) 40%,rgba(2,4,8,.88));z-index:2;opacity:.72}.keyboard__inner{position:relative;width:100%;height:38px;margin:0 1rem;display:flex}.key-white{flex:1 1 0;height:100%;margin-right:2px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#eef2f7,#c8d0db 88%,#9ba6b5);border:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(0,0,0,.4);box-shadow:inset 0 -4px 8px #0003,inset 0 1px #fffc;position:relative}.key-white:last-child{margin-right:0}.key-black{position:absolute;top:0;height:60%;background:linear-gradient(180deg,#1a1f2a,#050810);border-radius:0 0 4px 4px;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 -3px 6px #0009,0 2px 4px #0006;z-index:2}.key-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:.52rem;font-weight:800;letter-spacing:.08em;color:#00000059;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.stage__content{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:1.25rem 1.25rem 112px}.stage__chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem .5rem}.stage__status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#05080e8c;color:var(--text-secondary);font-size:.66rem;font-weight:700;white-space:nowrap}.pulse-dot{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2.5s ease-in-out infinite;flex:0 0 auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes clavis-nav-ring{0%{box-shadow:0 0 #fb923cb8,0 0 #fb923c5c;opacity:1}60%{box-shadow:0 0 0 6px #fb923c75,0 0 0 14px #fb923c29;opacity:.9}to{box-shadow:0 0 0 10px #fb923c00,0 0 0 22px #fb923c00;opacity:0}}@keyframes clavis-nav-label-in{0%{opacity:0;transform:translateY(-6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.clavis-nav-pulse{position:absolute;border-radius:6px;border:2px solid rgba(251,146,60,.82);pointer-events:none;animation:clavis-nav-ring 1.4s ease-out forwards;z-index:8}.clavis-nav-pulse__label{position:absolute;top:-1.75rem;left:0;white-space:nowrap;font-size:.72rem;font-weight:600;letter-spacing:.03em;color:#fb923c;background:#0f0a05b8;border:1px solid rgba(251,146,60,.28);border-radius:4px;padding:1px 6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:clavis-nav-label-in .18s ease-out both,clavis-nav-ring 1.4s ease-out forwards}@media(prefers-reduced-motion:reduce){.clavis-nav-pulse{animation:none;border-color:#fb923cb3;box-shadow:0 0 0 4px #fb923c38;opacity:1}.clavis-nav-pulse__label{animation:none;opacity:1;transform:none}}.empty{align-self:center;width:100%;max-width:62rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;border-radius:999px;background:#22d3ee14;border:1px solid rgba(34,211,238,.22);color:#a5f3fc;font-size:.62rem;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.eyebrow__dot{width:5px;height:5px;border-radius:999px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.headline{margin:0;font-size:3.75rem;font-weight:950;letter-spacing:-.04em;line-height:1;color:#fff;text-wrap:balance}.headline em{font-style:normal;font-weight:950;letter-spacing:-.055em;background:linear-gradient(90deg,var(--cyan),var(--aqua) 50%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(34,211,238,.2)}.subhead{margin:0;max-width:38rem;color:var(--text-secondary);font-size:1rem;line-height:1.55;text-wrap:pretty}.dropzone{width:100%;max-width:42rem;margin-top:.25rem;padding:1.5rem;border-radius:1.85rem;background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(46,196,198,.035) 48%,transparent 72%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 54%),#0d1421c7;border:1px dashed rgba(34,211,238,.52);box-shadow:0 30px 60px -20px #000c,inset 0 1px #ffffff0d,0 0 0 6px #22d3ee09;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;cursor:pointer}.dropzone:hover{border-color:#22d3eebd;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(46,196,198,.055) 48%,transparent 74%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 54%),#0d1421e0;box-shadow:0 34px 70px -22px #000000db,0 0 34px -18px #22d3eed9,inset 0 1px #ffffff12,0 0 0 6px #22d3ee11}.dropzone[data-dragging=true]{border-color:var(--cyan);background:linear-gradient(180deg,rgba(34,211,238,.18),transparent 60%),#0d1421eb;transform:scale(1.01)}.dropzone__inner{display:flex;align-items:center;gap:1rem;width:100%}.dropzone__icon{width:3.2rem;height:3.2rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.28);box-shadow:0 0 24px -6px #22d3ee99,inset 0 1px #ffffff14;flex:0 0 auto}.dropzone__icon svg{width:1.6rem;height:1.6rem}.dropzone__text{flex:1;text-align:left;min-width:0}.dropzone__title{margin:0;font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.01em}.dropzone__meta{margin:.25rem 0 0;font-size:.78rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.dropzone__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:.8rem;background:var(--cyan);color:#041018;font-size:.66rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 0 22px -6px #22d3eecc;flex:0 0 auto}.dropzone__cta svg{width:.9rem;height:.9rem}.view-tabs{display:inline-flex;gap:.25rem;padding:.3rem;border-radius:999px;background:#05080eb3;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}.view-tab:hover{color:#fff}.view-tab[data-active=true]{color:#041018;background:var(--cyan);box-shadow:0 0 18px #22d3ee66}.view-tab[data-disabled=true]{color:#445062;cursor:not-allowed}.view-tab[data-disabled=true]:hover{color:#445062}.view-tab__dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 6px currentColor}.view-tab__soon{font-size:.52rem;letter-spacing:.12em;color:#ffffff59;padding:.1rem .35rem;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.dock-card{position:relative;padding:.95rem 1.05rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,#ffffff0b,#ffffff03 44%,#22d3ee06),#0d142194;display:flex;flex-direction:column;gap:.55rem;overflow:hidden;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;cursor:pointer}.dock-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.55),rgba(34,211,238,.08) 34%,transparent 72%);opacity:0;pointer-events:none;transition:opacity .25s ease-out;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dock-card:hover{border-color:#22d3ee2e;background:linear-gradient(145deg,#22d3ee17,#ffffff05 48%,#ffffff0a),#101826d1;box-shadow:0 22px 40px -28px #22d3eebf,inset 0 1px #ffffff0f;transform:translateY(-2px)}.dock-card:hover:before{opacity:1}.dock-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dock-card__kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;padding:.15rem .4rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.08);background:#05080ebf;color:var(--text-secondary);font-weight:700}.dock-card__title{margin:0;font-size:.92rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2;text-align:left}.dock-card__hint{font-size:.7rem;color:var(--text-muted);line-height:1.4;text-align:left}.dock-card__icon{width:1.8rem;height:1.8rem;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.22)}.dock-card__icon svg{width:.95rem;height:.95rem}.dock-card[data-tone=amber] .dock-card__icon{color:var(--amber);background:#fbbf241a;border-color:#fbbf2438}.dock-card[data-tone=purple] .dock-card__icon{color:var(--purple);background:#a78bfa1a;border-color:#a78bfa38}.dock-card[data-tone=green] .dock-card__icon{color:var(--green);background:#34d3991a;border-color:#34d39938}.dock-card[data-tone=green] .dock-card__title:after{content:"Teach";display:inline-flex;align-items:center;margin-left:.45rem;padding:.12rem .35rem;border-radius:999px;border:1px solid rgba(52,211,153,.24);background:#34d39914;color:#bbf7d0;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.05);background:#05080e66;color:var(--text-muted);font-size:.64rem;font-weight:700;letter-spacing:.08em}.footer-bar__group{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-bar__item{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;font-size:.58rem;letter-spacing:.22em}.footer-bar__item svg{width:.85rem;height:.85rem}.upload-row{display:flex;gap:.75rem;align-items:stretch}.upload-row .dropzone{flex:1}.repertoire-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.9rem 1.1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.09);background:#ffffff08;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;min-width:5.5rem}.repertoire-btn:hover,.repertoire-btn[data-open=true]{border-color:#2ec4c666;background:#2ec4c60f;color:var(--aqua)}.repertoire-btn svg{width:1.25rem;height:1.25rem;flex-shrink:0}.repertoire-btn__chevron{width:.75rem!important;height:.75rem!important;opacity:.5;transition:transform .2s}.repertoire-btn[data-open=true] .repertoire-btn__chevron{transform:rotate(180deg)}.repertoire-panel{border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#0a0f1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.repertoire-folder__header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.repertoire-folder__header svg{width:.95rem;height:.95rem;color:var(--aqua);flex-shrink:0}.repertoire-folder__name{font-size:.78rem;font-weight:700;color:var(--text-primary)}.repertoire-folder__meta{margin-left:auto;font-size:.65rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.repertoire-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:22rem;overflow-y:auto;overscroll-behavior:contain}.repertoire-list--muziekmakers{grid-template-columns:1fr;max-height:none}.repertoire-list::-webkit-scrollbar{width:4px}.repertoire-list::-webkit-scrollbar-track{background:transparent}.repertoire-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.repertoire-item{display:grid;grid-template-columns:2.8rem 1fr;align-items:center;gap:.5rem;padding:.45rem 1rem;text-align:left;cursor:pointer;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.repertoire-list--muziekmakers .repertoire-item{grid-template-columns:6rem 1fr;border-right:none}.repertoire-item:nth-child(2n){border-right:none}.repertoire-item:hover:not(:disabled){background:#2ec4c612}.repertoire-item:disabled{opacity:.45;cursor:not-allowed}.repertoire-item__page{font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.02em}.repertoire-item__page--artist{font-variant-numeric:normal;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repertoire-item__title{font-size:.77rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-choice-grid{width:min(100%,64rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.home-choice-card{min-height:13rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.1rem;border:1px solid rgba(255,255,255,.075);border-radius:1.25rem;background:linear-gradient(145deg,#ffffff0e,#ffffff04 54%,#fb923c09),#0d1421b8;color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:0 24px 56px -34px #000000e0,inset 0 1px #ffffff0e;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.home-choice-card:hover,.home-choice-card[data-open=true],.home-choice-card[data-dragging=true]{transform:translateY(-2px);border-color:#fb923c5c;background:linear-gradient(145deg,#fb923c21,#ffffff05 54%,#22d3ee0a),#101826db;box-shadow:0 28px 60px -32px #fb923cb3,inset 0 1px #ffffff12}.home-choice-card__icon{width:3rem;height:3rem;border-radius:.95rem;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.24);flex:0 0 auto}.home-choice-card__icon--orange{color:var(--orange);background:#fb923c1c;border-color:#fb923c47}.home-choice-card__icon svg{width:1.45rem;height:1.45rem}.home-choice-card__body{display:flex;min-width:0;flex-direction:column;gap:.6rem}.home-choice-card__title{color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.home-choice-card__description{color:var(--text-secondary);font-size:.78rem;line-height:1.48}.home-choice-card__cta{width:fit-content;margin-top:.2rem;padding:.46rem .65rem;border-radius:.7rem;background:#ffffff0e;color:color-mix(in srgb,var(--orange) 72%,white);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clavis-tools-shell{--clavis-tools-font-ui: var(--font-ui, "Inter", "Plus Jakarta Sans", system-ui, sans-serif);--clavis-tools-font-display: var(--font-display, var(--clavis-tools-font-ui));--clavis-tools-font-music: "Bravura", "Leland", "Noto Music", "Segoe UI Symbol", "Apple Symbols", Georgia, serif;--clavis-tools-staff-paper: var(--bg-surface, #f7f1e8);--clavis-tools-staff-ink: var(--fg-primary, #151a23);--clavis-tools-staff-accent: var(--accent, var(--orange));min-height:100dvh;color:var(--text-primary);font-family:var(--clavis-tools-font-ui);background:radial-gradient(ellipse at 18% 0%,rgba(251,146,60,.13),transparent 42%),radial-gradient(ellipse at 84% 18%,rgba(46,196,198,.08),transparent 40%),linear-gradient(180deg,#05080ef5,#020408)}.clavis-tools-shell__inner{width:min(100%,76rem);min-height:100dvh;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.clavis-tools-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .75rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.065);background:#05080e9e;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.clavis-tools-context-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:1.1rem;border:1px solid rgba(46,196,198,.22);background:linear-gradient(135deg,#2ec4c61c,#fb923c12),#0d1421b3;box-shadow:0 24px 58px -42px #000000e6,inset 0 1px #ffffff12}.clavis-tools-context-banner>div{min-width:0;display:flex;flex-direction:column;gap:.22rem}.clavis-tools-context-banner__eyebrow{color:color-mix(in srgb,var(--accent) 72%,white);font-size:.65rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.clavis-tools-context-banner strong{color:#fff;font-size:1rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clavis-tools-context-banner span:last-child{color:var(--text-secondary);font-size:.78rem}.clavis-tools-hero{min-height:18rem;display:flex;align-items:flex-end;padding:clamp(1.25rem,4vw,3rem);border-radius:1.75rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(251,146,60,.18),transparent 48%),linear-gradient(180deg,#ffffff0b,#ffffff03),#0d1421a8;box-shadow:0 34px 78px -46px #000000f2,inset 0 1px #ffffff12}.clavis-tools-kicker{margin:0 0 .7rem;color:color-mix(in srgb,var(--orange) 78%,white);font-size:.68rem;font-weight:950;letter-spacing:.28em;text-transform:uppercase}.clavis-tools-hero h1,.note-trainer-panel h1{max-width:52rem;margin:0;color:#fff;font-family:var(--clavis-tools-font-display);font-size:clamp(2.15rem,5vw,4.7rem);line-height:.98;letter-spacing:-.04em}.clavis-tools-hero p:not(.clavis-tools-kicker),.note-trainer-panel p:not(.clavis-tools-kicker){max-width:40rem;margin:1rem 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.clavis-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.clavis-tools-section{display:flex;flex-direction:column;gap:.75rem}.clavis-tools-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.clavis-tools-section__head h2{margin:0;color:#fff;font-size:.9rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.clavis-tools-grid--games{grid-template-columns:repeat(2,minmax(0,1fr))}.clavis-tool-card{min-height:12.5rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.1rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#ffffff0e,#ffffff03 52%,#fb923c0b),#0d1421b8;color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.clavis-tool-card:hover{transform:translateY(-2px);border-color:#fb923c57;background:linear-gradient(145deg,#fb923c21,#ffffff05 54%,#22d3ee09),#101826db}.clavis-tool-card--soon{cursor:default;opacity:.72}.clavis-tool-card--soon:hover{transform:none;border-color:#ffffff12}.clavis-tool-card--featured{min-height:13.5rem;background:linear-gradient(145deg,#fb923c26,#ffffff05 52%,#2ec4c614),#0d1421c7}.clavis-tool-card__icon{width:3rem;height:3rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--orange);background:#fb923c1f;border:1px solid rgba(251,146,60,.28);font-size:1.35rem;font-weight:900}.clavis-tool-card__body{display:flex;flex-direction:column;gap:.55rem}.clavis-tool-card__title{color:#fff;font-size:1.04rem;font-weight:900;letter-spacing:-.02em}.clavis-tool-card__description{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.clavis-tool-card__cta{width:fit-content;margin-top:.2rem;padding:.46rem .65rem;border-radius:.7rem;background:#ffffff0e;color:color-mix(in srgb,var(--orange) 74%,white);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.note-trainer-layout{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(0,1.5fr);gap:1rem;align-items:stretch;flex:1 1 auto}.note-trainer-panel,.note-trainer-card{border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0d1421b8;box-shadow:0 30px 70px -44px #000000eb,inset 0 1px #ffffff0f}.note-trainer-panel{padding:clamp(1.1rem,3vw,2rem);display:flex;flex-direction:column}.note-trainer-panel h1{font-size:clamp(2rem,4vw,3.4rem)}.note-trainer-controls{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}.note-trainer-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;border-radius:.95rem;background:#05080e9e;border:1px solid rgba(255,255,255,.06)}.note-trainer-segment button,.note-trainer-card__head button,.note-trainer-answer-grid button{border:0;cursor:pointer;font:inherit}.note-trainer-segment button{min-height:2.35rem;border-radius:.75rem;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.note-trainer-segment button[data-active=true]{background:var(--orange);color:#190b02;box-shadow:0 0 22px -8px #fb923ce6}.note-trainer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:auto;padding-top:1.5rem}.note-trainer-stats span{min-height:4.2rem;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.7rem;border-radius:.9rem;background:#05080e75;border:1px solid rgba(255,255,255,.055);color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.note-trainer-stats strong{color:#fff;font-size:1.35rem;letter-spacing:-.02em}.note-trainer-card{padding:clamp(1rem,3vw,1.6rem);display:flex;flex-direction:column;gap:1rem}.note-trainer-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.note-trainer-card__head button{min-height:2.2rem;padding:.45rem .7rem;border-radius:.7rem;background:#ffffff0f;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.note-trainer-staff{width:100%;min-height:15rem;flex:1 1 auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.28))}.note-trainer-staff rect{fill:var(--clavis-tools-staff-paper)}.note-trainer-staff line{stroke:color-mix(in srgb,var(--clavis-tools-staff-ink) 84%,transparent);stroke-width:2.5;stroke-linecap:round}.note-trainer-staff__clef{fill:var(--clavis-tools-staff-ink);font-family:var(--clavis-tools-font-music);font-size:82px}.note-trainer-staff__ledger{stroke-width:2.5}.note-trainer-staff__note{fill:var(--clavis-tools-staff-ink);stroke:color-mix(in srgb,var(--clavis-tools-staff-accent) 34%,transparent);stroke-width:2;transition:fill .18s ease,stroke .18s ease}.note-trainer-staff__note[data-feedback=correct]{fill:#15803d;stroke:#86efac}.note-trainer-staff__note[data-feedback=wrong]{fill:#9f1239;stroke:#fda4af}.note-trainer-feedback{min-height:2.75rem;display:flex;align-items:center;justify-content:center;padding:.65rem .9rem;border-radius:.9rem;background:#05080e85;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);text-align:center;font-size:.9rem;font-weight:700}.note-trainer-feedback[data-feedback=correct]{border-color:#34d39952;color:#bbf7d0;background:#16653429}.note-trainer-feedback[data-feedback=wrong]{border-color:#fb718552;color:#fecdd3;background:#9f123929}.note-trainer-answer-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem}.note-trainer-answer-grid button{min-height:4rem;border-radius:.95rem;background:linear-gradient(180deg,#ffffff15,#ffffff06),#0d1421e0;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:1.45rem;font-weight:950;transition:transform .14s ease,border-color .14s ease,background .14s ease}.note-trainer-answer-grid button:hover{transform:translateY(-1px);border-color:#fb923c57;background:linear-gradient(180deg,#fb923c29,#ffffff06),#101826f5}.note-trainer-answer-grid button[data-target=true]{border-color:#fb923c80;color:#fed7aa}@media(max-width:900px){.topbar{grid-template-columns:1fr}.topbar__center{display:none}.topbar__actions{justify-content:space-between}.stage__main{min-height:760px}.stage__chrome{align-items:flex-start;flex-direction:column}.view-tabs{flex-wrap:wrap}.dock,.home-choice-grid,.clavis-tools-grid,.clavis-tools-grid--games,.note-trainer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.note-trainer-layout{align-items:start}}@media(max-width:640px){.headline{font-size:2.45rem}.stage__content{padding:1rem 1rem 104px}.dropzone{padding:1rem}.dropzone__inner{flex-direction:column;text-align:center}.dropzone__text{text-align:center}.dock{grid-template-columns:1fr}.footer-bar{align-items:flex-start;flex-direction:column}.upload-row{flex-direction:column}.repertoire-list,.home-choice-grid,.clavis-tools-grid,.clavis-tools-grid--games,.note-trainer-layout,.note-trainer-answer-grid{grid-template-columns:1fr}.home-choice-card{min-height:10rem}.clavis-tools-topbar{align-items:flex-start;flex-direction:column}.note-trainer-answer-grid button{min-height:3.25rem}}.note-trainer-v2-shell{max-width:82rem;gap:.85rem}.note-trainer-v2-header{min-height:4.1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.55rem .75rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.065);background:#05080e9e;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.note-trainer-v2-back,.note-trainer-v2-status,.note-trainer-v2-start,.note-trainer-v2-result button{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font:inherit}.note-trainer-v2-back{min-height:2.45rem;padding:.55rem .8rem;border-radius:.78rem;cursor:pointer;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.note-trainer-v2-back:hover{border-color:#fb923c52;color:#fed7aa}.note-trainer-v2-title{display:flex;align-items:center;gap:.75rem;min-width:0}.note-trainer-v2-title p{margin:0 0 .12rem;color:var(--text-muted);font-size:.58rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.note-trainer-v2-title h1{margin:0;color:#fff;font-family:var(--clavis-tools-font-display);font-size:1.2rem;font-weight:950;letter-spacing:-.025em}.note-trainer-v2-status{min-height:2.45rem;display:inline-flex;align-items:center;gap:.7rem;padding:.45rem .75rem;border-radius:.82rem;color:var(--text-secondary);font-size:.68rem;font-weight:800;white-space:nowrap}.note-trainer-v2-status span:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:999px;background:var(--text-muted)}.note-trainer-v2-status span[data-midi-status=connected]:before{background:var(--green);box-shadow:0 0 10px #34d399bf}.note-trainer-v2-status span[data-midi-status=requesting]:before{background:var(--amber)}.note-trainer-v2-status span[data-midi-status=denied]:before{background:#fb7185}.note-trainer-v2-status strong{color:color-mix(in srgb,var(--orange) 72%,white);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.note-trainer-v2-repertoire-button{min-height:2.1rem;padding:.42rem .65rem;border-radius:.75rem;border:1px solid rgba(251,146,60,.32);background:#fb923c1a;color:color-mix(in srgb,var(--orange) 72%,white);cursor:pointer;font:inherit;font-size:.66rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.note-trainer-v2-repertoire-button:hover,.note-trainer-v2-repertoire-button[data-open=true]{border-color:#2ec4c661;background:#fb923c29}.note-trainer-v2-controls{display:grid;grid-template-columns:.8fr 1.08fr 1fr 1.18fr auto;gap:.65rem;align-items:end;padding:.75rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d1421b8;box-shadow:0 26px 58px -42px #000000f2,inset 0 1px #ffffff0f}.note-trainer-v2-control-group{display:flex;min-width:0;flex-direction:column;gap:.35rem}.note-trainer-v2-control-group>span{color:var(--text-muted);font-size:.56rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.note-trainer-v2-segment{display:grid;gap:.25rem;padding:.28rem;border-radius:.82rem;background:#05080e9e;border:1px solid rgba(255,255,255,.055)}.note-trainer-v2-segment[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.note-trainer-v2-segment[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.note-trainer-v2-segment[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.note-trainer-v2-segment[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.note-trainer-v2-segment button,.note-trainer-v2-switches button{min-height:2.25rem;border:0;border-radius:.62rem;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.note-trainer-v2-segment button:hover,.note-trainer-v2-switches button:hover{color:#fff;background:#ffffff0b}.note-trainer-v2-segment button:disabled,.note-trainer-v2-switches button:disabled{cursor:not-allowed;opacity:.46}.note-trainer-v2-segment button:disabled:hover,.note-trainer-v2-switches button:disabled:hover{color:var(--text-secondary);background:transparent}.note-trainer-v2-segment button[data-active=true],.note-trainer-v2-switches button[data-active=true]{background:var(--orange);color:#1b0d03;box-shadow:0 0 18px -8px #fb923cf2}.note-trainer-v2-switches{display:grid;grid-template-columns:1fr;gap:.35rem;min-width:10rem}.note-trainer-v2-switches .note-trainer-v2-reset{border:1px solid rgba(255,255,255,.075);color:var(--text-muted)}.note-trainer-v2-main{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.85rem}.note-trainer-v2-repertoire{display:grid;gap:.85rem;max-height:min(30rem,52vh);overflow:auto;padding:.9rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,#ffffff0e,#ffffff03 54%,#2ec4c60b),#080d16e0;box-shadow:0 28px 68px -48px #000000f2,inset 0 1px #fff1}.note-trainer-v2-repertoire__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.note-trainer-v2-repertoire__head div{display:flex;flex-direction:column;gap:.18rem}.note-trainer-v2-repertoire__head span,.note-trainer-v2-repertoire__group h2{margin:0;color:color-mix(in srgb,var(--accent) 70%,white);font-size:.64rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.note-trainer-v2-repertoire__head strong{color:#fff;font-size:.98rem;font-weight:900}.note-trainer-v2-repertoire__head button{min-height:2rem;padding:.35rem .6rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.075);background:#ffffff0b;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.note-trainer-v2-repertoire__error{margin:0;color:#fecaca;font-size:.8rem;font-weight:800}.note-trainer-v2-repertoire__group{display:grid;gap:.5rem}.note-trainer-v2-repertoire__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.45rem}.note-trainer-v2-repertoire__list button{min-height:4rem;padding:.65rem .7rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.07);background:#ffffff09;color:var(--text-primary);cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.note-trainer-v2-repertoire__list button:hover:not(:disabled){border-color:#fb923c5c;background:#fb923c1a}.note-trainer-v2-repertoire__list button:disabled{cursor:wait;opacity:.58}.note-trainer-v2-repertoire__list span{color:var(--text-muted);font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.note-trainer-v2-repertoire__list strong{color:#fff;font-size:.82rem;font-weight:880;line-height:1.25}.note-trainer-v2-osmd-cache{position:fixed;left:-9999px;top:0;width:900px;height:1200px;overflow:hidden;pointer-events:none;visibility:hidden}.note-trainer-v2-context{display:flex;align-items:center;gap:.7rem;min-height:2.85rem;padding:.45rem .65rem;border-radius:.95rem;border:1px solid rgba(251,146,60,.18);background:linear-gradient(135deg,#fb923c1f,#2ec4c60a),#05080e75;color:var(--text-secondary);font-size:.72rem;font-weight:820}.note-trainer-v2-context span,.note-trainer-v2-context em{color:var(--text-muted);font-style:normal;font-size:.62rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.note-trainer-v2-context strong{min-width:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-trainer-v2-context small{color:color-mix(in srgb,var(--accent) 72%,white);font-size:.68rem;font-weight:760;line-height:1.3}.note-trainer-v2-context button{margin-left:auto;min-height:2rem;padding:.35rem .55rem;border-radius:.62rem;border:1px solid rgba(255,255,255,.075);background:#ffffff0b;color:#fed7aa;cursor:pointer;font:inherit;font-size:.58rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.note-trainer-v2-scorebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.note-trainer-v2-scorebar span{min-height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);background:#05080e7a;color:var(--text-muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.note-trainer-v2-scorebar strong{color:#fff;font-size:1.2rem;letter-spacing:-.02em}.note-trainer-v2-staff-card{min-height:24rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.8rem;padding:clamp(.85rem,2vw,1.2rem);border-radius:1.55rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d1421b8;box-shadow:0 30px 70px -44px #000000eb,inset 0 1px #ffffff0f}.note-trainer-v2-staff-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.note-trainer-v2-staff-card__top strong{color:color-mix(in srgb,var(--orange) 76%,white);font-size:1rem;letter-spacing:0;text-transform:none}.note-trainer-v2-staff{width:100%;height:100%;min-height:16rem;filter:drop-shadow(0 26px 34px rgba(0,0,0,.26))}.note-trainer-v2-staff rect{fill:var(--clavis-tools-staff-paper)}.note-trainer-v2-staff line{stroke:color-mix(in srgb,var(--clavis-tools-staff-ink) 84%,transparent);stroke-width:2.8;stroke-linecap:round}.note-trainer-v2-staff__clef{fill:var(--clavis-tools-staff-ink);font-family:var(--clavis-tools-font-music);font-size:92px}.note-trainer-v2-staff__accidental{fill:var(--clavis-tools-staff-ink);font-family:var(--clavis-tools-font-music);font-size:38px;font-weight:700}.note-trainer-v2-staff__note{fill:var(--clavis-tools-staff-ink);stroke:color-mix(in srgb,var(--clavis-tools-staff-accent) 42%,transparent);stroke-width:2}.note-trainer-v2-staff__note[data-feedback=correct]{fill:#15803d;stroke:#86efac}.note-trainer-v2-staff__note[data-feedback=wrong]{fill:#9f1239;stroke:#fda4af}.note-trainer-v2-feedback{min-height:2.8rem;display:flex;align-items:center;justify-content:center;padding:.65rem .9rem;border-radius:.92rem;border:1px solid rgba(255,255,255,.065);background:#05080e8a;color:var(--text-secondary);font-size:.92rem;font-weight:760;text-align:center}.note-trainer-v2-feedback[data-feedback=correct]{border-color:#34d39952;background:#16653429;color:#bbf7d0}.note-trainer-v2-feedback[data-feedback=wrong]{border-color:#fb718552;background:#9f123929;color:#fecdd3}.note-trainer-v2-start,.note-trainer-v2-result button{width:fit-content;min-height:2.5rem;margin:0 auto;padding:.55rem .9rem;border-radius:.8rem;cursor:pointer;font-size:.68rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.note-trainer-v2-result{min-height:16rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border-radius:1.2rem;background:radial-gradient(ellipse at 50% 0%,rgba(251,146,60,.16),transparent 62%),#05080e70}.note-trainer-v2-result p,.note-trainer-v2-result h2{margin:0}.note-trainer-v2-result p{color:color-mix(in srgb,var(--orange) 75%,white);font-size:.68rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.note-trainer-v2-result h2{color:#fff;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em}.note-trainer-v2-result span{color:var(--text-secondary)}.note-trainer-v2-piano{overflow-x:auto;padding:0 .15rem .25rem;overscroll-behavior-x:contain}.note-trainer-v2-piano__surface{--white-key-width: clamp(3.1rem, calc((100vw - 4rem) / var(--white-key-count)), 5.4rem);position:relative;width:calc(var(--white-key-count) * var(--white-key-width));min-width:min(100%,calc(var(--white-key-count) * 3.1rem));height:clamp(9rem,18vh,12.5rem);margin:0 auto;padding-top:.2rem}.note-trainer-v2-key{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;border:0;cursor:pointer;font:inherit;font-weight:950;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;touch-action:manipulation}.note-trainer-v2-key--white{left:calc(var(--white-index) * var(--white-key-width));width:calc(var(--white-key-width) - .16rem);height:100%;z-index:1;padding-bottom:.72rem;border-radius:0 0 .78rem .78rem;border:1px solid rgba(15,23,42,.34);background:linear-gradient(180deg,#f8fafc,#e5e7eb 74%,#cbd5e1);color:#1e293b;box-shadow:inset 0 1px #fffffff2,inset 0 -7px 14px #0f172a1f,0 14px 28px -18px #000000bf}.note-trainer-v2-key--black{left:calc((var(--white-index) + .68) * var(--white-key-width));width:calc(var(--white-key-width) * .62);height:62%;z-index:2;padding-bottom:.5rem;border-radius:0 0 .58rem .58rem;border:1px solid rgba(0,0,0,.72);background:linear-gradient(180deg,#263041,#111827 58%,#030712);color:#ffffffeb;box-shadow:inset 0 1px #ffffff1f,inset 0 -5px 10px #00000085,0 16px 28px -18px #000000e6}.note-trainer-v2-key:hover{transform:translateY(1px)}.note-trainer-v2-key[data-state=correct]{border-color:#2ec4c6c2;box-shadow:0 0 0 3px #2ec4c63d,0 0 28px -8px #2ec4c6d9,inset 0 1px #ffffffb8}.note-trainer-v2-key[data-state=wrong]{border-color:#fb7185cc;box-shadow:0 0 0 3px #fb718538,0 0 24px -10px #fb7185cc}.note-trainer-v2-key[data-state=active]{transform:translateY(2px)}.note-trainer-v2-key span{font-size:clamp(.8rem,1.8vw,1rem)}.note-trainer-v2-key small{color:#fb923cc7;font-size:.54rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.chord-runner-shell{max-width:86rem;gap:.85rem}.chord-runner-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding:.75rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d1421b8}.chord-runner-mode-segment{grid-template-columns:repeat(4,minmax(0,1fr))}.chord-runner-primary{min-height:2.65rem;padding:.55rem 1rem;border-radius:.78rem;border:0;background:var(--orange);color:#1b0d03;cursor:pointer;font:inherit;font-size:.68rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.chord-runner-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.chord-runner-hud span{min-height:3.45rem;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);background:#05080e7a;color:var(--text-muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chord-runner-hud strong{color:#fff;font-size:1.18rem;letter-spacing:0;text-transform:none}.chord-runner-stage{position:relative;min-height:clamp(21rem,47vh,32rem);overflow:hidden;border-radius:1.55rem;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(46,196,198,.12),transparent 42%),linear-gradient(180deg,#0f172af0,#05080efa);box-shadow:0 30px 70px -44px #000000eb,inset 0 1px #ffffff0f}.chord-runner-stage[data-feedback=wrong],.chord-runner-stage[data-feedback=late],.chord-runner-stage[data-feedback=miss]{animation:chord-runner-shake .22s ease both}.chord-runner-stage[data-phase=rest] .chord-runner-hit-zone{opacity:.35}.chord-runner-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5.3rem;background:linear-gradient(90deg,rgba(251,146,60,.2) 0 1px,transparent 1px 68px),linear-gradient(180deg,#fb923c29,#fb923c0d),#05080ec2;border-top:1px solid rgba(251,146,60,.22);animation:chord-runner-ground .56s linear infinite}.chord-runner-skyline{position:absolute;inset:auto 0 5.3rem;height:34%;background:linear-gradient(90deg,transparent 0 4%,rgba(255,255,255,.035) 4% 10%,transparent 10% 14%,rgba(255,255,255,.03) 14% 22%,transparent 22% 100%);opacity:.9}.chord-runner-hit-zone{position:absolute;left:calc((154 / 900) * 100%);bottom:5.3rem;width:.18rem;height:72%;background:linear-gradient(180deg,transparent,rgba(46,196,198,.52),transparent)}.chord-runner-prompt{position:absolute;top:1rem;left:50%;z-index:3;min-width:min(24rem,calc(100% - 2rem));transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.72rem .95rem;border-radius:1rem;border:1px solid rgba(251,146,60,.24);background:#05080eb3;color:var(--text-secondary);box-shadow:0 24px 42px -30px #000000e6}.chord-runner-prompt span{font-size:.7rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.chord-runner-prompt strong{color:#fff;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:950;letter-spacing:0}.chord-runner-prompt[data-feedback=correct]{border-color:#2ec4c680;color:#a7f3d0}.chord-runner-prompt[data-feedback=combo]{border-color:#fb923c8c;color:#fed7aa;box-shadow:0 0 34px -16px #fb923ce6}.chord-runner-prompt[data-feedback=wrong],.chord-runner-prompt[data-feedback=late],.chord-runner-prompt[data-feedback=miss]{border-color:#fb71857a;color:#fecdd3}.chord-runner-prompt[data-feedback=rest]{border-color:#ffffff1f;color:var(--text-muted)}.chord-runner-timer{position:absolute;left:1rem;right:1rem;top:5.75rem;z-index:3;height:.38rem;overflow:hidden;border-radius:999px;background:#ffffff0f}.chord-runner-timer span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--orange),rgba(46,196,198,.95));box-shadow:0 0 18px #fb923c73}.chord-runner-player{position:absolute;left:calc((132 / 900) * 100%);bottom:5.3rem;z-index:3;width:4.1rem;height:4.1rem;border-radius:1.1rem;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent),var(--orange);box-shadow:0 18px 34px -18px #000000e6,0 0 28px -12px #fb923cf2;transition:box-shadow .16s ease;animation:chord-runner-run .34s ease-in-out infinite}.chord-runner-player span{position:absolute;inset:.9rem;border-radius:.65rem;border:2px solid rgba(25,12,3,.52)}.chord-runner-player[data-feedback=correct]{box-shadow:0 18px 34px -18px #000000e6,0 0 34px -8px #2ec4c6f2}.chord-runner-player[data-feedback=wrong],.chord-runner-player[data-feedback=late],.chord-runner-player[data-feedback=miss]{box-shadow:0 18px 34px -18px #000000e6,0 0 30px -10px #fb7185e6}.chord-runner-player[data-player-state=jumping]{animation:none}.chord-runner-player[data-player-state=hit]{background:linear-gradient(145deg,rgba(255,255,255,.18),transparent),#fb7185}.chord-runner-obstacle{position:absolute;bottom:5.3rem;z-index:2;width:5.15rem;height:7.4rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.88rem;border-radius:1rem 1rem .35rem .35rem;border:1px solid rgba(46,196,198,.28);background:linear-gradient(180deg,#2ec4c63d,#2ec4c60f),#05080edb;color:#fff;font-size:1.34rem;font-weight:950;box-shadow:inset 0 1px #ffffff14,0 0 34px -18px #2ec4c6e6}.chord-runner-obstacle[data-status=cleared]{opacity:.28;border-color:#34d39966;box-shadow:0 0 38px -8px #2ec4c6f2}.chord-runner-obstacle[data-status=missed],.chord-runner-obstacle[data-status=failed]{opacity:.38;border-color:#fb71856b;box-shadow:0 0 34px -12px #fb7185db}.chord-runner-rest-lane{position:absolute;left:50%;bottom:7.5rem;z-index:2;transform:translate(-50%);min-width:8rem;display:flex;justify-content:center;padding:.55rem .8rem;border-radius:999px;border:1px dashed rgba(255,255,255,.18);background:#05080e75;color:var(--text-muted);font-size:.68rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.chord-runner-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#05080e94;color:var(--text-secondary);text-align:center}.chord-runner-overlay button{margin-top:.4rem}.chord-runner-overlay strong{color:#fff;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.03em}.chord-runner-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.35fr);gap:.75rem;align-items:stretch}.chord-runner-targets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem}.chord-runner-targets button{min-height:3rem;border-radius:.78rem;border:1px solid rgba(255,255,255,.075);background:#ffffff0b;color:#fff;cursor:pointer;font:inherit;font-size:.82rem;font-weight:950}.chord-runner-help{min-height:3rem;display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.065);background:#05080e7a;color:var(--text-secondary);font-size:.72rem;line-height:1.35}.chord-runner-key-hint{flex:0 0 auto;padding:.3rem .45rem;border-radius:.5rem;background:#fb923c24;color:#fed7aa;font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}@keyframes chord-runner-ground{0%{background-position:0 0,0 0,0 0}to{background-position:-68px 0,0 0,0 0}}@keyframes chord-runner-run{0%,to{margin-bottom:0}50%{margin-bottom:.34rem}}@keyframes chord-runner-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}60%{transform:translate(4px)}}@media(max-width:1050px){.note-trainer-v2-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.note-trainer-v2-switches{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1}}@media(max-width:760px){.note-trainer-v2-header{grid-template-columns:1fr;align-items:stretch}.note-trainer-v2-status{justify-content:space-between}.note-trainer-v2-controls,.note-trainer-v2-scorebar{grid-template-columns:1fr}.note-trainer-v2-switches{grid-template-columns:1fr;min-width:0}.note-trainer-v2-staff-card{min-height:20rem}}.tools-keyboard{overflow-x:auto;padding:0 .15rem .35rem;overscroll-behavior-x:contain}.tools-keyboard__surface{--tk-white-width: clamp(2.6rem, calc((100vw - 6rem) / var(--white-key-count)), 4.8rem);position:relative;width:calc(var(--white-key-count) * var(--tk-white-width));min-width:min(100%,calc(var(--white-key-count) * 2.6rem));height:clamp(8rem,16vh,11.5rem);margin:0 auto;padding-top:.2rem}.tools-keyboard__key{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0;cursor:pointer;font:inherit;transition:transform .1s ease,box-shadow .1s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tools-keyboard__key--white{left:calc(var(--white-index) * var(--tk-white-width));width:calc(var(--tk-white-width) - .14rem);height:100%;z-index:1;padding-bottom:.55rem;border-radius:0 0 .72rem .72rem;border:1px solid rgba(15,23,42,.32);background:linear-gradient(180deg,#f8fafc,#e2e8f0 72%,#cbd5e1);color:#1e293b;box-shadow:inset 0 1px #fffffff2,inset 0 -6px 12px #0f172a1a,0 12px 24px -16px #000000a6}.tools-keyboard__key--black{left:calc((var(--white-index) + .68) * var(--tk-white-width));width:calc(var(--tk-white-width) * .62);height:62%;z-index:2;padding-bottom:.4rem;border-radius:0 0 .52rem .52rem;border:1px solid rgba(0,0,0,.72);background:linear-gradient(180deg,#1e2a3a,#0f1623 58%,#030712);color:#ffffffd9;box-shadow:inset 0 1px #ffffff1a,inset 0 -4px 8px #00000080,0 14px 24px -16px #000000e0}.tools-keyboard__key:hover{transform:translateY(1px)}.tools-keyboard__key--white[data-state=highlight]{background:linear-gradient(180deg,#2ec4c62e,#2ec4c647);border-color:#2ec4c68c;box-shadow:0 0 0 2px #2ec4c633,0 0 20px -6px #2ec4c6b3,inset 0 1px #ffffffb3}.tools-keyboard__key--black[data-state=highlight]{background:linear-gradient(180deg,#2ec4c659,#2ec4c62e);border-color:#2ec4c699;box-shadow:0 0 0 2px #2ec4c638,0 0 18px -6px #2ec4c6bf}.tools-keyboard__key--white[data-state=root]{background:linear-gradient(180deg,#fb923c38,#fb923c61);border-color:#fb923ca6;box-shadow:0 0 0 2px #fb923c40,0 0 24px -6px #fb923cd9,inset 0 1px #ffffffb3}.tools-keyboard__key--black[data-state=root]{background:linear-gradient(180deg,#fb923c73,#fb923c40);border-color:#fb923cb3;box-shadow:0 0 0 2px #fb923c47,0 0 20px -6px #fb923ce6}.tools-keyboard__key[data-state=active]{transform:translateY(2px)}.tools-keyboard__key--white[data-state=active]{background:linear-gradient(180deg,#2ec4c659,#2ec4c680);border-color:#2ec4c6d9;box-shadow:0 0 0 3px #2ec4c659,0 0 30px -4px #2ec4c6}.tools-keyboard__key--black[data-state=active]{background:linear-gradient(180deg,#2ec4c68c,#2ec4c659);border-color:#2ec4c6e6;box-shadow:0 0 0 3px #2ec4c661,0 0 26px -4px #2ec4c6}.tools-keyboard__label{font-size:clamp(.58rem,1.4vw,.78rem);font-weight:900;letter-spacing:-.01em;margin-bottom:.28rem;pointer-events:none}.tools-keyboard__key--white .tools-keyboard__label{color:#1e293b}.tools-keyboard__key--white[data-state=highlight] .tools-keyboard__label{color:#2ec4c6e6}.tools-keyboard__key--white[data-state=root] .tools-keyboard__label{color:#b45a0af2}.tools-keyboard__key--white[data-state=active] .tools-keyboard__label{color:#2ec4c6}.tools-keyboard__key--black .tools-keyboard__label{color:#ffffffd1}.tools-keyboard__key--black[data-state=highlight] .tools-keyboard__label{color:#2ec4c6f2}.tools-keyboard__key--black[data-state=root] .tools-keyboard__label{color:#ffb450f2}.ci-layout{display:grid;grid-template-columns:18rem 1fr;gap:1rem;flex:1 1 auto;min-height:0}.ci-sidebar{display:flex;flex-direction:column;gap:.85rem;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#0d1421b8;box-shadow:0 28px 62px -42px #000000e6,inset 0 1px #ffffff0f;padding:clamp(1rem,2.5vw,1.5rem);overflow-y:auto}.ci-main{display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#0d1421b8;box-shadow:0 28px 62px -42px #000000e6,inset 0 1px #ffffff0f;padding:clamp(1rem,3vw,2rem);overflow-y:auto}.ci-section{display:flex;flex-direction:column;gap:.55rem}.ci-section--grow{flex:1 1 auto;overflow-y:auto;min-height:0}.ci-section__label{font-size:.6rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.ci-root-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.ci-root-btn{padding:.5rem .2rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);background:#05080e8c;color:var(--text-secondary);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.ci-root-btn[data-active=true]{background:#fb923c1f;border-color:#fb923c80;color:var(--orange);box-shadow:0 0 14px -4px #fb923c80}.ci-root-btn:hover:not([data-active=true]){border-color:#ffffff2e;color:var(--text-primary)}.ci-spelling-toggle{display:flex;gap:.3rem;margin-top:.3rem;padding:.3rem;border-radius:.75rem;background:#05080e73;border:1px solid rgba(255,255,255,.06)}.ci-spelling-btn{flex:1;padding:.35rem;border-radius:.55rem;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:background .15s,color .15s}.ci-spelling-btn[data-active=true]{background:var(--orange);color:#190b02}.ci-cat{margin-bottom:.6rem}.ci-cat__label{display:block;font-size:.55rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:#94a3b873;margin-bottom:.35rem}.ci-cat__btns{display:flex;flex-wrap:wrap;gap:.3rem}.ci-type-btn{padding:.3rem .55rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.09);background:#05080e7a;color:var(--text-secondary);font:inherit;font-size:.68rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.ci-type-btn[data-active=true]{background:#ffffffe6;border-color:#ffffffe6;color:#0d1421}.ci-type-btn:hover:not([data-active=true]){border-color:#ffffff38;color:var(--text-primary)}.ci-chord-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ci-chord-name{display:flex;align-items:baseline;gap:.2rem;line-height:1}.ci-chord-name__root{font-size:clamp(2.8rem,6vw,5rem);font-weight:950;color:#fff;letter-spacing:-.04em;line-height:1}.ci-chord-name__suffix{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;color:var(--aqua);letter-spacing:-.02em;line-height:1}.ci-chord-meta{display:flex;flex-direction:column;gap:.2rem;margin-top:.35rem}.ci-chord-meta>span{font-size:.78rem;color:var(--text-secondary);font-weight:600}.ci-chord-meta__cat{font-size:.6rem!important;font-weight:950!important;letter-spacing:.18em;text-transform:uppercase;color:#fb923cb3!important}.ci-play-btn{align-self:flex-start;padding:.55rem 1.1rem;border-radius:.85rem;border:0;background:var(--aqua);color:#030508;font:inherit;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,transform .1s;white-space:nowrap}.ci-play-btn:hover{box-shadow:0 0 18px -4px var(--aqua-glow);transform:translateY(-1px)}.ci-play-btn:active{transform:translateY(1px)}.ci-notes-row{display:flex;flex-wrap:wrap;gap:.5rem}.ci-note-badge{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;border-radius:.85rem;border:1px solid rgba(46,196,198,.25);background:#2ec4c612;min-width:2.8rem}.ci-note-badge[data-root=true]{border-color:#fb923c73;background:#fb923c1a}.ci-note-badge__name{font-size:.95rem;font-weight:950;color:#fff;letter-spacing:-.01em}.ci-note-badge__interval{font-size:.62rem;font-weight:700;color:var(--aqua);letter-spacing:.06em}.ci-note-badge[data-root=true] .ci-note-badge__interval{color:var(--orange)}.ci-tip{padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(46,196,198,.18);background:#2ec4c60d}.ci-tip__eyebrow{display:block;font-size:.58rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua);margin-bottom:.4rem}.ci-tip__text{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.6}.ci-keyboard-wrap{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.ci-empty{color:var(--text-muted);font-size:.9rem;padding:2rem}.si-layout{display:grid;grid-template-columns:18rem 1fr;gap:1rem;flex:1 1 auto;min-height:0}.si-sidebar{display:flex;flex-direction:column;gap:.85rem;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#0d1421b8;box-shadow:0 28px 62px -42px #000000e6,inset 0 1px #ffffff0f;padding:clamp(1rem,2.5vw,1.5rem);overflow-y:auto}.si-main{display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#0d1421b8;box-shadow:0 28px 62px -42px #000000e6,inset 0 1px #ffffff0f;padding:clamp(1rem,3vw,2rem);overflow-y:auto}.si-section{display:flex;flex-direction:column;gap:.55rem}.si-section--grow{flex:1 1 auto;overflow-y:auto;min-height:0}.si-section__label{font-size:.6rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.si-root-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.si-root-btn{padding:.5rem .2rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);background:#05080e8c;color:var(--text-secondary);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.si-root-btn[data-active=true]{background:#fb923c1f;border-color:#fb923c80;color:var(--orange);box-shadow:0 0 14px -4px #fb923c80}.si-root-btn:hover:not([data-active=true]){border-color:#ffffff2e;color:var(--text-primary)}.si-cat{margin-bottom:.6rem}.si-cat__label{display:block;font-size:.55rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:#94a3b873;margin-bottom:.35rem}.si-cat__btns{display:flex;flex-wrap:wrap;gap:.3rem}.si-type-btn{padding:.3rem .55rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.09);background:#05080e7a;color:var(--text-secondary);font:inherit;font-size:.68rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.si-type-btn[data-active=true]{background:var(--aqua);border-color:var(--aqua);color:#030508;box-shadow:0 0 14px -4px var(--aqua-glow)}.si-type-btn:hover:not([data-active=true]){border-color:#ffffff38;color:var(--text-primary)}.si-scale-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.si-scale-name{display:flex;align-items:baseline;gap:.5rem;line-height:1}.si-scale-name__root{font-size:clamp(2.8rem,6vw,5rem);font-weight:950;color:#fff;letter-spacing:-.04em;line-height:1}.si-scale-name__type{font-size:clamp(1rem,2.2vw,1.6rem);font-weight:700;color:var(--aqua);letter-spacing:-.01em;opacity:.75}.si-play-btn{align-self:flex-start;padding:.55rem 1.1rem;border-radius:.85rem;border:0;background:var(--aqua);color:#030508;font:inherit;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,transform .1s;white-space:nowrap}.si-play-btn:hover{box-shadow:0 0 18px -4px var(--aqua-glow);transform:translateY(-1px)}.si-play-btn:active{transform:translateY(1px)}.si-play-btn--stop{background:#fb718526;border:1px solid rgba(251,113,133,.45);color:#fb7185e6}.si-play-btn--stop:hover{box-shadow:0 0 18px -6px #fb718599;background:#fb718538}.si-notes-row{display:flex;flex-wrap:wrap;gap:.4rem}.si-note-badge{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.45rem .65rem;border-radius:.8rem;border:1px solid rgba(46,196,198,.2);background:#2ec4c60f;min-width:2.5rem;transition:border-color .15s,background .15s,box-shadow .15s}.si-note-badge[data-root=true]{border-color:#fb923c6b;background:#fb923c1a}.si-note-badge[data-active=true]{border-color:#2ec4c6cc;background:#2ec4c62e;box-shadow:0 0 14px -4px #2ec4c699}.si-note-badge__name{font-size:.9rem;font-weight:950;color:#fff;letter-spacing:-.01em}.si-note-badge__degree{font-size:.6rem;font-weight:700;color:var(--aqua)}.si-note-badge[data-root=true] .si-note-badge__degree{color:var(--orange)}.si-interval-pattern{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.07);background:#05080e59}.si-interval-pattern__label{font-size:.58rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.si-interval-pattern__value{font-size:.8rem;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.si-fingering{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.07);background:#05080e4d}.si-fingering__row{display:flex;align-items:center;gap:.65rem}.si-fingering__hand{font-size:.58rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);width:1.6rem;flex-shrink:0}.si-fingering__numbers{display:flex;gap:.25rem;flex-wrap:wrap}.si-fingering__num{width:1.55rem;height:1.55rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:900;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text-secondary);font-variant-numeric:tabular-nums}.si-fingering__num[data-thumb=true]{border-color:#2ec4c659;background:#2ec4c61a;color:var(--aqua)}.si-tip{padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(46,196,198,.18);background:#2ec4c60d}.si-tip__eyebrow{display:block;font-size:.58rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua);margin-bottom:.4rem}.si-tip__text{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.6}.si-keyboard-wrap{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.si-empty{color:var(--text-muted);font-size:.9rem;padding:2rem}@media(max-width:860px){.ci-layout,.si-layout{grid-template-columns:1fr}.ci-sidebar,.si-sidebar,.ci-section--grow,.si-section--grow{overflow-y:visible;max-height:none}}@media(max-width:480px){.ci-root-grid,.si-root-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ci-chord-name__root,.si-scale-name__root{font-size:2.4rem}}body{background-color:var(--bg-page)!important;background-image:none!important;background-attachment:initial!important;color:var(--fg-primary)!important;font-family:var(--font-ui)!important}.clavis-glass{background:var(--bg-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--line-hairline)!important;border-top-color:var(--line-hairline)!important;box-shadow:var(--shadow-2)!important}.clavis-shell{background:var(--bg-page);min-height:100dvh}.clavis-shell__hero{background:var(--bg-surface)!important;border-radius:var(--r-md)!important}.clavis-shell__title{color:var(--fg-primary)!important;font-family:var(--font-ui)!important;font-weight:600!important;letter-spacing:-.01em!important}.clavis-shell__eyebrow{color:var(--fg-muted)!important;font-size:var(--t-meta)!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important}.clavis-shell__subtitle{color:var(--fg-secondary)!important}.clavis-logo-badge,.logo-mark{background:var(--accent-soft)!important;border-color:#b85c2e33!important;box-shadow:none!important;color:var(--accent)!important}.clavis-badge{background:var(--accent-soft)!important;border-color:#b85c2e40!important;color:var(--accent-strong)!important;font-weight:600!important;letter-spacing:.06em!important}.clavis-status-row{color:var(--fg-muted)!important}.clavis-status-dot{background:var(--signal-success)!important;box-shadow:none!important;animation:none!important}.clavis-status-chip{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important;box-shadow:none!important}.clavis-status-chip__dot{box-shadow:none!important}.clavis-status-badge{border-radius:var(--r-xs)!important;font-weight:600!important;letter-spacing:.04em!important}.clavis-status-badge--success{background:#5c8a4a24!important;border-color:#5c8a4a4d!important;color:var(--signal-success)!important}.clavis-toolbar{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-1)!important}.clavis-toolbar__divider{background:var(--line-hairline)!important}.clavis-toolbar__metric{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;box-shadow:none!important}.clavis-toolbar__metric-label{color:var(--fg-muted)!important;font-weight:500!important;letter-spacing:.05em!important}.clavis-toolbar__metric-value{color:var(--fg-primary)!important;font-family:var(--font-mono)!important;font-weight:700!important}.clavis-button{border-radius:var(--r-sm)!important;font-family:var(--font-ui)!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)!important}.clavis-button:hover{transform:none!important}.clavis-button--primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg)!important;box-shadow:none!important}.clavis-button--primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;box-shadow:none!important}.clavis-button--secondary{background:transparent!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important;box-shadow:none!important}.clavis-button--secondary:hover{background:var(--bg-raised)!important;border-color:var(--line-strong)!important}.clavis-button--danger{background:transparent!important;border-color:#a23b2c66!important;color:var(--signal-danger)!important;box-shadow:none!important}.clavis-button--danger:hover{background:#a23b2c14!important}.clavis-segmented{background:var(--bg-raised)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-sm)!important;box-shadow:none!important;padding:3px!important}.clavis-segmented__item{border-radius:calc(var(--r-sm) - 2px)!important;color:var(--fg-secondary)!important;font-family:var(--font-ui)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.clavis-segmented__item:hover{color:var(--fg-primary)!important;background:var(--bg-surface)!important}.clavis-segmented__item[data-active=true]{background:var(--bg-surface)!important;color:var(--fg-primary)!important;box-shadow:var(--shadow-1)!important}.clavis-toolbar-tabs{background:transparent!important}.clavis-toolbar-tabs .clavis-segmented__item[data-active=true]{background:var(--bg-surface)!important;color:var(--accent-strong)!important;box-shadow:var(--shadow-1)!important}.clavis-module-card{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-1)!important;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)!important}.clavis-module-card:hover{background:var(--bg-surface)!important;border-color:var(--line-strong)!important;box-shadow:var(--shadow-2)!important;transform:translateY(-1px)!important}.clavis-module-card__icon{background:var(--accent-soft)!important;border-color:#b85c2e33!important;color:var(--accent)!important}.clavis-module-card__title{color:var(--fg-primary)!important;font-weight:600!important;letter-spacing:-.01em!important}.clavis-module-card__description{color:var(--fg-secondary)!important}.clavis-module-card__footer{border-top-color:var(--line-hairline)!important;color:var(--fg-muted)!important;font-weight:500!important;letter-spacing:.04em!important}.clavis-panel{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-1)!important}.clavis-panel__title{color:var(--fg-primary)!important;font-weight:600!important}.clavis-panel__description{color:var(--fg-secondary)!important}.clavis-panel__inset{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important}.clavis-bottom-bar{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.clavis-transport-button{border-color:var(--line-hairline)!important;background:transparent!important;color:var(--fg-secondary)!important;border-radius:var(--r-sm)!important}.clavis-transport-button:hover{border-color:var(--line-strong)!important;background:var(--bg-raised)!important;color:var(--fg-primary)!important}.clavis-transport-button--primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg)!important;border-radius:var(--r-full)!important;box-shadow:none!important}.clavis-transport-button--primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:var(--accent-fg)!important;box-shadow:none!important}.clavis-transport-button--rewind{color:var(--fg-secondary)!important;background:transparent!important;border:1px solid var(--line-hairline)!important}.clavis-transport-button--rewind:before{display:none!important}.clavis-transport-button--rewind:hover{background:var(--bg-raised)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important}.clavis-transport-toggle{background:transparent!important;border-color:var(--line-hairline)!important;color:var(--fg-muted)!important;border-radius:var(--r-sm)!important;box-shadow:none!important}.clavis-transport-toggle:hover{background:var(--bg-raised)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important;box-shadow:none!important}.clavis-transport-toggle[data-active=true]{background:var(--accent-soft)!important;border-color:#b85c2e4d!important;color:var(--accent-strong)!important;box-shadow:none!important}.clavis-transport-bpm__value,.clavis-transport-seek__time{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-primary)!important;font-family:var(--font-mono)!important;border-radius:var(--r-xs)!important;box-shadow:none!important}.clavis-transport-bpm__slider,.clavis-transport-seek__slider{accent-color:var(--accent)!important}.clavis-transport-timeline{background:var(--bg-raised)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-sm)!important}.clavis-sync-toggle{background:transparent!important;border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important;border-radius:var(--r-sm)!important}.clavis-sync-toggle:hover{background:var(--bg-raised)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important}.clavis-sync-toggle[data-active=true]{background:var(--accent-soft)!important;border-color:#b85c2e4d!important;color:var(--accent-strong)!important}.view-tabs{background:var(--bg-raised)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:3px!important}.view-tab{background:transparent!important;border-radius:calc(var(--r-sm) - 2px)!important;color:var(--fg-muted)!important;font-family:var(--font-ui)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.view-tab:hover{color:var(--fg-primary)!important;background:var(--bg-surface)!important}.view-tab[data-active=true]{background:var(--bg-surface)!important;color:var(--accent-strong)!important;box-shadow:var(--shadow-1)!important}.view-tab[data-disabled=true]{color:var(--fg-faint)!important}.view-tab__dot{box-shadow:none!important}.pulse-dot{background:var(--signal-live)!important;box-shadow:none!important;animation:none!important}.clavis-workbar__upload-trigger{border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important;border-radius:var(--r-sm)!important}.clavis-workbar__upload-trigger:hover{border-color:var(--line-strong)!important;color:var(--fg-primary)!important;background:var(--bg-raised)!important}.clavis-topbar-tabs .clavis-segmented__item{text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.clavis-topbar-tabs .clavis-segmented__item[data-active=true]{background:var(--bg-surface)!important;color:var(--accent-strong)!important;box-shadow:var(--shadow-1)!important}.dropzone,[class*=dropzone]{background:var(--bg-surface)!important;border-color:var(--line-strong)!important;box-shadow:var(--shadow-2)!important;border-radius:var(--r-lg)!important}.dropzone__cta,[class*=dropzone__cta]{background:var(--accent)!important;color:var(--accent-fg)!important;box-shadow:none!important;border-radius:var(--r-sm)!important}.icon-button,.clavis-topbar-actions .clavis-button--compact{background:transparent!important;border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important;border-radius:var(--r-sm)!important;box-shadow:none!important}.icon-button:hover,.clavis-topbar-actions .clavis-button--compact:hover{background:var(--bg-raised)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important}input[type=range]{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.btn,.clavis-button,.clavis-icon-button,.clavis-nav-item,.clavis-segmented__item,.clavis-topbar-upload-trigger,.clavis-topbar-repertoire-trigger,.clavis-topbar-piano-toggle,.clavis-topbar-note-toggle,.clavis-toolbar-chip,.clavis-transport-toggle,.clavis-choice-chip,.clavis-export-profile,.clavis-satb-part-toggle,.clavis-satb-export__trigger,.clavis-satb-export-panel__action,.clavis-satb-export-panel__stop,.home-choice-card,.repertoire-item{min-height:44px}.page-sheet{background:var(--score-bg, #FFFFFF)!important;color:var(--score-ink, #000)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-2)!important}.page-sheet__title{font-family:var(--font-display)!important;color:var(--score-ink, #000)!important}.qr-frame{background:var(--bg-surface)!important;box-shadow:var(--shadow-2)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-md)!important}.glyph-row>span{background:var(--accent-soft)!important}.brand-eyebrow,.footer-bar,.footer-bar__item,.home-choice-card__description,.home-choice-card__cta,.repertoire-folder__meta{color:var(--fg-secondary)!important}.footer-bar__item--link{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-strong)!important}.footer-bar__item{color:var(--fg-primary)!important}.footer-bar>span:first-child{color:var(--fg-primary)!important}html,body,#root{background:var(--bg-page)!important;color:var(--fg-primary)!important}body{min-width:320px}button,input,select,textarea{color:inherit}::placeholder{color:var(--fg-faint);opacity:1}.bg-white,.bg-slate-50,.bg-zinc-50{color:var(--bone-800)}.bg-black,.bg-slate-950,.bg-zinc-900,.bg-zinc-950,.bg-\[\#08080f\],.bg-\[\#0a0a0a\]{color:#f8fafc}[data-app-theme=studio] .text-white,[data-app-theme=studio] .text-white\/55,[data-app-theme=studio] .text-slate-100,[data-app-theme=studio] .text-slate-200,[data-app-theme=studio] .text-slate-300,[data-app-theme=studio] .text-zinc-100,[data-app-theme=studio] .text-zinc-200{color:var(--fg-primary)!important}[data-app-theme=studio] .bg-white .text-white,[data-app-theme=studio] .bg-slate-50 .text-white,[data-app-theme=studio] .bg-zinc-50 .text-white,[data-app-theme=studio] .page-sheet .text-white{color:var(--bone-800)!important}[data-app-theme=studio] .bg-black .text-white,[data-app-theme=studio] .bg-slate-950 .text-white,[data-app-theme=studio] .bg-zinc-900 .text-white,[data-app-theme=studio] .bg-zinc-950 .text-white,[data-app-theme=studio] .clavis-score-shell--dark .text-white,[data-app-theme=studio] .clavis-score-viewport--media .text-white,[data-app-theme=studio] .clavis-satb-bar .text-white,[data-app-theme=studio] .clavis-satb-export-panel .text-white{color:#f8fafc!important}.clavis-button,.clavis-icon-button,.clavis-topbar-upload-trigger,.clavis-topbar-repertoire-trigger,.clavis-topbar-piano-toggle,.clavis-topbar-note-toggle,.clavis-transport-button,.clavis-transport-toggle,.clavis-sync-toggle,.view-tab,.clavis-segmented__item,.lp-btn{min-height:44px}.clavis-button--secondary,.clavis-topbar-upload-trigger,.clavis-topbar-repertoire-trigger,.clavis-icon-button,.lp-btn--ghost{background:var(--control-bg)!important;border-color:var(--control-border)!important;color:var(--control-fg)!important}.clavis-button--secondary:hover,.clavis-topbar-upload-trigger:hover,.clavis-topbar-repertoire-trigger:hover,.clavis-icon-button:hover,.lp-btn--ghost:hover{background:var(--control-bg-hover)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important}.clavis-button:disabled,.clavis-export-profile:disabled,.clavis-transport-button:disabled,.clavis-transport-toggle:disabled,.lp-btn:disabled{opacity:.48!important;cursor:not-allowed!important}.clavis-status-badge--success,.text-green,.text-green-400,.text-emerald-300,.text-emerald-400{color:var(--status-success-fg)!important}.text-aqua,.text-cyan-300,.text-sky-300,.text-blue-300{color:var(--status-info-fg)!important}.text-red-400,.text-rose-300{color:var(--status-danger-fg)!important}.clavis-export-panel__status,.clavis-satb-export-panel__status{background:var(--bg-raised)!important;border:1px solid var(--line-hairline)!important;border-radius:var(--r-sm)!important;color:var(--fg-secondary)!important}.clavis-export-panel__status .bg-ink,.clavis-satb-progress{background:var(--bg-sunken)!important;border-color:var(--line-hairline)!important}.clavis-export-panel__status .from-aqua,.clavis-satb-progress__bar{background:linear-gradient(90deg,var(--accent),var(--accent-hover))!important;box-shadow:none!important}.clavis-export-panel__summary,.clavis-export-volume span,.clavis-live-device-list__empty,.clavis-topbar-placeholder{color:var(--fg-muted)!important}.clavis-export-profile__caption{color:var(--fg-secondary)!important}.clavis-export-profile{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important}.clavis-export-profile:hover{background:var(--control-bg-hover)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important}.clavis-export-profile[data-active=true]{background:var(--control-bg-active)!important;border-color:var(--accent)!important;color:var(--accent-strong)!important}.clavis-export-profile__title,.clavis-disclosure__label{color:var(--fg-primary)!important}.clavis-export-panel__primary{display:flex;flex-direction:column;gap:.875rem}.clavis-export-advanced{border:1px solid var(--line-hairline);border-radius:var(--r-sm);background:color-mix(in srgb,var(--bg-raised) 74%,transparent);padding:.75rem}.clavis-export-advanced>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--fg-primary);font-weight:800;letter-spacing:0;list-style-position:inside}.clavis-export-advanced>summary::marker{color:var(--accent-strong)}.clavis-export-advanced[open]{display:flex;flex-direction:column;gap:.75rem}.clavis-score-shell{background:var(--bg-surface)!important}.clavis-score-stage--light{background:linear-gradient(180deg,var(--bg-raised),var(--bg-surface))!important;color:var(--fg-primary)!important}.clavis-score-stage--dark,.clavis-score-viewport--media,.clavis-score-viewport--fretboard{background:linear-gradient(180deg,#101417,#070909)!important;color:#f8fafc!important}.clavis-score-stage--light .bg-slate-50\/80{background:color-mix(in srgb,var(--bg-surface) 88%,transparent)!important}.clavis-score-stage--light .text-slate-500{color:var(--fg-primary)!important}.clavis-score-shell .text-slate-500{color:#221c13!important}.clavis-score-stage--light .bg-\[radial-gradient\(circle_at_top_left\,_rgba\(46\,196\,198\,0\.10\)\,_transparent_24\%\)\,linear-gradient\(180deg\,_rgba\(248\,250\,252\,1\)\,_rgba\(241\,245\,249\,0\.98\)\)\]{background:linear-gradient(180deg,var(--bg-raised),var(--bg-surface))!important}.clavis-score-viewport--score{background:var(--score-bg-edge)!important}.clavis-score-surface--score{color:var(--score-ink)!important}.clavis-satb-bar,.clavis-satb-export-panel{background:color-mix(in srgb,var(--bg-surface) 94%,transparent)!important;border-color:var(--line-strong)!important;color:var(--fg-primary)!important;box-shadow:var(--shadow-3)!important}[data-app-theme=night] .clavis-satb-bar,[data-app-theme=night] .clavis-satb-export-panel{background:#161412f0!important;color:var(--fg-primary)!important}.clavis-satb-part-toggle,.clavis-satb-color-toggle,.clavis-satb-export__trigger,.clavis-satb-export-panel__modes button,.clavis-satb-export-panel__action,.clavis-satb-export-panel__stop,.clavis-satb-export-part{background:var(--control-bg)!important;border-color:var(--control-border)!important;color:var(--control-fg)!important}.clavis-satb-part-toggle:hover,.clavis-satb-color-toggle:hover,.clavis-satb-export__trigger:hover,.clavis-satb-export-panel__modes button:hover,.clavis-satb-export-panel__action:hover,.clavis-satb-export-panel__stop:hover{background:var(--control-bg-hover)!important}.clavis-satb-part-toggle[data-active=true],.clavis-satb-export-panel__modes button[data-active=true]{background:color-mix(in srgb,var(--satb-color, var(--accent)) 16%,var(--bg-surface))!important;color:var(--fg-primary)!important}.clavis-satb-color-toggle[data-active=true],.clavis-satb-export-panel__action{background:var(--status-success-bg)!important;border-color:color-mix(in srgb,var(--status-success-fg) 42%,transparent)!important;color:var(--status-success-fg)!important}.clavis-satb-export-panel__stop{background:var(--status-danger-bg)!important;border-color:color-mix(in srgb,var(--status-danger-fg) 42%,transparent)!important;color:var(--status-danger-fg)!important}.clavis-satb-divider{background:var(--line-hairline)!important}.clavis-satb-switch{background:var(--bg-sunken)!important;border-color:var(--line-strong)!important}.clavis-satb-switch__thumb{background:var(--fg-muted)!important}.clavis-satb-export-panel__section p{color:var(--fg-secondary)!important}.clavis-editor>.absolute.rounded-full{display:none!important}.clavis-horizontal-flow,.clavis-score-viewport--flow{color:var(--score-ink)!important}.clavis-score-viewport--flow .bg-white,.clavis-score-viewport--flow .bg-white\/88{color:var(--bone-800)!important}.clavis-score-viewport--flow .text-white{color:var(--fg-primary)!important}.clavis-score-viewport--flow .bg-black\/20,.clavis-score-viewport--flow .bg-slate-950\/70,.clavis-score-viewport--flow .bg-slate-950\/80{background:color-mix(in srgb,var(--bg-sunken) 82%,transparent)!important;color:var(--fg-primary)!important}[data-app-theme=night] .clavis-score-viewport--flow .bg-black\/20,[data-app-theme=night] .clavis-score-viewport--flow .bg-slate-950\/70,[data-app-theme=night] .clavis-score-viewport--flow .bg-slate-950\/80{color:#f8fafc!important}.eyebrow__dot{background:var(--accent)!important;box-shadow:none!important}.synth-fall-note--rh{color:var(--hand-right)!important}.synth-fall-note--lh{color:var(--hand-left)!important}.footer-bar{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-primary)!important;border-radius:var(--r-md)!important}.footer-bar__item{color:var(--fg-primary)!important;letter-spacing:.08em!important}.stage__main{background:var(--bg-raised)!important;border:1px solid var(--line-hairline)!important;box-shadow:var(--shadow-2)!important}.roll-bg{opacity:.08!important}.headline{color:var(--fg-primary)!important}.headline em{background:linear-gradient(90deg,var(--terra-400),var(--terra-300) 50%,var(--terra-200))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.subhead{color:var(--fg-secondary)!important}.eyebrow{background:var(--accent-soft)!important;border-color:#b85c2e40!important;color:var(--accent-strong)!important}.stage__status{background:var(--bg-surface)!important;border-color:var(--line-hairline)!important;color:var(--fg-secondary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stage__content{color:var(--fg-primary)!important}.alt-chip{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-primary)!important}.alt-chip:hover{border-color:var(--line-strong)!important;background:var(--bg-sunken)!important;transform:none!important}.alt-chip svg{color:var(--accent)!important}.formats-row__chip{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-muted)!important}.keyboard,.synth-piano{background:linear-gradient(180deg,transparent,rgba(34,28,19,.15) 40%,rgba(34,28,19,.35))!important}.key-white{background:linear-gradient(180deg,#f8f4ec,#e8e2d4 88%,#c8c0b0)!important;border-color:#221c1333!important;border-top-color:#221c134d!important}.key-black{background:linear-gradient(180deg,var(--bone-800),var(--bone-900))!important}.synth-hit-line{background:var(--line-strong)!important;box-shadow:none!important}.flow-playhead{background:linear-gradient(180deg,transparent,var(--accent),transparent)!important;box-shadow:none!important}.flow-playhead:before{background:var(--accent)!important;box-shadow:none!important}.view-tab__dot{background:currentColor!important;box-shadow:none!important}.clavis-topbar-panel{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;box-shadow:var(--shadow-3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.clavis-topbar-panel__title{color:var(--fg-primary)!important}.clavis-topbar-panel__eyebrow{color:var(--fg-muted)!important}.clavis-icon-button{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-secondary)!important}.clavis-icon-button:hover{border-color:var(--line-strong)!important;background:var(--bg-sunken)!important;color:var(--fg-primary)!important}.clavis-topbar-upload-trigger{border-color:var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-secondary)!important}.clavis-topbar-upload-trigger:hover{border-color:var(--line-strong)!important;background:var(--bg-sunken)!important;color:var(--fg-primary)!important}.clavis-topbar-repertoire-trigger{border-color:var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-secondary)!important}.clavis-topbar-repertoire-trigger:hover,.clavis-topbar-repertoire-trigger[data-open=true]{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-strong)!important}.clavis-upload-summary__item{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important}.clavis-upload-summary__label{color:var(--fg-muted)!important}.clavis-upload-summary__value{color:var(--fg-primary)!important}.clavis-upload-card{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important;box-shadow:var(--shadow-1)!important}.clavis-upload-card:hover{border-color:var(--line-strong)!important;background:var(--bg-sunken)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-2)!important}.clavis-upload-card:hover:before{opacity:0!important}.clavis-upload-card__icon{color:var(--fg-muted)!important}.clavis-upload-card__title{color:var(--fg-primary)!important}.clavis-upload-card__caption{color:var(--fg-secondary)!important}.repertoire-panel__intro{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;padding:.75rem .875rem;border:1px solid var(--line-hairline);border-radius:var(--r-sm);background:var(--bg-raised);color:var(--fg-secondary);font-size:.8125rem;line-height:1.45}.repertoire-panel__intro strong{color:var(--fg-primary);font-size:.875rem}.repertoire-folder{border-color:var(--line-hairline)!important;background:transparent!important}.repertoire-folder__header{cursor:pointer;min-height:44px;list-style:none;color:var(--fg-muted)!important;background:var(--bg-raised)!important}.repertoire-folder__header::-webkit-details-marker{display:none}.repertoire-folder__header:after{content:"Open";margin-left:auto;color:var(--fg-muted);font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.repertoire-folder[open]>.repertoire-folder__header:after{content:"Sluit"}.repertoire-item{color:var(--fg-secondary)!important;border-color:var(--line-hairline)!important}.repertoire-item:hover{background:var(--accent-soft)!important;color:var(--accent-strong)!important;border-color:transparent!important}.repertoire-item__page{color:var(--fg-muted)!important}.clavis-live-start-panel__choice{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-primary)!important}.clavis-live-start-panel__choice:hover{border-color:var(--accent)!important;background:var(--accent-soft)!important}.clavis-live-start-panel__choice-title{color:var(--fg-primary)!important}.clavis-live-start-panel__choice-caption{color:var(--fg-secondary)!important}.clavis-live-readiness{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important}.clavis-live-readiness--ready{border-color:#5c8a4a4d!important;background:#5c8a4a12!important}.clavis-live-readiness--waiting{border-color:#c29b4f4d!important;background:#c29b4f12!important}.clavis-live-readiness--blocked{border-color:#a23b2c4d!important;background:#a23b2c12!important}.clavis-live-readiness__label{color:var(--fg-primary)!important}.clavis-live-readiness__count{color:var(--accent)!important}.clavis-live-readiness__detail{color:var(--fg-secondary)!important}.clavis-live-rehearsal{border:1px solid var(--line-hairline)!important;background:var(--bg-raised)!important}.clavis-sync-panel{background:var(--bg-surface)!important;border:1px solid var(--line-hairline)!important;box-shadow:var(--shadow-3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.clavis-frame{--frame-sidebar-w: 240px;--frame-topbar-h: 3.25rem;--frame-transport-h: 4.5rem;display:grid;grid-template-columns:var(--frame-sidebar-w) 1fr;min-height:100dvh;background:var(--bg-page)}.clavis-frame__main{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.clavis-editor-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.clavis-frame .clavis-score-viewport{max-height:calc(100dvh - var(--frame-topbar-h) - var(--frame-transport-h))!important}.clavis-frame .clavis-shell__hero{border-radius:0;border-left:none;border-right:none;border-top:none;min-height:var(--frame-topbar-h)}.clavis-frame .clavis-shell__hero-content{grid-template-columns:1fr auto;min-height:var(--frame-topbar-h)}.clavis-frame .clavis-topbar-panel{position:fixed!important;top:var(--frame-topbar-h)!important;left:calc(var(--frame-sidebar-w) + .5rem)!important;right:auto!important}.clavis-frame .clavis-topbar-actions .clavis-topbar-anchor>.clavis-topbar-upload-trigger{display:none}.clavis-frame .clavis-topbar-actions .clavis-topbar-anchor>.clavis-topbar-repertoire-trigger{display:none}.clavis-frame .clavis-topbar-actions .clavis-topbar-anchor>.clavis-button.clavis-button--secondary.clavis-button--compact{display:none}.clavis-frame .clavis-topbar-actions .clavis-topbar-anchor>span{display:none}.clavis-button--icon{padding:0 .45rem;min-width:2rem;display:inline-flex;align-items:center;justify-content:center}.clavis-sidebar{display:flex;flex-direction:column;height:100dvh;position:sticky;top:0;overflow:hidden auto;background:var(--bg-surface);border-right:1px solid var(--line-hairline);padding:1rem .625rem}.clavis-sidebar-nav{display:flex;flex-direction:column;height:100%}.clavis-sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem 1.25rem;cursor:pointer;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease-out);text-decoration:none;margin-bottom:.375rem;border:none;background:transparent;width:100%;text-align:left}.clavis-sidebar-brand:hover{background:var(--bg-raised)}.clavis-sidebar-brand__logo{width:2.25rem;height:2.25rem;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid rgba(184,92,46,.2);color:var(--accent);flex-shrink:0}.clavis-sidebar-brand__text{display:flex;flex-direction:column;line-height:1;min-width:0}.clavis-sidebar-brand__name{font-size:.8125rem;font-weight:700;color:var(--fg-primary);letter-spacing:.05em}.clavis-sidebar-brand__sub{font-size:.6875rem;color:var(--fg-muted);margin-top:.3rem;font-weight:500;letter-spacing:.01em}.clavis-nav-section{padding:0 .75rem .25rem;margin-top:.5rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.clavis-nav{display:flex;flex-direction:column;gap:2px}.clavis-nav--bottom{margin-top:auto}.clavis-nav-item{display:flex;align-items:center;gap:.75rem;padding:.575rem .75rem;border-radius:var(--r-md);border:none;background:transparent;color:var(--fg-secondary);font-size:.875rem;font-family:var(--font-ui);font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);line-height:1.3}.clavis-nav-item:hover:not(:disabled){background:var(--bg-raised);color:var(--fg-primary)}.clavis-nav-item--active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.clavis-nav-item--active:hover{background:var(--accent-soft)}.clavis-nav-item--muted,.clavis-nav-item:disabled{opacity:.4;cursor:not-allowed}.clavis-nav-item__icon{width:17px;height:17px;flex-shrink:0;opacity:.7}.clavis-nav-item--active .clavis-nav-item__icon{opacity:1}.clavis-nav-item__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clavis-nav-item__badge{margin-left:auto;font-size:.625rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-strong);border:1px solid rgba(184,92,46,.22);flex-shrink:0;letter-spacing:.02em}.clavis-nav-item__badge--live{background:#5c8a4a1f;border-color:#5c8a4a47;color:var(--signal-success)}.clavis-nav-divider{height:1px;background:var(--line-hairline);margin:.625rem .75rem}@media(max-width:1100px){.clavis-frame{--frame-sidebar-w: 60px;grid-template-columns:var(--frame-sidebar-w) 1fr}.clavis-sidebar-brand__text,.clavis-nav-item__label,.clavis-nav-item__badge,.clavis-nav-section{display:none}.clavis-sidebar-brand{justify-content:center;padding:.5rem}.clavis-nav-item{justify-content:center;min-width:44px;min-height:44px;padding:.6rem}.clavis-sidebar{padding:.75rem .375rem}}@media(max-width:640px){.clavis-frame{--frame-sidebar-w: 0px;grid-template-columns:1fr}.clavis-sidebar{display:none}}.clavis-score-shell--light{background:transparent!important}.clavis-score-shell{border:1px solid var(--line-hairline)!important;box-shadow:var(--shadow-2)!important;border-radius:var(--r-lg)!important}.clavis-score-stage{border:1px solid var(--line-hairline)!important;box-shadow:none!important}.clavis-topbar-tabs{background:var(--bg-raised)!important}.clavis-topbar-mode-group:before{content:"Weergave";flex:0 0 auto;color:var(--fg-muted);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.clavis-topbar-tabs .clavis-segmented__item{min-height:44px!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:-.01em!important}.clavis-topbar-tabs .clavis-segmented__item[data-active=true]{color:var(--fg-primary)!important;font-weight:600!important}.clavis-topbar-actions{gap:.45rem!important}.clavis-topbar-actions>.clavis-button{white-space:nowrap!important}.clavis-topbar-actions>.clavis-button--primary{min-width:6.4rem!important}.clavis-topbar-actions>.clavis-button:disabled{background:var(--bg-raised)!important;border-color:var(--line-hairline)!important;color:var(--fg-faint)!important}.clavis-topbar-piano-toggle{border:1px solid var(--line-hairline)!important;background:transparent!important;color:var(--fg-muted)!important;box-shadow:none!important;border-radius:var(--r-sm)!important}.clavis-topbar-piano-toggle:hover{border-color:var(--line-strong)!important;background:var(--bg-raised)!important;color:var(--fg-primary)!important}.clavis-topbar-piano-toggle[data-active=true]{border-color:#b85c2e4d!important;background:var(--accent-soft)!important;color:var(--accent-strong)!important;box-shadow:none!important}.clavis-topbar-note-toggle{min-height:44px!important;border:1px solid var(--line-hairline)!important;background:transparent!important;color:var(--fg-muted)!important;font-size:.6875rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:var(--r-sm)!important;box-shadow:none!important}.clavis-topbar-note-toggle input{width:20px!important;height:20px!important;accent-color:var(--accent)!important}.clavis-topbar-note-toggle:hover{border-color:var(--line-strong)!important;background:var(--bg-raised)!important;color:var(--fg-primary)!important}.clavis-topbar-note-toggle[data-active=true]{border-color:#b85c2e4d!important;background:var(--accent-soft)!important;color:var(--accent-strong)!important;box-shadow:none!important}.clavis-bottom-bar__tempo-label{color:var(--fg-muted)!important}.clavis-frame .clavis-bottom-bar{position:fixed!important;bottom:0!important;left:var(--frame-sidebar-w)!important;right:0!important;width:auto!important;z-index:40!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.clavis-bottom-bar,.clavis-frame .clavis-bottom-bar{overflow:visible!important}.clavis-bottom-bar__center{grid-template-columns:auto auto minmax(9rem,1fr) minmax(9rem,auto)!important;min-width:0!important}.clavis-transport-lesson-controls,.clavis-bottom-bar__tempo{min-width:0!important;gap:.45rem!important}.clavis-transport-bpm__slider{min-height:44px!important;min-width:5.5rem!important;max-width:8.5rem!important}.clavis-transport-bpm__input{width:3.75rem;min-height:44px;border-radius:var(--r-sm);border:1px solid var(--line-hairline);background:var(--bg-raised);color:var(--fg-primary);font:800 .72rem var(--font-mono);text-align:center}.clavis-button--compact,.clavis-button--icon,.clavis-topbar-piano-toggle,.clavis-tools-context-trigger,.clavis-topbar-share,.clavis-transport-seek__slider{min-height:44px!important}.clavis-button--icon,.clavis-topbar-piano-toggle,.clavis-topbar-share{min-width:44px!important}.clavis-button--icon:has(.clavis-fullscreen-label){gap:.45rem!important;padding-inline:.75rem!important}.clavis-fullscreen-label{font-size:.75rem;font-weight:800;white-space:nowrap}.clavis-empty-state{display:grid;justify-items:center;gap:.9rem;max-width:34rem;padding:1.5rem;text-align:center;color:#221c13}.clavis-empty-state p{margin:0;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.45;font-weight:700}.clavis-export-preview{display:grid;gap:.7rem;margin:.75rem 0 1rem;padding:.9rem 1rem;border:1px solid var(--line-hairline);border-radius:var(--r-md);background:var(--bg-raised);color:var(--fg-primary)}.clavis-export-preview--empty{color:var(--fg-primary)}.clavis-export-preview--empty span,.clavis-export-preview p{color:var(--fg-secondary)}.clavis-export-preview__title{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.clavis-export-preview__grid{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.35rem .8rem;font-size:.82rem;line-height:1.35}.clavis-export-preview__grid span{color:var(--fg-secondary);font-weight:700}.clavis-export-preview__grid strong{color:var(--fg-primary);font-weight:850}.clavis-export-preview p{margin:0;font-size:.8rem;line-height:1.45}.clavis-live-start-panel__intro,.clavis-live-session-panel__intro{margin:.45rem 0 0;max-width:19rem;color:var(--fg-secondary);font-size:.82rem;line-height:1.45}.clavis-live-session-panel .clavis-icon-button,.clavis-live-start-panel .clavis-icon-button{min-width:44px!important;min-height:44px!important}.clavis-live-session-panel .clavis-button,.clavis-live-start-panel .clavis-live-start-panel__choice{min-height:44px!important}[data-player-share-trigger=true]{width:44px!important;height:44px!important}.clavis-sync-toggle{flex-shrink:0!important;white-space:nowrap!important}@media(max-width:1220px){.clavis-bottom-bar__center{grid-template-columns:auto minmax(0,1fr) auto!important}.clavis-transport-lesson-controls{display:none!important}}@media(max-width:980px){.clavis-topbar-mode-group:before{display:none}.clavis-topbar-actions>.clavis-button:not(.clavis-button--icon){max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}}.clavis-sidebar{background:var(--bg-surface)!important;color:var(--fg-primary)!important;border-right-color:var(--line-hairline)!important}.clavis-sidebar-brand,.clavis-nav-item{color:inherit}.clavis-sidebar-brand__name{color:var(--fg-primary)!important}.clavis-sidebar-brand__sub,.clavis-nav-section{color:var(--fg-muted)!important}.clavis-nav-item{color:var(--fg-secondary)!important}.clavis-nav-item:hover:not(:disabled){background:var(--bg-raised)!important;color:var(--fg-primary)!important}.clavis-nav-item--active,.clavis-nav-item--active:hover{background:var(--accent-soft)!important;color:var(--accent-strong)!important}[data-app-theme=night] .clavis-nav-item--active,[data-app-theme=night] .clavis-nav-item--active:hover{color:var(--accent)!important}.clavis-nav-item--muted,.clavis-nav-item:disabled{color:var(--fg-faint)!important;opacity:.58!important}.clavis-bottom-bar{background:var(--bg-surface)!important;border-color:var(--line-hairline)!important;box-shadow:var(--shadow-2)!important}.clavis-transport-button--rewind{color:var(--accent)!important}.clavis-transport-button--rewind:before{border-color:#b85c2e3d!important;background:var(--bg-raised)!important;box-shadow:var(--shadow-1)!important}.clavis-transport-button--rewind:hover:before{border-color:#b85c2e66!important;background:var(--bg-sunken)!important}.clavis-transport-button--primary{border-color:#b85c2e7a!important;background:var(--accent)!important;color:#fff!important;box-shadow:0 8px 20px #b85c2e2e,0 3px 10px #0000001f!important}.clavis-transport-button--primary:hover{border-color:#b85c2eb8!important;background:var(--terra-300)!important;color:#fff!important}.clavis-transport-toggle,.clavis-bottom-bar .clavis-toolbar-chip{border-color:var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-secondary)!important}.clavis-transport-toggle:hover,.clavis-bottom-bar .clavis-toolbar-chip:hover{border-color:#b85c2e47!important;background:#b85c2e0f!important;color:var(--fg-primary)!important}.clavis-transport-toggle[data-active=true],.clavis-bottom-bar .clavis-toolbar-chip[data-active=true]{border-color:#b85c2e7a!important;background:var(--accent-soft)!important;color:var(--fg-primary)!important}.clavis-transport-seek__slider{accent-color:var(--accent)!important}.clavis-transport-seek__time{color:var(--fg-muted)!important}.clavis-transport-timeline__meta{color:#f8fafc!important}.clavis-measure-timeline{border-color:var(--line-hairline)!important;background:var(--bg-raised)!important}.clavis-measure-timeline__progress{background:linear-gradient(90deg,#b85c2e38,#c59b4f24)!important}.clavis-measure-timeline__tick{background:var(--line-strong)!important;color:var(--fg-muted)!important}.clavis-measure-timeline__tick[data-active=true]{background:var(--accent)!important;box-shadow:0 0 8px #b85c2e59!important}.clavis-sync-toggle{border-color:var(--line-hairline)!important;background:var(--bg-raised)!important;color:var(--fg-secondary)!important;min-height:44px!important}.topbar__brand,.clavis-bottom-bar .clavis-toolbar-chip{min-height:44px!important}.clavis-editor-body:fullscreen,.clavis-editor-body:-webkit-full-screen,.clavis-score-shell:fullscreen,.clavis-score-shell:-webkit-full-screen{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:none!important;background:var(--bg-page)!important;overflow:hidden!important;padding:0!important}.clavis-editor-body:fullscreen .clavis-score-layer,.clavis-editor-body:-webkit-full-screen .clavis-score-layer{min-height:0!important;height:calc(100dvh - var(--clavis-transport-height, 60px))!important;padding-bottom:0!important}.clavis-editor-body:fullscreen .clavis-score-shell,.clavis-editor-body:-webkit-full-screen .clavis-score-shell{min-height:0!important;height:100%!important;border-radius:0!important;border:none!important;padding:.5rem!important}.clavis-editor-body:fullscreen .clavis-score-stage,.clavis-editor-body:-webkit-full-screen .clavis-score-stage{border-radius:0!important}.clavis-editor-body:fullscreen .clavis-bottom-bar,.clavis-editor-body:-webkit-full-screen .clavis-bottom-bar{left:0!important;right:0!important;bottom:0!important;border-radius:0!important;z-index:50!important}.clavis-score-shell:fullscreen .clavis-score-stage,.clavis-score-shell:-webkit-full-screen .clavis-score-stage{min-height:100vh!important}body.ios-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;z-index:999999!important;overflow:hidden!important;background:var(--bg-page)!important;margin:0!important;padding:0!important}body.ios-fullscreen #root{width:100%;height:100%}body.ios-fullscreen .clavis-frame,body.ios-fullscreen .clavis-editor,body.ios-fullscreen .clavis-shell{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}body.ios-fullscreen .clavis-sidebar,body.ios-fullscreen .clavis-shell__hero{display:none!important}body.ios-fullscreen .clavis-frame{grid-template-columns:1fr!important}body.ios-fullscreen .clavis-frame .clavis-bottom-bar{left:0!important}