@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--color-red-600:oklch(57.7% .245 27.325);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--sans);--default-mono-font-family:var(--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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-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}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-s-2{inset-inline-start:calc(var(--spacing) * 2)}.inset-e-2{inset-inline-end:calc(var(--spacing) * 2)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.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}}.m-0{margin:0}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto\!{margin-inline-start:auto!important}.me-1\.5\!{margin-inline-end:calc(var(--spacing) * 1.5)!important}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5\!{height:calc(var(--spacing) * 2.5)!important}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[28rem\]{max-height:28rem}.max-h-\[60dvh\]{max-height:60dvh}.min-h-0{min-height:0}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-dvh{min-height:100dvh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-2\.5\!{width:calc(var(--spacing) * 2.5)!important}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-64{width:calc(var(--spacing) * 64)}.w-\[4\.5rem\]{width:4.5rem}.w-\[5rem\]{width:5rem}.w-\[6rem\]{width:6rem}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[min\(32rem\,calc\(100vw-2rem\)\)\]{width:min(32rem,100vw - 2rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-\[7rem\]{max-width:7rem}.max-w-\[560px\]{max-width:560px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[2\.75rem\]{min-width:2.75rem}.min-w-\[3\.25rem\]{min-width:3.25rem}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[9rem\]{min-width:9rem}.min-w-\[16rem\]{min-width:16rem}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-48{flex-basis:calc(var(--spacing) * 48)}.basis-64{flex-basis:calc(var(--spacing) * 64)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-between\!{justify-content:space-between!important}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[999px\]{border-radius:999px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs\!{border-radius:var(--radius-xs)!important}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-accent,.border-accent\/30{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,var(--accent) 30%,transparent)}}.border-accent\/50{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.border-accent\/50{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}}.border-accent\/60{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.border-accent\/60{border-color:color-mix(in oklab,var(--accent) 60%,transparent)}}.border-bass\/40{border-color:var(--bass)}@supports (color:color-mix(in lab,red,red)){.border-bass\/40{border-color:color-mix(in oklab,var(--bass) 40%,transparent)}}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\!{border-color:var(--color-gray-200)!important}.border-gray-300{border-color:var(--color-gray-300)}.border-guitar\/40{border-color:var(--guitar)}@supports (color:color-mix(in lab,red,red)){.border-guitar\/40{border-color:color-mix(in oklab,var(--guitar) 40%,transparent)}}.border-line,.border-line\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-line\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.border-line\/80{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-line\/80{border-color:color-mix(in oklab,var(--border) 80%,transparent)}}.border-linestrong{border-color:var(--border-strong)}.border-mint\/50{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-mint\/50{border-color:color-mix(in oklab,var(--success) 50%,transparent)}}.border-rust\/50{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.border-rust\/50{border-color:color-mix(in oklab,var(--danger) 50%,transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-accent{border-left-color:var(--accent)}.border-l-mint{border-left-color:var(--success)}.border-l-rust{border-left-color:var(--danger)}.bg-accent,.bg-accent\/10{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--accent) 10%,transparent)}}.bg-accent\/15{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--accent) 15%,transparent)}}.bg-accent\/40{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/40{background-color:color-mix(in oklab,var(--accent) 40%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cream\/70{background-color:var(--text)}@supports (color:color-mix(in lab,red,red)){.bg-cream\/70{background-color:color-mix(in oklab,var(--text) 70%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}.bg-mint\/60{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-mint\/60{background-color:color-mix(in oklab,var(--success) 60%,transparent)}}.bg-panel,.bg-panel\/60{background-color:var(--panel)}@supports (color:color-mix(in lab,red,red)){.bg-panel\/60{background-color:color-mix(in oklab,var(--panel) 60%,transparent)}}.bg-panel\/95{background-color:var(--panel)}@supports (color:color-mix(in lab,red,red)){.bg-panel\/95{background-color:color-mix(in oklab,var(--panel) 95%,transparent)}}.bg-panel2,.bg-panel2\/60{background-color:var(--panel-2)}@supports (color:color-mix(in lab,red,red)){.bg-panel2\/60{background-color:color-mix(in oklab,var(--panel-2) 60%,transparent)}}.bg-panel2\/80{background-color:var(--panel-2)}@supports (color:color-mix(in lab,red,red)){.bg-panel2\/80{background-color:color-mix(in oklab,var(--panel-2) 80%,transparent)}}.bg-panel3{background-color:var(--panel-3)}.bg-stage,.bg-stage\/40{background-color:var(--bg)}@supports (color:color-mix(in lab,red,red)){.bg-stage\/40{background-color:color-mix(in oklab,var(--bg) 40%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\!{background-color:var(--color-white)!important}.fill-black{fill:var(--color-black)}.fill-gray-200{fill:var(--color-gray-200)}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[0\.75rem\]{padding-inline:.75rem}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-0\.5\!{padding-block:calc(var(--spacing) * .5)!important}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:var(--spacing)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:0}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-mono{font-family:var(--mono)}.font-sans{font-family:var(--sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-accentink,.text-accentink\/70{color:var(--accent-ink)}@supports (color:color-mix(in lab,red,red)){.text-accentink\/70{color:color-mix(in oklab,var(--accent-ink) 70%,transparent)}}.text-bass{color:var(--bass)}.text-blue-600{color:var(--color-blue-600)}.text-cream,.text-cream\/70{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.text-cream\/70{color:color-mix(in oklab,var(--text) 70%,transparent)}}.text-cream\/80{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.text-cream\/80{color:color-mix(in oklab,var(--text) 80%,transparent)}}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-guitar{color:var(--guitar)}.text-linestrong{color:var(--border-strong)}.text-mint{color:var(--success)}.text-red-600{color:var(--color-red-600)}.text-rust{color:var(--danger)}.text-sand{color:var(--muted)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_10px_26px_rgba\(32\,37\,34\,0\.16\)\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#20252229);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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-accent{outline-color:var(--accent)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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-\[background-color\,border-color\,color\,transform\]{transition-property:background-color,border-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}.placeholder\:text-sand\/60::placeholder{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-sand\/60::placeholder{color:color-mix(in oklab,var(--muted) 60%,transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:z-1:before{content:var(--tw-content);z-index:1}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:border-accent\/60:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/60:hover{border-color:color-mix(in oklab,var(--accent) 60%,transparent)}}.hover\:border-accenthover:hover{border-color:var(--accent-hover)}.hover\:border-linestrong:hover{border-color:var(--border-strong)}.hover\:bg-\[var\(--accent-hover\)\]:hover{background-color:var(--accent-hover)}.hover\:bg-accent\/20:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/20:hover{background-color:color-mix(in oklab,var(--accent) 20%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-panel2:hover{background-color:var(--panel-2)}.hover\:bg-panel3:hover{background-color:var(--panel-3)}.hover\:bg-rust\/10:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-rust\/10:hover{background-color:color-mix(in oklab,var(--danger) 10%,transparent)}}.hover\:text-cream:hover{color:var(--text)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}.focus\:text-gray-600:focus{color:var(--color-gray-600)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-accent\/25:focus{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent\/25:focus{--tw-ring-color:color-mix(in oklab, var(--accent) 25%, transparent)}}.focus\:ring-accent\/30:focus{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent\/30:focus{--tw-ring-color:color-mix(in oklab, var(--accent) 30%, transparent)}}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--accent)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:bg-panel3:active{background-color:var(--panel-3)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-accent:has(:focus-visible){outline-color:var(--accent)}@media(min-width:520px){.min-\[520px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:ml-auto{margin-left:auto}.sm\:contents{display:contents}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:min-h-0{min-height:0}.sm\:min-h-10{min-height:calc(var(--spacing) * 10)}.sm\:min-h-\[3rem\]{min-height:3rem}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-auto{width:auto}.sm\:max-w-\[18rem\]{max-width:18rem}.sm\:max-w-\[22rem\]{max-width:22rem}.sm\:max-w-\[24rem\]{max-width:24rem}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.sm\:grid-cols-\[minmax\(0\,22rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.sm\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.sm\:gap-y-3{row-gap:calc(var(--spacing) * 3)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:pt-2{padding-top:calc(var(--spacing) * 2)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:inline{display:inline}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:w-auto{width:auto}}@media(min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-start-1{grid-row-start:1}.lg\:max-w-2xl{max-width:var(--container-2xl)}.lg\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(20rem\,28rem\)\]{grid-template-columns:minmax(0,1fr) minmax(20rem,28rem)}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:bg-panel2\/40{background-color:var(--panel-2)}@supports (color:color-mix(in lab,red,red)){.lg\:bg-panel2\/40{background-color:color-mix(in oklab,var(--panel-2) 40%,transparent)}}.lg\:p-4{padding:calc(var(--spacing) * 4)}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}}.dark\:border-neutral-600:where(.dark,.dark *){border-color:var(--color-neutral-600)}.dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--color-neutral-700)}.dark\:border-neutral-700\!:where(.dark,.dark *){border-color:var(--color-neutral-700)!important}.dark\:bg-blue-500:where(.dark,.dark *){background-color:var(--color-blue-500)}.dark\:bg-neutral-700:where(.dark,.dark *){background-color:var(--color-neutral-700)}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:bg-neutral-800\!:where(.dark,.dark *){background-color:var(--color-neutral-800)!important}.dark\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\:bg-neutral-900\/80:where(.dark,.dark *){background-color:#171717cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-neutral-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-neutral-900) 80%,transparent)}}.dark\:fill-neutral-200:where(.dark,.dark *){fill:var(--color-neutral-200)}.dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}.dark\:text-neutral-400:where(.dark,.dark *){color:var(--color-neutral-400)}.dark\:text-neutral-500:where(.dark,.dark *){color:var(--color-neutral-500)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.dark\:hover\:bg-neutral-800:where(.dark,.dark *):hover{background-color:var(--color-neutral-800)}.dark\:hover\:text-neutral-200:where(.dark,.dark *):hover{color:var(--color-neutral-200)}.dark\:hover\:text-neutral-300:where(.dark,.dark *):hover{color:var(--color-neutral-300)}}.dark\:focus\:bg-neutral-800:where(.dark,.dark *):focus{background-color:var(--color-neutral-800)}.dark\:focus\:text-neutral-300:where(.dark,.dark *):focus{color:var(--color-neutral-300)}.hs-selected\:block.selected,.selected .hs-selected\:block{display:block}.hs-selected\:bg-gray-100.selected,.selected .hs-selected\:bg-gray-100{background-color:var(--color-gray-100)}.dark\:hs-selected\:bg-gray-700:where(.dark,.dark *).selected,.selected .dark\:hs-selected\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:hs-selected\:bg-neutral-800:where(.dark,.dark *).selected,.selected .dark\:hs-selected\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.hs-select-disabled\:pointer-events-none.disabled,.disabled .hs-select-disabled\:pointer-events-none{pointer-events:none}.hs-select-disabled\:opacity-50.disabled,.disabled .hs-select-disabled\:opacity-50{opacity:.5}.hs-combo-box-selected\:block.selected,.selected .hs-combo-box-selected\:block{display:block}.hs-file-upload-complete\:bg-green-600.complete,.complete .hs-file-upload-complete\:bg-green-600{background-color:var(--color-green-600)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{width:calc(var(--spacing) * 2)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb{background-color:var(--color-gray-300)}.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500:where(.dark,.dark *)::-webkit-scrollbar-thumb{background-color:var(--color-neutral-500)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100::-webkit-scrollbar-track{background-color:var(--color-gray-100)}.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700:where(.dark,.dark *)::-webkit-scrollbar-track{background-color:var(--color-neutral-700)}.\[\&\[open\]\>summary\]\:border-accent[open]>summary{border-color:var(--accent)}.\[\&\[open\]\>summary\]\:bg-accent\/10[open]>summary{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.\[\&\[open\]\>summary\]\:bg-accent\/10[open]>summary{background-color:color-mix(in oklab,var(--accent) 10%,transparent)}}.\[\&\[open\]\>summary\]\:text-accent[open]>summary{color:var(--accent)}@media(pointer:coarse){.\[\@media\(pointer\:coarse\)\]\:h-11{height:calc(var(--spacing) * 11)}.\[\@media\(pointer\:coarse\)\]\:min-h-11{min-height:calc(var(--spacing) * 11)}.\[\@media\(pointer\:coarse\)\]\:min-w-11{min-width:calc(var(--spacing) * 11)}}}:root{color-scheme:light;--bg:#f3f4f2;--panel:#fff;--panel-2:#f7f8f6;--panel-3:#ecefea;--border:#d9dfd9;--border-strong:#7b897e;--text:#202522;--muted:#5f6861;--accent:#246347;--accent-hover:#1b4e37;--accent-ink:#fff;--accent-soft:#e5efe9;--success:#1e7a4e;--danger:#b4442e;--guitar:#8a6a2f;--bass:#2e6e86;--sleeve-paper:#f6edda;--sleeve-ink-0:#b73a2c;--sleeve-ink-1:#4254a6;--sleeve-ink-2:#17605c;--string-line:#7b897e;--score-surface:#fff;--score-ink:#202522;--score-grid:#d9dfd9;--score-cursor:#246347;--tab-row:1.5rem;--min-measure-width:16.5rem;--measure-width-compact:24rem;--score-head:1.5rem;--radius:8px;--radius-sm:6px;--motion-fast:.12s;--motion-standard:.18s;--motion-emphasized:.3s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--ease-move:cubic-bezier(.22, 1, .36, 1);--motion-scene-name:.28s;--motion-scene-ab:.24s;--motion-scene-record:.3s;--motion-spring:.2s;--shadow-panel:0 14px 34px #20252229;--shadow-float:0 10px 26px #20252224;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}h1,h2,h3,p{margin:0}@layer base{button,input,select,textarea{font:inherit;color:inherit}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;min-height:100dvh}.app-bar__action.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.settings{display:grid;gap:1rem;max-width:52rem}.settings__section{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.9rem 1rem 1rem;display:grid;gap:.6rem}.settings__row{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.settings__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem;margin:0}.settings__stats>div{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .5rem}.settings__stats dt{font-size:.72rem;color:var(--muted)}.settings__stats dd{margin:.1rem 0 0;font:700 1rem var(--mono)}.settings__sync-status{font-weight:600}.settings__follows ul{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.3rem}.settings__follows li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.app-main{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:1rem clamp(.75rem,2vw,1.5rem) 2rem}.notice{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);padding:.45rem .9rem;border-radius:var(--radius);background:var(--panel-3);border:1px solid var(--border-strong);box-shadow:0 8px 24px #2025222e;max-width:calc(100vw - 2rem)}.notice:empty{display:none}.section-title{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.panel-title{font-size:.9rem;font-weight:700}.count{font:600 .75rem var(--mono);color:var(--muted)}.hint{color:var(--muted);font-size:.82rem}.timecode{font:600 .85rem var(--mono);color:var(--muted);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.4rem .85rem;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform 90ms ease}.button:hover:not(:disabled){background:var(--panel-3)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--small{min-height:2rem;padding:.25rem .55rem;font-size:.85rem}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:transparent}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field--inline{flex-direction:row;align-items:center;gap:.4rem}.field--wide{grid-column:span 2}.field__label{font-size:.75rem;color:var(--muted)}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.section-form input,.memo-form input,.memo-form textarea,.event-row input,.note-input input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .5rem;min-width:0}.field textarea{resize:vertical}.checkbox-row{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.88rem;cursor:pointer}.checkbox-row>span{min-width:0}input[type=checkbox],input[type=radio]{appearance:none;flex:none;margin:0;inline-size:1.5rem;block-size:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);display:grid;place-content:center;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}input[type=radio]{border-radius:50%}input[type=checkbox]:before,input[type=radio]:before{content:"";grid-area:1 / 1;inline-size:.55rem;block-size:.55rem;transform:scale(0);transform-origin:center;transition:transform var(--motion-fast) var(--ease-standard);box-shadow:inset 1em 1em var(--accent-ink);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:indeterminate:before{transform:scale(1);clip-path:polygon(0 38%,100% 38%,100% 62%,0 62%)}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.45}.field__error{color:var(--danger);font-size:.82rem}.empty-state{color:var(--muted);padding:1rem 0}.progress{height:4px;border-radius:999px;background:var(--panel-3);overflow:hidden}.tag{padding:.18rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--muted);font-size:.78rem;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.tag.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tag--static{cursor:default}.tag-picker{display:flex;flex-wrap:wrap;gap:.3rem}.rating-input{display:inline-flex;align-items:center;gap:.1rem}.rating-input__star{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;background:none;border:0;padding:0 .05rem;font-size:1.05rem;line-height:1;color:var(--muted);cursor:pointer}.rating-input__star.is-on{color:var(--accent)}.rating-input__clear{display:inline-flex;align-items:center;min-height:1.5rem;background:none;border:0;color:var(--muted);font-size:.72rem;cursor:pointer;margin-left:.3rem;padding:0 .25rem}.memo-row__rating{color:var(--accent);font-size:.78rem}.cursor-preview{position:relative;display:block;height:2.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.cursor-preview__strings{position:absolute;inset:.55rem 0;background-image:repeating-linear-gradient(to bottom,var(--string-line) 0 1px,transparent 1px .5rem)}.cursor-preview__line{position:absolute;top:.35rem;bottom:.35rem;left:12%;width:2px;margin-left:-1px;border-radius:2px;background:var(--accent);animation:cursor-sweep 2.4s linear infinite}.cursor-preview--step .cursor-preview__line{animation-timing-function:steps(4,end)}.cursor-preview__box{position:absolute;top:50%;left:12%;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;border:2px solid var(--accent);border-radius:3px;background:var(--accent-soft);animation:cursor-sweep 2.4s steps(4,end) infinite}@keyframes cursor-sweep{0%{left:12%}to{left:88%}}.cursor-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem}.cursor-option{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease}.cursor-option:hover{background:var(--panel-3)}.cursor-option.is-on{border-color:var(--accent);background:var(--accent-soft)}.cursor-option__label{font-size:.85rem;color:var(--text)}.cursor-option.is-on .cursor-option__label{color:var(--accent);font-weight:700}@media(prefers-reduced-motion:reduce){.cursor-preview__line,.cursor-preview__box{animation:none;left:50%}}.memo-row__edit-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.memo-row__edit-row select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .4rem}.library{display:grid;gap:1.5rem}.add-song__footer,.memo-form__footer,.section-form__footer{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.8rem}.song-list,.tab-list,.memo-list,.section-list,.diff-list,.event-list{list-style:none;margin:0;padding:0}.song-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.song-list>li+li{border-top:1px solid var(--border)}.song-row__main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;padding:.6rem .75rem;align-items:center}.song-row__toggle{grid-column:1;display:flex;align-items:baseline;gap:.5rem;background:none;border:0;padding:0;text-align:left;cursor:pointer;min-width:0}.song-row__caret{color:var(--muted)}.song-row__title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row__artist{color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row__meta{grid-column:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.song-row__status{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.5rem}.song-row__status select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .4rem}.song-row__status .progress{min-width:4rem}.song-row__actions{grid-column:2;grid-row:2;display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.song-detail{padding:.6rem .75rem .9rem;border-top:1px dashed var(--border)}.tab-row__meta{font-size:.78rem;color:var(--muted)}.md-song-list{display:grid;gap:.25rem}.md-list{list-style:none;margin:0;padding:0;display:grid}.md-list-item{padding:.75rem .25rem;border-bottom:1px solid var(--border)}.md-list-item:last-child{border-bottom:0}.md-list-item--dense{padding:.6rem .25rem}.md-list-item__row{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap}.md-list-item__main{flex:1 1 14rem;min-width:0;display:grid;gap:.3rem}.md-list-item__title{display:flex;min-width:0;align-items:baseline;gap:.5rem;background:none;border:0;padding:.15rem .25rem;margin-left:-.25rem;border-radius:8px;text-align:left;cursor:pointer;color:inherit}.md-list-item__title:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.md-list-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.md-list-item__trailing{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.md-status__select{min-height:2.5rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);padding:.35rem .5rem;font-size:.85rem}.md-status__select:hover{border-color:var(--border);background:var(--panel-2);color:var(--text)}.md-status__select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.md-filled-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem 1.25rem;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.875rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .05s ease}.md-filled-button:hover{filter:brightness(1.07)}.md-filled-button:active{transform:translateY(1px)}.md-filled-button--small{min-height:2rem;padding:.3rem 1rem;font-size:.8125rem}.md-outlined-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem 1.25rem;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.md-outlined-button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.md-outlined-button--small{min-height:2rem;padding:.3rem .9rem;font-size:.8125rem}.md-text-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem .9rem;border:0;border-radius:999px;background:transparent;color:var(--accent);font-size:.875rem;font-weight:500;cursor:pointer}.md-text-button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.md-text-button--danger{color:var(--danger)}.md-text-button--danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.md-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer;transition:background .15s ease}.md-icon-button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.md-icon-button--active{color:var(--accent)}.md-list-item__detail{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--border);animation:md-detail-in .22s ease-out;transform-origin:top center}@keyframes md-detail-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.md-caret{display:inline-block;color:var(--muted);transition:transform .18s ease}.md-caret--open{transform:rotate(90deg);color:var(--accent)}.md-sublist{list-style:none;margin:0;padding:0;display:grid}.md-sublist__heading{margin:0 0 .15rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}.md-sublist__item{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem;padding:.55rem 0}.md-sublist__item+.md-sublist__item{border-top:1px solid var(--border)}.md-tab-index{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.md-sublist__title{display:flex;align-items:center;gap:.45rem;min-width:0}@media(prefers-reduced-motion:reduce){.md-list-item__detail{animation:none}.md-caret{transition:none}}.md-filled-button:focus-visible,.md-outlined-button:focus-visible,.md-text-button:focus-visible,.md-icon-button:focus-visible,.md-list-item__title:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:767px){.md-list-item__trailing{margin-left:0;width:100%}.md-filled-button{flex:1 1 auto}}.practice{display:grid;gap:.85rem}.practice__topbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between}.practice__tab-name{font-weight:600}.practice__topbar-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.practice__stage{display:grid;gap:.85rem}.practice__video{position:relative;width:min(100%,calc(50vh * 16 / 9),var(--video-width, 720px));max-width:100%;margin:0 auto;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.practice__video.is-collapsed{display:none}.practice__video--mini{position:fixed;right:.75rem;bottom:max(.5rem,env(safe-area-inset-bottom));z-index:35;width:min(30vw,11rem);max-width:11rem;margin:0;border-color:var(--border-strong);box-shadow:0 10px 28px #20252238;pointer-events:none}.practice__video--resizing{-webkit-user-select:none;user-select:none}.practice__video-resize{position:absolute;right:0;bottom:0;z-index:2;width:1.5rem;height:1.5rem;padding:0;border:0;background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(255,255,255,.6) 3px 4px);cursor:nwse-resize;touch-action:none}.practice__video-resize:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.video-frame{width:100%;aspect-ratio:16 / 9}.video-frame iframe,.video-frame>div{width:100%!important;height:100%!important;display:block;border:0}.video-frame__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);background:#0a0907bf;font-size:.9rem;padding:1rem;text-align:center}.video-frame__overlay--error{color:var(--danger)}.practice__tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.5rem .4rem .4rem;min-width:0}.practice__tab-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .5rem .35rem}.practice__tab-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.practice__compact-track-title{display:none}.practice__tab-hint{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.78rem;padding:0 .6rem .45rem}.practice__tab-hint-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-right:-.25rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.practice__tab-hint-close:hover{background:var(--panel-3);color:var(--text)}.practice__player{background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 -8px 24px #2025221a;transform-origin:bottom center;animation:console-enter var(--motion-emphasized) var(--ease-emphasized) both;transition:border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.practice__player[data-playing=true]{border-top-color:color-mix(in srgb,var(--accent) 78%,var(--border));box-shadow:0 -12px 34px #20252224,inset 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.practice__player[data-status=error]{border-top-color:color-mix(in srgb,var(--danger) 72%,var(--border))}.practice__player-timeline,.practice__player-primary{transition:opacity var(--motion-standard) var(--ease-standard)}.practice__player[data-status=loading] .practice__player-timeline,.practice__player[data-status=loading] .practice__player-primary{opacity:.72}.practice__player-time{padding:.16rem .35rem;border:1px solid var(--border);border-radius:2px;background:var(--bg);color:var(--muted);font-variant-numeric:tabular-nums;transition:border-color var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard)}.practice__player[data-playing=true] .practice__player-time--current{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));color:var(--accent)}.practice__player-playhead{left:0;z-index:2;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 38%,transparent);transform:translateZ(0);will-change:transform}.practice__player-playhead:before{content:"";position:absolute;top:-1px;left:50%;width:6px;height:3px;border-radius:1px 1px 0 0;background:var(--accent);transform:translate(-50%)}.practice__player-timeline input[type=range]{position:relative;z-index:3;appearance:none;height:1.5rem;margin-top:-.5625rem;background:transparent;cursor:pointer}.practice__player-timeline input[type=range]::-webkit-slider-runnable-track{height:2px;background:transparent}.practice__player-timeline input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:17px;margin-top:-7px;border:1px solid color-mix(in srgb,var(--accent) 78%,var(--border));border-radius:2px;background:var(--panel-2);box-shadow:0 0 0 1px var(--panel),0 0 6px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.practice__player-timeline input[type=range]::-moz-range-track{height:2px;background:transparent}.practice__player-timeline input[type=range]::-moz-range-thumb{width:9px;height:17px;border:1px solid color-mix(in srgb,var(--accent) 78%,var(--border));border-radius:2px;background:var(--panel-2);box-shadow:0 0 0 1px var(--panel),0 0 6px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.practice__player-timeline input[type=range]:hover::-webkit-slider-thumb,.practice__player-timeline input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent-soft);transform:scaleY(1.08)}.practice__player-timeline input[type=range]:hover::-moz-range-thumb,.practice__player-timeline input[type=range]:focus-visible::-moz-range-thumb{background:var(--accent-soft);transform:scaleY(1.08)}.practice__player button:not(:disabled){transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.practice__player[data-playing=true] .practice__player-play{border-color:color-mix(in srgb,var(--accent) 88%,var(--text));background:color-mix(in srgb,var(--accent) 88%,var(--accent-ink));box-shadow:0 0 0 1px var(--panel),0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 20%,transparent)}@media(pointer:coarse){.practice__player-timeline input[type=range]{height:44px;margin-top:-19px;margin-bottom:5px}}.practice__player-beat-dot{transform:scale(.88);transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-emphasized)}.practice__player-beat-dot[data-active=true]{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 42%,transparent);transform:scale(1.28)}@media(hover:hover){.practice__player button:not(:disabled):hover{transform:translateY(-1px)}.practice__player button:not(:disabled):active{transform:translateY(0) scale(.98)}}.practice-settings__section{display:grid;align-content:start;gap:.6rem;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-2) 65%,transparent);padding:.75rem}.practice-settings__section:focus-within{border-color:var(--border-strong)}@media(min-width:640px){.practice__player{border-radius:0}}.practice__dock{position:fixed;left:0;right:0;bottom:var(--player-bar-height, 0px);z-index:20;padding:0 .75rem;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.practice__dock-card{margin:0 auto;width:100%;max-width:1500px;max-height:calc(100dvh - var(--player-bar-height, 0px) - 3rem);pointer-events:auto;transition:border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.practice__dock[data-state=open] .practice__dock-card{border-color:color-mix(in srgb,var(--accent) 36%,var(--border-strong));box-shadow:0 14px 34px #20252229,inset 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}.practice__panel-content{max-height:min(55vh,calc(100dvh - var(--player-bar-height, 0px) - 7rem));transform-origin:bottom center;animation:panel-surface-in var(--motion-standard) var(--ease-emphasized) both}.practice__dock-tab{position:relative;overflow:hidden;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.practice__dock-tab:after{content:"";position:absolute;right:.55rem;bottom:2px;left:.55rem;height:2px;border-radius:1px 1px 0 0;background:var(--accent);opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-standard) var(--ease-emphasized)}.practice__dock-tab[aria-selected=true]:after{opacity:1;transform:scaleX(1)}@media(min-width:1024px)and (min-height:700px){.practice__dock{position:absolute;inset:0 0 0 auto;z-index:25;padding:0;align-items:flex-start;justify-content:flex-end}.practice__dock-card{max-height:100%}.practice__dock[data-state=closed] .practice__dock-card{width:auto;max-width:min(22rem,34vw);background:transparent;border-color:transparent;box-shadow:none}.practice-workspace[data-dock-state=closed] .practice-workspace__score .score__meta{--score-meta-inline-end: calc(min(22rem, 34vw) + .5rem) }.practice__dock[data-state=closed] .practice__dock-tabs{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.practice__dock[data-state=open] .practice__dock-card{width:min(22rem,34vw);max-height:100%;box-shadow:0 14px 34px #2025222e}.practice__panel-content{max-height:calc(100dvh - var(--player-bar-height, 0px) - 8rem)}}.practice__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.85rem;align-items:start}.practice--immersive .practice__video,.practice--immersive .practice__waveform,.practice--immersive .practice__timeline,.practice--immersive .practice__dock,.practice--immersive .practice__panels{display:none}.practice--immersive .practice__body{grid-template-columns:minmax(0,1fr)}.practice--immersive .practice__tab{padding:.4rem}@media(orientation:landscape)and (max-height:640px){.practice--immersive .practice__tab-hint{display:none}}.practice__bottom-space{height:calc(var(--player-bar-height, 0px) + 1rem);flex:0 0 auto}.practice-workspace{position:relative}.practice__body{position:relative;grid-template-columns:minmax(0,1fr);align-items:stretch}@media(min-height:700px){.app-shell[data-route=practice]{height:100dvh;min-height:0}.app-shell[data-route=practice] .app-header{flex:0 0 auto}.app-shell[data-route=practice] .app-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-bottom:0;overflow-y:auto;overscroll-behavior-y:contain}.app-shell[data-route=practice] .app-main>.view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.practice-workspace{flex:1 1 auto;min-height:0}.practice-workspace>.practice-toolbar,.practice-workspace>#practice-compact-toolbar{flex:0 0 auto}.practice__body{grid-template-rows:minmax(0,1fr);flex:1 1 auto;min-height:0}.practice__stage{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.practice__stage>.practice__video,.practice__stage>.practice__waveform{flex:0 0 auto}.practice-workspace__score{display:flex;flex-direction:column;flex:1 1 0;min-height:12rem;overflow:hidden}.practice-workspace__score>*{flex:0 0 auto}.practice-workspace__score>.score{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.practice-workspace__score .score__meta,.practice-workspace__score .score__scroll-hint{flex:0 0 auto}.practice-workspace__score .score__scroll{flex:1 1 auto;min-height:0;max-height:none;height:auto}}.practice__video--audio{position:absolute;width:1px;height:1px;max-width:1px;border:0;opacity:0;overflow:hidden;pointer-events:none}.practice__video--audio .video-frame{width:1px;height:1px;aspect-ratio:auto}.practice__waveform{display:grid;gap:.4rem}.practice__waveform-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.waveform{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;cursor:pointer;text-align:left}.waveform__canvas{display:block;width:100%;height:72px}.waveform__progress{position:absolute;top:0;bottom:0;left:0;background:color-mix(in srgb,var(--accent) 14%,transparent);border-right:2px solid var(--accent);pointer-events:none}.waveform__marker{position:absolute;top:0;bottom:0;width:2px;background:var(--success);box-shadow:0 0 6px #6fae8fcc;pointer-events:none}.waveform__loading{display:flex;align-items:center;justify-content:center;height:72px;color:var(--muted);font-size:.82rem}.waveform__time{position:absolute;right:.4rem;bottom:.25rem;font:600 .68rem var(--mono);color:var(--muted);background:#0a090799;padding:.05rem .3rem;border-radius:var(--radius-sm)}.panel-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.6rem}.memo-panel,.difficulty-panel,.history-panel,.controller-panel,.audio-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.85rem .9rem 1rem;min-width:0}.audio-panel__controls{margin:.6rem 0}.audio-panel__display{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.audio-panel__block{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .5rem;display:flex;flex-direction:column;gap:.1rem;min-width:0}.audio-panel__label{font-size:.72rem;color:var(--muted)}.audio-panel__note{font:700 1.4rem var(--mono)}.audio-panel__sub{font-size:.7rem;color:var(--muted)}.audio-panel__accuracy{font-weight:700}.audio-panel__accuracy--good{color:var(--success)}.audio-panel__accuracy--near{color:var(--accent)}.audio-panel__accuracy--off{color:var(--danger)}.audio-panel__level{margin-top:.6rem;height:6px;background:var(--panel-3);border-radius:999px;overflow:hidden}.audio-panel__wave{display:block;width:100%;height:72px;margin-top:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.audio-panel__level-bar{height:100%;background:var(--success);transition:width 90ms linear}.shortcut-table{width:100%;border-collapse:collapse;font-size:.82rem}.shortcut-table th,.shortcut-table td{text-align:left;padding:.2rem .3rem;border-bottom:1px solid var(--border)}.shortcut-table th{width:6.5rem}.shortcut-table kbd{display:inline-block;padding:.05rem .35rem;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--panel-2);font:.75rem var(--mono)}.controller-panel__midi{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.6rem}.controller-panel__midi-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.midi-map{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.2rem;font-size:.82rem}.midi-map li{display:flex;gap:.6rem}.midi-map__input{min-width:6rem;color:var(--muted);font-family:var(--mono)}.input-map{margin-top:.8rem}.input-map>summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.input-map>summary:hover{color:var(--text)}.input-map__list{list-style:none;margin:.5rem 0;padding:0;display:grid;gap:.35rem}.input-map__row{display:grid;grid-template-columns:minmax(6rem,1fr) repeat(3,minmax(5rem,auto));gap:.4rem;align-items:center}.input-map__label{font-size:.82rem;min-width:0}@media(max-width:640px){.input-map__row{grid-template-columns:1fr 1fr}.input-map__label{grid-column:1 / -1}}.history-panel__actions{margin-bottom:.6rem}.history-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;margin:0}.history-metrics>div{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .5rem}.history-metrics dt{font-size:.72rem;color:var(--muted)}.history-metrics dd{margin:.1rem 0 0;font:700 1rem var(--mono)}.history-chart{display:flex;align-items:flex-end;gap:.3rem;height:6rem;margin-top:.8rem;padding:.4rem .2rem 0;border-bottom:1px solid var(--border-strong);overflow-x:auto}.history-chart__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;min-width:1.6rem;height:100%;flex:1}.history-chart__bar{width:100%;max-width:1.4rem;background:var(--accent);border-radius:2px 2px 0 0;transition:height .22s ease}.history-chart__label{font:.6rem var(--mono);color:var(--muted);white-space:nowrap}.history-sections,.history-sessions{margin-top:.8rem}.history-sections ul,.history-sessions ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.3rem}.history-sections li,.history-sessions li{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}.history-sections__meta,.history-sessions__meta{color:var(--muted);font:.78rem var(--mono)}.history-panel__clear{margin-top:.8rem}.memo-form{display:grid;gap:.55rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.memo-form__row,.section-form__row{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.field--time{max-width:8rem}.memo-filter__details{margin:.7rem 0 .4rem}.memo-filter__details>summary{cursor:pointer;font-size:.8rem;color:var(--muted)}.memo-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.4rem 0}.memo-filter .field__label{white-space:nowrap}.memo-filter select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .4rem}.memo-list,.section-list{display:grid;gap:.4rem;margin-top:.6rem}.memo-row{display:flex;gap:.6rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);align-items:flex-start}.memo-row.is-selected{border-color:var(--accent);background:var(--accent-soft)}.memo-row__time{flex:none;background:none;border:0;padding:0;color:var(--accent);font:600 .85rem var(--mono);cursor:pointer}.memo-row__body{flex:1;min-width:0}.memo-row__text{white-space:pre-wrap;overflow-wrap:anywhere}.memo-row__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.memo-row__actions{display:flex;gap:.3rem;flex-wrap:wrap}.memo-row__edit{display:grid;gap:.4rem;width:100%}.memo-row__edit textarea,.memo-row__edit input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .5rem}.weak-mode{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.weak-mode__nav{display:inline-flex;align-items:center;gap:.4rem}.weak-mode__count{font:600 .82rem var(--mono);color:var(--muted)}.section-form{padding-bottom:.7rem;border-bottom:1px solid var(--border)}.section-row{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);padding:.45rem .55rem;justify-content:space-between;flex-wrap:wrap}.section-row.is-selected{border-color:var(--accent)}.section-row.is-resolved{opacity:.6}.section-row.is-resolved .section-row__label{text-decoration:line-through}.section-row__main{display:flex;flex-direction:column;gap:.1rem;background:none;border:0;padding:0;text-align:left;cursor:pointer;min-width:0}.section-row__label{font-weight:600}.section-row__range{font:.78rem var(--mono);color:var(--muted)}.section-row__actions{display:flex;gap:.3rem}.score{min-width:0}.score--empty{padding:.5rem .6rem}.score__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;--score-meta-inline-end: 0px;padding:0 .5rem .45rem;padding-inline-end:var(--score-meta-inline-end)}.score-meta__tuning{margin-right:auto;color:var(--muted);font:600 .72rem var(--mono)}.score__scroll{max-height:min(74vh,52rem);overflow:auto;padding:.1rem .4rem calc(.4rem + var(--player-bar-height, 0px));scrollbar-gutter:stable}.score__scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.score__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--border-strong)}.score__scroll-hint{display:none;color:var(--muted);font-size:.75rem;padding:0 .5rem .3rem}@media(max-width:1023px)and (orientation:portrait),(orientation:landscape)and (max-height:640px){.practice__tab .score-system{min-width:24rem}}@media(max-width:1023px){.practice-workspace__score .score{position:relative}.practice-workspace__score .score-meta__tuning{margin-right:0}.practice-workspace__score .score[data-scrollable=true] .score__meta{--score-meta-inline-end: 7.5rem}.practice-workspace__score .score[data-scrollable=true] .score__scroll-hint{position:absolute;top:.3rem;right:.45rem;z-index:2;display:block;padding:.05rem .35rem;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--bg) 92%,transparent);font-size:.58rem;white-space:nowrap;pointer-events:none}}@media(max-height:520px){.score__scroll{padding-bottom:.4rem}.practice__dock-card{max-height:100%}.practice__panel-content{max-height:calc(100dvh - 7rem)}}.editor__score .score-note__hit.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.score-system{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.45rem;padding:.3rem 0 .6rem;transition:background-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.score-system--active{background:color-mix(in srgb,var(--accent) 3%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 52%,transparent)}.score-system+.score-system{border-top:1px solid var(--border)}.score-system__gutter{display:grid;grid-template-rows:var(--score-head) repeat(var(--strings),var(--tab-row));align-items:center;min-width:1.6rem}.score-system__tuning{grid-row:2 / -1;display:grid;grid-template-rows:repeat(var(--strings),var(--tab-row));align-items:center;justify-items:end;padding-right:.35rem}.score-string{color:var(--muted);font:600 .72rem var(--mono);line-height:1;transition:color var(--motion-standard) var(--ease-standard)}.score-system--active .score-string{color:color-mix(in srgb,var(--text) 78%,var(--accent))}.score-system__staff{position:relative;display:grid;grid-template-columns:repeat(var(--measures),minmax(0,1fr));height:calc(var(--score-head) + var(--strings) * var(--tab-row) + var(--score-foot, 0px));min-width:0}.score-lyric{position:absolute;top:calc(var(--score-head) + var(--strings) * var(--tab-row) + .05rem);transform:translate(-50%);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;color:var(--text);pointer-events:none;z-index:3}.score-system__lines{position:absolute;left:0;right:0;top:var(--score-head);bottom:0;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--tab-row) / 2 - .5px),var(--string-line) calc(var(--tab-row) / 2 - .5px),var(--string-line) calc(var(--tab-row) / 2 + .5px),transparent calc(var(--tab-row) / 2 + .5px),transparent var(--tab-row))}.score-cursor{position:absolute;top:var(--score-head);bottom:0;left:0;z-index:2;width:100%;pointer-events:none;transform-origin:left center;visibility:hidden}.score-cursor[data-cursor-active=true]{visibility:visible}.score-cursor__line{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--accent);box-shadow:0 0 0 1px var(--score-surface)}.score[data-playing=true] .score-cursor__line:after{content:"";position:absolute;inset:0;background:var(--accent);box-shadow:0 0 11px color-mix(in srgb,var(--accent) 45%,transparent);animation:cursor-pulse 1.8s var(--ease-standard) infinite}.score-cursor__box{position:absolute;inset:0;left:-1.1rem;right:auto;width:2.2rem;border:2px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 0 1px var(--score-surface),0 0 10px color-mix(in srgb,var(--accent) 28%,transparent);animation:note-lock .2s var(--ease-emphasized) both}.score-cursor--box.score-cursor--selected .score-cursor__box{border-color:var(--text);box-shadow:0 0 0 1px var(--accent),0 0 0 3px var(--score-surface),0 0 14px color-mix(in srgb,var(--accent) 34%,transparent)}.score-cursor--smooth{will-change:transform}.score-sustain{position:absolute;top:calc(var(--score-head) + var(--strings) * var(--tab-row) - .3rem);height:2px;border-radius:2px;background:var(--muted);opacity:.35;pointer-events:none;z-index:0}.score-sustain--explicit{height:3px;background:var(--accent);opacity:.72}.score-sustain--explicit:after{content:"";position:absolute;right:0;top:-2px;width:2px;height:7px;border-radius:1px;background:var(--accent)}.score-sustain--rest{height:2px;background:var(--string-line);opacity:.3}.score-notation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 .9rem var(--mono);color:var(--muted);pointer-events:none;z-index:1}.score-notation--tie{top:.15rem;transform:translate(-50%);color:var(--accent)}.score-note__grip{display:inline-flex;align-items:center;justify-content:center;grid-row:1;justify-self:center;align-self:center;min-width:1.5rem;min-height:1.5rem;transform:translate(-1rem);padding:0 .25rem;border:0;background:transparent;color:var(--muted);font:700 .62rem var(--mono);line-height:1;letter-spacing:-.08em;opacity:.45;cursor:grab;border-radius:4px}.score-note__grip:hover,.score-note__grip:focus-visible{opacity:1;color:var(--accent)}.score-note__grip:active{cursor:grabbing}.score-rhythm-slot{position:absolute;top:0;transform:translate(-50%);pointer-events:none;z-index:3}.score-rhythm{position:relative;display:inline-block;width:.55rem;height:var(--score-head);color:var(--muted)}.score-rhythm__head{position:absolute;left:0;bottom:.12rem;width:.34rem;height:.26rem;border-radius:50%;transform:rotate(-18deg);background:currentColor}.score-rhythm--open .score-rhythm__head{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.score-rhythm--inferred{opacity:.62}.score-rhythm:not(.score-rhythm--inferred){color:var(--text)}.score-rhythm__stem{position:absolute;left:.3rem;bottom:.2rem;width:1.5px;height:.9rem;background:currentColor}.score-rhythm__flag{position:absolute;left:.3rem;top:calc(.04rem + var(--flag) * .16rem);width:.22rem;height:.13rem;border-radius:0 .13rem .13rem 0;background:currentColor;transform:skewY(-18deg)}.score-rhythm__dot{position:absolute;left:.4rem;bottom:calc(.06rem + var(--dot) * .16rem);width:.09rem;height:.09rem;border-radius:50%;background:currentColor}.score-measure{position:relative;min-width:0}.score-measure:before{content:"";position:absolute;left:0;top:var(--score-head);bottom:0;width:1px;background:var(--string-line)}.score-measure:last-child:after{content:"";position:absolute;right:0;top:var(--score-head);bottom:0;width:2px;background:var(--border-strong)}.score-measure__number{position:absolute;top:0;left:.25rem;color:var(--muted);font:600 .62rem var(--mono);opacity:.9}.score-measure__omission{position:absolute;top:50%;left:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:3rem;min-height:2rem;padding:.2rem;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:600 .68rem var(--mono);font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;cursor:pointer}.score-measure__omission-count{color:var(--muted);font:600 .68rem var(--mono);font-variant-numeric:tabular-nums;line-height:1}.score-measure__omission-rest{color:var(--muted);font:700 .9rem var(--mono);line-height:1}.score-measure__omission:hover,.score-measure__omission:focus-visible{border-color:var(--border-strong);background:var(--panel-2);color:var(--text)}.score-measure__omission:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.score-repeat{position:absolute;top:var(--score-head);font:700 .8rem var(--mono);color:var(--muted);pointer-events:none;z-index:2}.score-repeat--start{left:.15rem}.score-repeat--end{right:.15rem}.score-measure__loop{position:absolute;left:3%;right:3%;bottom:-.28rem;height:3px;border-radius:999px;background:var(--accent);opacity:.85;animation:score-loop-pulse 1.4s ease-in-out infinite}.score-measure__chord{position:absolute;top:-.2rem;left:50%;transform:translate(-50%);color:var(--accent);font:700 .72rem var(--sans);letter-spacing:.02em;white-space:nowrap;pointer-events:none}.score-measure__chord--event{z-index:2}.score-measure.is-looping .score-measure__number{color:var(--accent);opacity:1}.score-note{position:absolute;top:0;height:100%;transform:translate(-50%);display:grid;grid-template-rows:var(--score-head) repeat(var(--strings),var(--tab-row));justify-items:center;min-width:1.9rem}.score-note__memos{grid-row:1;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:.1rem;overflow:visible}.score-note__memos--omission{position:absolute;top:0;z-index:6;transform:translate(-50%)}.score-memo-bubble{position:relative;display:inline-flex;align-items:center;gap:.15rem;max-width:10rem;margin-bottom:.35rem;padding:.12rem .45rem;border-radius:8px;border:1px solid var(--accent);background:var(--panel-3);color:var(--accent);font:600 .62rem var(--mono);line-height:1.35;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #20252224;z-index:3}.score-memo-bubble__text{overflow:hidden;text-overflow:ellipsis;max-width:8.5rem}.score-memo-bubble__more{color:var(--muted)}.score-memo-bubble__arrow{position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:var(--panel-3);border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:translate(-50%) rotate(45deg)}.score-insert{position:absolute;top:calc(var(--score-head) + (var(--strings) * var(--tab-row)) / 2);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:1px dashed var(--accent);border-radius:9999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.8rem;line-height:1;cursor:pointer;opacity:.5;z-index:2}.score-insert:hover,.score-insert:focus-visible{opacity:1;background:var(--accent-soft)}.score-memo-chip{justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;max-width:none;margin-bottom:0;padding:0;border-radius:9999px;font-size:.72rem}.score-note__hit{grid-row:2 / -1;display:grid;grid-template-rows:repeat(var(--strings),var(--tab-row));width:100%;min-width:1.9rem;padding:0;margin:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}.score-string-row{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;transition:background-color .12s ease,color .12s ease}.score-string-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft);z-index:2}.score-string-row:focus-visible .score-fret{color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.score-string-row.is-cursor-row{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent),inset -2px 0 0 var(--accent)}.score-string-row.is-cursor-row:focus-visible{background:var(--accent-soft)}.score-string-row.is-cursor-row .score-fret{color:var(--accent)}.score-string-row.is-drop-target{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);border-radius:4px}.score-string-row.is-drop-invalid{background:color-mix(in srgb,var(--danger) 16%,transparent);box-shadow:inset 0 0 0 1px var(--danger);color:var(--danger);border-radius:4px}.score-string-row[draggable=true]{touch-action:none;cursor:grab}.score-string-row[draggable=true]:active{cursor:grabbing}@media(hover:hover){.score-string-row:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.score-string-row.is-cursor-row:hover{background:var(--accent-soft)}.score-string-row:hover .score-fret{color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}}.score-fret{position:relative;z-index:1;padding:0 .22rem;border-radius:3px;background:var(--panel);color:var(--text);font:700 .95rem var(--mono);font-variant-numeric:tabular-nums;line-height:1.1}.practice__tab .score-fret{padding:0;border-radius:0;background:transparent}.score-tech{font-size:.6rem;font-weight:600;color:var(--muted);margin-left:.03rem}@media(hover:hover){.score-note__hit:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}}.score-note__hit.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.score-note__hit.is-active{background:var(--accent-soft)}.score-measure__omission.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.score-measure__omission.is-selected{box-shadow:0 0 0 1px var(--border-strong)}.score-note__hit.score-note__hit--omission{position:absolute;top:var(--score-head);bottom:0;left:0;display:block;width:2rem;height:auto;min-width:1.5rem;max-width:3rem;padding:0;transform:translate(-50%);border:0;border-radius:0;background:transparent;color:transparent;cursor:pointer;opacity:0;z-index:4}.score-note__hit.score-note__hit--omission:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft);opacity:1}.score-note__hit.is-range{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.score-note__hit.is-active .score-fret,.score-note__hit.is-active .score-tech{color:var(--accent)}.score:not([data-playing=true]) .score-note__hit.is-active .score-fret{animation:note-pop .18s ease-out}.score[data-playing=true] .score-note__hit{transition:none}.score-note__hit:active{transform:scale(.96)}@media(max-width:767px),(orientation:landscape)and (max-height:640px){.score__scroll{overflow-x:auto}.score-system__staff{min-width:calc(var(--measures) * var(--measure-width-compact))}.score-note,.score-note__hit{min-width:1.5rem}}.timeline{display:grid;gap:.25rem}.timeline__caption{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.72rem;color:var(--muted)}.timeline__readout{color:var(--text);white-space:nowrap}.timeline__track{position:relative;height:36px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.timeline--compact .timeline__track{height:24px}.timeline__progress{position:absolute;top:0;bottom:0;left:0;background:var(--accent);opacity:.22;pointer-events:none}.timeline__region{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.timeline__section{position:absolute;top:0;bottom:0;background:#6fae8f29;border-left:1px solid rgba(111,174,143,.6);border-right:1px solid rgba(111,174,143,.6)}.timeline__section.is-selected{background:#6fae8f4d}.timeline__section.is-resolved{opacity:.4}.timeline__memo{position:absolute;top:0;width:3px;height:10px;background:var(--muted);transform:translate(-50%);border-radius:0 0 2px 2px}.timeline__memo.is-highlight{background:var(--accent);height:14px}.timeline__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--text);box-shadow:0 0 4px color-mix(in srgb,var(--text) 24%,transparent);pointer-events:none}.transport{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.7rem .8rem;display:grid;gap:.6rem}.transport__region.is-active{background:var(--accent)}.transport__btn--loop.is-on,.transport__btn--toggle.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.setting{display:flex;flex-direction:column;gap:.35rem;border-left:2px solid var(--border);padding-left:.6rem}.setting__label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.setting__value{font:600 .85rem var(--mono)}.setting__bpm{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem}.setting__bpm input{width:4.2rem;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .4rem}.tempo-mode{display:flex;align-items:center;gap:.4rem}.editor{display:grid;gap:.85rem}.editor__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.editor__title{display:flex;flex-direction:column}.editor__toolbar-actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:flex-start}.editor__export{display:grid;gap:.35rem;justify-items:start}.editor__export-formats{display:flex;gap:.35rem;flex-wrap:wrap;padding:.5rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.editor__body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(18rem,1fr);gap:.85rem;align-items:start}.editor__main,.editor__side{display:grid;gap:.85rem;min-width:0}.editor__player{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.6rem}.video-frame--compact{aspect-ratio:16 / 9;max-height:240px;background:#000;border-radius:var(--radius-sm);overflow:hidden}.editor__player-empty{padding:1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.editor__player-controls{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.editor__player-controls input[type=range]{flex:1;min-width:8rem;accent-color:var(--accent)}.editor__timeline{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.5rem .6rem}.editor__events,.editor__panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.7rem .8rem .9rem}.inline-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .16s ease}.inline-reveal.is-open{grid-template-rows:1fr;opacity:1}.inline-reveal__inner{min-height:0;overflow:hidden}.score-system__inline{position:sticky;left:0;width:100%;padding:0 0 .55rem}.score-system+.score-system,.score-system__inline+.score-system{border-top:1px solid var(--border)}.editor-inline{margin-top:.1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel-2);padding:.55rem .65rem .7rem;box-shadow:0 6px 16px #20252238}.editor-inline__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin:0 0 .45rem}.editor-inline__head>.hint{margin:0;font-weight:600;color:var(--text)}.editor-inline__close{flex:none;min-width:1.5rem;min-height:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.editor-inline__close:hover{color:var(--text);border-color:var(--accent)}.editor-inline .note-input{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .6rem;padding:0;border:0}.editor-inline .note-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border:0}.editor-inline .note-input>.hint{flex-basis:100%;margin:0}.editor-inline .note-input__fret{order:1;flex:0 0 auto}.editor-inline .note-input__actions{order:2;flex:1 1 18rem}.editor-inline .note-input>.tag-picker{order:3;flex-basis:100%;padding-top:.5rem;border-top:1px solid var(--border)}.editor-inline .note-input>.field,.editor-inline .note-input>.editor__inline{order:4}.editor-inline .note-input>.editor-inline__help{order:5;flex-basis:100%}.editor-inline__help>summary{cursor:pointer;font-size:.75rem;color:var(--muted)}.editor-inline__help>summary:hover{color:var(--text)}.editor-inline__help>.hint{margin:.35rem 0 0}.editor-inline__details{margin-top:.7rem;border-top:1px dashed var(--border)}.editor-inline__details>summary{display:flex;align-items:center;gap:.45rem;padding:.55rem .1rem;color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer;list-style:none}.editor-inline__details>summary::-webkit-details-marker{display:none}.editor-inline__details>summary:before{content:"›";display:inline-block;color:var(--accent);font-size:1rem;line-height:1;transition:transform .12s ease}.editor-inline__details[open]>summary:before{transform:rotate(90deg)}.editor-inline__details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(hover:hover){.editor-inline__details>summary:hover{color:var(--text)}}.editor-inline .event-inspector{margin-top:0;padding-top:.1rem;border-top:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem 1rem}.editor-inline .event-inspector>.panel-title{display:block;flex-basis:100%;margin:0;color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.editor-inline .event-inspector>.editor__inline{flex:1 1 auto}.editor-inline .note-length{margin:0;padding:.65rem 0 0;border-top:1px solid var(--border);flex:1 1 15rem;min-width:14rem}.editor-inline .note-length__row{gap:.35rem}.editor-inline .note-length__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.35rem .9rem;align-items:center}.editor-inline .note-length__row>.field__label{min-width:2.6rem}.editor-inline .note-length__summary{grid-column:1 / -1}.editor-inline .note-length__summary{gap:.4rem}@media(max-width:640px){.editor-inline{max-height:52vh;overflow-y:auto;overscroll-behavior:contain}}.editor__events-head{display:grid;grid-template-columns:6rem 3.5rem minmax(0,1fr) 4rem;gap:.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 .2rem .4rem;border-bottom:1px solid var(--border)}.event-list{max-height:26rem;overflow-y:auto;margin:.3rem 0}.event-row{display:grid;grid-template-columns:6rem 3.5rem minmax(0,1fr) 4rem;gap:.5rem;align-items:center;padding:.25rem .2rem}.event-row.is-selected{background:var(--accent-soft);border-radius:var(--radius-sm)}.event-row__content{text-align:left;background:none;border:0;padding:.25rem;cursor:pointer;font-family:var(--mono);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor__inline{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin-top:.6rem}.derivation{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.6rem}.derivation__chain{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.25rem}.derivation__chain li{border-left:2px solid var(--border-strong);padding-left:.5rem;font-size:.85rem}.derivation__chain li.is-current{border-left-color:var(--accent);color:var(--accent)}.note-input{display:grid;gap:.6rem;padding:.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.note-input:focus-visible{border-style:solid;border-color:var(--accent)}.string-btn{display:inline-flex;flex-direction:column;align-items:center;min-width:3rem;padding:.3rem .5rem;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem}.string-btn.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.note-input__fret{display:flex;align-items:center;gap:.6rem}.string-btn--fret{min-width:2.75rem;min-height:2.75rem;font-size:1.1rem}.note-input__value{width:4.5rem;text-align:center;font:700 1.3rem var(--mono);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .4rem}.note-input__actions{display:flex;gap:.4rem;flex-wrap:wrap}.event-inspector{margin-top:.7rem;border-top:1px solid var(--border);padding-top:.6rem;display:grid;gap:.4rem}.score-fret--preview{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;background:var(--accent);color:var(--accent-ink);opacity:.85;pointer-events:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.drag-ghost{position:fixed;top:-1000px;left:-1000px;padding:.15rem .4rem;border-radius:4px;background:var(--accent);color:var(--accent-ink);font:700 .95rem var(--mono);z-index:9999}.note-length{margin-top:.5rem;border-top:1px dashed var(--border);padding-top:.5rem;display:grid;gap:.4rem}.note-length__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.note-length__summary{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.chord-diagram{margin:.3rem 0 0;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem}.chord-diagram__label{font:700 .8rem var(--mono);color:var(--accent)}.chord-diagram__fret,.chord-diagram__string{stroke:var(--string-line);stroke-width:1}.chord-diagram__nut{stroke:var(--text);stroke-width:3}.chord-diagram__open,.chord-diagram__mute{fill:var(--muted);font:600 10px var(--mono)}.chord-diagram__fretlabel{fill:var(--muted);font:600 9px var(--mono)}.chord-diagram__dot{fill:var(--accent)}.chord-diagram__dot--ghost{fill:var(--muted)}.score-fret--mute{color:var(--muted);font-weight:600}.community{display:grid;gap:1rem}.community__page,.community__hero,.community__page-toolbar,.community__filters,.community__filter{min-width:0}.community__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.community__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;align-items:end;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:.7rem .8rem}.community__import{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem;background:var(--panel)}.community__search-code{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;border:1px solid var(--accent);border-radius:var(--radius);padding:.7rem .8rem;background:var(--accent-soft)}.community-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.community-item{border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:visible}.community-item__row{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem}.community-item__main{flex:1 1 auto;min-width:0;display:grid;gap:.2rem;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:8px}.community-item__main:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-item__title{display:flex;align-items:baseline;gap:.5rem;min-width:0}.community-item__song{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-item__artist{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-item__facts{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted)}.community-item__rating{color:var(--accent);font-weight:600}.community-item__meta{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-item__memo{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.community-item__side{display:flex;align-items:center;gap:.3rem;flex:0 0 auto;margin-left:auto}.community-item__detail{border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 55%,transparent);padding:.6rem .7rem;display:grid;gap:.6rem}.community-item__section{display:grid;gap:.35rem}.community-item__section-title{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.menu{position:relative;display:inline-flex}.menu__trigger{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;min-width:2.25rem;padding:0 .5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font-size:1rem;line-height:1;cursor:pointer}.menu__trigger:hover{background:var(--panel-3)}.menu__list{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:10rem;max-height:min(18rem,calc(100dvh - 5rem));overflow-y:auto;overscroll-behavior:contain;display:grid;padding:.25rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel-3);box-shadow:var(--shadow-float)}.menu__list--top{top:auto;bottom:calc(100% + 4px)}.menu__item{text-align:left;padding:.4rem .55rem;border:0;border-radius:6px;background:none;color:var(--text);font-size:.82rem;cursor:pointer;white-space:nowrap}.menu__item:hover:not(:disabled){background:var(--panel-2)}.menu__item:disabled{opacity:.5;cursor:not-allowed}.menu__item--danger{color:var(--danger)}@media(max-width:520px){.community-item__row{flex-wrap:wrap}.community-item__side{width:100%;margin-left:0;justify-content:flex-end}.community-item__main{width:100%}}.community-tabs{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.community-tab{display:flex;justify-content:space-between;gap:.6rem;align-items:center;border-left:2px solid var(--border-strong);padding-left:.5rem;flex-wrap:wrap}.community-tab__info{display:flex;flex-direction:column}.community-tab__title{font-weight:600}.community-memos{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.community-memos li{display:flex;gap:.5rem;align-items:baseline;font-size:.85rem}.community-memos__text{overflow-wrap:anywhere}.share-dialog{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(40rem,calc(100vw - 2rem));background:var(--panel-3);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.8rem 1rem;box-shadow:var(--shadow-float);z-index:50;display:grid;gap:.5rem}.share-dialog__code{width:100%;font:.72rem var(--mono);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem;resize:vertical}.share-dialog__actions{display:flex;gap:.6rem;align-items:center}.diff-summary{display:flex;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}.diff-summary__item{font-size:.8rem;padding:.1rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong)}.diff-summary__item--added{color:var(--success);border-color:#6fae8f80}.diff-summary__item--removed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.diff-summary__item--modified{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.diff-settings{list-style:none;margin:0 0 .6rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);display:flex;flex-direction:column;gap:.25rem}.diff-settings__row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.82rem}.diff-settings__label{font-weight:600;min-width:5.5rem;color:var(--muted)}.diff-settings__value--after{color:var(--accent);font-weight:600}.revision-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.revision-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.45rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel)}.revision-row__meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.revision-row__label{font-size:.85rem;font-weight:600;overflow-wrap:anywhere}.revision-row__time{color:var(--muted);font-size:.72rem;font-family:var(--mono)}.revision-row__actions{display:flex;gap:.35rem;flex:none}.diff-row{display:flex;gap:.5rem;padding:.4rem .2rem;border-bottom:1px solid var(--border)}.diff-row__time{flex:none;background:none;border:0;padding:0;color:var(--accent);font:600 .8rem var(--mono);cursor:pointer}.diff-row__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.diff-badge{align-self:flex-start;font-size:.68rem;padding:.02rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong)}.diff-badge--added{color:var(--success)}.diff-badge--removed{color:var(--danger)}.diff-badge--modified{color:var(--accent)}.diff-notes{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:.8rem;color:var(--text)}.view{animation:view-enter .22s ease-out}.streak{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.streak--active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(180deg,var(--accent-soft),var(--panel))}.streak__flame{font-size:1.3rem;line-height:1}.streak--active .streak__flame{animation:flame-flicker 1.6s ease-in-out infinite}.streak__text{margin:0;font-size:.95rem;color:var(--text)}.streak--idle .streak__text{color:var(--muted)}.streak__count{display:inline-block;margin-right:.15rem;font:700 1.35rem var(--mono);color:var(--accent)}.streak--active .streak__count{animation:streak-pop .42s ease-out}.streak__best{margin-left:auto;font-size:.78rem;color:var(--muted)}.recommendation-card{animation:card-rise .26s ease-out both}.recommendation-card:nth-child(2){animation-delay:60ms}.recommendation-card:nth-child(3){animation-delay:.12s}.sleeve{display:block;inline-size:var(--sleeve-size, 2.5rem);block-size:var(--sleeve-size, 2.5rem);flex:none;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--sleeve-paper);pointer-events:none;--sleeve-ink: var(--sleeve-ink-0)}.sleeve[data-ink="1"]{--sleeve-ink: var(--sleeve-ink-1)}.sleeve[data-ink="2"]{--sleeve-ink: var(--sleeve-ink-2)}.sleeve__seam,.sleeve__string,.sleeve__imprint{fill:none;stroke:var(--sleeve-ink);stroke-width:1.25}.sleeve__note{fill:var(--sleeve-ink)}.sleeve--hero{--sleeve-size: 3.5rem}.sleeve--list{--sleeve-size: 2.5rem}.sleeve--thumb{--sleeve-size: 3.5rem}@media screen and (min-width:640px){.sleeve--hero{--sleeve-size: 6rem}}@media screen and (max-width:520px){.sleeve--hero{--sleeve-size: 2.5rem}}@keyframes view-enter{0%{opacity:0}to{opacity:1}}@keyframes note-pop{0%{opacity:.72;transform:scale(.94)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes note-lock{0%{opacity:.58;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cursor-pulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes score-loop-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes streak-pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes flame-flicker{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-2px) rotate(2deg) scale(1.06)}}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes console-enter{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}@keyframes panel-surface-in{0%{opacity:0;transform:translateY(7px) scale(.992)}to{opacity:1;transform:none}}@keyframes popover-enter{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@keyframes compact-menu-enter{0%{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:none}}html{scrollbar-gutter:stable}html[data-onboarding-open=true],html[data-onboarding-open=true] body{overflow:hidden;overscroll-behavior:contain}.onboarding{position:fixed;inset:0;z-index:70;display:flex;padding:clamp(.5rem,2.5vw,2rem);overflow-y:auto;overscroll-behavior:contain}.onboarding__scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:onboarding-fade var(--motion-standard) var(--ease-standard) both}.onboarding__dialog{position:relative;width:min(38rem,100%);max-height:100%;margin:auto;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,var(--panel-3));box-shadow:0 0 0 1px #2025221f,0 20px 50px #20252238;animation:onboarding-enter var(--motion-emphasized) var(--ease-emphasized) both}.onboarding__accent{position:absolute;top:-1px;right:.75rem;left:.75rem;height:2px;border-radius:0 0 1px 1px;background:var(--accent);opacity:.75}.onboarding__head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"eyebrow close" "title close";align-items:start;gap:.15rem .75rem}.onboarding__eyebrow{grid-area:eyebrow;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em}.onboarding__title{grid-area:title;margin:0;color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.3}.onboarding__title:focus,.onboarding__title:focus-visible{outline:none}.onboarding__close{grid-area:close;display:inline-flex;width:2.75rem;min-width:2.75rem;height:2.75rem;align-items:center;justify-content:center;padding:0;font-size:1.15rem;line-height:1}.onboarding__progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none}.onboarding__progress-item{height:4px;border-radius:999px;background:var(--panel-3);transition:background-color var(--motion-standard) var(--ease-standard)}.onboarding__progress-item[data-state=done]{background:color-mix(in srgb,var(--accent) 55%,var(--panel-3))}.onboarding__progress-item[data-state=current]{background:var(--accent)}.onboarding__progress-label{display:block;font-size:0}.onboarding__body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1.1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.onboarding__icon{display:inline-flex;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--accent);font-size:1.5rem;line-height:1}.onboarding__step-title{margin:0;color:var(--text);font-size:1.15rem;font-weight:700;letter-spacing:.01em}.onboarding__step-body{margin-top:.3rem;font-size:.86rem;line-height:1.6}.onboarding__status{font-size:.75rem}.onboarding__actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem}.onboarding__back,.onboarding__next{min-height:3rem}.onboarding__next{display:inline-flex;align-items:center;justify-content:center}.onboarding__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:.15rem}.onboarding__skip{min-height:2.75rem;font-size:.8rem;color:var(--muted);background:transparent;border-color:transparent}.onboarding__skip:last-child{color:var(--muted);font-weight:600}.onboarding__skip:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){.onboarding__scrim,.onboarding__dialog{animation:none}}@media(max-height:480px){.onboarding__dialog{gap:.7rem;padding:.9rem 1rem .75rem}.onboarding__body{gap:.75rem;padding:.7rem .8rem}.onboarding__icon{width:2.5rem;height:2.5rem;font-size:1.15rem}.onboarding__step-title{font-size:1rem}.onboarding__actions{gap:.6rem}}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(min-width:640px){.onboarding__dialog{gap:1.15rem;padding:1.75rem 1.75rem 1.25rem}}@media(max-width:900px){.editor__body,.song-row__main{grid-template-columns:minmax(0,1fr)}.song-row__status,.song-row__actions{grid-column:1;grid-row:auto;justify-content:flex-start}}@media(max-width:640px){body{font-size:14px}.app-main{padding:.7rem .6rem 6rem}:root{--tab-row: 1.55rem;--score-head: 1.5rem}.memo-row{flex-wrap:wrap}.memo-row__actions{width:100%;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.practice__player,.practice__panel-content,.practice__player-settings>div,.practice-compact-toolbar,.score-cursor__box,.score[data-playing=true] .score-cursor__line:after,.score-note__hit.is-active .score-fret{animation:none!important}.practice__player-playhead,.practice__dock-tab:after,.score-system,.score-string,.practice__player button:not(:disabled),.practice__player-beat-dot{transition:none!important}.practice__player button:not(:disabled),.practice__player-beat-dot{transform:none!important}}@media print{:root{--bg: #ffffff;--panel: #ffffff;--panel-2: #ffffff;--panel-3: #ffffff;--border: #cccccc;--border-strong: #555555;--text: #111111;--muted: #555555;--accent: #b45309;--accent-ink: #ffffff;--accent-soft: #f3e2c7;--string-line: #999999}html,body{background:#fff;color:#111}body *{visibility:hidden}.score,.score *{visibility:visible}.score{position:absolute;left:0;top:0;width:100%;padding:0}.score__scroll,.score-system{overflow:visible!important;max-height:none!important;height:auto!important}.score-note__memos,.score-cursor{display:none!important}@page{margin:12mm}}.staff-view{display:grid;gap:.6rem}.staff-system{width:100%;height:auto;overflow:visible}.staff-line,.staff-ledger{stroke:var(--string-line);stroke-width:1}.staff-barline{stroke:var(--text);stroke-width:2}.staff-barline-thin{stroke:var(--string-line);stroke-width:1}.staff-clef{fill:var(--text);font-size:46px}.staff-time{fill:var(--text);font:700 14px var(--mono);text-anchor:middle}.staff-head{fill:var(--text)}.staff-head--open{fill:none;stroke:var(--text);stroke-width:1.6}.staff-stem,.staff-flag{stroke:var(--text);stroke-width:1.6;fill:none}.staff-rest,.staff-accidental{fill:var(--text);font:700 16px var(--mono)}.staff-note{cursor:pointer}.staff-note.is-active .staff-head,.staff-note.is-selected .staff-head{fill:var(--accent);stroke:var(--accent)}@media screen{::selection{background:var(--accent);color:var(--accent-ink)}body{background:var(--bg);letter-spacing:.005em}.app-shell{background:var(--bg);isolation:isolate}.app-header{background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 1px 0 var(--border)}.app-header-context,.app-nav{min-width:0}.app-nav{background:var(--panel-2)}.app-main:focus{outline:none;box-shadow:inset 0 3px 0 var(--accent)}.app-notice{bottom:1rem}.button,.md-filled-button,.md-outlined-button,.md-text-button,.md-icon-button,.md-status__select,.menu__trigger{border-radius:var(--radius-sm)}.button,.md-filled-button,.md-outlined-button,.md-text-button,.md-icon-button,.md-status__select,.menu__trigger{min-height:2.75rem}.button--small,.md-filled-button--small,.md-outlined-button--small{min-height:2.25rem}.md-status__select{padding-inline:.7rem;background:var(--panel-2)}.md-icon-button{width:2.75rem;height:2.75rem}.welcome-header{max-width:52rem}.welcome-header h1{max-width:28ch;text-wrap:balance}.settings-content .tag{min-height:2.75rem}.welcome-next-practice{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-panel)}.welcome-next-practice__song{line-height:1.35}.welcome-next-practice__cta{min-height:3.5rem;font-size:1rem}.welcome-next-practice__secondary-action{min-height:2.75rem}.welcome-stats{min-height:2.75rem;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.65rem 0}.streak,.streak--active{border-radius:var(--radius);background:var(--panel);background-image:none}.streak__flame,.streak__count,.recommendation-card{animation:none}.welcome-recommendations,.welcome-recent{box-shadow:none}.welcome-recommendation{border-radius:var(--radius-sm);background:var(--panel-2)}.welcome-recommendation:hover{border-color:var(--border-strong);background:var(--panel-3)}.welcome-recent-item{border-radius:var(--radius-sm);background:transparent}.welcome-recent-item:hover{background:var(--panel-2)}.welcome-leaderboard-ad,.welcome-recent-ad{opacity:.78}.library-header h1{font-size:1.35rem;letter-spacing:-.01em}.library-search-band{position:sticky;top:var(--app-header-height, 3.5rem);z-index:30;margin-top:-1rem;padding-block:.5rem 1rem;background:var(--bg)}@media(min-width:640px){.library-search-band{margin-top:-1.5rem;padding-block:.5rem 1.25rem}}.library-toolbar input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}:root:has(.library-search-band){scroll-padding-top:calc(var(--app-header-height, 3.5rem) + var(--library-search-band-height, 0px) + .25rem)}.library-add-song-trigger{min-height:2.75rem}.library-add-song-panel{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-panel)}.add-song-form,.add-song-form *{min-width:0}.add-song-form__dropzone,.add-song-form__candidate,.add-song-form__file{border-radius:var(--radius-sm)}.library-song-list{border-top:1px solid var(--border)}.library-song-row{padding:.5rem .65rem;border-radius:var(--radius-sm);transition:background-color var(--motion-fast) ease}.library-song-row:hover{background:color-mix(in srgb,var(--panel) 72%,transparent)}.library-song-row__title{min-height:2rem;border-radius:var(--radius-sm)}.library-song-row .md-list-item__main{gap:.25rem}@media(pointer:coarse){.library-song-row__title{min-height:2.75rem}}.library-song-row__actions{gap:.4rem}.library-song-row__practice{min-width:5.25rem}.library-song-row__tabs{min-width:4.5rem;justify-content:center}.library-song-row__secondary-actions{gap:.35rem}.library-song-detail{margin:.6rem 0 .25rem 1.4rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.library-song-detail__actions{display:flex;justify-content:flex-end;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.community__page{max-width:90rem;margin-inline:auto}.community__hero{align-items:end;margin-bottom:1rem}.community__page-toolbar{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.community__filters{display:grid;grid-template-columns:minmax(14rem,2fr) repeat(4,minmax(8rem,1fr));gap:.75rem;align-items:end}.community__filter--following{grid-column:1 / -1;min-height:2.75rem}.community__filter input:not([type=checkbox]):not([type=radio]),.community__filter select{min-height:2.75rem}.community__filter--search input{border-color:var(--accent);background:var(--bg)}.community__import{border-radius:var(--radius-sm);background:var(--panel-2)}.community__import textarea{min-height:3.75rem}.community__server{min-height:2.75rem}.community-list{gap:.65rem}.community-item{border-radius:var(--radius-sm);background:var(--panel);transition:border-color var(--motion-fast) ease}.community-item:hover{border-color:var(--border-strong)}.community-item__row{min-height:4rem;padding:.6rem .7rem}.community-item__main{min-height:2.75rem;align-content:center;border-radius:var(--radius-sm)}.community-item__song{font-size:.95rem}.community-item__side .button,.community-item__side .menu__trigger{min-height:2.75rem;min-width:2.75rem}.menu__list{border-radius:var(--radius-sm);box-shadow:var(--shadow-panel)}.menu__item{min-height:2.75rem}.shared-song{max-width:72rem;margin-inline:auto}.shared-song__hero{border-left:3px solid var(--accent);box-shadow:var(--shadow-panel)}.shared-song__actions .button{min-height:2.75rem}.settings-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:1.5rem;max-width:72rem;align-items:start}.settings-nav{position:sticky;top:5rem;display:grid;gap:.25rem}.settings-content{min-width:0;border-left:1px solid var(--border);padding-left:1.5rem}.settings-content:focus{outline:2px solid var(--accent);outline-offset:4px}.editor-workspace{max-width:100rem;margin-inline:auto;gap:1rem}.editor-command-bar{min-height:3.5rem;padding:.65rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.editor-command-bar__title .section-title{color:var(--text);font-size:.95rem;letter-spacing:.02em;text-transform:none}.editor-workspace__body{grid-template-columns:minmax(0,2.35fr) minmax(19rem,.9fr);gap:1rem}.editor-workspace__canvas,.editor-workspace__inspector{gap:1rem}.editor-workspace__transport,.editor__timeline{border-radius:var(--radius-sm);background:var(--panel)}.editor-workspace__score{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.editor-workspace__notation .score__scroll{max-height:min(68vh,54rem)}.editor-workspace__actions{pointer-events:none;position:sticky;bottom:.75rem;z-index:5;display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 10px 28px #20252229}.editor-workspace__actions button{pointer-events:auto}.editor-inspector__section{padding:0;overflow:hidden;border-radius:var(--radius-sm)}.editor-inspector__summary{display:flex;min-height:3rem;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;background:var(--panel-2)}.editor-inspector__summary::-webkit-details-marker{display:none}.editor-inspector__chevron{color:var(--muted);transition:transform var(--motion-fast) ease}.editor-inspector__section[open] .editor-inspector__chevron{transform:rotate(90deg)}.editor-inspector__section[open]>:not(summary){margin-inline:.85rem}.editor-inspector__section>:last-child{margin-bottom:.85rem}.editor__panel{border-radius:var(--radius-sm)}.practice-workspace{width:100%}.practice__body,.practice__stage{min-height:0}.practice-toolbar{min-height:2.75rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:3px;background:var(--panel);box-shadow:0 4px 12px #20252214}.practice-toolbar__actions{margin-left:auto}.practice-workspace__score{overflow:hidden;border-color:var(--border);background:var(--score-surface)}.practice-workspace__score .score__meta{min-height:2.25rem;padding-block:.1rem .45rem;padding-inline-start:.65rem}.practice-workspace__score .score-meta__tuning{color:var(--text);font-size:.78rem}.practice-workspace__score .score-fret{font-size:1rem;font-weight:700}.practice-workspace__score .score-cursor__line{box-shadow:0 0 0 1px var(--score-surface)}.practice-workspace__score .score-cursor__line:after{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent);opacity:.7}.practice-workspace__score .score-measure__loop{animation:none}.practice__player{border-top-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 -12px 34px #20252229,inset 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.practice__player-inner{position:relative}.practice__player-primary{padding:.3rem 0 .1rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.practice__player-play{border-radius:3px;box-shadow:0 0 0 1px var(--panel),0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);font-family:var(--mono);letter-spacing:.02em}.practice__player-loop button,.practice__player-rate button{transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.practice__player-status{font-family:var(--mono);letter-spacing:.03em}.practice__player-timeline{min-height:1.75rem;border-radius:var(--radius-sm)}.practice__player-timeline input[type=range]{min-height:1.5rem}.practice__player-secondary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding-top:.35rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.practice__player-settings>summary{min-width:8.5rem;justify-content:center;border:1px solid var(--border);background:var(--panel-2)}.practice__dock-card{border-color:var(--border-strong);background:color-mix(in srgb,var(--panel) 98%,transparent)}.practice__dock-tab{min-height:2.5rem}.practice__panel-content{overscroll-behavior:contain}.score__scroll{min-height:0}.practice-workspace[data-view=tab] .practice-workspace__score .score__scroll{padding-bottom:.65rem}.score-memo-bubble{box-shadow:0 4px 14px #20252229}}@media screen and (min-width:1024px){.practice__player-inner{grid-template-areas:"timeline secondary" "primary primary";grid-template-columns:minmax(0,1fr) auto;align-items:center}.practice__player-timeline{grid-area:timeline}.practice__player-primary{grid-area:primary}.practice__player-secondary{grid-area:secondary;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:0;border-top:0}.practice__player-status{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.practice__player-settings>div{position:fixed;right:1rem;bottom:calc(var(--player-bar-height, 0px) + .5rem);width:min(68rem,calc(100vw - 2rem));max-height:min(60dvh,calc(100dvh - var(--player-bar-height, 0px) - 1.5rem));padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-panel);transform-origin:bottom right;animation:popover-enter var(--motion-standard) var(--ease-emphasized) both}.app-notice--practice{bottom:calc(var(--player-bar-height, 0px) + 1rem)}@media screen and (max-width:1023px){html[data-practice-playing=true] .app-header{display:none}html[data-practice-playing=true] .practice-toolbar__menu{top:.75rem;max-height:calc(100dvh - 1.5rem)}}@media screen and (max-width:1023px)and (min-height:701px){.app-notice--practice{bottom:min(calc(var(--player-bar-height, 0px) + var(--practice-dock-height, 0px) + .75rem),calc(100dvh - 7rem))}}@media screen and (max-width:767px)and (max-height:700px)and (orientation:portrait){.app-notice--practice{position:static;inset:auto;width:calc(100% - 1.5rem);margin:0 auto 1rem;transform:none}}@media screen and (max-width:1023px){.practice__player-primary{gap:.3rem}.practice__player-nudge,.practice__player-play,.practice__player-memo{order:1}.practice__player-loop,.practice__player-rate,.practice__player-metronome,.practice__player-beat{order:2}.practice__player-loop button{min-width:2.5rem;padding-inline:.5rem}.practice__player-rate>button{min-width:2.5rem;padding-inline:.5rem}.practice__player-rate>span{min-width:2.75rem}.practice__player-status{min-height:0;font-size:.7rem}.practice__player-secondary{display:flex;flex-direction:row;align-items:center;gap:.5rem}.practice__player-status{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice__player-settings{flex:0 0 auto}.practice__player-settings>summary{width:auto;padding-inline:.5rem}.practice__player-inner{gap:.25rem;padding-top:.25rem}.practice__player-secondary{gap:.25rem}}@media screen and (max-height:520px)and (orientation:landscape){.practice-compact-toolbar{position:fixed;top:.5rem;right:.5rem;left:.5rem;z-index:45;max-height:calc(100dvh - var(--player-bar-height, 0px) - 1rem);overflow-y:auto;padding:.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-panel);transform-origin:top center;animation:compact-menu-enter var(--motion-standard) var(--ease-emphasized) both}.practice-compact-toolbar__close{position:absolute;top:.35rem;right:.35rem;z-index:1;min-width:2.5rem;min-height:2.5rem}.practice-compact-toolbar .practice-toolbar__menu{position:static;top:auto;right:auto;left:auto;width:100%;max-height:calc(100dvh - var(--player-bar-height, 0px) - 8.5rem);margin-top:.4rem;overflow-y:auto}.practice__player{position:fixed;inset:auto 0 0}.practice-workspace[data-view] .practice-workspace__bottom-space{height:calc(var(--player-bar-height, 0px) + .75rem)}.practice-workspace{gap:.55rem}.practice-workspace__score{position:relative}.practice__tab-bar{position:absolute;top:.25rem;right:.45rem;z-index:2;padding:0}.practice__tab-label{display:inline-flex;max-width:14rem;overflow:hidden;padding:.1rem .35rem;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--bg) 92%,transparent);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.practice__compact-track-title{display:inline;margin-right:.35rem}.practice-workspace__score .score__meta{min-height:0;padding-block:.1rem .25rem;padding-inline-start:.45rem;--score-meta-inline-end: 5rem}.practice-compact-toolbar .practice-toolbar{min-height:2.5rem;padding-right:2.75rem}.practice-workspace__score .score[data-scrollable=true] .score__scroll-hint{position:absolute;top:2.35rem;right:.45rem;z-index:2;display:block;padding:.05rem .35rem;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--bg) 92%,transparent);font-size:.58rem}.practice-workspace__score>.practice__tab-hint{display:none}.practice__player-inner{grid-template-areas:"timeline settings" "primary primary";grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;padding-top:.3rem}.practice__player-timeline{grid-area:timeline;min-height:1.5rem}.practice__player-timeline input{margin-top:-.5625rem}.practice__player-primary{grid-area:primary;flex-wrap:nowrap;overflow-x:auto;padding-top:.2rem;scrollbar-width:thin}.practice__player-primary>*{flex:0 0 auto}.practice__player-secondary{grid-area:settings;display:flex;flex-direction:row;align-items:center;gap:.35rem}.practice__player-toolbar-toggle{min-height:2.5rem;min-width:2.5rem}.practice__player-status{display:block;min-height:0;max-width:11rem;overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.practice__player-settings{position:relative}.practice__player-settings>summary{min-height:2.5rem;width:auto;padding-inline:.55rem}.practice__player-settings[open]>div{position:fixed;right:.5rem;bottom:calc(var(--player-bar-height, 0px) + .35rem);width:min(42rem,calc(100vw - 1rem));max-height:calc(100dvh - var(--player-bar-height, 0px) - 1rem);padding:.6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-panel)}}@media screen and (max-height:320px)and (orientation:landscape){.app-shell[data-route=practice] .app-header{display:none}.app-header>div{min-height:3rem;padding-top:.1rem;padding-bottom:.1rem}}@media screen and (max-width:1023px){.community__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.community__filter--search,.community__filter--following{grid-column:1 / -1}}@media screen and (max-width:900px){.editor-workspace__actions{position:static;bottom:auto}.editor-workspace__body{grid-template-columns:minmax(0,1fr)}.editor-workspace__inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-inspector__section:last-child{grid-column:1 / -1}}@media screen and (max-width:767px){.welcome-leaderboard-ad{min-height:4.5rem}.welcome-recent-ad{min-height:8rem}.welcome-next-practice{padding:1rem}.welcome-next-practice__secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.library-layout{gap:1rem}.library-add-song-panel{max-height:calc(100dvh - 4.5rem);overflow-y:auto;overscroll-behavior:contain}.library-song-row__practice{flex:1 1 auto}.library-song-row__secondary-actions{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;width:100%}.library-song-detail{margin-left:0}.add-song-form__search{display:grid;grid-template-columns:minmax(0,1fr)}.add-song-form__search label,.add-song-form__search button{width:100%}.community__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.community__filter--search,.community__filter--following{grid-column:1 / -1}.community__import{display:grid;grid-template-columns:minmax(0,1fr)}.community__import .field,.community__import button{grid-column:1;width:100%}.settings-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.settings-nav{position:static;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5.5rem,1fr);overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-content{border-left:0;padding-left:0}.editor-command-bar{align-items:flex-start}.editor-command-bar__actions{width:100%}.editor-workspace__transport{padding:.5rem}.editor-workspace__score{margin-inline:-.25rem}.editor-workspace__actions{bottom:.5rem;margin-inline:-.25rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.editor-workspace__inspector{grid-template-columns:minmax(0,1fr)}.editor-inspector__section:last-child{grid-column:auto}.practice-toolbar{gap:.4rem}.practice-toolbar__track{flex-basis:100%}.practice-toolbar__actions{width:100%;margin-left:0}.practice-toolbar__actions>label{flex:1 1 8rem;width:auto}.practice-toolbar__menu{position:fixed;top:4.25rem;right:.75rem;left:.75rem;width:auto;max-height:calc(100dvh - 5.5rem);overflow-y:auto}}@media screen and (max-width:520px){.welcome-next-practice__secondary{grid-template-columns:minmax(0,1fr)}.welcome-recommendation{padding:.85rem}.community__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.community__filter--search,.community__filter--following{grid-column:1 / -1}.shared-song__header{display:grid}.shared-song__actions{display:grid;grid-template-columns:minmax(0,1fr)}.editor-command-bar__actions .button{flex:1 1 8rem}}@media screen and (max-width:767px)and (max-height:700px)and (orientation:portrait){.practice__player{flex:0 0 auto;border-top:1px solid var(--border-strong)}}@media screen and (pointer:coarse){.button--small,.md-filled-button--small,.md-outlined-button--small,.menu__trigger,.community-item__side .button,.practice__dock-tab{min-height:2.75rem}}@media screen and (prefers-reduced-motion:reduce){.view,.welcome-recommendation,.community-item,.editor-inspector__chevron{animation:none;transition:none}}@media(max-height:699px){.app-shell[data-route=practice] .app-main{padding-bottom:0;overflow-y:visible}.practice-workspace[data-view] .practice-workspace__bottom-space{display:block;height:calc(var(--player-bar-height, 0px) + .75rem)}.practice__dock{position:static;inset:auto;z-index:20;padding:0 .75rem}.practice__dock-card{max-height:min(52dvh,30rem)}.practice-workspace__score{min-height:0}.practice-workspace__score .score__scroll{flex:0 1 auto;max-height:min(42dvh,26rem)}}@media screen and (min-width:1024px){.practice__player-primary>.practice__player-loop,.practice__player-primary>.practice__player-rate,.practice__player-primary>.practice__player-metronome{margin-inline-start:.4rem;padding-inline-start:.65rem;border-inline-start:1px solid color-mix(in srgb,var(--border) 90%,transparent)}}.practice-transition-snapshot{position:fixed;z-index:70;margin:0;padding:0;border:0;background:none;pointer-events:none;white-space:nowrap;transform-origin:center center;will-change:transform,opacity}[data-route=practice] .practice-workspace__score{animation:practice-surface-in var(--motion-scene-name) var(--ease-move) both}@keyframes practice-surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.library-song-row__title:active{transform:translateY(1px)}.practice__player-play-glyph{display:inline-flex;will-change:transform}.practice__player-play-glyph.is-press{animation:play-spring var(--motion-spring) var(--ease-move) both}.practice__player-play-glyph.is-pulse{animation:play-pulse var(--motion-spring) var(--ease-move) both}@keyframes play-spring{0%{transform:scale(.96)}55%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes play-pulse{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.practice__player-beat.is-countin{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}.practice__player-ab-point{position:absolute;inset-block:0;width:2px;border-radius:1px;background:var(--accent);pointer-events:none;animation:ab-point-in .16s var(--ease-standard) both}.practice__player-ab-draw{position:absolute;top:calc(50% - 1px);height:2px;transform-origin:left center;border-radius:999px;background:var(--accent);pointer-events:none;animation:ab-draw var(--motion-scene-ab) var(--ease-move) both}@keyframes ab-draw{0%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@keyframes ab-point-in{0%{transform:scaleY(.4);opacity:0}to{transform:scaleY(1);opacity:1}}.history-sessions li.is-new{animation:history-row-in var(--motion-scene-record) var(--ease-move) both}@keyframes history-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.history-chart__bar.is-growing{transform-origin:bottom;animation:history-bar-grow var(--motion-scene-record) var(--ease-move) both}@keyframes history-bar-grow{0%{transform:scaleY(var(--grow-from, 0))}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.practice__player-ab-draw,.practice__player-ab-point,.practice__player-play-glyph.is-press,.practice__player-play-glyph.is-pulse,.history-sessions li.is-new,.history-chart__bar.is-growing,[data-route=practice] .practice-workspace__score{animation:none}.practice__player-ab-draw,.practice-transition-snapshot{display:none}}