/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-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:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-yellow-400:oklch(85.2% .199 91.936);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"DM Sans", sans-serif;--default-mono-font-family:"DM Mono", monospace;--font-display:"Sora", sans-serif;--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border);--shadow-soft:var(--shadow-soft);--shadow-elevated:var(--shadow-elevated)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring: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-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);letter-spacing:0;margin:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--primary) 25%, transparent)}}}@layer components;@layer utilities{.stage-card{border:1px solid var(--stage,var(--primary));position:relative;overflow:hidden;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.stage-card{border:1px solid color-mix(in oklab, var(--stage,var(--primary)) 40%, var(--border))}}.stage-card{border-radius:var(--radius-xl);background:var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.stage-card{background:color-mix(in oklab, var(--stage,var(--primary)) 9%, var(--card))}}.stage-card{box-shadow:var(--shadow-soft);padding:1.25rem .7rem 1.35rem;transition:transform .25s,box-shadow .25s}.stage-card:before{content:"";background:var(--stage,var(--primary));height:6px;position:absolute;inset:0 0 auto}.stage-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.block-brick{border:1px solid var(--brick);min-width:0;height:100%;position:relative}@supports (color:color-mix(in lab, red, red)){.block-brick{border:1px solid color-mix(in oklab, var(--brick) 75%, var(--foreground))}}.block-brick{background:linear-gradient(180deg, var(--brick), var(--brick) 42%, var(--brick));border-radius:.3rem}@supports (color:color-mix(in lab, red, red)){.block-brick{background:linear-gradient(180deg, color-mix(in oklab, var(--brick) 70%, var(--card)), var(--brick) 42%, color-mix(in oklab, var(--brick) 92%, var(--foreground)))}}.block-brick{color:var(--foreground);white-space:normal;font-family:var(--font-display);box-shadow:inset 0 2px 0 var(--card), inset 3px 0 0 var(--card), 0 5px 0 var(--brick), 0 8px 7px var(--foreground);padding:1.3rem .35rem .35rem;font-size:.85rem;font-weight:800;line-height:1.15}@supports (color:color-mix(in lab, red, red)){.block-brick{box-shadow:inset 0 2px 0 color-mix(in oklab, var(--card) 60%, transparent), inset 3px 0 0 color-mix(in oklab, var(--card) 18%, transparent), 0 5px 0 color-mix(in oklab, var(--brick) 65%, var(--foreground)), 0 8px 7px color-mix(in oklab, var(--foreground) 16%, transparent)}}.block-brick{transition:transform .15s,box-shadow .15s,background-color .15s}.block-brick .brick-studs{justify-content:space-around;gap:.3rem;display:flex;position:absolute;inset:-.55rem .6rem auto}.block-brick .brick-studs>span{background:linear-gradient(180deg, var(--brick) 30%, var(--brick) 31%, var(--brick));border-radius:35% 35% 15% 15%;width:1.1rem;height:.6rem;position:relative}@supports (color:color-mix(in lab, red, red)){.block-brick .brick-studs>span{background:linear-gradient(180deg, color-mix(in oklab, var(--brick) 65%, var(--card)) 30%, var(--brick) 31%, color-mix(in oklab, var(--brick) 75%, var(--foreground)))}}.block-brick .brick-studs>span{border:1px solid var(--brick)}@supports (color:color-mix(in lab, red, red)){.block-brick .brick-studs>span{border:1px solid color-mix(in oklab, var(--brick) 75%, var(--foreground))}}.block-brick .brick-studs>span{box-shadow:inset 0 2px 0 var(--card), 1px 1px 0 var(--brick)}@supports (color:color-mix(in lab, red, red)){.block-brick .brick-studs>span{box-shadow:inset 0 2px 0 color-mix(in oklab, var(--card) 55%, transparent), 1px 1px 0 color-mix(in oklab, var(--brick) 60%, var(--foreground))}}.block-brick:hover{color:var(--foreground);background:linear-gradient(180deg, var(--brick), var(--brick));transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.block-brick:hover{background:linear-gradient(180deg, color-mix(in oklab, var(--brick) 55%, var(--card)), var(--brick))}}.block-brick:active{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.block-brick{transition:none}}.header-keys{background:var(--background);border-top:1px solid var(--primary);gap:2px;height:36px;padding:0 4px;display:flex}@supports (color:color-mix(in lab, red, red)){.header-keys{border-top:1px solid color-mix(in oklab, var(--primary) 65%, var(--foreground))}}.header-keys{overflow:hidden}.header-keys span{background:var(--card);border:1px solid var(--primary);min-width:9px;box-shadow:inset 0 -4px 0 var(--primary);border-top:none;border-radius:0 0 1px 1px;flex:1;position:relative}@supports (color:color-mix(in lab, red, red)){.header-keys span{box-shadow:inset 0 -4px 0 color-mix(in oklab, var(--primary) 14%, transparent)}}.header-keys i{background:var(--foreground);border:1px solid var(--primary);z-index:1;border-top:none;border-radius:0 0 1px 1px;width:8px;height:62%;position:absolute;top:0;right:-5px}.piano-keys{background:var(--primary);border-radius:.4rem;gap:1px;padding:0 2px 2px;display:flex;overflow:hidden}.piano-keys span{background:var(--card);border:1px solid var(--primary);min-width:6px;box-shadow:inset 0 -3px 0 var(--primary);border-top:none;border-radius:0 0 1px 1px;flex:1;position:relative}@supports (color:color-mix(in lab, red, red)){.piano-keys span{box-shadow:inset 0 -3px 0 color-mix(in oklab, var(--primary) 14%, transparent)}}.piano-keys i{background:var(--foreground);border:1px solid var(--primary);z-index:1;border-top:none;border-radius:0 0 1px 1px;width:6px;height:58%;position:absolute;top:0;right:-3.5px}.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}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-4{top:calc(var(--spacing) * -4)}.-top-7{top:calc(var(--spacing) * -7)}.-top-12{top:calc(var(--spacing) * -12)}.-top-\[62px\]{top:-62px}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-8{top:calc(var(--spacing) * 8)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-3{order:3}.order-first{order:-9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.method-intro{max-width:46rem;color:var(--foreground);text-align:center;margin:.6rem auto 0;font-size:1rem;line-height:1.5}@media (width>=48rem){.method-intro{font-size:1.2rem}}.m-0{margin:0}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.next-card{border-radius:var(--radius-lg);background:var(--deep-panel);margin-top:1.5rem;padding:1.25rem}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.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-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\!{margin-top:calc(var(--spacing) * 3)!important}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-5{margin-left:calc(var(--spacing) * -5)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.stage-step{background:var(--stage,var(--primary));border-radius:.8rem;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.stage-step{background:color-mix(in oklab, var(--stage,var(--primary)) 18%, var(--card))}}.stage-step{color:var(--stage,var(--primary));font-family:var(--font-display);font-size:1.1rem;font-weight:800}.loop-emoji{background:var(--surface-soft);border-radius:.75rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;display:grid}.coming-soon-chip{background:var(--accent);border-radius:999px;flex:none;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.coming-soon-chip{background:color-mix(in oklab, var(--accent) 22%, transparent)}}.coming-soon-chip{color:var(--accent-foreground);letter-spacing:.02em;text-transform:uppercase;padding:.12rem .5rem;font-size:.62rem;font-weight:800}.status-complete{background:var(--positive);border-radius:999px;flex:none;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.status-complete{background:color-mix(in oklab, var(--positive) 14%, transparent)}}.status-complete{color:var(--positive);letter-spacing:0;padding:.04rem .28rem;font-size:.48rem;font-weight:700}.status-next{background:var(--accent);border-radius:999px;flex:none;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.status-next{background:color-mix(in oklab, var(--accent) 18%, transparent)}}.status-next{color:var(--accent-foreground);letter-spacing:0;padding:.04rem .28rem;font-size:.48rem;font-weight:700}.lesson-row{border-radius:var(--radius-md);background:var(--surface-soft);align-items:center;gap:.4rem;padding:.5rem .45rem;transition:background-color .2s,transform .2s;display:flex}.lesson-row:hover{background:var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-row:hover{background:color-mix(in oklab, var(--stage,var(--primary)) 10%, var(--surface-soft))}}.lesson-row:hover{transform:translate(2px)}.lesson-row[data-state=locked]{opacity:.62}.journey-grid{gap:.9rem;display:grid}@media (width>=48rem){.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.coming-soon-row{border-radius:var(--radius-md);background:var(--muted);align-items:center;gap:.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.coming-soon-row{background:color-mix(in oklab, var(--muted) 55%, var(--card))}}.coming-soon-row{opacity:.78;padding:.5rem .45rem}.section-kicker{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;display:flex}.loop-step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);gap:.9rem;padding:1rem 1.1rem;display:flex}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.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-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.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-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.stage-bar{background:var(--stage,var(--primary));border-radius:999px;height:100%;transition:width .4s}.h-\(--cell-size\){height:var(--cell-size)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-\[1px\]{height:1px}.h-\[62\%\]{height:62%}.h-\[78px\]{height:78px}.h-\[80px\]{height:80px}.h-\[94dvh\]{height:94dvh}.h-\[100dvh\]{height:100dvh}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[52vh\]{max-height:52vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-full{max-height:100%}.max-h-none\!{max-height:none!important}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[60px\]{min-height:60px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[170px\]{min-height:170px}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.lesson-emoji{text-align:center;flex:none;width:1.15rem;font-size:.95rem;line-height:1}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[1px\]{width:1px}.w-\[4\.5rem\]{width:4.5rem}.w-\[100px\]{width:100px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[9rem\]{max-width:9rem}.max-w-\[24ch\]{max-width:24ch}.max-w-\[50\%\]{max-width:50%}.max-w-\[52ch\]{max-width:52ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[140px\]{max-width:140px}.max-w-\[228px\]{max-width:228px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-64{flex-basis:calc(var(--spacing) * 64)}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-1{--tw-border-spacing-x:var(--spacing);--tw-border-spacing-y:var(--spacing);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-150{--tw-scale-y:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.lesson-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-soft);padding:.75rem;transition:transform .25s,box-shadow .25s}.lesson-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.loop-tile{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);padding:1.25rem;transition:transform .22s}.loop-tile:hover{transform:translateY(-4px)}.block-brick-on{outline:2px solid var(--primary);outline-offset:2px;transform:translateY(2px)}.block-brick-on .brick-label{text-underline-offset:3px;text-decoration:underline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.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)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.stat-tile{color:var(--secondary-foreground);background:oklch(91% .055 302);border-radius:.7rem;padding:.45rem .55rem}.progress-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-soft);padding:1.25rem}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-b-\[2px\]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.rounded-b-sm{border-bottom-right-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-\[color\:var\(--section-three\)\]{border-color:var(--section-three)}.border-accent{border-color:var(--accent)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-destructive,.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/40{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-destructive\/60{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/60{border-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.border-foreground\/40{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\/40{border-color:color-mix(in oklab, var(--foreground) 40%, transparent)}}.border-input{border-color:var(--input)}.border-positive,.border-positive\/35{border-color:var(--positive)}@supports (color:color-mix(in lab, red, red)){.border-positive\/35{border-color:color-mix(in oklab, var(--positive) 35%, transparent)}}.border-primary,.border-primary\/15{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/15{border-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-primary\/70{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/70{border-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.border-section-four\/40{border-color:var(--section-four)}@supports (color:color-mix(in lab, red, red)){.border-section-four\/40{border-color:color-mix(in oklab, var(--section-four) 40%, transparent)}}.border-section-one\/40{border-color:var(--section-one)}@supports (color:color-mix(in lab, red, red)){.border-section-one\/40{border-color:color-mix(in oklab, var(--section-one) 40%, transparent)}}.border-section-three\/40{border-color:var(--section-three)}@supports (color:color-mix(in lab, red, red)){.border-section-three\/40{border-color:color-mix(in oklab, var(--section-three) 40%, transparent)}}.border-section-two\/40{border-color:var(--section-two)}@supports (color:color-mix(in lab, red, red)){.border-section-two\/40{border-color:color-mix(in oklab, var(--section-two) 40%, transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[color\:var\(--section-three\)\]\/10{background-color:var(--section-three)}@supports (color:color-mix(in lab, red, red)){.bg-\[color\:var\(--section-three\)\]\/10{background-color:color-mix(in oklab, var(--section-three) 10%, transparent)}}.bg-\[oklch\(0\.93_0\.05_302\)\]{background-color:oklch(93% .05 302)}.bg-accent{background-color:var(--accent)}.bg-background,.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/70{background-color:color-mix(in oklab, var(--background) 70%, transparent)}}.bg-background\/85{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/85{background-color:color-mix(in oklab, var(--background) 85%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-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-border{background-color:var(--border)}.bg-card,.bg-card\/90{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/90{background-color:color-mix(in oklab, var(--card) 90%, transparent)}}.bg-card\/95{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/95{background-color:color-mix(in oklab, var(--card) 95%, transparent)}}.bg-chord-four{background-color:var(--chord-four)}.bg-chord-one{background-color:var(--chord-one)}.bg-chord-three{background-color:var(--chord-three)}.bg-chord-two{background-color:var(--chord-two)}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/5{background-color:color-mix(in oklab, var(--destructive) 5%, transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-foreground,.bg-foreground\/50{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/50{background-color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.bg-foreground\/60{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/60{background-color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.bg-foreground\/80{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/80{background-color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.bg-muted,.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-positive,.bg-positive\/10{background-color:var(--positive)}@supports (color:color-mix(in lab, red, red)){.bg-positive\/10{background-color:color-mix(in oklab, var(--positive) 10%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-primary-foreground\/25{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-primary-foreground\/25{background-color:color-mix(in oklab, var(--primary-foreground) 25%, transparent)}}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-primary\/25{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/25{background-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.bg-primary\/30{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.bg-primary\/50{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/50{background-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.bg-primary\/70{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/70{background-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.bg-secondary,.bg-secondary\/25{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/25{background-color:color-mix(in oklab, var(--secondary) 25%, transparent)}}.bg-secondary\/30{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab, var(--secondary) 30%, transparent)}}.bg-secondary\/35{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/35{background-color:color-mix(in oklab, var(--secondary) 35%, transparent)}}.bg-secondary\/40{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/40{background-color:color-mix(in oklab, var(--secondary) 40%, transparent)}}.bg-section-four\/15{background-color:var(--section-four)}@supports (color:color-mix(in lab, red, red)){.bg-section-four\/15{background-color:color-mix(in oklab, var(--section-four) 15%, transparent)}}.bg-section-one\/15{background-color:var(--section-one)}@supports (color:color-mix(in lab, red, red)){.bg-section-one\/15{background-color:color-mix(in oklab, var(--section-one) 15%, transparent)}}.bg-section-three\/15{background-color:var(--section-three)}@supports (color:color-mix(in lab, red, red)){.bg-section-three\/15{background-color:color-mix(in oklab, var(--section-three) 15%, transparent)}}.bg-section-two\/15{background-color:var(--section-two)}@supports (color:color-mix(in lab, red, red)){.bg-section-two\/15{background-color:color-mix(in oklab, var(--section-two) 15%, transparent)}}.bg-slate-900\/85{background-color:#0f172bd9}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/85{background-color:color-mix(in oklab, var(--color-slate-900) 85%, transparent)}}.bg-surface-soft{background-color:var(--surface-soft)}.bg-surface-strong{background-color:var(--surface-strong)}.bg-transparent{background-color:#0000}.bg-video-overlay{background-color:var(--video-overlay)}.fill-accent{fill:var(--accent)}.fill-background{fill:var(--background)}.fill-current{fill:currentColor}.fill-destructive{fill:var(--destructive)}.fill-foreground,.fill-foreground\/70{fill:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.fill-foreground\/70{fill:color-mix(in oklab, var(--foreground) 70%, transparent)}}.fill-foreground\/80{fill:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.fill-foreground\/80{fill:color-mix(in oklab, var(--foreground) 80%, transparent)}}.fill-foreground\/90{fill:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.fill-foreground\/90{fill:color-mix(in oklab, var(--foreground) 90%, transparent)}}.fill-none{fill:none}.fill-primary{fill:var(--primary)}.fill-primary-foreground{fill:var(--primary-foreground)}.fill-primary\/70{fill:var(--primary)}@supports (color:color-mix(in lab, red, red)){.fill-primary\/70{fill:color-mix(in oklab, var(--primary) 70%, transparent)}}.stroke-background\/40{stroke:var(--background)}@supports (color:color-mix(in lab, red, red)){.stroke-background\/40{stroke:color-mix(in oklab, var(--background) 40%, transparent)}}.stroke-background\/60{stroke:var(--background)}@supports (color:color-mix(in lab, red, red)){.stroke-background\/60{stroke:color-mix(in oklab, var(--background) 60%, transparent)}}.stroke-background\/70{stroke:var(--background)}@supports (color:color-mix(in lab, red, red)){.stroke-background\/70{stroke:color-mix(in oklab, var(--background) 70%, transparent)}}.stroke-border{stroke:var(--border)}.stroke-foreground,.stroke-foreground\/40{stroke:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-foreground\/40{stroke:color-mix(in oklab, var(--foreground) 40%, transparent)}}.stroke-foreground\/50{stroke:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-foreground\/50{stroke:color-mix(in oklab, var(--foreground) 50%, transparent)}}.stroke-primary{stroke:var(--primary)}.stroke-primary-foreground\/70{stroke:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-primary-foreground\/70{stroke:color-mix(in oklab, var(--primary-foreground) 70%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.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-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-1px\]{vertical-align:-1px}.align-middle{vertical-align:middle}.font-display{font-family:Sora,sans-serif}.font-mono{font-family:DM Mono,monospace}.lesson-instruction{color:var(--foreground);font-size:1.125rem;line-height:1.45}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--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-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-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[color\:var\(--section-three\)\]{color:var(--section-three)}.text-\[oklch\(0\.30_0\.09_302\)\]{color:oklch(30% .09 302)}.text-accent{color:var(--accent)}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground,.text-muted-foreground\/30{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/30{color:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-positive{color:var(--positive)}.text-primary{color:var(--primary)}.text-primary-foreground,.text-primary-foreground\/60{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/60{color:color-mix(in oklab, var(--primary-foreground) 60%, transparent)}}.text-primary-foreground\/70{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/70{color:color-mix(in oklab, var(--primary-foreground) 70%, transparent)}}.text-primary-foreground\/80{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/80{color:color-mix(in oklab, var(--primary-foreground) 80%, transparent)}}.text-primary\/70{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/70{color:color-mix(in oklab, var(--primary) 70%, transparent)}}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-current{accent-color:currentColor}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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_-6px_16px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -6px 16px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_var\(--accent\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_16px_var\(--primary\)\]{--tw-shadow:0 0 16px var(--tw-shadow-color,var(--primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-elevated{--tw-shadow:var(--shadow-elevated);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-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-soft{--tw-shadow:var(--shadow-soft);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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.shadow-primary\/40{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-foreground{--tw-ring-color:var(--foreground)}.ring-primary,.ring-primary\/40{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/40{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.ring-ring{--tw-ring-color:var(--ring)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur\!{--tw-blur:blur(8px)!important;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,)!important}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\!running{animation-play-state:running!important}.\[--cell-size\:2rem\]{--cell-size:2rem}.fade-in{--tw-enter-opacity:0}.hero-wash{background:var(--hero-wash)}.paused{animation-play-state:paused}.running{animation-play-state:running}.tools-band{background:var(--surface-soft)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-primary:focus-within{--tw-ring-color:var(--primary)}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-primary:hover,.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.hover\:bg-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-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.hover\:bg-primary\/15:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/15:hover{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-lg:hover{--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)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--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)}.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-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-\[zt-perfect_950ms_ease-out_both\]{animation:.95s ease-out both zt-perfect}}@media (width>=40rem){.sm\:-top-9{top:calc(var(--spacing) * -9)}.sm\:order-none{order:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-4{margin-inline:calc(var(--spacing) * -4)}.sm\:mx-0{margin-inline:0}.sm\:mt-0{margin-top:0}.sm\:mt-1{margin-top:var(--spacing)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:-mb-4{margin-bottom:calc(var(--spacing) * -4)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.sm\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.sm\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-\[104px\]{height:104px}.sm\:h-\[106px\]{height:106px}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-24{width:calc(var(--spacing) * 24)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-\[90px_1fr\]{grid-template-columns:90px 1fr}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,380px\)\]{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-12{gap:calc(var(--spacing) * 12)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:justify-self-end{justify-self:flex-end}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:pt-2{padding-top:calc(var(--spacing) * 2)}.sm\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:order-none{order:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state=collapsed]~*):is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 2)}}.after\:md\:hidden:after{content:var(--tw-content)}@media (width>=48rem){.after\:md\:hidden:after{display:none}}@media (width>=64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=96rem){.\32 xl\:max-w-\[88rem\]{max-width:88rem}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_\.loop-emoji\]\:hidden .loop-emoji{display:none}.\[\&_\.loop-step\]\:border-0 .loop-step{border-style:var(--tw-border-style);border-width:0}.\[\&_\.loop-step\]\:p-0 .loop-step{padding:0}.\[\&_\.loop-step\]\:shadow-none .loop-step{--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)}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--border) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_a\]\:h-14 a{height:calc(var(--spacing) * 14)}.\[\&_a\]\:min-h-11 a{min-height:calc(var(--spacing) * 11)}.\[\&_a\]\:px-4 a{padding-inline:calc(var(--spacing) * 4)}.\[\&_a\]\:px-6 a{padding-inline:calc(var(--spacing) * 6)}.\[\&_a\]\:text-base a{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_button\]\:h-auto button{height:auto}.\[\&_button\]\:min-h-11 button{min-height:calc(var(--spacing) * 11)}.\[\&_button\]\:px-4 button{padding-inline:calc(var(--spacing) * 4)}.\[\&_button\]\:text-base button{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_button\]\:whitespace-normal button{white-space:normal}.\[\&_img\]\:max-h-28 img{max-height:calc(var(--spacing) * 28)}.\[\&_img\]\:max-h-none\! img{max-height:none!important}.\[\&_img\]\:w-auto img{width:auto}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\.w-full\]\:max-h-28 svg.w-full{max-height:calc(var(--spacing) * 28)}.\[\&_svg\.w-full\]\:max-h-none\! svg.w-full{max-height:none!important}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>div\]\:border-0>div{border-style:var(--tw-border-style);border-width:0}.\[\&\>div\]\:pt-0>div{padding-top:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-left>span{text-align:left}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Bravura;src:url(/fonts/Bravura.woff2)format("woff2");font-display:block}:root{--groove-stage:var(--foreground);--home-studio:oklch(24% .09 302);--home-studio-foreground:oklch(99% .005 302);--home-paper:oklch(100% 0 0);--arcade-gold-light:oklch(96% .045 90);--arcade-gold:oklch(82% .12 85);--arcade-gold-deep:oklch(62% .1 75);--arcade-gold-finish:linear-gradient(135deg, var(--arcade-gold-deep), var(--arcade-gold-light) 23%, var(--arcade-gold) 40%, var(--arcade-gold-light) 52%, var(--arcade-gold) 66%, var(--arcade-gold-deep));--arcade-sticker-shadow:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--arcade-sticker-shadow:color-mix(in oklab, var(--foreground) 28%, transparent)}}:root{--home-lavender:oklch(96% .025 302);--home-reference-wash:linear-gradient(135deg, oklch(91% .07 309), var(--home-paper) 40%, oklch(94% .045 309) 75%, var(--home-paper));--home-reference-button:linear-gradient(170deg, oklch(59% .26 317), var(--primary) 75%);--home-reference-glow:0 0 8px var(--home-paper), 0 0 20px oklch(68% .27 315);--home-key-shadow:0 4px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--home-key-shadow:0 4px 0 color-mix(in oklab, var(--foreground) 18%, var(--background))}}:root{--home-cta:linear-gradient(120deg, var(--primary), var(--primary))}@supports (color:color-mix(in lab, red, red)){:root{--home-cta:linear-gradient(120deg, var(--primary), color-mix(in oklab, var(--primary) 75%, var(--accent)))}}:root{--groove-ink:var(--primary-foreground);--groove-ribbon:var(--section-four);--groove-note:var(--section-three);--groove-grid:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){:root{--groove-grid:color-mix(in oklab, var(--primary-foreground) 16%, transparent)}}:root{--radius:.75rem;--background:oklch(98.5% .008 305);--foreground:oklch(19% .055 300);--card:oklch(100% 0 0);--card-foreground:oklch(19% .055 300);--popover:oklch(100% 0 0);--popover-foreground:oklch(19% .055 300);--primary:oklch(43% .22 302);--hand-skin:oklch(86% .06 60);--hand-nail:oklch(95% .03 30);--hand-outline:oklch(40% .08 40);--primary-foreground:oklch(99% .004 300);--secondary:oklch(94% .035 302);--secondary-foreground:oklch(29% .12 302);--muted:oklch(95% .015 300);--muted-foreground:oklch(49% .045 300);--accent:oklch(74% .19 25);--accent-foreground:oklch(35% .14 25);--destructive:oklch(58% .23 25);--destructive-foreground:oklch(99% 0 0);--border:oklch(89% .028 302);--input:oklch(89% .028 302);--ring:oklch(55% .2 302);--positive:oklch(58% .16 160);--chord-one:oklch(50% .2 302);--chord-two:oklch(60% .19 25);--chord-three:oklch(52% .15 160);--chord-four:oklch(50% .18 255);--section-one:oklch(56% .23 302);--section-two:oklch(72% .19 25);--section-three:oklch(82% .16 85);--section-four:oklch(64% .16 170);--surface-soft:oklch(96.5% .02 302);--surface-strong:oklch(100% 0 0/.9);--video-overlay:oklch(12% .05 300/.18);--shadow-soft:0 10px 35px -18px oklch(30% .14 302/.25);--shadow-elevated:0 24px 60px -24px oklch(30% .18 302/.4);--hero-wash:radial-gradient(circle at 78% 18%, oklch(88% .1 303/.65), transparent 35%), linear-gradient(135deg, oklch(99% .006 300), oklch(95% .04 303));--progress:linear-gradient(90deg, var(--primary), var(--accent));--deep-panel:linear-gradient(145deg, oklch(25% .13 302), oklch(16% .07 300))}@keyframes zt-perfect{0%{opacity:0;transform:translateY(14px)scale(.72)}25%{opacity:1;transform:translateY(-5px)scale(1.12)}65%{opacity:1;transform:translateY(-12px)scale(1)}to{opacity:0;transform:translateY(-26px)scale(.95)}}@keyframes zip-firework-burst{0%{opacity:0;transform:scale(.15)}25%{opacity:1;transform:scale(.65)}65%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.zip-firework{transform-origin:50%;width:3.5rem;height:3.5rem;animation:1.8s ease-out 3 zip-firework-burst}.zip-firework:nth-of-type(2){animation-delay:.5s}.zip-celebration .zip-firework{width:4rem;height:4rem;animation-duration:1.5s;animation-iteration-count:4;position:absolute}.zip-celebration .zip-firework:first-of-type{color:var(--primary);top:0;left:0}.zip-celebration .zip-firework:nth-of-type(2){color:var(--accent);animation-delay:.3s;bottom:0;left:18%}.zip-celebration .zip-firework:nth-of-type(3){color:var(--positive);animation-delay:.7s;top:-1rem;left:34%}.zip-celebration .zip-firework:nth-of-type(4){color:var(--accent);animation-delay:1s;bottom:-1rem;right:34%}.zip-celebration .zip-firework:nth-of-type(5){color:var(--primary);animation-delay:.5s;top:0;right:18%}.zip-celebration .zip-firework:nth-of-type(6){color:var(--positive);animation-delay:.9s;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.zip-firework,.zip-celebration .zip-firework{animation:none}}.song-brick-theme{--brick-coral:oklch(76% .16 25);--brick-blue:oklch(74% .13 235);--brick-gold:oklch(86% .15 88);--brick-violet:oklch(75% .14 305);--brick-mint:oklch(79% .14 165);--brick-pink:oklch(79% .13 350);--brick-aqua:oklch(82% .12 195);--brick-lime:oklch(85% .15 125);--brick-orange:oklch(78% .16 55)}.song-brick-theme [data-brick="0"]{--brick:var(--brick-mint);border-radius:.6rem .3rem .3rem}.song-brick-theme [data-brick="1"]{--brick:var(--brick-blue)}.song-brick-theme [data-brick="2"]{--brick:var(--brick-aqua);border-radius:.3rem .85rem .3rem .3rem}.song-brick-theme [data-brick="3"]{--brick:var(--brick-gold);border-radius:.3rem .3rem .85rem}.song-brick-theme [data-brick="4"]{--brick:var(--brick-lime);border-radius:.3rem .3rem .3rem .85rem}.song-brick-theme [data-brick="5"]{--brick:var(--brick-violet);border-radius:.6rem .6rem .3rem .3rem}.song-brick-theme [data-brick="6"]{--brick:var(--brick-pink)}.song-brick-theme [data-brick="7"]{--brick:var(--brick-orange);border-radius:.3rem .6rem .6rem .3rem}.song-brick-theme .song-loose-brick{justify-content:center;align-items:center;min-width:4.5rem;height:auto;min-height:2.7rem;padding:1.15rem .65rem .3rem;font-size:.7rem;display:inline-flex}.song-brick-theme .song-slot-brick{height:auto;min-height:5.5rem;padding-top:1.4rem}.song-brick-theme .song-record-brick{white-space:normal;min-width:0;max-width:100%;height:auto;min-height:3rem;padding:1.2rem .7rem .4rem}.song-brick-theme .song-clip-brick{min-width:0;max-width:100%;height:auto;min-height:3.2rem;padding:1.2rem .7rem .4rem;font-size:.85rem}.song-brick-theme .brick-label{overflow-wrap:anywhere}.song-recording-bank{border:3px solid var(--primary);position:relative}@supports (color:color-mix(in lab, red, red)){.song-recording-bank{border:3px solid color-mix(in oklab, var(--primary) 40%, var(--foreground))}}.song-recording-bank{background:linear-gradient(180deg, var(--secondary) 0%, var(--secondary) 100%);border-radius:1.1rem}@supports (color:color-mix(in lab, red, red)){.song-recording-bank{background:linear-gradient(180deg, color-mix(in oklab, var(--secondary) 80%, var(--card)) 0%, color-mix(in oklab, var(--secondary) 55%, var(--card)) 100%)}}.song-recording-bank{box-shadow:inset 0 .45rem 0 oklab(100% 0 5.96046e-8/.55), inset 0 -.7rem 0 var(--foreground), 0 .55rem 0 -.1rem var(--foreground), 0 1rem 1.1rem -.35rem var(--foreground)}@supports (color:color-mix(in lab, red, red)){.song-recording-bank{box-shadow:inset 0 .45rem 0 oklab(100% 0 5.96046e-8/.55), inset 0 -.7rem 0 color-mix(in oklab, var(--foreground) 14%, transparent), 0 .55rem 0 -.1rem color-mix(in oklab, var(--foreground) 22%, transparent), 0 1rem 1.1rem -.35rem color-mix(in oklab, var(--foreground) 35%, transparent)}}.song-recording-bank:before{content:"";background-image:radial-gradient(circle, var(--card) 0 42%, var(--foreground) 46%, transparent 60%);height:.5rem;position:absolute;top:.5rem;left:1.4rem;right:1.4rem}@supports (color:color-mix(in lab, red, red)){.song-recording-bank:before{background-image:radial-gradient(circle, color-mix(in oklab, var(--card) 70%, white) 0 42%, color-mix(in oklab, var(--foreground) 18%, transparent) 46%, transparent 60%)}}.song-recording-bank:before{pointer-events:none;background-repeat:repeat-x;background-size:1.5rem 100%}@media (prefers-reduced-motion:no-preference){.song-recording-bank{transition:transform .18s,box-shadow .18s}.song-recording-bank:has([data-brick]:active){transform:translateY(2px)}}.song-recording-bank .song-clip-brick{min-height:2.3rem;margin-top:.5rem;padding:.85rem .5rem .3rem;font-size:.72rem}.song-recording-bank .song-clip-brick .brick-studs{top:-.75rem}.song-recording-bank .song-clip-brick .brick-studs>span{width:.8rem;height:.5rem}.song-brick-wall{grid-template-rows:repeat(3,3.5rem);grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem .65rem;max-width:42rem;margin:1rem auto;padding-bottom:.4rem;display:grid}.song-brick-wall [data-brick="0"]{--brick:var(--brick-mint);grid-area:1/1/2/4}.song-brick-wall [data-brick="1"]{--brick:var(--brick-blue);grid-area:1/4/2/9}.song-brick-wall [data-brick="2"]{--brick:var(--brick-aqua);grid-area:1/9/2/13}.song-brick-wall [data-brick="3"]{--brick:var(--brick-gold);grid-area:2/1/3/6}.song-brick-wall [data-brick="4"]{--brick:var(--brick-lime);grid-area:2/6/3/10}.song-brick-wall [data-brick="5"]{--brick:var(--brick-violet);grid-area:2/10/4/13}.song-brick-wall [data-brick="6"]{--brick:var(--brick-pink);grid-area:3/1/4/7}.song-brick-wall [data-brick="7"]{--brick:var(--brick-orange);grid-area:3/7/4/10}.song-brick-wall .block-brick{height:100%;padding:.45rem .35rem;font-size:.85rem}.song-brick-wall .brick-label{overflow-wrap:anywhere;position:relative}@media not all and (width>=480px){.song-brick-wall{grid-template-rows:repeat(4,3.25rem)}.song-brick-wall [data-brick="0"]{grid-area:1/1/2/6}.song-brick-wall [data-brick="1"]{grid-area:1/6/2/13}.song-brick-wall [data-brick="2"]{grid-area:2/1/3/8}.song-brick-wall [data-brick="3"]{grid-area:2/8/3/13}.song-brick-wall [data-brick="4"]{grid-area:3/1/4/9}.song-brick-wall [data-brick="5"]{grid-area:3/9/5/13}.song-brick-wall [data-brick="6"]{grid-area:4/1/5/6}.song-brick-wall [data-brick="7"]{grid-area:4/6/5/9}}.song-brick-theme .block-brick{--brick-depth:7px;--brick-top:var(--brick)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick{--brick-top:color-mix(in oklab, var(--brick) 68%, var(--card))}}.song-brick-theme .block-brick{--brick-side:var(--brick)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick{--brick-side:color-mix(in oklab, var(--brick) 65%, var(--foreground))}}.song-brick-theme .block-brick{isolation:isolate;background:linear-gradient(115deg, var(--brick), var(--brick) 48%, var(--brick));border-radius:.2rem;padding-top:.55rem;padding-bottom:.45rem;overflow:visible}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick{background:linear-gradient(115deg, color-mix(in oklab, var(--brick) 83%, var(--card)), var(--brick) 48%, color-mix(in oklab, var(--brick) 87%, var(--foreground)))}}.song-brick-theme .block-brick{box-shadow:inset 1px 1px 0 var(--card), inset 0 -2px 0 var(--brick-side), 5px 9px 8px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick{box-shadow:inset 1px 1px 0 color-mix(in oklab, var(--card) 65%, transparent), inset 0 -2px 0 var(--brick-side), 5px 9px 8px color-mix(in oklab, var(--foreground) 22%, transparent)}}.song-brick-theme .block-brick:before{content:"";pointer-events:none;height:var(--brick-depth);transform-origin:bottom;background:linear-gradient(180deg, var(--brick-top), var(--brick-top));position:absolute;inset:auto -1px 100%;transform:skew(-40deg)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick:before{background:linear-gradient(180deg, color-mix(in oklab, var(--brick-top) 82%, var(--card)), var(--brick-top))}}.song-brick-theme .block-brick:before{border:1px solid var(--brick)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick:before{border:1px solid color-mix(in oklab, var(--brick) 80%, var(--foreground))}}.song-brick-theme .block-brick:before{z-index:-1;border-radius:2px 2px 0 0}.song-brick-theme .block-brick:after{content:"";pointer-events:none;width:calc(var(--brick-depth) * .84);transform-origin:0;background:linear-gradient(90deg, var(--brick-side), var(--brick-side));position:absolute;top:-1px;bottom:-1px;left:100%;transform:skewY(-50deg)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick:after{background:linear-gradient(90deg, var(--brick-side), color-mix(in oklab, var(--brick-side) 82%, var(--foreground)))}}.song-brick-theme .block-brick:after{border:1px solid var(--brick)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick:after{border:1px solid color-mix(in oklab, var(--brick) 60%, var(--foreground))}}.song-brick-theme .block-brick:after{z-index:-1;border-radius:0 2px 2px 0}.song-brick-theme .block-brick .brick-studs{z-index:1;pointer-events:none;top:-.85rem;transform:translate(3px)}.song-brick-theme .block-brick .brick-studs>span{background:linear-gradient(90deg, var(--brick), var(--brick) 45%, var(--brick-side));border-radius:45% 45% 35% 35%;height:.65rem}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick .brick-studs>span{background:linear-gradient(90deg, color-mix(in oklab, var(--brick) 72%, var(--card)), var(--brick) 45%, var(--brick-side))}}.song-brick-theme .block-brick .brick-studs>span{box-shadow:1px 3px 2px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick .brick-studs>span{box-shadow:1px 3px 2px color-mix(in oklab, var(--foreground) 22%, transparent)}}.song-brick-theme .block-brick .brick-studs>span:before{content:"";background:var(--brick-top);border:1px solid var(--brick);border-radius:50%;height:55%;position:absolute;inset:-1px -1px auto}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick .brick-studs>span:before{border:1px solid color-mix(in oklab, var(--brick) 80%, var(--foreground))}}.song-brick-theme .block-brick .brick-studs>span:before{box-shadow:inset 0 1px 0 var(--card)}@supports (color:color-mix(in lab, red, red)){.song-brick-theme .block-brick .brick-studs>span:before{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 70%, transparent)}}.song-brick-theme .song-loose-brick{margin-top:.5rem}.song-brick-theme .song-record-brick,.song-brick-theme .song-clip-brick{margin-top:.65rem}.song-brick-theme .song-slot-brick{margin-top:.6rem}.song-brick-theme .song-section-studio .song-slot-brick{min-height:3.6rem}.song-brick-theme .song-clip-brick{min-height:2.5rem}.song-brick-theme .song-letter-examples{margin-block:.6rem}.song-brick-theme .song-letter-hero .song-loose-brick{min-width:6.5rem;min-height:3.4rem;margin-top:1.15rem;padding:1.5rem .9rem .55rem;font-size:1.05rem}.song-brick-theme .song-letter-hero .block-brick{--brick-depth:8px}.song-brick-theme .song-letter-hero .brick-studs{top:-1.1rem}.song-brick-theme .song-letter-hero .brick-studs>span{width:1.15rem;height:.75rem}@media not all and (width>=640px){.song-brick-theme .song-letter-hero .song-loose-brick{min-width:4.75rem;margin-top:.95rem;padding:1.2rem .5rem .4rem;font-size:.9rem}.song-brick-theme .song-letter-hero .brick-studs{top:-.9rem}.song-brick-theme .song-letter-hero .brick-studs>span{width:.85rem;height:.55rem}}.song-brick-theme .song-letter-compact .song-loose-brick{min-width:4.5rem;margin-top:.95rem;padding:1.2rem .45rem .4rem;font-size:.9rem}.song-brick-theme .song-letter-compact .block-brick{--brick-depth:6px}.song-brick-theme .song-letter-compact .brick-studs{top:-.9rem}.song-brick-theme .song-letter-compact .brick-studs>span{width:.8rem;height:.55rem}.song-brick-theme .song-section-studio [aria-label=Musical\ clips]{row-gap:.4rem}.home-refresh .subscription-card{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:var(--home-shadow-3d);border-radius:8px;padding:1.5rem}.home-refresh .subscription-card-featured{border:2px solid var(--primary);background:linear-gradient(160deg, var(--card), var(--secondary))}.snowman-arcade{--background:oklch(17% .07 285);--foreground:oklch(96% .02 260);--card:oklch(25% .08 285);--card-foreground:var(--foreground);--popover:var(--card);--popover-foreground:var(--foreground);--primary:oklch(78% .16 195);--primary-foreground:oklch(18% .06 285);--secondary:oklch(34% .12 300);--secondary-foreground:var(--foreground);--accent:oklch(80% .17 340);--muted:oklch(30% .07 285);--muted-foreground:oklch(78% .05 265);--border:oklch(48% .12 290);--input:var(--border);--snow-shadow:0 0 0 1px var(--primary), 0 0 24px -4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.snowman-arcade{--snow-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 30%, transparent), 0 0 24px -4px color-mix(in oklab, var(--accent) 45%, transparent)}}.snowman-arcade{--snow-ice:oklch(90% .04 220);--snow-white:oklch(98% .01 230);--snow-key-dark:oklch(14% .04 285);--snow-key-glow:oklch(85% .16 190);isolation:isolate;background:radial-gradient(ellipse at 20% 10%, var(--accent), transparent 45%), radial-gradient(ellipse at 85% 30%, var(--primary), transparent 50%), linear-gradient(180deg, var(--background), oklch(12% .05 280));position:relative;overflow-x:hidden}@supports (color:color-mix(in lab, red, red)){.snowman-arcade{background:radial-gradient(ellipse at 20% 10%, color-mix(in oklab, var(--accent) 28%, transparent), transparent 45%), radial-gradient(ellipse at 85% 30%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 50%), linear-gradient(180deg, var(--background), oklch(12% .05 280))}}.snowman-arcade:before,.snowman-arcade:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 10% 20%, var(--snow-white), transparent), radial-gradient(1px 1px at 30% 70%, var(--snow-white), transparent), radial-gradient(2px 2px at 55% 15%, var(--snow-key-glow), transparent), radial-gradient(1px 1px at 75% 55%, var(--snow-white), transparent), radial-gradient(1.5px 1.5px at 90% 85%, var(--accent), transparent), radial-gradient(1px 1px at 45% 45%, var(--snow-white), transparent), radial-gradient(1.5px 1.5px at 15% 90%, var(--snow-white), transparent), radial-gradient(1px 1px at 65% 92%, var(--snow-white), transparent);background-size:420px 420px;animation:4s ease-in-out infinite alternate snowman-twinkle;position:fixed;inset:0}.snowman-arcade:after{opacity:.7;background-position:80px 120px;background-size:260px 260px;animation-delay:-2s}@keyframes snowman-twinkle{0%{opacity:.35}to{opacity:1}}.snowman-arcade h2,.snowman-arcade h1{text-shadow:0 0 18px var(--primary)}@supports (color:color-mix(in lab, red, red)){.snowman-arcade h2,.snowman-arcade h1{text-shadow:0 0 18px color-mix(in oklab, var(--primary) 60%, transparent)}}.snowman-arcade .snowman-ball{color:var(--primary-foreground)}.snowman-arcade .snowman-ball-lit{background:radial-gradient(circle at 35% 30%, var(--snow-white), var(--snow-ice));border-color:var(--snow-key-glow);box-shadow:0 0 22px var(--snow-key-glow), inset -8px -7px 10px var(--primary)}@supports (color:color-mix(in lab, red, red)){.snowman-arcade .snowman-ball-lit{box-shadow:0 0 22px color-mix(in oklab, var(--snow-key-glow) 70%, transparent), inset -8px -7px 10px color-mix(in oklab, var(--primary) 25%, transparent)}}.snowman-arcade .snowman-figure{animation:3.5s ease-in-out infinite snowman-float}@keyframes snowman-float{50%{transform:translateY(-6px)}}.snowman-arcade .snowman-won{filter:drop-shadow(0 0 18px var(--accent));animation:.5s ease-in-out 2 snowman-blast}@keyframes snowman-blast{50%{transform:translateY(-22px)rotate(-6deg)scale(1.08)}}.snowman-arcade .snowman-keyboard{background:linear-gradient(180deg, var(--secondary), var(--card))}.snowman-arcade .snowman-keyboard .snowman-white-key{background:var(--snow-white);color:var(--primary-foreground)}.snowman-arcade .snowman-keyboard .snowman-black-key{color:var(--snow-white)}.snowman-arcade .snowman-keyboard .snowman-key-on{background:var(--snow-key-glow);box-shadow:0 0 18px var(--snow-key-glow), inset 0 -5px 0 var(--accent)}@media (prefers-reduced-motion:reduce){.snowman-arcade:before,.snowman-arcade:after,.snowman-arcade .snowman-figure,.snowman-arcade .snowman-won{animation:none}}.snowman-hud{background:var(--card);border:2px solid var(--border);box-shadow:var(--snow-shadow)}.snowman-stage{min-height:230px}.snowman-figure{flex-direction:column;flex-shrink:0;align-items:center;width:170px;display:flex}.snowman-ball{border:2px dashed var(--border);background:var(--card);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.snowman-ball{background:color-mix(in oklab, var(--card) 50%, transparent)}}.snowman-ball{color:var(--primary);box-shadow:inset -8px -7px 10px var(--primary);position:relative}@supports (color:color-mix(in lab, red, red)){.snowman-ball{box-shadow:inset -8px -7px 10px color-mix(in oklab, var(--primary) 10%, transparent)}}.snowman-ball-0{width:140px;height:95px;margin-top:-9px}.snowman-ball-1{z-index:1;width:112px;height:76px;margin-top:-7px}.snowman-ball-2{z-index:2;width:82px;height:69px}.snowman-ball-lit{background:var(--card);border:2px solid var(--primary);box-shadow:inset -8px -7px 10px var(--primary), 0 0 16px var(--snow-key-glow)}@supports (color:color-mix(in lab, red, red)){.snowman-ball-lit{box-shadow:inset -8px -7px 10px color-mix(in oklab, var(--primary) 14%, transparent), 0 0 16px color-mix(in oklab, var(--snow-key-glow) 50%, transparent)}}.snowman-face{font-size:22px}.snowman-dot{color:var(--accent)}.snowman-note-slot{background:var(--card);text-align:center;border-bottom:3px solid var(--border);border-radius:8px;width:56px;min-height:48px;padding:4px}.snowman-keyboard{background:var(--primary);width:100%;height:150px;box-shadow:var(--snow-shadow);border-radius:8px;padding:8px 7px 14px;display:flex}.snowman-key-wrap{flex:1;min-width:0;position:relative}.snowman-keyboard .snowman-white-key{border:1px solid var(--border);background:var(--card);width:100%;height:100%;color:var(--foreground);box-shadow:inset 0 -5px 0 var(--snow-ice);border-radius:0 0 5px 5px;align-items:flex-end;padding:0 0 8px;font-size:14px;position:relative}.snowman-white-key small{white-space:normal;min-height:10px;font-size:8px;line-height:1.1;display:block}.snowman-keyboard .snowman-black-key{z-index:2;background:var(--snow-key-dark);width:62%;height:60%;color:var(--card);border-bottom:5px solid var(--foreground);border-radius:0 0 4px 4px;align-items:flex-end;padding:0 0 7px;font-size:11px;position:absolute;top:0;left:69%}.snowman-keyboard .snowman-key-on{background:var(--snow-key-glow);color:var(--foreground);box-shadow:inset 0 -5px 0 var(--primary)}.snowman-keyboard button:disabled{opacity:1}.snowman-won{animation:.4s ease-in-out 2 snowman-hop}@keyframes snowman-hop{50%{transform:translateY(-12px)rotate(5deg)}}@media not all and (width>=640px){.snowman-figure{width:135px}.snowman-ball-0{width:120px;height:82px}.snowman-ball-1{width:92px;height:67px}.snowman-ball-2{width:70px;height:58px}.snowman-stage{min-height:210px}.snowman-note-slot{width:42px}.snowman-keyboard{height:128px;padding-inline:4px}.snowman-keyboard .snowman-white-key{font-size:12px}.snowman-keyboard .snowman-black-key{font-size:8px}}@media (height<=520px) and (orientation:landscape) and (pointer:coarse){.snowman-stage{min-height:140px;padding-block:8px}.snowman-figure{height:130px;transform:scale(.65)}.snowman-keyboard{height:105px}}@media (prefers-reduced-motion:reduce){.snowman-won{animation:none}}@keyframes chord-surge{0%,to{filter:brightness();box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 0%, transparent)}50%{filter:brightness(1.4)saturate(1.3);box-shadow:0 0 14px 3px color-mix(in oklab, var(--primary) 60%, transparent)}}.key-surge{animation:.55s ease-in-out infinite chord-surge}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.key-surge{animation:none}}@media (orientation:landscape) and (width<=1023px) and (height<=609px) and (pointer:coarse){header:has(.header-keys){position:relative}.lesson-page header:has(.header-keys) nav{height:2.25rem}.lesson-page .header-keys{height:12px}.lesson-page .lesson-banner>div{gap:.25rem .75rem;padding-inline:.75rem}.lesson-page .lesson-banner h1{font-size:1rem}.lesson-page .lesson-banner>div>p{display:none}.lesson-page .lesson-banner>div{padding-block:.125rem}.lesson-page .lesson-body{gap:0;padding:.25rem .75rem 0}.lesson-page .lesson-body>aside,.lesson-page>footer{display:none}.lesson-fit-content{min-height:var(--lesson-fit-height,0px);flex-direction:column;display:flex}.lesson-fit-content>*{flex:1;margin-top:0}#lesson-flow{flex-direction:column;display:flex}#lesson-flow>:first-child{flex-direction:column;flex:1;display:flex}#lesson-flow>:first-child>ol{flex-direction:column;flex:1;justify-content:center;padding-block:.5rem;display:flex}#lesson-flow>:first-child>ol>.loop-step{width:100%}#lesson-flow>.sticky{flex-shrink:0}.lesson-fit-content>:not(#lesson-flow){flex-direction:column;justify-content:center;display:flex}#lesson-flow ol img,#lesson-flow ol svg.w-full{object-fit:contain;max-height:12rem}#lesson-flow ol svg.run-staff{max-height:none}#lesson-flow .phone-stack{align-items:center}#lesson-flow .phone-stack>button{justify-self:start!important}#lesson-flow>.sticky,#chord-factory-screen .sticky{position:static}#lesson-flow .loop-step>div:has(>p):has(>div):not(:has(>.snowman-intro,.lesson-quiz,.interactive-slides)){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-auto-flow:dense;align-items:center;column-gap:1rem;display:grid}#lesson-flow .loop-step>div:has(>p):has(>div)>*{grid-column:1}#lesson-flow .loop-step>div:has(>p):has(>div)>p{font-size:1.5rem;line-height:1.3}#lesson-flow .loop-step h3,#lesson-flow h2{font-size:1.6rem}#lesson-flow .loop-step>div:has(>p):has(>div)>h3{font-size:1.6rem}#lesson-flow h2+p{font-size:1.1rem}#lesson-flow p{font-size:max(1.15rem,1em)}#lesson-flow .loop-step>div:has(>p):has(>div)>div{grid-area:span 6/2;margin-top:0}#lesson-flow .loop-step>div:has(>p):has(>div)>[data-narration-replay]{position:absolute}.snowman-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:1rem;display:grid}.snowman-intro>p{grid-column:1}.snowman-intro-graphic{grid-area:1/2/span 4}.snowman-intro-graphic>div{margin-top:0}#lesson-flow .lesson-quiz{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:.375rem 1rem;display:grid}#lesson-flow .lesson-quiz>:first-child,#lesson-flow .quiz-question,#lesson-flow .quiz-given{grid-column:1}#lesson-flow .quiz-question{gap:.375rem}#lesson-flow .quiz-options{grid-area:1/2/span 3;align-self:center;margin-top:0}#lesson-flow .quiz-feedback{grid-column:1/-1}.song-media{grid-template-columns:minmax(0,1fr)}.song-desktop-keyboard{display:none}.song-phone-keyboard{display:block}.song-video{width:228px;max-width:100%;margin-inline:auto}.song-play-prompt{margin-top:.375rem;padding:.375rem .75rem}.song-play-prompt>p:first-child{font-size:1rem}.song-play-prompt>p+p{font-size:.875rem}#top>.hero-wash h1{font-size:3rem}}.snowman-intro{--snowman-note-light:var(--primary)}@supports (color:color-mix(in lab, red, red)){.snowman-intro{--snowman-note-light:color-mix(in oklab, var(--primary) 60%, var(--card))}}.snowman-intro{--snowman-note-shadow:var(--primary)}@supports (color:color-mix(in lab, red, red)){.snowman-intro{--snowman-note-shadow:color-mix(in oklab, var(--primary) 24%, transparent)}}.snowman-intro{--snowman-stage-wash:radial-gradient(ellipse at center, var(--secondary), transparent 72%);grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:.75rem .25rem;display:grid}.snowman-intro-copy{min-width:0}.snowman-intro-definition{margin-top:1rem}.snowman-intro-graphic{grid-area:auto;min-width:0}.snowman-chord-views{margin:0}.snowman-view-switch{background:var(--secondary);border-radius:.5rem;justify-content:center;gap:.25rem;width:fit-content;max-width:100%;margin-inline:auto;padding:.25rem;display:flex}.snowman-view-switch>button{flex-shrink:1}.snowman-view-stage{background:var(--snowman-stage-wash);justify-content:center;align-items:center;min-height:10rem;padding-block:.75rem;display:flex}#lesson-flow ol svg.snowman-intro-staff{width:100%;max-width:23rem;max-height:none}.snowman-intro-caption{text-align:center;max-width:29ch;color:var(--muted-foreground);margin:0 auto}.snowman-intro>.snowman-intro-outro{grid-column:1/-1;margin:0}@media (width>=768px){.snowman-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem 2rem}.snowman-intro-graphic{grid-area:1/2}}@media (orientation:landscape) and (height<=600px) and (pointer:coarse){.snowman-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 1rem;padding-block:.25rem}.snowman-intro-graphic{grid-area:1/2}.snowman-view-stage{min-height:6rem;padding-block:.25rem}#lesson-flow ol svg.snowman-intro-staff{max-height:7rem}.snowman-intro-definition{margin-top:.5rem}}.lesson-fit-content h2{font-size:calc(1.25rem / var(--lesson-zoom,1));line-height:1.25}.scale-blaster .blaster-chip{background:var(--primary);border-radius:9999px;padding:.25rem .7rem}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-chip{background:color-mix(in oklab, var(--primary) 55%, transparent)}}.scale-blaster .blaster-chip{border:1px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-chip{border:1px solid color-mix(in oklab, var(--primary-foreground) 30%, transparent)}}.scale-blaster .blaster-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scale-blaster .blaster-combo{background:var(--accent);color:var(--accent-foreground);animation:.3s ease-out blaster-pop}.scale-blaster .blaster-energy{background:linear-gradient(90deg, var(--accent), oklch(85% .17 95))}.scale-blaster{--blaster-key-lit:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scale-blaster{--blaster-key-lit:color-mix(in oklab, var(--accent) 32%, var(--primary-foreground))}}.scale-blaster{--blaster-key-edge:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scale-blaster{--blaster-key-edge:color-mix(in oklab, var(--accent) 65%, var(--primary))}}.scale-blaster{--blaster-key-dark:var(--foreground);--blaster-key-black:oklch(0% 0 0);--blaster-key-missing:var(--primary)}@supports (color:color-mix(in lab, red, red)){.scale-blaster{--blaster-key-missing:color-mix(in oklab, var(--primary) 65%, var(--foreground))}}.scale-blaster{--blaster-key-target:oklch(85% .17 95);--blaster-key-shadow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scale-blaster{--blaster-key-shadow:color-mix(in oklab, var(--accent) 35%, transparent)}}.scale-blaster .blaster-keyboard{background:var(--blaster-key-dark);width:min(40rem,100vw - 2rem);box-shadow:0 0 20px var(--blaster-key-shadow);border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin:1.25rem 0;padding:0;display:grid;position:relative}.scale-blaster .blaster-scale-ring{z-index:2;pointer-events:none;filter:drop-shadow(0 0 5px var(--blaster-key-shadow));position:absolute;overflow:visible}.scale-blaster .blaster-scale-ring-line{fill:none;stroke:var(--blaster-key-target);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:1.6s linear blaster-circle-draw}.scale-blaster .blaster-scale-ring-comet{fill:none;stroke-linecap:round;animation:1.6s linear both blaster-orbit-comet}.scale-blaster .blaster-scale-ring-comet-haze{stroke:var(--accent);stroke-width:9px;stroke-dasharray:.09 1;filter:blur(3px)}.scale-blaster .blaster-scale-ring-comet-tail{stroke:var(--blaster-key-target);stroke-width:5px;stroke-dasharray:.045 1}.scale-blaster .blaster-scale-ring-comet-head{stroke:var(--primary-foreground);stroke-width:6px;stroke-dasharray:.006 1;filter:drop-shadow(0 0 4px var(--blaster-key-target))}@keyframes blaster-orbit-comet{0%{stroke-dashoffset:.09px;opacity:0}8%{opacity:1}90%{opacity:1}to{stroke-dashoffset:-.91px;opacity:0}}@keyframes blaster-circle-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.scale-blaster .blaster-slot{min-width:0;height:4.25rem;color:var(--foreground);background:var(--primary-foreground);border:2px solid var(--blaster-key-edge);border-radius:2px 2px 6px 6px;justify-content:center;align-items:flex-end;padding-bottom:5px;font-size:.9rem;display:flex}.scale-blaster .blaster-slot-given{background:var(--blaster-key-lit);box-shadow:inset 0 -4px 0 var(--blaster-key-edge)}.scale-blaster .blaster-black-key{color:var(--blaster-key-target);justify-content:center;align-items:flex-end;padding-bottom:3px;font-size:.7rem;font-weight:700;display:flex}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-black-key{color:color-mix(in oklab, var(--blaster-key-target) 72%, transparent)}}.scale-blaster .blaster-black-key{z-index:1;background:var(--blaster-key-black);border:2px solid var(--blaster-key-black);width:7%;height:56%;box-shadow:none;border-radius:0 0 4px 4px;position:absolute;top:0;transform:translate(-50%)}.scale-blaster .blaster-black-key-1{left:13.5%}.scale-blaster .blaster-black-key.blaster-slot-given{color:var(--blaster-key-target);box-shadow:0 0 12px var(--blaster-key-target);background:oklch(32% 0 0)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-black-key.blaster-slot-given{box-shadow:0 0 12px color-mix(in oklab, var(--blaster-key-target) 45%, transparent)}}.scale-blaster .blaster-round{border:2px solid var(--blaster-key-edge);background:var(--blaster-key-dark);border-radius:8px;justify-content:center;align-items:center;gap:1rem;width:min(28rem,100%);padding:.25rem .75rem;display:flex}.scale-blaster .blaster-countdown{font-variant-numeric:tabular-nums;color:var(--blaster-key-target);font-size:2rem;line-height:1.1}.scale-blaster .blaster-round small{opacity:.8;font-size:.7rem;display:block}.scale-blaster .blaster-round-urgent .blaster-countdown{color:var(--accent)}.scale-blaster .blaster-goal{flex-direction:column;align-items:center;gap:.1rem;display:flex}.scale-blaster .blaster-goal-kicker{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;font-size:.72rem}.scale-blaster .blaster-scale-name{letter-spacing:.01em;color:var(--blaster-key-target);text-shadow:0 0 18px var(--blaster-key-target), 0 2px 0 oklch(0% 0 0/.55);font-size:clamp(2rem,7vw,3.25rem);font-weight:900;line-height:1}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-scale-name{text-shadow:0 0 18px color-mix(in oklab, var(--blaster-key-target) 65%, transparent), 0 2px 0 oklch(0% 0 0/.55)}}.scale-blaster .blaster-scale-name{animation:.35s ease-out blaster-pop}.scale-blaster .blaster-scale-name-sm{text-shadow:none;font-size:clamp(1.5rem,5vw,2.1rem);animation:none}.scale-blaster .blaster-goal-hint{opacity:.85;font-size:.8rem}.scale-blaster .blaster-black-key-2{left:25.65%}.scale-blaster .blaster-black-key-4{left:50%}.scale-blaster .blaster-black-key-5{left:62.15%}.scale-blaster .blaster-black-key-6{left:74.3%}.scale-blaster .blaster-slot-filled{background:var(--accent);color:var(--accent-foreground);animation:.4s ease-out blaster-pop}.scale-blaster .blaster-fire{width:5.5rem;height:5.5rem;color:var(--accent-foreground);background:radial-gradient(circle at 35% 30%, oklch(92% .1 40), var(--accent));box-shadow:0 0 0 4px var(--primary-foreground), 0 8px 24px oklch(0% 0 0/.4);border-radius:9999px;font-size:1.1rem}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-fire{box-shadow:0 0 0 4px color-mix(in oklab, var(--primary-foreground) 35%, transparent), 0 8px 24px oklch(0% 0 0/.4)}}.scale-blaster .blaster-fire{touch-action:none}.scale-blaster .blaster-fire:active{transform:scale(.94)}.scale-blaster .blaster-panel{background:var(--primary);border-radius:1.5rem;padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-panel{background:color-mix(in oklab, var(--primary) 70%, transparent)}}.scale-blaster .blaster-panel{border:2px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-panel{border:2px solid color-mix(in oklab, var(--primary-foreground) 30%, transparent)}}.scale-blaster .blaster-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px oklch(0% 0 0/.45)}.scale-blaster .blaster-level{white-space:normal;text-align:center;cursor:pointer;background:linear-gradient(160deg, var(--primary), var(--primary));border-radius:1rem;flex-direction:column;gap:0;height:auto;padding:.7rem .8rem}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-level{background:linear-gradient(160deg, color-mix(in oklab, var(--primary) 55%, var(--primary-foreground) 20%), color-mix(in oklab, var(--primary) 80%, transparent))}}.scale-blaster .blaster-level{border:2px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-level{border:2px solid color-mix(in oklab, var(--primary-foreground) 40%, transparent)}}.scale-blaster .blaster-level{transition:border-color .15s,background .15s,transform .15s}.scale-blaster .blaster-level:hover{border-color:var(--primary-foreground);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-level:hover{border-color:color-mix(in oklab, var(--primary-foreground) 55%, transparent)}}.scale-blaster .blaster-level-on{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-level-on{background:color-mix(in oklab, var(--accent) 30%, transparent)}}.scale-blaster .blaster-level-on{border-color:var(--blaster-key-edge);box-shadow:0 0 18px var(--blaster-key-shadow)}.scale-blaster .blaster-launch{background:linear-gradient(135deg, var(--accent), var(--blaster-key-edge));border:2px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.scale-blaster .blaster-launch{border:2px solid color-mix(in oklab, var(--primary-foreground) 75%, transparent)}}.scale-blaster .blaster-launch{box-shadow:0 0 26px var(--blaster-key-shadow), 0 12px 26px oklch(0% 0 0/.45);color:var(--foreground);font-weight:800}@media (pointer:fine){.scale-blaster .blaster-fire{display:none}}@keyframes blaster-pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes blaster-pulse{50%{box-shadow:0 0 4px oklch(85% .17 95/.2)}}@media (prefers-reduced-motion:reduce){.scale-blaster .blaster-combo,.scale-blaster .blaster-scale-name,.scale-blaster .blaster-scale-ring rect,.scale-blaster .blaster-slot-filled{animation:none}.scale-blaster .blaster-scale-ring-comet{display:none}}.arcade-banner{color:var(--primary-foreground);background:radial-gradient(circle at 85% 30%,oklch(70% .2 350/.35),#0000 45%),radial-gradient(circle at 10% 90%,oklch(60% .15 250/.5),#0000 50%),linear-gradient(135deg,oklch(25% .12 295),oklch(32% .16 280));border-radius:1.5rem;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;transition:transform .2s;display:flex;box-shadow:0 16px 40px oklch(25% .12 295/.35)}.arcade-banner:hover{transform:translateY(-3px)}.arcade-banner .section-kicker{color:oklch(85% .17 95)}.arcade-banner-cta{background:var(--accent);color:var(--accent-foreground);border-radius:9999px;padding:.7rem 1.3rem}.groove-stage{background:var(--groove-stage);color:var(--groove-ink);border-radius:8px;padding:.9rem}.groove-lab{--background:oklch(18% .085 302);--foreground:oklch(98% .009 302);--card:oklch(26% .095 302);--card-foreground:var(--foreground);--muted-foreground:oklch(80% .035 302);--primary:oklch(84% .15 185);--primary-foreground:oklch(19% .05 190);--border:oklch(48% .09 302);--input:var(--border);--secondary:oklch(34% .11 302);--secondary-foreground:var(--foreground);--positive:oklch(84% .15 160);--groove-pink:oklch(74% .23 350);--groove-gold:oklch(87% .17 85);--groove-stage:oklch(20% .065 302);--groove-ink:var(--foreground);--groove-ribbon:var(--primary);--groove-note:var(--groove-gold);--groove-grid:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.groove-lab{--groove-grid:color-mix(in oklab, var(--foreground) 18%, transparent)}}.groove-lab{--groove-choice-shadow:0 8px 24px var(--background)}@supports (color:color-mix(in lab, red, red)){.groove-lab{--groove-choice-shadow:0 8px 24px color-mix(in oklab, var(--background) 40%, transparent)}}.groove-lab{isolation:isolate;position:relative}.groove-light-field{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.groove-light-field svg{width:100%;height:100%;overflow:visible}.groove-light-stream{fill:none;stroke-width:3px;stroke-linecap:round;transform-origin:50%;will-change:transform}.groove-light-stream path{vector-effect:non-scaling-stroke}.groove-light-stream-a{stroke:var(--primary);filter:drop-shadow(0 0 8px var(--primary));animation:13s ease-in-out infinite alternate groove-light-flow}.groove-light-stream-b{stroke:var(--groove-pink);filter:drop-shadow(0 0 9px var(--groove-pink));opacity:.8;animation:17s ease-in-out infinite alternate groove-light-cross}.groove-light-stream-c{stroke:var(--groove-gold);filter:drop-shadow(0 0 7px var(--groove-gold));opacity:.65;animation:19s ease-in-out -7s infinite alternate-reverse groove-light-flow}.groove-light-stream path:nth-child(2){opacity:.45;stroke-width:1.5px}.groove-light-stream path:nth-child(3){opacity:.2;stroke-width:1px}@keyframes groove-light-flow{0%{transform:translate(-3%,-5%)rotate(-6deg)}to{transform:translate(6%,7%)rotate(5deg)}}@keyframes groove-light-cross{0%{transform:translate(5%,9%)rotate(8deg)}to{transform:translate(-7%,-6%)rotate(-4deg)}}.groove-lab>header{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.groove-lab>header{background:color-mix(in oklab, var(--background) 88%, transparent)}}.groove-lab>header{max-width:none;padding-inline:max(1.25rem,50% - 34.75rem)}.groove-lab>header h1{color:var(--foreground);text-shadow:0 0 24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.groove-lab>header h1{text-shadow:0 0 24px color-mix(in oklab, var(--primary) 38%, transparent)}}.groove-lab>nav{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.groove-lab>nav{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.groove-lab>nav{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.groove-lab>nav{background:color-mix(in oklab, var(--background) 82%, transparent)}}.groove-lab>nav{border-radius:0 0 8px 8px}.groove-lab main h2{text-shadow:0 2px 8px var(--background);font-size:1.25rem}.groove-lab main section>p{text-shadow:0 2px 5px var(--background)}.groove-lab .groove-choice{--choice-light:var(--primary);white-space:normal;border:1px solid var(--choice-light);border-radius:8px;position:relative}@supports (color:color-mix(in lab, red, red)){.groove-lab .groove-choice{border:1px solid color-mix(in oklab, var(--choice-light) 42%, var(--card))}}.groove-lab .groove-choice{background:linear-gradient(135deg, var(--choice-light), var(--card))}@supports (color:color-mix(in lab, red, red)){.groove-lab .groove-choice{background:linear-gradient(135deg, color-mix(in oklab, var(--choice-light) 12%, var(--card)), color-mix(in oklab, var(--card) 96%, transparent))}}.groove-lab .groove-choice{box-shadow:var(--groove-choice-shadow), inset 3px 0 var(--choice-light);color:var(--foreground);gap:.45rem;padding:.7rem 1rem}.groove-lab .groove-choice:nth-child(2){--choice-light:var(--groove-pink)}.groove-lab .groove-choice:nth-child(3){--choice-light:var(--groove-gold)}.groove-lab .groove-choice:nth-child(4){--choice-light:var(--section-four)}.groove-lab .groove-choice:hover,.groove-lab .groove-choice.groove-on{border-color:var(--choice-light);background:linear-gradient(135deg, var(--choice-light), var(--card))}@supports (color:color-mix(in lab, red, red)){.groove-lab .groove-choice:hover,.groove-lab .groove-choice.groove-on{background:linear-gradient(135deg, color-mix(in oklab, var(--choice-light) 22%, var(--card)), var(--card))}}.groove-lab .groove-choice:hover,.groove-lab .groove-choice.groove-on{box-shadow:var(--groove-choice-shadow), inset 3px 0 var(--choice-light), 0 0 22px var(--choice-light)}@supports (color:color-mix(in lab, red, red)){.groove-lab .groove-choice:hover,.groove-lab .groove-choice.groove-on{box-shadow:var(--groove-choice-shadow), inset 3px 0 var(--choice-light), 0 0 22px color-mix(in oklab, var(--choice-light) 20%, transparent)}}.groove-lab .groove-choice:focus-visible{outline:2px solid var(--choice-light);outline-offset:4px}.groove-lab .groove-chip{color:var(--foreground);--chip:var(--primary);border-radius:5px;padding:.15rem .5rem;font-size:.78rem}.groove-lab .groove-chip-1{--chip:var(--groove-pink)}.groove-lab .groove-chip-2{--chip:var(--groove-gold)}.groove-lab .groove-chip-3{--chip:var(--positive)}.groove-lab .groove-icon{width:100%;height:2.4rem;color:var(--choice-light);background:var(--choice-light);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.groove-lab .groove-icon{background:color-mix(in oklab, var(--choice-light) 10%, transparent)}}.groove-lab .groove-beat i{background:var(--choice-light);box-shadow:0 0 12px var(--choice-light);width:.75rem;height:.75rem}.groove-lab .groove-build{background:var(--card);border-radius:8px}.groove-lab .groove-stage{border:1px solid var(--border)}@media (prefers-reduced-motion:reduce){.groove-light-stream{will-change:auto;animation:none}}.groove-track{stroke:var(--groove-grid);stroke-width:1px;fill:none}.groove-ribbon{fill:none;stroke:var(--groove-ribbon);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.groove-dot{fill:var(--groove-note)}.groove-dot-active{fill:var(--groove-ink);stroke:var(--groove-note);stroke-width:5px}.groove-marker{stroke:var(--groove-ink);stroke-width:2px;opacity:.55}.groove-choice{border:2px solid var(--border);background:var(--card);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;height:auto;padding:.9rem 1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.groove-choice:hover{border-color:var(--primary);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.groove-choice:hover{border-color:color-mix(in oklab, var(--primary) 50%, var(--border))}}.groove-choice:hover{box-shadow:0 10px 24px -14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.groove-choice:hover{box-shadow:0 10px 24px -14px color-mix(in oklab, var(--primary) 60%, transparent)}}.groove-choice.groove-on{border-color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--section-four))}@supports (color:color-mix(in lab, red, red)){.groove-choice.groove-on{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 16%, var(--card)), color-mix(in oklab, var(--section-four) 14%, var(--card)))}}.groove-choice.groove-on{box-shadow:0 0 0 3px var(--primary), 0 12px 28px -14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.groove-choice.groove-on{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent), 0 12px 28px -14px color-mix(in oklab, var(--primary) 65%, transparent)}}.groove-chip{--chip:var(--primary);border:1px solid var(--chip);border-radius:999px;align-items:center;gap:.3rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.groove-chip{border:1px solid color-mix(in oklab, var(--chip) 45%, transparent)}}.groove-chip{background:var(--chip)}@supports (color:color-mix(in lab, red, red)){.groove-chip{background:color-mix(in oklab, var(--chip) 15%, var(--card))}}.groove-chip{padding:.1rem .5rem .1rem .35rem;font-size:.72rem;font-weight:700}.groove-chip:before{content:"";background:var(--chip);border-radius:50%;width:.45rem;height:.45rem}.groove-chip-1{--chip:var(--section-four)}.groove-chip-2{--chip:var(--section-three)}.groove-chip-3{--chip:var(--positive)}.groove-icon{width:2.6rem;height:2.6rem;color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--section-four));border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.groove-icon{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 18%, transparent), color-mix(in oklab, var(--section-four) 18%, transparent))}}.groove-beat{gap:.35rem;display:flex}.groove-beat i{background:var(--primary);width:.55rem;height:.55rem;animation:groove-thump var(--beat,.75s) ease-in-out infinite;border-radius:50%}.groove-beat i:nth-child(2){animation-delay:.12s}.groove-beat i:nth-child(3){animation-delay:.24s}@keyframes groove-thump{0%,to{opacity:.4;transform:scale(.65)}25%{opacity:1;transform:scale(1.3)}}.groove-build{border:2px solid var(--primary);justify-content:center;align-items:baseline;gap:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.groove-build{border:2px solid color-mix(in oklab, var(--primary) 35%, transparent)}}.groove-build{background:linear-gradient(135deg, var(--primary), var(--section-three));border-radius:12px;padding:.5rem 1rem}@supports (color:color-mix(in lab, red, red)){.groove-build{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 12%, transparent), color-mix(in oklab, var(--section-three) 12%, transparent))}}@media (prefers-reduced-motion:reduce){.groove-choice:hover{transform:none}.groove-beat i{animation:none}}.echo-game{--echo-cyan:oklch(80% .13 200);--echo-pink:oklch(77% .19 345);--echo-ink:oklch(22% .07 290);color:var(--primary-foreground);background:radial-gradient(120% 90% at 50% 0,oklch(35% .15 302),oklch(19% .08 294) 58%,oklch(13% .05 286));position:relative}.echo-game:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(115deg, transparent 0 38px, var(--accent) 38px 40px), repeating-linear-gradient(65deg, transparent 0 54px, #00d1da24 54px 56px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.echo-game:before{background:repeating-linear-gradient(115deg, transparent 0 38px, color-mix(in oklab, var(--accent) 14%, transparent) 38px 40px), repeating-linear-gradient(65deg, transparent 0 54px, oklab(78% -.150351 -.0547232/.14) 54px 56px)}}.echo-game:before{animation:16s linear infinite echo-drift}@keyframes echo-drift{to{background-position:300px 0,-300px 0}}@media (prefers-reduced-motion:reduce){.echo-game:before{animation:none}}.echo-game>header,.echo-game>main{z-index:1;position:relative}.echo-game .text-muted-foreground{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.echo-game .text-muted-foreground{color:color-mix(in oklab, var(--primary-foreground) 72%, transparent)}}.echo-card{border:2px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.echo-card{border:2px solid color-mix(in oklab, var(--primary-foreground) 22%, transparent)}}.echo-card{cursor:pointer;background:oklab(32% .0688895 -.110246/.82);border-radius:.5rem;padding:.7rem .8rem;transition:transform .15s,border-color .15s,box-shadow .15s}.echo-card:hover{transform:translateY(-2px)}.echo-card-on{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-card-on{background:color-mix(in oklab, var(--accent) 20%, oklch(32% .13 302))}}.echo-card-on{box-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-card-on{box-shadow:0 0 18px color-mix(in oklab, var(--accent) 45%, transparent)}}.echo-pill{background:var(--primary-foreground);border-radius:999px;padding:.3rem .5rem;font-size:.7rem;font-weight:800;line-height:1}@supports (color:color-mix(in lab, red, red)){.echo-pill{background:color-mix(in oklab, var(--primary-foreground) 14%, transparent)}}.echo-pill{border:1px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.echo-pill{border:1px solid color-mix(in oklab, var(--primary-foreground) 25%, transparent)}}.echo-bar{border:2px solid var(--primary-foreground);border-radius:1rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.4rem;padding:.5rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.echo-bar{border:2px solid color-mix(in oklab, var(--primary-foreground) 22%, transparent)}}.echo-bar{background:oklab(0% none none/.32)}.echo-cell{border:1px dashed var(--primary-foreground);border-radius:.7rem;min-height:4.5rem}@supports (color:color-mix(in lab, red, red)){.echo-cell{border:1px dashed color-mix(in oklab, var(--primary-foreground) 25%, transparent)}}.echo-cell{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;transition:background .1s,border-color .1s,box-shadow .1s;display:flex}.echo-cell-on{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-cell-on{background:color-mix(in oklab, var(--accent) 32%, transparent)}}.echo-cell-on{border:1px solid var(--accent);box-shadow:0 0 22px var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-cell-on{box-shadow:0 0 22px color-mix(in oklab, var(--accent) 50%, transparent)}}.echo-count{opacity:.6;font-size:.7rem;font-weight:800}.echo-parts{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.echo-dot{background:var(--primary-foreground);border-radius:.5rem;padding:.25rem .45rem;font-size:.8rem;font-weight:900}@supports (color:color-mix(in lab, red, red)){.echo-dot{background:color-mix(in oklab, var(--primary-foreground) 16%, transparent)}}.echo-dot-left{background:oklab(78% -.150351 -.0547232/.5)}.echo-head{top:.3rem;bottom:.3rem;left:var(--echo-play,0%);background:var(--primary-foreground);width:3px;box-shadow:0 0 16px var(--primary-foreground);opacity:var(--echo-on,0);border-radius:3px;position:absolute}.echo-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.echo-key{border:2px solid var(--primary-foreground);border-radius:.5rem;min-height:clamp(5rem,22dvh,9rem)}@supports (color:color-mix(in lab, red, red)){.echo-key{border:2px solid color-mix(in oklab, var(--primary-foreground) 30%, transparent)}}.echo-key{background:linear-gradient(180deg, var(--primary-foreground), var(--primary-foreground))}@supports (color:color-mix(in lab, red, red)){.echo-key{background:linear-gradient(180deg, color-mix(in oklab, var(--primary-foreground) 94%, transparent), color-mix(in oklab, var(--primary-foreground) 72%, transparent))}}.echo-key{color:var(--foreground);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;padding-bottom:.7rem;display:flex}.echo-key:disabled{opacity:.35;cursor:default}.echo-key-left{color:oklch(18% .04 250);background:linear-gradient(oklch(76% .14 205),oklch(56% .16 215))}.echo-key-lit{background:linear-gradient(180deg, var(--accent), var(--accent))}@supports (color:color-mix(in lab, red, red)){.echo-key-lit{background:linear-gradient(180deg, var(--accent), color-mix(in oklab, var(--accent) 60%, white))}}.echo-key-lit{border-color:var(--primary-foreground);box-shadow:0 0 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-key-lit{box-shadow:0 0 26px color-mix(in oklab, var(--accent) 70%, transparent)}}.echo-key-lit{transform:translateY(2px)}.echo-key-note{font-size:1.2rem;font-weight:900}.echo-key-finger{opacity:.75;font-size:.8rem;font-weight:800}.echo-tap{border:2px dashed var(--primary-foreground);border-radius:.9rem;min-height:3.2rem}@supports (color:color-mix(in lab, red, red)){.echo-tap{border:2px dashed color-mix(in oklab, var(--primary-foreground) 35%, transparent)}}.echo-tap{background:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.echo-tap{background:color-mix(in oklab, var(--primary-foreground) 8%, transparent)}}.echo-tap{color:inherit;cursor:pointer;font-weight:800}.echo-tap:active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.echo-tap:active{background:color-mix(in oklab, var(--accent) 28%, transparent)}}.echo-hand-guide{text-align:center;color:var(--echo-cyan)}.echo-hand-guide kbd{color:var(--primary-foreground);font-weight:900}.echo-live{text-align:center}.echo-piano-stage{--echo-beat:0}.echo-finger-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.echo-finger-lane{border-inline:1px solid var(--echo-pink);height:220px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.echo-finger-lane{border-inline:1px solid color-mix(in oklab, var(--echo-pink) 25%, transparent)}}.echo-finger-lane{background:linear-gradient(180deg, transparent, var(--echo-pink))}@supports (color:color-mix(in lab, red, red)){.echo-finger-lane{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--echo-pink) 15%, transparent))}}.echo-lane-left{border-color:var(--echo-cyan)}.echo-falling-finger{width:30px;height:30px;left:calc(50% - 15px);top:calc(184px - (var(--cue-beat) - var(--echo-beat)) * 55px);background:var(--echo-pink);color:var(--echo-ink);box-shadow:0 0 12px var(--echo-pink);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:900;display:grid;position:absolute}.echo-lane-left .echo-falling-finger{background:var(--echo-cyan)}.echo-finger-target{border:2px solid var(--echo-cyan);width:38px;height:38px;color:var(--echo-cyan);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:900;display:grid;position:absolute;bottom:2px;left:calc(50% - 19px)}.echo-target-hit{background:var(--echo-cyan);color:var(--echo-ink);box-shadow:0 0 20px var(--echo-cyan)}.echo-piano-stage .echo-key{border-radius:0 0 6px 6px;min-height:110px}.echo-piano-finger{font-size:1.75rem;font-weight:900;line-height:1}.echo-key-hint{opacity:.65;font-size:.7rem}.echo-rewards{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.echo-energy{background:var(--echo-cyan);border-radius:3px;width:10px;height:20px}@supports (color:color-mix(in lab, red, red)){.echo-energy{background:color-mix(in oklab, var(--echo-cyan) 15%, transparent)}}.echo-energy-on{background:var(--echo-cyan);box-shadow:0 0 10px var(--echo-cyan)}.echo-popup-slot{place-items:center;width:180px;height:32px;display:grid}.echo-popup{white-space:nowrap;color:var(--echo-cyan);font-size:1rem;font-weight:900;animation:1.2s ease-out forwards echo-reward}.echo-cell-hit{background:var(--echo-cyan)}@supports (color:color-mix(in lab, red, red)){.echo-cell-hit{background:color-mix(in oklab, var(--echo-cyan) 45%, transparent)}}.echo-cell-hit{border:2px solid var(--echo-cyan);box-shadow:0 0 22px var(--echo-cyan)}@keyframes echo-reward{0%{opacity:0;transform:scale(.8)}15%,75%{opacity:1;transform:scale(1)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.echo-popup{animation:none}}.echo-phase{text-transform:uppercase;color:var(--echo-cyan);margin-bottom:.3rem;font-size:.75rem;font-weight:900;display:inline-block}.echo-equalizer{justify-content:center;align-items:center;gap:5px;height:32px;margin-top:6px;display:flex}.echo-equalizer span{background:var(--echo-pink);width:6px;height:8px;box-shadow:0 0 8px var(--echo-pink);border-radius:3px}.echo-equalizer .echo-meter-on{animation:.42s ease-in-out infinite alternate echo-bounce}.echo-equalizer span:nth-child(3n){background:var(--echo-cyan);animation-delay:-.2s}.echo-equalizer span:nth-child(2n){animation-delay:-.1s}.echo-key-hand{color:var(--echo-ink);font-size:.65rem;font-weight:800}.echo-key-code{color:var(--echo-ink);font-size:1.6rem;font-weight:900;line-height:1.4}@keyframes echo-bounce{to{height:28px}}@media (prefers-reduced-motion:reduce){.echo-equalizer .echo-meter-on{height:18px;animation:none}}@media (width<=480px){.echo-key-code{font-size:1.25rem}.echo-key-finger{font-size:.7rem}.echo-dot{padding:.25rem;font-size:.65rem}}.groove-piano{background:var(--foreground);border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-content:end;gap:2px;height:100%;padding:5px;display:grid}.groove-key-wrap{min-width:0;position:relative}.groove-piano .groove-white{width:100%;height:var(--groove-key-h,8rem);background:var(--card);color:var(--foreground);border-radius:2px 2px 5px 5px;align-items:flex-end;padding:0 0 8px;font-size:.8rem}.groove-piano .groove-black{z-index:2;width:62%;height:var(--groove-black-h,4.8rem);background:var(--foreground);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:0 0 4px 4px;align-items:flex-end;padding:0 0 5px;font-size:.65rem;position:absolute;top:0;right:-31%}.groove-piano .groove-key-lit{background:var(--section-four);color:var(--foreground)}.groove-lab .groove-piano{--card:oklch(98% .009 302);--foreground:oklch(20% .065 302);--primary-foreground:oklch(98% .009 302)}.groove-lab .game-touch-content{min-height:0}.groove-lab .game-piano-scroll{min-height:110px;max-height:300px}.groove-lab .groove-piano{max-height:300px}@media (width<=767px){.groove-lab .game-piano-scroll,.groove-lab .groove-piano{max-height:220px}}.game-preview{aspect-ratio:1;background:var(--card);border-radius:8px;overflow:hidden}.game-preview img{object-fit:cover;width:100%;height:100%}.game-tile{border:1px solid var(--border);background:var(--card);border-radius:8px;min-width:0;transition:border-color .2s;overflow:hidden}.game-tile:hover{border-color:var(--primary)}@media (width<=480px){.groove-piano .groove-white{font-size:.65rem}.groove-piano .groove-black{font-size:.5rem}}.game-tile{aspect-ratio:1;flex-direction:column;display:flex}.game-tile .game-preview{aspect-ratio:auto;border-radius:0;flex:1;min-height:0}.game-tile .game-preview img{object-fit:cover}.game-grid{grid-template-columns:repeat(2,minmax(0,132px));justify-content:center;gap:.7rem;display:grid}@media (width>=640px){.game-grid{grid-template-columns:repeat(4,minmax(0,138px))}}.chord-rush .rush-chip{background:var(--primary);border-radius:9999px;padding:.25rem .7rem}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-chip{background:color-mix(in oklab, var(--primary) 55%, transparent)}}.chord-rush .rush-chip{border:1px solid var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-chip{border:1px solid color-mix(in oklab, var(--primary-foreground) 30%, transparent)}}.chord-rush .rush-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chord-rush .rush-clock{background:var(--accent);border-radius:9999px;align-items:center;gap:.4rem;margin-left:auto;padding:.15rem .8rem;font-size:1.6rem;line-height:1.15;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-clock{background:color-mix(in oklab, var(--accent) 22%, var(--foreground))}}.chord-rush .rush-clock{border:2px solid var(--accent);color:var(--primary-foreground);box-shadow:0 0 20px var(--accent)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-clock{box-shadow:0 0 20px color-mix(in oklab, var(--accent) 45%, transparent)}}.chord-rush .rush-clock-low{background:var(--destructive);border-color:var(--destructive-foreground);color:var(--destructive-foreground);animation:.9s ease-in-out infinite rush-clock-pulse}@keyframes rush-clock-pulse{50%{box-shadow:0 0 34px var(--destructive);transform:scale(1.08)}}.rush-clockline{background:var(--primary);border-radius:9999px;width:min(100%,640px);height:7px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.rush-clockline{background:color-mix(in oklab, var(--primary) 30%, transparent)}}.rush-clockfill{background:linear-gradient(90deg, var(--section-four), var(--accent));border-radius:9999px;height:100%;display:block}.rush-clockfill-low{background:var(--destructive)}@media (width<=480px){.chord-rush .rush-clock{gap:.25rem;padding:.1rem .5rem;font-size:1.15rem}.rush-clockline{height:5px}}@media (prefers-reduced-motion:reduce){.chord-rush .rush-clock-low{animation:none}}.chord-rush .rush-combo{background:var(--accent);color:var(--accent-foreground);animation:.3s ease-out blaster-pop}.chord-rush .rush-panel{background:var(--foreground);border-radius:1rem;padding:1.25rem}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-panel{background:color-mix(in oklab, var(--foreground) 88%, var(--primary))}}.chord-rush .rush-panel{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-panel{border:1px solid color-mix(in oklab, var(--primary) 45%, transparent)}}.chord-rush .rush-panel{box-shadow:0 0 30px var(--primary)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-panel{box-shadow:0 0 30px color-mix(in oklab, var(--primary) 35%, transparent)}}.chord-rush .rush-target{letter-spacing:0;text-shadow:0 0 18px var(--primary);font-size:1.25rem}.chord-rush .rush-slots{gap:6px;display:inline-flex}.chord-rush .rush-slot{border:2px solid var(--accent);border-radius:9999px;justify-content:center;align-items:center;min-width:2.2rem;height:2.2rem;font-size:1rem;display:inline-flex}.chord-rush .rush-slot-given{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-slot-given{background:color-mix(in oklab, var(--accent) 35%, var(--primary-foreground))}}.chord-rush .rush-slot-given{color:var(--foreground);box-shadow:0 0 14px var(--accent)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-slot-given{box-shadow:0 0 14px color-mix(in oklab, var(--accent) 60%, transparent)}}.chord-rush .rush-slot-missing{color:var(--accent);background:var(--primary);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-slot-missing{background:color-mix(in oklab, var(--primary) 45%, transparent)}}.chord-rush .rush-feedback{background:var(--foreground);border-radius:9999px;padding:.2rem .9rem}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-feedback{background:color-mix(in oklab, var(--foreground) 70%, transparent)}}.chord-rush .rush-feedback{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.chord-rush .rush-feedback{border:1px solid color-mix(in oklab, var(--accent) 50%, transparent)}}.chord-rush .rush-feedback{text-shadow:0 0 10px var(--accent)}.rush-menu{position:relative;overflow:hidden}.rush-marquee{pointer-events:none;position:fixed;inset:0;overflow:hidden}.rush-marquee .rush-sun{aspect-ratio:1;opacity:.8;background:radial-gradient(circle at 50% 62%, var(--accent) 0%, var(--primary) 45%, transparent 72%);border-radius:9999px;width:min(70vw,460px);position:absolute;top:-16%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-sun{background:radial-gradient(circle at 50% 62%, color-mix(in oklab, var(--accent) 80%, var(--primary-foreground)) 0%, color-mix(in oklab, var(--primary) 75%, transparent) 45%, transparent 72%)}}.rush-marquee .rush-floor{opacity:.8;background:repeating-linear-gradient(to right, var(--primary) 0 2px, transparent 2px 9%), repeating-linear-gradient(to bottom, var(--section-four) 0 2px, transparent 2px 15%);height:58%;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-floor{background:repeating-linear-gradient(to right, color-mix(in oklab, var(--primary) 65%, transparent) 0 2px, transparent 2px 9%), repeating-linear-gradient(to bottom, color-mix(in oklab, var(--section-four) 60%, transparent) 0 2px, transparent 2px 15%)}}.rush-marquee .rush-floor{transform-origin:bottom;animation:3.4s linear infinite rush-floor-run;transform:perspective(320px)rotateX(64deg)}@keyframes rush-floor-run{to{background-position:0 0,0 15%}}.rush-marquee .rush-orb{opacity:.9;border:2px solid var(--primary-foreground);border-radius:9999px;width:46px;height:46px;position:absolute}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb{border:2px solid color-mix(in oklab, var(--primary-foreground) 45%, transparent)}}.rush-marquee .rush-orb{box-shadow:0 0 24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb{box-shadow:0 0 24px color-mix(in oklab, var(--primary) 65%, transparent)}}.rush-marquee .rush-orb{animation:9s ease-in-out infinite rush-orb-drift}.rush-marquee .rush-orb-1{background:var(--accent);top:20%;left:7%}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb-1{background:color-mix(in oklab, var(--accent) 55%, transparent)}}.rush-marquee .rush-orb-2{background:var(--primary);top:33%;right:8%}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb-2{background:color-mix(in oklab, var(--primary) 65%, transparent)}}.rush-marquee .rush-orb-2{animation-delay:-2.4s}.rush-marquee .rush-orb-3{background:var(--section-four);bottom:24%;left:14%}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb-3{background:color-mix(in oklab, var(--section-four) 55%, transparent)}}.rush-marquee .rush-orb-3{animation-delay:-5s}.rush-marquee .rush-orb-4{background:var(--section-three);bottom:16%;right:16%}@supports (color:color-mix(in lab, red, red)){.rush-marquee .rush-orb-4{background:color-mix(in oklab, var(--section-three) 55%, transparent)}}.rush-marquee .rush-orb-4{animation-delay:-7.2s}@keyframes rush-orb-drift{50%{transform:translate(20px,-24px)scale(1.14)}}.rush-menu:after{content:"";pointer-events:none;opacity:.45;background:repeating-linear-gradient(to bottom, var(--primary-foreground) 0 1px, transparent 1px 4px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.rush-menu:after{background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--primary-foreground) 6%, transparent) 0 1px, transparent 1px 4px)}}.rush-menu .rush-hero{background:var(--foreground);position:relative}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-hero{background:color-mix(in oklab, var(--foreground) 72%, transparent)}}.rush-menu .rush-hero{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-hero{border-color:color-mix(in oklab, var(--accent) 45%, transparent)}}.rush-menu .rush-hero{box-shadow:0 0 42px var(--primary), inset 0 0 30px var(--primary)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-hero{box-shadow:0 0 42px color-mix(in oklab, var(--primary) 45%, transparent), inset 0 0 30px color-mix(in oklab, var(--primary) 22%, transparent)}}.rush-menu .rush-kicker{color:var(--accent);text-shadow:0 0 16px var(--accent)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-kicker{text-shadow:0 0 16px color-mix(in oklab, var(--accent) 75%, transparent)}}.rush-menu .rush-title{letter-spacing:-.02em;color:var(--primary-foreground);text-shadow:0 0 10px var(--accent), 0 0 30px var(--primary), 0 0 68px var(--primary), 0 6px 0 var(--foreground);margin-top:.35rem;font-size:clamp(3rem,13vw,6.5rem);font-weight:900;line-height:.92}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-title{text-shadow:0 0 10px color-mix(in oklab, var(--accent) 90%, transparent), 0 0 30px var(--primary), 0 0 68px color-mix(in oklab, var(--primary) 85%, transparent), 0 6px 0 color-mix(in oklab, var(--foreground) 55%, var(--primary))}}.rush-menu .rush-title{animation:5s ease-in-out infinite rush-neon}@keyframes rush-neon{0%,to{opacity:1}46%{opacity:.95}48%{opacity:.74}50%{opacity:1}}.rush-menu .rush-steps{text-align:left;gap:.5rem;max-width:31rem;margin:1.5rem auto 0;padding:0;list-style:none;display:grid}.rush-menu .rush-steps li{background:var(--primary);border-radius:.8rem;align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-steps li{background:color-mix(in oklab, var(--primary) 24%, transparent)}}.rush-menu .rush-steps li{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-steps li{border:1px solid color-mix(in oklab, var(--primary) 55%, transparent)}}.rush-menu .rush-steps li{box-shadow:inset 0 0 18px var(--primary)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-steps li{box-shadow:inset 0 0 18px color-mix(in oklab, var(--primary) 28%, transparent)}}.rush-menu .rush-step-num{background:var(--accent);width:1.9rem;height:1.9rem;color:var(--accent-foreground);box-shadow:0 0 18px var(--accent);border-radius:9999px;flex:none;place-items:center;font-weight:900;display:grid}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-step-num{box-shadow:0 0 18px color-mix(in oklab, var(--accent) 70%, transparent)}}.rush-menu .rush-cta{box-shadow:0 0 28px var(--primary);border-radius:.9rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-cta{box-shadow:0 0 28px color-mix(in oklab, var(--primary) 60%, transparent)}}.rush-menu .rush-cta-alt{box-shadow:0 0 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-cta-alt{box-shadow:0 0 24px color-mix(in oklab, var(--accent) 50%, transparent)}}.rush-menu .rush-section-title{color:var(--accent);text-shadow:0 0 14px var(--accent)}@supports (color:color-mix(in lab, red, red)){.rush-menu .rush-section-title{text-shadow:0 0 14px color-mix(in oklab, var(--accent) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.rush-marquee .rush-floor,.rush-marquee .rush-orb,.rush-menu .rush-title{animation:none}}.rush-play{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.rush-hud{z-index:1;padding-top:max(.5rem, env(safe-area-inset-top));flex:none}.rush-arena{flex:1;min-height:90px;position:relative;overflow:hidden}.rush-dock{z-index:1;width:100%;padding:.4rem max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));background:var(--foreground);border-top:2px solid var(--section-four);box-shadow:0 -8px 28px var(--section-four);flex:none}@supports (color:color-mix(in lab, red, red)){.rush-dock{box-shadow:0 -8px 28px color-mix(in oklab, var(--section-four) 20%, transparent)}}.rush-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:600px;margin:auto;display:grid}.rush-tool{--rush-tool-color:var(--section-four);background:var(--rush-tool-color);border-radius:8px;height:48px;padding:.25rem}@supports (color:color-mix(in lab, red, red)){.rush-tool{background:color-mix(in oklab, var(--rush-tool-color) 25%, var(--foreground))}}.rush-tool{color:var(--primary-foreground);border:1px solid var(--rush-tool-color);box-shadow:inset 0 0 14px var(--rush-tool-color)}@supports (color:color-mix(in lab, red, red)){.rush-tool{box-shadow:inset 0 0 14px color-mix(in oklab, var(--rush-tool-color) 22%, transparent)}}.rush-tool-hint{--rush-tool-color:var(--section-three)}.rush-tool-slow{--rush-tool-color:var(--section-four)}.rush-tool-hear{--rush-tool-color:var(--accent)}.rush-slot-active{outline:2px solid var(--section-four);outline-offset:3px}.game-touch-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.game-touch-screen header{flex-wrap:wrap}.game-touch-screen button:not(.groove-white):not(.groove-black){min-height:44px}.game-touch-screen header a{min-width:44px;min-height:44px}.game-touch-content{min-height:min-content}.game-piano-scroll{flex:1;min-height:110px;overflow:auto hidden}.game-piano-scroll .groove-piano{min-height:110px}.scale-blaster .blaster-fire{bottom:max(1rem, env(safe-area-inset-bottom));right:max(1rem, env(safe-area-inset-right))}@media (width<=767px),(orientation:landscape) and (height<=609px) and (pointer:coarse){.game-touch-screen header,.game-touch-screen main{padding-left:.75rem;padding-right:.75rem}.game-touch-screen header h1{font-size:1.25rem}.game-piano-scroll .groove-piano{min-width:680px}.game-piano-wide .groove-piano{min-width:1100px}.game-piano-scroll .groove-black{min-width:44px;font-size:.75rem;right:-23px}.game-piano-scroll .groove-white{font-size:.875rem}}.rush-piano-scroll{width:100%;margin-bottom:.5rem;overflow:auto hidden}.rush-piano{grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;width:100%;min-width:616px;margin:0 auto;display:grid}.rush-key-wrap{min-width:0;position:relative}.rush-piano .rush-white{pointer-events:none;background:var(--card);width:100%;height:140px;color:var(--foreground);border-radius:0 0 5px 5px;flex-direction:column;justify-content:end;align-items:center;gap:0;padding:0 0 8px;font-size:1rem;display:flex}.rush-white small{opacity:.65;font-size:.65rem}.rush-snowman{flex-direction:column;align-items:center;display:flex}.rush-snowball{background:var(--card);width:34px;height:30px;color:var(--foreground);border:1px solid var(--section-four);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.rush-snowball-collected{background:var(--section-four)}@media (width<=1049px){.rush-piano .rush-white{height:96px;padding-bottom:4px}.rush-piano .rush-black{height:58px;padding-bottom:4px}}.rush-piano .rush-black{pointer-events:none;z-index:2;border:1px solid var(--section-four);background:var(--foreground);width:60%;min-width:44px;height:84px;color:var(--primary-foreground);border-radius:0 0 4px 4px;align-items:end;padding:0 0 8px;font-size:.75rem;line-height:1.2;display:flex;position:absolute;top:0;right:-30%}@media (width<=1049px){.rush-piano .rush-black{height:58px;padding-bottom:4px}}.rush-piano .rush-key-lit{background:var(--section-four);color:var(--foreground)}@media (width<=480px){.rush-tool{flex-direction:column;gap:2px;height:54px;font-size:.75rem}.rush-hud .rush-chip{padding:.2rem .4rem;font-size:.75rem}.rush-target{font-size:1.125rem}}@media (orientation:landscape) and (height<=609px) and (pointer:coarse){.rush-piano .rush-white{height:74px;padding-bottom:2px}.rush-piano .rush-black{height:44px;padding-bottom:2px}.rush-snowball{width:28px;height:23px;font-size:.75rem}.rush-tool{height:40px}.rush-hud{gap:.25rem;padding:.25rem .5rem}.rush-hud .size-11{width:36px;height:36px}}.echo-game{color:#f4ecff}.echo-game .section-kicker{color:#ffd9a6}.echo-game .text-primary{color:#f6ecff}.echo-game .text-foreground{color:#f4ecff}.echo-game .bg-primary{color:#fff;background:linear-gradient(135deg,#ff6ad5,#b16cff 55%,#45e8ff)}.echo-game .bg-background{background:#ffffff14}.echo-game .border-border{border-color:#fff3}.echo-game .bg-muted{background:#ffffff26}.echo-game .bg-destructive{background:#ff6b6b}.echo-game .bg-positive{background:#6ee7a8}.echo-game .text-positive{color:#8ff0bb}.echo-game .section-kicker{color:#ffd9a6!important;-webkit-text-fill-color:#ffd9a6!important;background-image:none!important}.echo-game .bg-background{background-color:#ffffff17!important}.echo-game .border-input{border-color:#ffffff3d!important}.echo-game .hover\:bg-accent:hover{background-color:#ffffff2a!important}.song-builder{isolation:isolate;--song-wash:var(--background);position:relative}@supports (color:color-mix(in lab, red, red)){.song-builder{--song-wash:color-mix(in oklab, var(--background) 93%, transparent)}}.song-builder{--song-stage-bg:var(--deep-panel);--song-stage-ink:var(--primary-foreground);--song-glow:0 0 24px var(--section-four)}@supports (color:color-mix(in lab, red, red)){.song-builder{--song-glow:0 0 24px color-mix(in oklab, var(--section-four) 40%, transparent)}}.song-builder-art{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.song-builder-art img{object-fit:cover;width:100%;height:100%}.song-builder-art:after{content:"";background:var(--song-wash);position:absolute;inset:0}.song-builder-steps{border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.65rem 0;display:grid}.song-builder-steps li{color:var(--muted-foreground);align-items:center;gap:.4rem;display:flex}.song-builder-steps li>span{background:var(--secondary);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:grid}.song-builder-steps small{font-size:.75rem}.song-builder-steps .song-step-active{color:var(--primary);font-weight:700}.song-step-active>span{color:var(--primary-foreground);background:var(--primary)!important}.song-builder-menu{padding:1.5rem 0 .5rem}.song-choice{white-space:normal;border:2px solid var(--border);background:var(--card);height:auto;min-height:88px;box-shadow:var(--shadow-soft);border-radius:8px;gap:.75rem;padding:1rem}.song-choice:nth-child(2n){border-color:var(--section-four)}@supports (color:color-mix(in lab, red, red)){.song-choice:nth-child(2n){border-color:color-mix(in oklab,var(--section-four) 50%,var(--border))}}.song-choice-emoji{background:var(--secondary);border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:2rem;display:grid}.song-chord-chip{border:1px solid var(--border);background:var(--card);border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.875rem;font-weight:600;display:flex}.song-chord-current{border-color:var(--primary);color:var(--primary)}.song-chord-built{background:var(--positive)}@supports (color:color-mix(in lab, red, red)){.song-chord-built{background:color-mix(in oklab,var(--positive) 18%,var(--card))}}.song-build-prompt{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.song-snowman{flex-direction:column;align-items:center;margin-right:1rem;display:flex}.song-snowman span{border:2px solid var(--primary);background:var(--card);border-radius:50%;place-items:center;width:42px;height:32px;font-weight:700;display:grid}.song-snowman .song-snowman-lit{background:var(--section-four);box-shadow:var(--song-glow)}.song-piano-scroll{padding:3px 0;overflow:visible}.song-piano{background:var(--foreground);border-radius:8px;grid-template-columns:repeat(15,minmax(0,1fr));gap:2px;width:100%;padding:5px;display:grid}.song-piano .song-middle-c{box-shadow:inset 0 -4px var(--primary)}.song-key-wrap{min-width:0;position:relative}.song-piano .song-white,.song-piano .song-black{min-width:0;overflow:visible}.song-piano .song-white{background:var(--card);width:100%;height:124px;color:var(--foreground);border-radius:0 0 5px 5px;flex-direction:column;justify-content:end;align-items:center;gap:0;padding-bottom:.5rem;display:flex}.song-white small{color:var(--muted-foreground);font-size:.6rem}.song-piano .song-black{z-index:2;background:var(--foreground);width:62%;min-width:0;height:76px;color:var(--primary-foreground);border:1px solid var(--primary);border-radius:0 0 4px 4px;justify-content:center;align-items:end;padding:0 0 .35rem;font-size:.75rem;position:absolute;top:0;right:-31%}.song-piano .song-key-lit,.song-play-keys .song-key-lit{background:var(--section-four);color:var(--foreground);box-shadow:var(--song-glow)}@media (width<=640px){.song-piano{gap:1px;padding:3px}.song-piano .song-white{min-width:0;height:112px;padding-inline:0;font-size:.7rem}.song-white small{white-space:nowrap;font-size:.45rem}.song-piano .song-black{height:68px;padding-inline:0;font-size:.5rem}}.song-pattern{white-space:normal;border:2px solid var(--border);background:var(--card);text-align:center;border-radius:8px;flex-direction:column;gap:.3rem;height:auto;min-height:106px;padding:.6rem;display:flex}.song-pattern-selected{border-color:var(--primary);background:var(--secondary);box-shadow:var(--shadow-soft)}.song-pattern strong{font-size:.875rem}.song-pattern-dots{color:var(--primary);justify-content:center;align-items:center;gap:.6rem;font-size:.65rem;display:flex}.song-stage{background:var(--song-stage-bg);color:var(--song-stage-ink);border-radius:8px;padding:1rem}.song-melody{align-items:center;gap:1rem;min-height:108px;display:flex}.song-melody-note{font-family:var(--font-display);color:var(--section-three);text-align:center;flex-shrink:0;width:70px;font-size:3rem;font-weight:800}.song-note-dancing{animation:.6s ease-in-out infinite alternate song-note-bounce}.song-progress{background:var(--song-stage-ink);height:6px}@supports (color:color-mix(in lab, red, red)){.song-progress{background:color-mix(in oklab,var(--song-stage-ink) 20%,transparent)}}.song-progress{border-radius:3px;overflow:hidden}.song-progress>div{background:var(--section-four);height:100%}.song-chart-bar{text-align:center;border-bottom:3px solid var(--border);min-width:30px;padding:.3rem;font-size:.8rem;font-weight:700}.song-chart-active{color:var(--primary);border-color:var(--primary);background:var(--secondary)}.song-play-keys{background:var(--foreground);border-radius:5px;grid-template-columns:repeat(15,minmax(0,1fr));gap:2px;padding:4px;display:grid}.song-play-keys span{background:var(--card);border-radius:0 0 3px 3px;justify-content:center;align-items:end;height:55px;padding-bottom:.25rem;font-size:.8rem;font-weight:700;display:flex}.song-play-button{min-width:160px}@keyframes song-note-bounce{to{transform:translateY(-7px)rotate(6deg)}}@media (width<=480px){.song-builder-steps li{text-align:center;flex-direction:column;gap:.3rem}.song-builder-steps small{font-size:.65rem}.song-builder-menu h2{font-size:1.5rem}.song-choice{min-height:76px;padding:.65rem}.song-choice strong{font-size:.875rem}.song-choice-emoji{width:38px;height:38px;font-size:1.6rem}.song-melody{gap:.5rem}.song-melody p:first-child{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.song-note-dancing{animation:none}}.home-refresh{--home-neon-pink:oklch(72% .25 340);--home-neon-blue:oklch(70% .18 255);background:radial-gradient(60rem 30rem at 85% 0%, var(--home-neon-pink), transparent 70%), radial-gradient(50rem 30rem at 0% 40%, var(--home-neon-blue), transparent 70%), linear-gradient(180deg, oklch(95% .035 300), oklch(90% .06 295) 55%, oklch(93% .04 300))}@supports (color:color-mix(in lab, red, red)){.home-refresh{background:radial-gradient(60rem 30rem at 85% 0%, color-mix(in oklab, var(--home-neon-pink) 14%, transparent), transparent 70%), radial-gradient(50rem 30rem at 0% 40%, color-mix(in oklab, var(--home-neon-blue) 12%, transparent), transparent 70%), linear-gradient(180deg, oklch(95% .035 300), oklch(90% .06 295) 55%, oklch(93% .04 300))}}.home-refresh header{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.home-refresh header{background:color-mix(in oklab, var(--background) 65%, transparent)}}.home-refresh header{box-shadow:0 8px 30px -18px var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh header{box-shadow:0 8px 30px -18px color-mix(in oklab, var(--primary) 50%, transparent)}}.home-hero{position:relative;overflow:hidden}.home-hero-art{object-fit:cover;object-position:right center;opacity:.95;width:72%;height:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 62%);mask-image:linear-gradient(90deg,#0000,#000 62%)}.home-hero h1,.home-hero p{position:relative}.home-glass{border:1px solid var(--primary-foreground);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.home-glass{border:1px solid color-mix(in oklab, var(--primary-foreground) 60%, transparent)}}.home-glass{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.home-glass{background:color-mix(in oklab, var(--background) 55%, transparent)}}.home-glass{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:0 18px 40px -24px var(--primary), inset 0 1px 0 var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.home-glass{box-shadow:0 18px 40px -24px color-mix(in oklab, var(--primary) 60%, transparent), inset 0 1px 0 color-mix(in oklab, var(--primary-foreground) 70%, transparent)}}.home-method-bar{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:.75rem;display:flex}.home-method-title{border:1px solid var(--primary);border-radius:999px;align-items:center;gap:.75rem;padding:.4rem 1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.home-method-title{border:1px solid color-mix(in oklab, var(--primary) 35%, transparent)}}.home-method-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:800}.home-method-title span{color:var(--primary);letter-spacing:.1em;font-size:1.15rem}.home-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.home-step{background:linear-gradient(135deg, var(--stage,var(--primary)), var(--stage,var(--primary)));border-radius:1rem;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.home-step{background:linear-gradient(135deg, color-mix(in oklab, var(--stage,var(--primary)) 22%, var(--background)), color-mix(in oklab, var(--stage,var(--primary)) 8%, var(--background)))}}.home-step{border:1px solid var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.home-step{border:1px solid color-mix(in oklab, var(--stage,var(--primary)) 35%, transparent)}}.home-step{box-shadow:0 10px 22px -16px var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.home-step{box-shadow:0 10px 22px -16px color-mix(in oklab, var(--stage,var(--primary)) 70%, transparent)}}.home-step{transition:transform .2s}.home-step:hover{transform:translateY(-2px)}.home-step-num{background:var(--background);width:1.9rem;height:1.9rem;color:var(--stage,var(--primary));font-family:var(--font-display);border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.home-step-emoji{filter:drop-shadow(0 4px 6px var(--foreground));font-size:1.8rem}@supports (color:color-mix(in lab, red, red)){.home-step-emoji{filter:drop-shadow(0 4px 6px color-mix(in oklab, var(--foreground) 20%, transparent))}}.home-game-grid{grid-template-columns:repeat(auto-fill,minmax(112px,132px));gap:.7rem;display:grid}.home-game-grid .game-tile{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.home-game-grid .game-tile{background:color-mix(in oklab, var(--background) 80%, transparent)}}.home-game-grid .game-tile{box-shadow:0 12px 24px -18px var(--primary);border-radius:.9rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.home-game-grid .game-tile{box-shadow:0 12px 24px -18px color-mix(in oklab, var(--primary) 70%, transparent)}}@media (width<=767px){.home-hero-art{opacity:.35;width:100%}.home-method-grid{gap:.4rem}.home-step{text-align:center;flex-direction:column;gap:.25rem;padding:.6rem .4rem}.home-step-emoji{font-size:1.5rem}.home-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}}.home-game-grid .game-tile{aspect-ratio:auto}.home-game-grid .game-tile .game-preview{aspect-ratio:4/3;flex:none}.dash-game-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.dash-game-grid .game-tile{aspect-ratio:auto}.dash-game-grid .game-tile .game-preview{aspect-ratio:4/3;flex:none}.dashboard-top{position:relative}.dashboard-top>section{z-index:1;position:relative}.dashboard-hero{position:relative}.dashboard-hero-art{object-fit:cover;object-position:right center;pointer-events:none;z-index:0;-webkit-mask-composite:source-in;opacity:.95;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:72%;height:min(470px,84vh);position:absolute;inset:0 0 auto auto;-webkit-mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#000 40%,#0000 88%);mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#000 40%,#0000 88%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=767px){.dashboard-hero-art{opacity:.2;width:100%;height:min(340px,60vh)}.home-method-title{white-space:nowrap;gap:.4rem;font-size:.7rem}.home-method-title span{font-size:.9rem}.home-game-grid .game-tile p{display:none}}.home-title{max-width:26ch;font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:.95}.home-lede{max-width:56ch;font-size:clamp(.85rem,1vw,.95rem);line-height:1.5}.home-method{padding:.7rem}.home-method-bar{margin-bottom:.5rem}.home-method-grid{gap:.5rem}.home-step{padding:.55rem .7rem}.home-step-num{width:1.6rem;height:1.6rem}.home-step-emoji{font-size:1.5rem}.home-refresh .header-keys{height:24px}@media (width<=767px){.home-method{padding:.55rem}.home-step{padding:.45rem .4rem}}@media (width>=768px){.home-method-title{font-size:.75rem}.home-method-title span{font-size:1rem}}.home-refresh{--home-shadow-3d:0 1px 0 var(--primary-foreground) inset, 0 -3px 0 var(--primary) inset, 0 2px 4px var(--primary), 0 12px 28px -10px var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh{--home-shadow-3d:0 1px 0 color-mix(in oklab, var(--primary-foreground) 90%, transparent) inset, 0 -3px 0 color-mix(in oklab, var(--primary) 14%, transparent) inset, 0 2px 4px color-mix(in oklab, var(--primary) 12%, transparent), 0 12px 28px -10px color-mix(in oklab, var(--primary) 35%, transparent)}}.home-refresh .home-glass,.home-refresh .home-step,.home-refresh .home-game-grid .game-tile{box-shadow:var(--home-shadow-3d);transition:transform .18s,box-shadow .18s}.home-refresh .home-step:hover,.home-refresh .home-game-grid .game-tile:hover{box-shadow:var(--home-shadow-3d), 0 18px 30px -12px var(--primary);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-step:hover,.home-refresh .home-game-grid .game-tile:hover{box-shadow:var(--home-shadow-3d), 0 18px 30px -12px color-mix(in oklab, var(--primary) 45%, transparent)}}.home-refresh .home-hero-ctas>a{box-shadow:0 1px 0 var(--primary-foreground) inset, 0 -3px 0 var(--foreground) inset, 0 4px 0 var(--primary), 0 10px 20px -6px var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-hero-ctas>a{box-shadow:0 1px 0 color-mix(in oklab, var(--primary-foreground) 45%, transparent) inset, 0 -3px 0 color-mix(in oklab, var(--foreground) 22%, transparent) inset, 0 4px 0 color-mix(in oklab, var(--primary) 45%, var(--foreground)), 0 10px 20px -6px color-mix(in oklab, var(--primary) 55%, transparent)}}.home-refresh .home-hero-ctas>a{transition:transform .12s,box-shadow .12s}.home-refresh .home-hero-ctas>a:active{box-shadow:0 1px 0 var(--primary), 0 4px 10px -4px var(--primary);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-hero-ctas>a:active{box-shadow:0 1px 0 color-mix(in oklab, var(--primary) 45%, var(--foreground)), 0 4px 10px -4px color-mix(in oklab, var(--primary) 50%, transparent)}}.home-chips{flex-wrap:wrap;align-items:center;gap:.4rem;padding:0;list-style:none;display:flex}.home-chip{color:var(--primary);background:linear-gradient(180deg, var(--background), var(--primary));border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .3rem;font-size:.8rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.home-chip{background:linear-gradient(180deg, var(--background), color-mix(in oklab, var(--primary) 10%, var(--background)))}}.home-chip{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-chip{border:1px solid color-mix(in oklab, var(--primary) 30%, transparent)}}.home-chip{box-shadow:var(--home-shadow-3d)}.home-chip b{background:var(--primary);width:1.35rem;height:1.35rem;color:var(--primary-foreground);border-radius:999px;place-items:center;font-size:.7rem;display:grid}.home-refresh .home-method{box-shadow:inset 0 2px 0 var(--primary-foreground), inset 0 -12px 22px -14px var(--primary), 0 2px 5px var(--primary), 0 20px 42px -18px var(--primary), 0 36px 72px -30px var(--primary);position:relative}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-method{box-shadow:inset 0 2px 0 color-mix(in oklab, var(--primary-foreground) 85%, transparent), inset 0 -12px 22px -14px color-mix(in oklab, var(--primary) 38%, transparent), 0 2px 5px color-mix(in oklab, var(--primary) 18%, transparent), 0 20px 42px -18px color-mix(in oklab, var(--primary) 52%, transparent), 0 36px 72px -30px color-mix(in oklab, var(--primary) 42%, transparent)}}.home-refresh .home-method:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(180deg, var(--primary-foreground), transparent);height:46%;position:absolute;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-method:before{background:linear-gradient(180deg, color-mix(in oklab, var(--primary-foreground) 55%, transparent), transparent)}}.home-refresh .home-method-bar,.home-refresh .home-method-grid{position:relative}.home-refresh .home-method-title{background:linear-gradient(180deg, var(--primary-foreground), var(--primary))}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-method-title{background:linear-gradient(180deg, color-mix(in oklab, var(--primary-foreground) 97%, var(--primary)), color-mix(in oklab, var(--primary) 15%, var(--primary-foreground)))}}.home-refresh .home-method-title{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-method-title{border-color:color-mix(in oklab, var(--primary) 42%, transparent)}}.home-refresh .home-method-title{box-shadow:0 1px 0 var(--primary-foreground) inset, 0 -2px 0 var(--primary) inset, 0 2px 0 var(--primary), 0 9px 18px -9px var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-method-title{box-shadow:0 1px 0 color-mix(in oklab, var(--primary-foreground) 98%, transparent) inset, 0 -2px 0 color-mix(in oklab, var(--primary) 15%, transparent) inset, 0 2px 0 color-mix(in oklab, var(--primary) 28%, var(--background)), 0 9px 18px -9px color-mix(in oklab, var(--primary) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.home-refresh .home-step:hover,.home-refresh .home-game-grid .game-tile:hover,.home-refresh .home-hero-ctas>a:active{transform:none}}.home-refresh{background:radial-gradient(55rem 28rem at 85% 0%, var(--home-neon-pink), transparent 70%), radial-gradient(45rem 30rem at 0% 35%, var(--home-neon-blue), transparent 70%), radial-gradient(50rem 30rem at 100% 65%, var(--home-neon-pink), transparent 70%), radial-gradient(45rem 30rem at 10% 95%, var(--home-neon-blue), transparent 70%), linear-gradient(180deg, oklch(95% .035 300), oklch(91% .055 295) 50%, oklch(93% .045 300))}@supports (color:color-mix(in lab, red, red)){.home-refresh{background:radial-gradient(55rem 28rem at 85% 0%, color-mix(in oklab, var(--home-neon-pink) 16%, transparent), transparent 70%), radial-gradient(45rem 30rem at 0% 35%, color-mix(in oklab, var(--home-neon-blue) 14%, transparent), transparent 70%), radial-gradient(50rem 30rem at 100% 65%, color-mix(in oklab, var(--home-neon-pink) 12%, transparent), transparent 70%), radial-gradient(45rem 30rem at 10% 95%, color-mix(in oklab, var(--home-neon-blue) 12%, transparent), transparent 70%), linear-gradient(180deg, oklch(95% .035 300), oklch(91% .055 295) 50%, oklch(93% .045 300))}}.home-hero{overflow:visible}.home-hero-art{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#000 60%,#0000);mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#000 60%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.home-hero-inner .home-lede{margin-top:.9rem}.home-hero-inner .home-hero-ctas,.home-hero-inner .home-hero-ctas+p{margin-top:1.25rem}.home-hero-inner .home-chips{margin-top:.6rem}.home-section{z-index:1;padding-bottom:2rem;position:relative}.home-refresh .home-method{padding:1rem 1.1rem 1.1rem}.home-refresh .home-method-bar{margin-bottom:.85rem}.home-refresh .home-method-grid{gap:.75rem}@media (width<=767px){.home-hero-inner{padding-top:1.5rem;padding-bottom:1.5rem}.home-hero-art{opacity:.2}.home-section{padding-bottom:1.5rem}.home-refresh .home-method{padding:.8rem}}.home-hero-inner{padding-top:3.75rem}.home-refresh .home-title-main{display:block}.home-refresh .home-title .text-primary{text-shadow:none;background:0 0}.home-refresh .home-lede{max-width:44ch;font-size:clamp(.85rem,1vw,.95rem)}@media (width<=767px){.home-hero-inner{padding-top:2rem}.home-refresh .home-title{font-size:2.15rem}}.home-badge{letter-spacing:.04em;color:var(--primary);background:var(--primary);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.6rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.home-badge{background:color-mix(in oklab, var(--primary) 12%, var(--background))}}.home-badge{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-badge{border:1px solid color-mix(in oklab, var(--primary) 30%, transparent)}}.home-badge{box-shadow:0 2px 6px var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-badge{box-shadow:0 2px 6px color-mix(in oklab, var(--primary) 18%, transparent)}}.home-hero-inner{padding-top:2.25rem;padding-bottom:1.25rem}.home-refresh .home-title{font-size:clamp(2.5rem,5.2vw,4.25rem)}.home-tagline{margin-top:1rem;margin-bottom:.45rem}.home-section{padding-bottom:1.5rem}@media (width<=767px){.home-hero-inner{padding-top:1.25rem}.home-refresh .home-title{font-size:2.15rem}.home-refresh .home-lede{font-size:.82rem}.home-refresh .home-method{padding:.6rem .7rem .7rem}.home-refresh .home-method-bar{margin-bottom:.35rem}.home-refresh .home-step{gap:.15rem;padding:.45rem .35rem}.home-refresh .home-step-emoji{font-size:1.25rem}}@media (width>=768px) and (height<=760px){.home-hero-inner{padding-top:2rem;padding-bottom:.75rem}.home-badge{margin-bottom:.35rem}.home-refresh .home-title{font-size:clamp(2.2rem,4.6vw,3.2rem)}.home-hero-inner .home-lede{margin-top:.5rem}.home-hero-inner .home-hero-ctas{margin-top:.75rem}.home-refresh .home-method{padding:.4rem .8rem .45rem}.home-refresh .home-method-bar{margin-bottom:0}.home-refresh .home-method-title{padding:.28rem .85rem;line-height:1.15}.home-refresh .home-method-title span{line-height:1.1}.home-refresh .home-step{padding:.25rem .6rem}.home-tagline{margin-bottom:.1rem}}@media (width>=768px){.home-refresh .home-title{max-width:26ch}.home-refresh .home-lede{max-width:60ch}}.home-refresh{--home-edge-shadow:var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh{--home-edge-shadow:color-mix(in oklab, var(--primary) 32%, transparent)}}.home-refresh main{box-shadow:inset 0 20px 32px -22px var(--home-edge-shadow);background:linear-gradient(90deg, var(--home-edge-shadow), transparent 18%, transparent 82%, var(--home-edge-shadow))}.home-refresh .home-hero-art{object-position:right top;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#0000,#000 14% 48%,#0000 98%);mask-image:linear-gradient(90deg,#0000,#0000 30%,#000 78%),linear-gradient(#0000,#000 14% 48%,#0000 98%)}.dimensional-page{--page-pink:oklch(72% .25 340);--page-blue:oklch(70% .18 255);--page-lavender-top:oklch(95% .035 300);--page-lavender-middle:oklch(91% .055 295);--page-lavender-bottom:oklch(93% .045 300);--page-edge-shadow:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--page-edge-shadow:color-mix(in oklab, var(--primary) 32%, transparent)}}.dimensional-page{--page-wash:radial-gradient(55rem 28rem at 85% 0%, var(--page-pink), transparent 70%), radial-gradient(45rem 30rem at 0% 35%, var(--page-blue), transparent 70%), radial-gradient(50rem 30rem at 100% 65%, var(--page-pink), transparent 70%), radial-gradient(45rem 30rem at 10% 95%, var(--page-blue), transparent 70%), linear-gradient(180deg, var(--page-lavender-top), var(--page-lavender-middle) 50%, var(--page-lavender-bottom))}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--page-wash:radial-gradient(55rem 28rem at 85% 0%, color-mix(in oklab, var(--page-pink) 16%, transparent), transparent 70%), radial-gradient(45rem 30rem at 0% 35%, color-mix(in oklab, var(--page-blue) 14%, transparent), transparent 70%), radial-gradient(50rem 30rem at 100% 65%, color-mix(in oklab, var(--page-pink) 12%, transparent), transparent 70%), radial-gradient(45rem 30rem at 10% 95%, color-mix(in oklab, var(--page-blue) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--page-lavender-top), var(--page-lavender-middle) 50%, var(--page-lavender-bottom))}}.dimensional-page{--panel-wash:linear-gradient(180deg, var(--card), var(--primary))}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--panel-wash:linear-gradient(180deg, color-mix(in oklab, var(--card) 84%, var(--page-lavender-top)), color-mix(in oklab, var(--primary) 9%, var(--card)))}}.dimensional-page{--panel-depth:inset 0 2px 0 var(--card), inset 0 -9px 16px -12px var(--primary), 0 2px 4px var(--primary), 0 16px 32px -18px var(--primary), 0 28px 50px -32px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--panel-depth:inset 0 2px 0 var(--card), inset 0 -9px 16px -12px color-mix(in oklab, var(--primary) 35%, transparent), 0 2px 4px color-mix(in oklab, var(--primary) 12%, transparent), 0 16px 32px -18px color-mix(in oklab, var(--primary) 42%, transparent), 0 28px 50px -32px color-mix(in oklab, var(--primary) 30%, transparent)}}.dimensional-page{--control-depth:inset 0 1px 0 var(--card), inset 0 -2px 0 var(--foreground), 0 3px 0 var(--primary), 0 8px 14px -7px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--control-depth:inset 0 1px 0 color-mix(in oklab, var(--card) 45%, transparent), inset 0 -2px 0 color-mix(in oklab, var(--foreground) 16%, transparent), 0 3px 0 color-mix(in oklab, var(--primary) 42%, var(--background)), 0 8px 14px -7px color-mix(in oklab, var(--primary) 42%, transparent)}}.dimensional-page{--control-pressed:inset 0 1px 3px var(--foreground), 0 1px 0 var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--control-pressed:inset 0 1px 3px color-mix(in oklab, var(--foreground) 18%, transparent), 0 1px 0 color-mix(in oklab, var(--primary) 35%, var(--background))}}.dimensional-page{--slide-depth:inset 0 3px 0 var(--card), inset 3px 0 8px -4px var(--primary), inset -3px 0 8px -4px var(--primary), inset 0 -12px 22px -12px var(--primary), 0 0 0 1px var(--primary), 0 6px 0 -1px var(--primary), 0 3px 7px -2px var(--primary), 0 0 26px -4px var(--primary), -14px 16px 34px -18px var(--page-pink), 14px 20px 38px -18px var(--page-blue), 0 30px 50px -24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--slide-depth:inset 0 3px 0 color-mix(in oklab, var(--card) 95%, transparent), inset 3px 0 8px -4px color-mix(in oklab, var(--primary) 30%, transparent), inset -3px 0 8px -4px color-mix(in oklab, var(--primary) 30%, transparent), inset 0 -12px 22px -12px color-mix(in oklab, var(--primary) 48%, transparent), 0 0 0 1px color-mix(in oklab, var(--primary) 26%, transparent), 0 6px 0 -1px color-mix(in oklab, var(--primary) 68%, var(--foreground)), 0 3px 7px -2px color-mix(in oklab, var(--primary) 30%, transparent), 0 0 26px -4px color-mix(in oklab, var(--primary) 30%, transparent), -14px 16px 34px -18px color-mix(in oklab, var(--page-pink) 60%, transparent), 14px 20px 38px -18px color-mix(in oklab, var(--page-blue) 55%, transparent), 0 30px 50px -24px color-mix(in oklab, var(--primary) 60%, transparent)}}.dimensional-page{--slide-depth-soft:inset 0 1px 0 var(--card), inset 0 -6px 12px -9px var(--primary), 0 2px 4px var(--primary), 0 10px 18px -12px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page{--slide-depth-soft:inset 0 1px 0 color-mix(in oklab, var(--card) 80%, transparent), inset 0 -6px 12px -9px color-mix(in oklab, var(--primary) 32%, transparent), 0 2px 4px color-mix(in oklab, var(--primary) 10%, transparent), 0 10px 18px -12px color-mix(in oklab, var(--primary) 30%, transparent)}}.dimensional-page{background:var(--page-wash)}.dimensional-page>header{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.dimensional-page>header{background:color-mix(in oklab, var(--background) 65%, transparent)}}.dimensional-page>header{box-shadow:0 8px 22px -17px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page>header{box-shadow:0 8px 22px -17px color-mix(in oklab, var(--primary) 40%, transparent)}}.dimensional-page>main{box-shadow:inset 0 20px 32px -22px var(--page-edge-shadow);background:linear-gradient(90deg, var(--page-edge-shadow), transparent 18%, transparent 82%, var(--page-edge-shadow))}.dimensional-page:is(.account-page,.assessment-page,.admin-page)>main{box-shadow:none;background:0 0}.dimensional-page .hero-wash{box-shadow:inset 0 2px 0 var(--card), inset 0 -1px 0 var(--primary);background:0 0}@supports (color:color-mix(in lab, red, red)){.dimensional-page .hero-wash{box-shadow:inset 0 2px 0 var(--card), inset 0 -1px 0 color-mix(in oklab, var(--primary) 12%, transparent)}}.dimensional-page .tools-band{background:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.dimensional-page .tools-band{background:color-mix(in oklab, var(--secondary) 32%, transparent)}.dashboard-page .stage-card{background:linear-gradient(165deg, color-mix(in oklab, var(--card) 78%, var(--page-lavender-top)), color-mix(in oklab, var(--stage,var(--primary)) 18%, var(--page-lavender-top)))}}.dashboard-page .stage-card:before{background:linear-gradient(180deg, var(--stage,var(--primary)), var(--stage,var(--primary)))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-card:before{background:linear-gradient(180deg, color-mix(in oklab, var(--stage,var(--primary)) 60%, var(--card)), var(--stage,var(--primary)))}}.dashboard-page .stage-step{box-shadow:inset 0 1px 0 var(--card), inset 0 -3px 0 var(--foreground), 0 5px 9px -5px var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-step{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 65%, transparent), inset 0 -3px 0 color-mix(in oklab, var(--foreground) 12%, transparent), 0 5px 9px -5px color-mix(in oklab, var(--stage,var(--primary)) 50%, transparent)}}.dashboard-page .lesson-row{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .lesson-row{background:color-mix(in oklab, var(--card) 65%, var(--secondary))}}.dashboard-page .lesson-row:hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .lesson-row:hover{background:color-mix(in oklab, var(--card) 40%, var(--secondary))}}.dashboard-page .next-card{background:var(--panel-wash);box-shadow:var(--panel-depth);color:var(--foreground)}.dashboard-page .next-card [class*=text-primary-foreground]{color:var(--foreground)}.dashboard-page .next-card p[class*=text-primary-foreground]{color:var(--muted-foreground)}.dashboard-page .stat-tile{background:linear-gradient(180deg, var(--secondary), var(--surface-soft));box-shadow:inset 0 1px 0 var(--card), inset 0 -2px 0 var(--primary)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stat-tile{box-shadow:inset 0 1px 0 var(--card), inset 0 -2px 0 color-mix(in oklab, var(--primary) 12%, transparent)}}.dashboard-page :is(.game-tile,.badge-chip),.dimensional-page .progress-panel,.account-page main>form,.assessment-page main>.border-2{background:var(--panel-wash);box-shadow:var(--panel-depth)}.lesson-page .border-2.bg-card:not(.border-2 .border-2){background:var(--panel-wash);box-shadow:var(--slide-depth);border-top-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-top-color:color-mix(in oklab, var(--primary) 45%, var(--card))}}.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-bottom-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-bottom-color:color-mix(in oklab, var(--primary) 75%, var(--foreground))}}.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-left-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-left-color:color-mix(in oklab, var(--primary) 80%, var(--background))}}.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-right-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .border-2.bg-card:not(.border-2 .border-2){border-right-color:color-mix(in oklab, var(--primary) 80%, var(--background))}}.lesson-page .loop-step:not(.border-2 .loop-step){background:var(--panel-wash)}.lesson-page .narrated-panel,.lesson-page .interactive-panel,.lesson-page .key-walk-card,.lesson-page .challenge-banner{background:linear-gradient(180deg, var(--card), var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-page .narrated-panel,.lesson-page .interactive-panel,.lesson-page .key-walk-card,.lesson-page .challenge-banner{background:linear-gradient(180deg, color-mix(in oklab, var(--card) 90%, var(--page-lavender-top)), color-mix(in oklab, var(--primary) 7%, var(--card)))}}.lesson-page .narrated-panel,.lesson-page .interactive-panel,.lesson-page .key-walk-card,.lesson-page .challenge-banner{box-shadow:inset 0 1px 0 var(--card), inset 0 -8px 14px -10px var(--primary), 0 3px 8px -5px var(--primary), 0 12px 22px -14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .narrated-panel,.lesson-page .interactive-panel,.lesson-page .key-walk-card,.lesson-page .challenge-banner{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 95%, transparent), inset 0 -8px 14px -10px color-mix(in oklab, var(--primary) 30%, transparent), 0 3px 8px -5px color-mix(in oklab, var(--primary) 38%, transparent), 0 12px 22px -14px color-mix(in oklab, var(--primary) 32%, transparent)}}.lesson-page .key-walk-stage{background:linear-gradient(180deg, var(--page-lavender-top), transparent 82%)}@supports (color:color-mix(in lab, red, red)){.lesson-page .key-walk-stage{background:linear-gradient(180deg, color-mix(in oklab, var(--page-lavender-top) 50%, transparent), transparent 82%)}}.lesson-page .key-walk-stage{box-shadow:inset 0 1px 0 var(--card), inset 0 -4px 10px -8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .key-walk-stage{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 70%, transparent), inset 0 -4px 10px -8px color-mix(in oklab, var(--primary) 35%, transparent)}}.lesson-page .challenge-banner{background:linear-gradient(135deg, var(--primary), var(--page-pink) 55%, var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-page .challenge-banner{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 12%, var(--card)), color-mix(in oklab, var(--page-pink) 9%, var(--card)) 55%, color-mix(in oklab, var(--primary) 16%, var(--card)))}}.lesson-page .challenge-banner{box-shadow:inset 0 1px 0 var(--card), inset 0 -10px 16px -12px var(--primary), 0 4px 10px -6px var(--primary), 0 14px 26px -16px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .challenge-banner{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), inset 0 -10px 16px -12px color-mix(in oklab, var(--primary) 34%, transparent), 0 4px 10px -6px color-mix(in oklab, var(--primary) 40%, transparent), 0 14px 26px -16px color-mix(in oklab, var(--primary) 34%, transparent)}}.lesson-page .challenge-banner .challenge-banner-copy{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.lesson-page .challenge-banner .challenge-banner-copy{color:color-mix(in oklab, var(--foreground) 92%, var(--primary))}}.lesson-page .quiz-given{background:linear-gradient(180deg, var(--card), var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-page .quiz-given{background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--primary) 6%, var(--card)))}}.lesson-page .quiz-given{box-shadow:inset 0 1px 0 var(--card), 0 3px 8px -6px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .quiz-given{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 3px 8px -6px color-mix(in oklab, var(--primary) 38%, transparent)}}.lesson-page .quiz-options>button{background:linear-gradient(180deg, var(--card), var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-page .quiz-options>button{background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--primary) 5%, var(--card)))}}.lesson-page .quiz-options>button{box-shadow:inset 0 1px 0 var(--card), 0 3px 7px -5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .quiz-options>button{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 3px 7px -5px color-mix(in oklab, var(--primary) 34%, transparent)}}.lesson-page .quiz-options>button{transition:box-shadow .16s,transform .16s,border-color .16s}.lesson-page .quiz-options>button:hover:not(:disabled){box-shadow:inset 0 1px 0 var(--card), 0 6px 12px -6px var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.lesson-page .quiz-options>button:hover:not(:disabled){box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 6px 12px -6px color-mix(in oklab, var(--primary) 45%, transparent)}}.lesson-page .zip-card{box-shadow:inset 0 1px 0 var(--card), 0 3px 7px -5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page .zip-card{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 3px 7px -5px color-mix(in oklab, var(--primary) 34%, transparent)}}.lesson-page .zip-card{transition:box-shadow .16s,transform .16s}.lesson-page .zip-card:hover{box-shadow:inset 0 1px 0 var(--card), 0 6px 12px -6px var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.lesson-page .zip-card:hover{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 6px 12px -6px color-mix(in oklab, var(--primary) 45%, transparent)}}.lesson-page #lesson-flow :is(.rounded-xl,.rounded-2xl,.rounded-lg).border:not(button):not(.narrated-panel):not(.interactive-panel):not(.key-walk-card):not(.challenge-banner):not(.zip-card):not(.quiz-given){background-image:linear-gradient(180deg, var(--card), var(--primary))}@supports (color:color-mix(in lab, red, red)){.lesson-page #lesson-flow :is(.rounded-xl,.rounded-2xl,.rounded-lg).border:not(button):not(.narrated-panel):not(.interactive-panel):not(.key-walk-card):not(.challenge-banner):not(.zip-card):not(.quiz-given){background-image:linear-gradient(180deg, color-mix(in oklab, var(--card) 70%, transparent), color-mix(in oklab, var(--primary) 5%, transparent))}}.lesson-page #lesson-flow :is(.rounded-xl,.rounded-2xl,.rounded-lg).border:not(button):not(.narrated-panel):not(.interactive-panel):not(.key-walk-card):not(.challenge-banner):not(.zip-card):not(.quiz-given){box-shadow:inset 0 1px 0 var(--card), 0 3px 8px -6px var(--primary), 0 10px 18px -14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-page #lesson-flow :is(.rounded-xl,.rounded-2xl,.rounded-lg).border:not(button):not(.narrated-panel):not(.interactive-panel):not(.key-walk-card):not(.challenge-banner):not(.zip-card):not(.quiz-given){box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 90%, transparent), 0 3px 8px -6px color-mix(in oklab, var(--primary) 36%, transparent), 0 10px 18px -14px color-mix(in oklab, var(--primary) 28%, transparent)}}.lesson-page .loop-step:not(.border-2 .loop-step){box-shadow:var(--slide-depth-soft)}.dimensional-page .inline-flex.cursor-pointer.rounded-md:is(.bg-primary,.bg-secondary,.border-input,.bg-destructive){box-shadow:var(--control-depth);transition:background-color .15s,color .15s,box-shadow .15s}.dimensional-page .inline-flex.cursor-pointer.rounded-md:is(.bg-primary,.bg-secondary,.border-input,.bg-destructive):active:not(:disabled):not([aria-disabled=true]){box-shadow:var(--control-pressed)}.dimensional-page .inline-flex.cursor-pointer.rounded-md:is(.bg-primary,.bg-secondary,.border-input,.bg-destructive):disabled{box-shadow:inset 0 1px 0 var(--card)}@supports (color:color-mix(in lab, red, red)){.dimensional-page .inline-flex.cursor-pointer.rounded-md:is(.bg-primary,.bg-secondary,.border-input,.bg-destructive):disabled{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 55%, transparent)}}.account-page input:not([aria-hidden=true]){box-shadow:inset 0 2px 4px var(--primary), 0 1px 0 var(--card)}@supports (color:color-mix(in lab, red, red)){.account-page input:not([aria-hidden=true]){box-shadow:inset 0 2px 4px color-mix(in oklab, var(--primary) 8%, transparent), 0 1px 0 var(--card)}}.dashboard-music-art{pointer-events:none;-webkit-user-select:none;user-select:none;width:13rem;height:8rem;position:absolute;top:1.6rem;right:2rem}.dashboard-music-art *{pointer-events:none}.dashboard-staff-ribbon{background:repeating-linear-gradient(180deg, transparent 0 12px, var(--primary) 12px 14px);border-radius:50%;position:absolute;inset:1.5rem 0 1rem;transform:rotate(-12deg)}@supports (color:color-mix(in lab, red, red)){.dashboard-staff-ribbon{background:repeating-linear-gradient(180deg, transparent 0 12px, color-mix(in oklab, var(--primary) 18%, transparent) 12px 14px)}}.dashboard-staff-ribbon{-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 25%, var(--foreground) 80%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 25%, var(--foreground) 80%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 25%, var(--foreground) 80%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 25%, var(--foreground) 80%, transparent);mask-image:linear-gradient(90deg, transparent, var(--foreground) 25%, var(--foreground) 80%, transparent)}.dashboard-note{stroke-width:2.5px;width:3.5rem;height:3.5rem;filter:drop-shadow(0 3px 0 var(--card)) drop-shadow(0 8px 5px var(--primary));position:absolute}@supports (color:color-mix(in lab, red, red)){.dashboard-note{filter:drop-shadow(0 3px 0 color-mix(in oklab, var(--card) 90%, transparent)) drop-shadow(0 8px 5px color-mix(in oklab, var(--primary) 24%, transparent))}}.dashboard-note-pink{color:var(--page-pink);top:2.5rem;left:.5rem;transform:rotate(-16deg)}.dashboard-note-purple{color:var(--primary);top:.5rem;left:5rem;transform:rotate(12deg)}.dashboard-note-blue{color:var(--page-blue);top:3rem;right:.2rem;transform:rotate(-8deg)}.dashboard-music-sparkle{width:1.4rem;height:1.4rem;color:var(--primary);position:absolute;top:.3rem;right:1rem}.dashboard-page .next-card{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .next-card{border:1px solid color-mix(in oklab, var(--primary) 22%, var(--card))}}.dashboard-method-numbers{align-items:center;gap:.65rem;display:flex}.dashboard-method-numbers>span:not(.dashboard-method-arrow){background:linear-gradient(180deg, var(--card), var(--secondary));width:3rem;height:3rem;color:var(--primary);border:1px solid var(--primary);border-radius:.7rem;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.dashboard-method-numbers>span:not(.dashboard-method-arrow){border:1px solid color-mix(in oklab, var(--primary) 25%, var(--card))}}.dashboard-method-numbers>span:not(.dashboard-method-arrow){box-shadow:var(--control-depth)}.dashboard-method-numbers>span:nth-child(3){color:var(--accent-foreground);background:linear-gradient(180deg, var(--card), var(--section-two))}@supports (color:color-mix(in lab, red, red)){.dashboard-method-numbers>span:nth-child(3){background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--section-two) 24%, var(--card)))}}.dashboard-method-numbers>span:nth-child(5){color:var(--foreground);background:linear-gradient(180deg, var(--card), var(--section-three))}@supports (color:color-mix(in lab, red, red)){.dashboard-method-numbers>span:nth-child(5){background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--section-three) 32%, var(--card)))}}.dashboard-method-arrow{color:var(--primary);font-size:1.4rem}.dashboard-page .stage-card:before{pointer-events:none}.dashboard-page .stage-step{border:1px solid var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-step{border:1px solid color-mix(in oklab, var(--stage,var(--primary)) 30%, var(--card))}}.dashboard-page .lesson-row{cursor:pointer;scroll-margin-top:7.5rem}.dashboard-page{--dashboard-glass:var(--card)}@supports (color:color-mix(in lab, red, red)){.dashboard-page{--dashboard-glass:color-mix(in oklab, var(--card) 60%, var(--page-lavender-top))}}.dashboard-page{--dashboard-edge:var(--page-blue)}@supports (color:color-mix(in lab, red, red)){.dashboard-page{--dashboard-edge:color-mix(in oklab, var(--page-blue) 42%, var(--card))}}.dashboard-page{--dashboard-neon-line:linear-gradient(90deg, var(--page-pink), var(--primary), var(--page-blue));--dashboard-glass-wash:linear-gradient(135deg, var(--page-pink), var(--dashboard-glass) 48%, var(--page-blue))}@supports (color:color-mix(in lab, red, red)){.dashboard-page{--dashboard-glass-wash:linear-gradient(135deg, color-mix(in oklab, var(--page-pink) 9%, var(--dashboard-glass)), var(--dashboard-glass) 48%, color-mix(in oklab, var(--page-blue) 13%, var(--dashboard-glass)))}}.dashboard-page{--dashboard-glass-depth:inset 0 2px 0 var(--card), inset 0 -3px 0 var(--primary), 0 4px 0 var(--primary), -8px 10px 28px -18px var(--page-pink), 8px 14px 32px -18px var(--page-blue), 0 22px 38px -24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dashboard-page{--dashboard-glass-depth:inset 0 2px 0 color-mix(in oklab, var(--card) 90%, transparent), inset 0 -3px 0 color-mix(in oklab, var(--primary) 12%, transparent), 0 4px 0 color-mix(in oklab, var(--primary) 15%, transparent), -8px 10px 28px -18px color-mix(in oklab, var(--page-pink) 70%, transparent), 8px 14px 32px -18px color-mix(in oklab, var(--page-blue) 65%, transparent), 0 22px 38px -24px color-mix(in oklab, var(--primary) 65%, transparent)}}.dashboard-page .dashboard-intro{border-bottom-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .dashboard-intro{border-bottom-color:color-mix(in oklab, var(--primary) 18%, transparent)}}.dashboard-page .dashboard-intro{box-shadow:none;border-bottom-width:0}.dashboard-page>main,.dashboard-page>header{box-shadow:none}.dashboard-page .dashboard-intro>div{padding-top:1.25rem;padding-bottom:.9rem}.dashboard-page .dashboard-intro h1{letter-spacing:0;text-shadow:0 2px 0 var(--card), 0 5px 18px var(--page-pink);font-size:3rem;line-height:1.1}@supports (color:color-mix(in lab, red, red)){.dashboard-page .dashboard-intro h1{text-shadow:0 2px 0 var(--card), 0 5px 18px color-mix(in oklab, var(--page-pink) 22%, transparent)}}.dashboard-page .dashboard-intro h1+p{margin-top:.5rem}.dashboard-page .next-card{border-color:var(--dashboard-edge);background:var(--dashboard-glass-wash);box-shadow:inset 0 2px 0 var(--card), inset 0 -2px 0 var(--primary), 0 2px 0 var(--primary), 0 14px 24px -18px var(--primary);padding:.7rem .9rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dashboard-page .next-card{box-shadow:inset 0 2px 0 color-mix(in oklab, var(--card) 90%, transparent), inset 0 -2px 0 color-mix(in oklab, var(--primary) 9%, transparent), 0 2px 0 color-mix(in oklab, var(--primary) 9%, transparent), 0 14px 24px -18px color-mix(in oklab, var(--primary) 45%, transparent)}}.dashboard-page .next-card:before{content:"";background:var(--dashboard-neon-line);pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.dashboard-page .next-card h2{color:var(--primary)}.dashboard-page .next-card .stat-tile{background:linear-gradient(180deg, var(--card), var(--page-blue))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .next-card .stat-tile{background:linear-gradient(180deg, color-mix(in oklab, var(--card) 75%, transparent), color-mix(in oklab, var(--page-blue) 12%, var(--secondary)))}}.dashboard-page .next-card .stat-tile{box-shadow:inset 0 1px 0 var(--card), inset 0 -2px 0 var(--page-blue)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .next-card .stat-tile{box-shadow:inset 0 1px 0 var(--card), inset 0 -2px 0 color-mix(in oklab, var(--page-blue) 25%, transparent)}}.dashboard-page .next-card a{background:linear-gradient(180deg, var(--primary), var(--primary))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .next-card a{background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 85%, var(--page-pink)), var(--primary))}}.dashboard-page .next-card a{color:var(--primary-foreground)}.dashboard-page .stage-card{border-color:var(--stage,var(--primary))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-card{border-color:color-mix(in oklab, var(--stage,var(--primary)) 44%, var(--card))}}.dashboard-page .stage-card{background:linear-gradient(145deg, var(--stage,var(--primary)), var(--dashboard-glass) 55%, var(--page-blue))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-card{background:linear-gradient(145deg, color-mix(in oklab, var(--stage,var(--primary)) 14%, var(--dashboard-glass)), var(--dashboard-glass) 55%, color-mix(in oklab, var(--page-blue) 10%, var(--dashboard-glass)))}}.dashboard-page .stage-card{box-shadow:var(--dashboard-glass-depth)}.dashboard-page .stage-card:before{background:linear-gradient(90deg, var(--stage,var(--primary)), var(--page-pink), var(--page-blue));height:4px}.dashboard-page .stage-card>div:first-child{gap:.65rem}.dashboard-page .stage-card h3{font-size:1.25rem;line-height:1.3}.dashboard-page .stage-step{background:linear-gradient(180deg, var(--card), var(--stage,var(--primary)))}@supports (color:color-mix(in lab, red, red)){.dashboard-page .stage-step{background:linear-gradient(180deg, var(--card), color-mix(in oklab, var(--stage,var(--primary)) 20%, var(--card)))}}.dashboard-page .lesson-row{white-space:normal;background:var(--card)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .lesson-row{background:color-mix(in oklab, var(--card) 55%, transparent)}}.dashboard-page .lesson-row{box-shadow:inset 0 1px 0 var(--card), 0 2px 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .lesson-row{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 85%, transparent), 0 2px 4px color-mix(in oklab, var(--primary) 6%, transparent)}}.dashboard-page .lesson-row:is(:hover,[aria-expanded=true]){background:var(--page-blue)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .lesson-row:is(:hover,[aria-expanded=true]){background:color-mix(in oklab, var(--page-blue) 14%, var(--card))}}.dashboard-page .lesson-row:is(:hover,[aria-expanded=true]){box-shadow:inset 3px 0 0 var(--primary), inset 0 1px 0 var(--card)}.dashboard-page .lesson-row:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dashboard-page .dashboard-method-numbers>span:not(.dashboard-method-arrow){background:var(--dashboard-glass-wash);box-shadow:var(--dashboard-glass-depth)}.dashboard-page .dashboard-method-numbers>span:nth-child(3){color:var(--primary)}.dashboard-page .dashboard-method-numbers>span:nth-child(5){color:var(--secondary-foreground)}.dashboard-page .dashboard-note{filter:drop-shadow(0 2px 0 var(--card)) drop-shadow(0 0 8px currentColor)}.dashboard-page .dashboard-staff-ribbon{background:repeating-linear-gradient(180deg, transparent 0 12px, var(--page-blue) 12px 14px)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .dashboard-staff-ribbon{background:repeating-linear-gradient(180deg, transparent 0 12px, color-mix(in oklab, var(--page-blue) 35%, transparent) 12px 14px)}}.dashboard-page .tools-band{background:var(--page-blue)}@supports (color:color-mix(in lab, red, red)){.dashboard-page .tools-band{background:color-mix(in oklab, var(--page-blue) 7%, transparent)}}.dashboard-page .tools-band{border-top-width:0;border-bottom-width:0}.dashboard-page :is(.game-tile,.badge-chip){background:var(--dashboard-glass-wash);border-color:var(--dashboard-edge);box-shadow:var(--dashboard-glass-depth)}.dashboard-page .core-method .dashboard-method-numbers{gap:.45rem}.dashboard-page .core-method .dashboard-method-numbers>span:not(.dashboard-method-arrow){border-radius:.55rem;width:2.15rem;height:2.15rem;font-size:1.05rem}.dashboard-page .core-method .dashboard-method-arrow{font-size:1rem}.dashboard-page .core-method .journey-grid{gap:.7rem}.dashboard-page .core-method .stage-card{padding:.75rem .6rem .85rem}.dashboard-page .core-method .stage-card h3{font-size:1.05rem}.dashboard-page .core-method .stage-card p{font-size:.78rem}.dashboard-page .core-method .stage-card .h-2,.dashboard-page .core-method .stage-card ul{margin-top:.8rem}.dashboard-page .core-method .stage-card ul>*+*{margin-top:.4rem}.dashboard-page .core-method .stage-step{width:2.15rem;height:2.15rem;font-size:.95rem}@media (width>=768px){.dashboard-page .dashboard-intro h1{font-size:3.5rem}}@media (width<=639px){.dashboard-music-art{width:4rem;height:3rem;top:1.7rem;right:1rem}.dashboard-note-pink{width:2.5rem;height:2.5rem;top:0;left:0}.dashboard-note-purple,.dashboard-note-blue,.dashboard-staff-ribbon,.dashboard-music-sparkle{display:none}}@media (width>=768px){.home-refresh .home-hero-inner{padding-top:3.25rem;padding-bottom:2.5rem}.home-refresh .home-hero-inner .home-lede{margin-top:1.1rem}.home-refresh .home-hero-inner .home-hero-ctas{margin-top:1.6rem}.home-refresh .home-tagline{margin-top:3rem;margin-bottom:.6rem}}@media (width<=767px){.home-refresh .home-tagline{margin-top:2rem}}.home-refresh .home-title{letter-spacing:0;max-width:29rem;font-size:2.75rem;line-height:1.08}.home-refresh .home-title-payoff{margin-top:.65rem;font-size:1.625rem;font-weight:600;line-height:1.25;display:block}.home-refresh .home-lede{max-width:29rem}@media (width>=1024px){.home-refresh .home-title{max-width:34rem;font-size:4rem}.home-refresh .home-title-payoff{font-size:2rem}.home-refresh .home-lede{max-width:32rem}}@media (width>=768px) and (height<=760px){.home-refresh .home-hero-inner{padding-top:2.4rem}.home-refresh .home-tagline{margin-top:2.3rem}}@media (width<=767px){.home-refresh .home-title{max-width:100%;font-size:2.25rem}.home-refresh .home-title-payoff{margin-top:.6rem;font-size:1.25rem}}@media (width>=768px) and (height<=760px){.home-refresh .home-hero-inner{padding-bottom:1.1rem}.home-refresh .home-tagline{margin-top:1.5rem}}.staff-sprint{--ss-bg:oklch(17% .05 310);--ss-panel:oklch(23% .055 310);--ss-ink:oklch(97% .01 190);--ss-muted:oklch(76% .04 300);--ss-cyan:oklch(84% .15 185);--ss-coral:oklch(76% .17 30);--ss-gold:oklch(88% .15 85);--ss-line:oklch(72% .1 190/.55);--ss-black:oklch(13% .025 300);--ss-key:oklch(97% .015 280);--ss-key-edge:oklch(76% .03 280);--ss-shadow:0 8px 0 oklch(10% .03 310), 0 16px 40px oklch(10% .03 310/.5);--ss-glow:0 0 25px oklch(84% .15 185/.35);--ss-key-w:clamp(40px, 5.6vw, 72px);--ss-key-h:114px;--ss-black-h:70px;--ss-key-font:11px;background:var(--ss-bg);min-height:100svh;color:var(--ss-ink);background-image:radial-gradient(ellipse at 85% 10%, var(--ss-panel), transparent 60%);isolation:isolate;padding:0 24px 12px;position:relative}.ss-sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ss-sky:before{content:"";background-image:radial-gradient(2px 2px at 12% 22%, var(--ss-cyan), transparent 60%), radial-gradient(1.5px 1.5px at 34% 12%, oklch(95% .05 190), transparent 60%), radial-gradient(2px 2px at 58% 30%, var(--ss-gold), transparent 60%), radial-gradient(1.5px 1.5px at 72% 8%, oklch(95% .05 190), transparent 60%), radial-gradient(2px 2px at 88% 26%, var(--ss-cyan), transparent 60%), radial-gradient(1.5px 1.5px at 22% 44%, oklch(90% .08 300), transparent 60%), radial-gradient(2px 2px at 46% 52%, oklch(95% .05 190), transparent 60%), radial-gradient(2px 2px at 80% 48%, var(--ss-gold), transparent 60%);opacity:.7;animation:4.5s ease-in-out infinite alternate ss-twinkle;position:absolute;inset:0}.ss-sky:after{content:"";background-image:radial-gradient(1.4px 1.4px at 8% 5%, oklch(95% .04 250), transparent 60%), radial-gradient(1px 1px at 20% 3%, var(--ss-cyan), transparent 60%), radial-gradient(1.4px 1.4px at 40% 6%, var(--ss-gold), transparent 60%), radial-gradient(1px 1px at 55% 4%, oklch(95% .05 190), transparent 60%), radial-gradient(1.4px 1.4px at 68% 12%, oklch(90% .08 300), transparent 60%), radial-gradient(1px 1px at 78% 6%, var(--ss-cyan), transparent 60%), radial-gradient(1.4px 1.4px at 90% 12%, var(--ss-gold), transparent 60%), radial-gradient(1px 1px at 95% 30%, oklch(95% .05 190), transparent 60%), radial-gradient(1.4px 1.4px at 3% 35%, var(--ss-cyan), transparent 60%), radial-gradient(1px 1px at 97% 50%, var(--ss-gold), transparent 60%), radial-gradient(1.4px 1.4px at 12% 18%, oklch(95% .04 250), transparent 60%), radial-gradient(1px 1px at 85% 45%, oklch(90% .08 300), transparent 60%), radial-gradient(1.4px 1.4px at 5% 62%, var(--ss-gold), transparent 60%), radial-gradient(1px 1px at 15% 75%, var(--ss-cyan), transparent 60%), radial-gradient(1.4px 1.4px at 30% 66%, oklch(95% .05 190), transparent 60%), radial-gradient(1px 1px at 50% 70%, oklch(90% .08 300), transparent 60%), radial-gradient(1.4px 1.4px at 70% 64%, var(--ss-cyan), transparent 60%), radial-gradient(1px 1px at 88% 70%, var(--ss-gold), transparent 60%);opacity:.55;animation:6s ease-in-out infinite alternate-reverse ss-twinkle;position:absolute;inset:0}.ss-comet{filter:blur(.5px);opacity:0;background:linear-gradient(90deg,#0000 0%,oklch(88% .15 85/.05) 32%,oklch(88% .15 85/.32) 72%,oklch(93% .18 85/.95) 96%);border-radius:999px;width:240px;height:3px;animation:9s linear 2.5s infinite ss-streak-a;position:absolute;top:8%;left:-240px}.ss-comet:after{content:"";filter:blur(.5px);background:radial-gradient(5px 5px at 86%,oklch(90% .16 85/.55),#0000 70%),radial-gradient(4px 4px at 68%,oklch(88% .15 85/.38),#0000 70%),radial-gradient(3.5px 3.5px,oklch(88% .15 85/.24),#0000 70%),radial-gradient(3px 3px at 32%,oklch(88% .15 85/.14),#0000 70%),radial-gradient(2.5px 2.5px at 15%,oklch(88% .15 85/.07),#0000 70%);position:absolute;inset:-5px 6% -5px 0}.ss-comet:before{content:"";background:oklch(99% .05 95);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 0 12px oklch(90% .16 85),0 0 30px oklch(88% .15 85/.95),0 0 60px oklch(88% .15 85/.65)}.ss-comet-2{background:linear-gradient(90deg,#0000 0%,oklch(84% .15 185/.05) 32%,oklch(84% .15 185/.32) 72%,oklch(88% .18 185/.95) 96%);width:260px;animation:11.5s linear 5.2s infinite ss-streak-b;top:5%;left:auto;right:-260px}.ss-comet-2:after{background:radial-gradient(5px 5px at 86%,oklch(86% .17 185/.55),#0000 70%),radial-gradient(4px 4px at 68%,oklch(84% .15 185/.38),#0000 70%),radial-gradient(3.5px 3.5px,oklch(84% .15 185/.24),#0000 70%),radial-gradient(3px 3px at 32%,oklch(84% .15 185/.14),#0000 70%),radial-gradient(2.5px 2.5px at 15%,oklch(84% .15 185/.07),#0000 70%)}.ss-comet-2:before{box-shadow:0 0 12px var(--ss-cyan), 0 0 30px oklch(84% .15 185/.95), 0 0 60px oklch(84% .15 185/.65);background:oklch(98% .06 190)}.ss-comet-3{background:linear-gradient(90deg,#0000 0%,oklch(95% .05 190/.05) 32%,oklch(95% .05 190/.28) 72%,oklch(97% .08 190/.95) 96%);width:200px;animation:13s linear 9.7s infinite ss-streak-c;top:30%;left:-200px}.ss-comet-3:after{background:radial-gradient(5px 5px at 86%,oklch(95% .05 190/.5),#0000 70%),radial-gradient(4px 4px at 68%,oklch(95% .05 190/.34),#0000 70%),radial-gradient(3.5px 3.5px,oklch(95% .05 190/.2),#0000 70%),radial-gradient(3px 3px at 32%,oklch(95% .05 190/.12),#0000 70%),radial-gradient(2.5px 2.5px at 15%,oklch(95% .05 190/.06),#0000 70%)}.ss-comet-3:before{box-shadow:0 0 12px oklch(95% .05 190),0 0 30px oklch(95% .05 190/.9),0 0 60px oklch(95% .05 190/.6)}@keyframes ss-twinkle{0%{opacity:.35}to{opacity:.85}}@keyframes ss-streak-a{0%,84%{opacity:0;transform:translate(0)rotate(48deg)}86%{opacity:1}93%{opacity:.85;transform:translate(34vw,42vh)rotate(60deg)}to{opacity:0;transform:translate(70vw,104vh)rotate(72deg)}}@keyframes ss-streak-b{0%,85%{opacity:0;transform:translate(0)rotate(122deg)}87%{opacity:1}93%{opacity:.85;transform:translate(-28vw,36vh)rotate(130deg)}to{opacity:0;transform:translate(-62vw,100vh)rotate(138deg)}}@keyframes ss-streak-c{0%,86%{opacity:0;transform:translate(0)rotate(28deg)}88%{opacity:1}94%{opacity:.85;transform:translate(40vw,25vh)rotate(34deg)}to{opacity:0;transform:translate(84vw,58vh)rotate(42deg)}}.ss-twinkle{opacity:.2;background:oklch(96% .06 92);border-radius:50%;width:3px;height:3px;animation:3.4s ease-in-out infinite alternate ss-twinkle-star;position:absolute;box-shadow:0 0 6px oklch(90% .16 85/.9)}@keyframes ss-twinkle-star{0%{opacity:.12;transform:scale(.65)}to{opacity:.75;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.ss-comet,.ss-twinkle{opacity:0;animation:none}.ss-star-drop,.ss-star-burst,.ss-trail{display:none}.ss-note{animation:none}}.staff-sprint>header,.staff-sprint>main{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.ss-sky{display:none}}.staff-sprint button{color:inherit;touch-action:manipulation}.staff-sprint button:hover{background-color:var(--ss-panel)}.staff-sprint button:focus-visible{outline:3px solid var(--ss-gold);outline-offset:3px}.ss-header{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:auto;display:flex}.ss-brand{font-family:var(--font-mono);color:var(--ss-cyan);align-items:center;gap:7px;font-size:12px;display:flex}.ss-brand svg{width:16px}.ss-menu{max-width:1060px;margin:0 auto}.ss-menu-title{padding:14px 0 24px}.ss-eyebrow{color:var(--ss-cyan);font-family:var(--font-mono);font-size:11px;font-weight:600}.ss-menu h1{font-family:var(--font-display);margin:8px 0 0;font-size:48px;font-weight:800;line-height:1.2}.ss-menu h1 span{font-family:var(--font-sans);color:var(--ss-muted);margin-top:8px;font-size:17px;font-weight:400;display:block}.ss-menu-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;display:grid}.ss-art{object-fit:cover;width:100%;max-height:345px;box-shadow:var(--ss-shadow);border-radius:8px}.ss-options{gap:18px;display:grid}.ss-options fieldset{min-width:0}.ss-options legend{color:var(--ss-muted);margin-bottom:8px;font-size:12px}.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{border:1px solid var(--ss-line)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{border:1px solid color-mix(in oklab, var(--ss-line) 55%, var(--ss-black))}}.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{background:radial-gradient(1.5px 1.5px at 16% 26%, oklch(95% .05 190/.55), transparent 65%), radial-gradient(1.2px 1.2px at 68% 18%, oklch(95% .05 190/.45), transparent 65%), radial-gradient(1.4px 1.4px at 42% 74%, oklch(95% .05 190/.35), transparent 65%), radial-gradient(1px 1px at 86% 62%, oklch(95% .05 190/.5), transparent 65%), linear-gradient(180deg, var(--ss-panel) 0%, var(--ss-panel) 42%, var(--ss-panel) 100%);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{background:radial-gradient(1.5px 1.5px at 16% 26%, oklch(95% .05 190/.55), transparent 65%), radial-gradient(1.2px 1.2px at 68% 18%, oklch(95% .05 190/.45), transparent 65%), radial-gradient(1.4px 1.4px at 42% 74%, oklch(95% .05 190/.35), transparent 65%), radial-gradient(1px 1px at 86% 62%, oklch(95% .05 190/.5), transparent 65%), linear-gradient(180deg, color-mix(in oklab, var(--ss-panel) 80%, var(--ss-ink)) 0%, var(--ss-panel) 42%, color-mix(in oklab, var(--ss-panel) 68%, var(--ss-black)) 100%)}}.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{box-shadow:inset 0 1px 0 oklch(95% .05 190/.3), inset 0 -2px 0 oklch(8% .03 310/.8), 0 5px 0 var(--ss-black), 0 12px 22px -8px oklch(5% .03 310/.85)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{box-shadow:inset 0 1px 0 oklch(95% .05 190/.3), inset 0 -2px 0 oklch(8% .03 310/.8), 0 5px 0 color-mix(in oklab, var(--ss-black) 72%, var(--ss-line)), 0 12px 22px -8px oklch(5% .03 310/.85)}}.staff-sprint .ss-clefs button,.staff-sprint .ss-modes button,.staff-sprint .ss-level{transition:transform .12s,box-shadow .12s}.staff-sprint .ss-clefs button:not(.ss-active):hover,.staff-sprint .ss-modes button:not(.ss-active):hover,.staff-sprint .ss-level:not(.ss-active):hover{box-shadow:inset 0 1px 0 oklch(95% .05 190/.45), inset 0 -2px 0 oklch(8% .03 310/.8), 0 7px 0 var(--ss-black), 0 16px 28px -8px oklch(5% .03 310/.9);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button:not(.ss-active):hover,.staff-sprint .ss-modes button:not(.ss-active):hover,.staff-sprint .ss-level:not(.ss-active):hover{box-shadow:inset 0 1px 0 oklch(95% .05 190/.45), inset 0 -2px 0 oklch(8% .03 310/.8), 0 7px 0 color-mix(in oklab, var(--ss-black) 72%, var(--ss-line)), 0 16px 28px -8px oklch(5% .03 310/.9)}}.staff-sprint .ss-clefs button:not(.ss-active):active,.staff-sprint .ss-modes button:not(.ss-active):active,.staff-sprint .ss-level:not(.ss-active):active{box-shadow:inset 0 1px 0 oklch(95% .05 190/.25), inset 0 -1px 0 oklch(8% .03 310/.8), 0 2px 0 var(--ss-black);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button:not(.ss-active):active,.staff-sprint .ss-modes button:not(.ss-active):active,.staff-sprint .ss-level:not(.ss-active):active{box-shadow:inset 0 1px 0 oklch(95% .05 190/.25), inset 0 -1px 0 oklch(8% .03 310/.8), 0 2px 0 color-mix(in oklab, var(--ss-black) 72%, var(--ss-line))}}.ss-modes{gap:8px;display:flex}.ss-modes button{flex:1;height:44px}.ss-clefs{gap:8px;display:flex}.staff-sprint .ss-clefs button{white-space:normal;text-align:left;flex:1;grid-template-columns:1fr auto;align-items:center;column-gap:8px;height:54px;padding:6px 12px;display:grid}.ss-clefs .ss-clef-name{font-size:14px;font-weight:700}.ss-clefs .ss-clef-detail{color:var(--ss-muted);grid-area:2/1;font-size:11px;font-weight:400}.ss-clefs .ss-check{stroke-width:3px;grid-row:1/span 2;width:18px;height:18px}.staff-sprint .ss-kb-easy{--ss-key-w:clamp(24px, 3.1vw, 40px);--ss-key-h:114px;--ss-black-h:70px;--ss-key-font:10px}.staff-sprint .ss-kb-medium{--ss-key-w:clamp(26px, 3.2vw, 42px);--ss-key-h:112px;--ss-black-h:72px;--ss-key-font:11px}.staff-sprint .ss-kb-hard{--ss-key-w:clamp(26px, 3vw, 42px);--ss-key-h:132px;--ss-black-h:82px;--ss-key-font:10px}.ss-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.staff-sprint .ss-level{white-space:normal;flex-direction:column;gap:6px;height:82px;padding:10px 6px;display:flex}.ss-level strong{font-size:16px}.ss-level span{color:var(--ss-muted);font-size:11px}.staff-sprint .ss-active,.staff-sprint .ss-active:hover{background:linear-gradient(180deg, var(--ss-cyan) 0%, var(--ss-cyan) 45%, var(--ss-cyan) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-active,.staff-sprint .ss-active:hover{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-cyan) 78%, var(--ss-ink)) 0%, var(--ss-cyan) 45%, color-mix(in oklab, var(--ss-cyan) 76%, var(--ss-black)) 100%)}}.staff-sprint .ss-active,.staff-sprint .ss-active:hover{color:var(--ss-black);border-color:var(--ss-cyan)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-active,.staff-sprint .ss-active:hover{border-color:color-mix(in oklab, var(--ss-cyan) 55%, var(--ss-black))}}.staff-sprint .ss-active,.staff-sprint .ss-active:hover{box-shadow:inset 0 1px 0 oklch(100% 0 0/.6), inset 0 -2px 0 oklch(35% .07 190/.55), 0 5px 0 var(--ss-cyan), var(--ss-glow)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-active,.staff-sprint .ss-active:hover{box-shadow:inset 0 1px 0 oklch(100% 0 0/.6), inset 0 -2px 0 oklch(35% .07 190/.55), 0 5px 0 color-mix(in oklab, var(--ss-cyan) 42%, var(--ss-black)), var(--ss-glow)}}.staff-sprint .ss-active span,.staff-sprint .ss-active svg{color:var(--ss-black)}.staff-sprint .ss-level strong{align-items:center;gap:6px;display:flex}.staff-sprint .ss-active .ss-check{stroke-width:3px;flex-shrink:0;width:18px;height:18px;margin-left:auto}.ss-modes button{justify-content:center}.ss-modes button.ss-active{justify-content:space-between;padding:0 14px}.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{background:linear-gradient(180deg, var(--ss-cyan) 0%, var(--ss-cyan) 48%, var(--ss-cyan) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-cyan) 82%, var(--ss-ink)) 0%, var(--ss-cyan) 48%, color-mix(in oklab, var(--ss-cyan) 74%, var(--ss-black)) 100%)}}.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{border-color:var(--ss-cyan)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{border-color:color-mix(in oklab, var(--ss-cyan) 60%, var(--ss-black))}}.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{color:var(--ss-black);box-shadow:inset 0 1px 0 oklch(100% 0 0/.55), inset 0 -2px 0 oklch(35% .07 190/.5), 0 4px 0 var(--ss-cyan), var(--ss-glow)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-clefs button.ss-active,.staff-sprint .ss-clefs button.ss-active:hover,.staff-sprint .ss-modes button.ss-active,.staff-sprint .ss-modes button.ss-active:hover{box-shadow:inset 0 1px 0 oklch(100% 0 0/.55), inset 0 -2px 0 oklch(35% .07 190/.5), 0 4px 0 color-mix(in oklab, var(--ss-cyan) 40%, var(--ss-black)), var(--ss-glow)}}.ss-modes .ss-check{stroke-width:3px;width:18px;height:18px}.ss-mission{color:var(--ss-muted);font-size:14px;line-height:1.6}.ss-mission strong{color:var(--ss-ink);font-weight:500;display:block}.ss-launch{align-items:center;gap:20px;display:flex}.ss-launch>span{color:var(--ss-gold);align-items:center;gap:7px;font-size:12px;display:flex}.ss-launch>span svg{width:16px}.staff-sprint .ss-start{background:var(--ss-cyan);color:var(--ss-black);box-shadow:0 4px 0 var(--ss-line), var(--ss-glow);font-weight:700}.staff-sprint .ss-start:hover{background:var(--ss-gold)}.ss-play{max-width:1150px;margin:0 auto;position:relative}.ss-hud{justify-content:center;align-items:center;gap:50px;display:flex}.ss-hud>div{text-align:center;min-width:72px}.ss-hud span{color:var(--ss-muted);font-family:var(--font-mono);font-size:10px;display:block}.ss-hud strong{font-family:var(--font-display);justify-content:center;align-items:center;font-size:28px;display:flex}.ss-hud strong svg{width:19px;color:var(--ss-gold)}.ss-hud .ss-clock strong{color:var(--ss-cyan);font-size:42px}.ss-hud .ss-urgent strong{color:var(--ss-coral);animation:.75s ease-in-out infinite alternate ss-pulse}.ss-round-heading{text-align:center;margin-top:0}.ss-round-heading span{color:var(--ss-muted);font-size:11px}.ss-round-heading h1{font-size:24px;font-family:var(--font-display);margin-top:2px;font-weight:700}.ss-stage{max-width:600px;margin:0 auto;position:relative}.ss-staff{width:100%;height:250px;display:block;overflow:visible}.staff-sprint .ss-stage-medium .ss-staff{height:260px}.staff-sprint .ss-stage-hard .ss-staff{height:280px}.staff-sprint .ss-stage-grand .ss-staff{height:300px}.staff-sprint .ss-stage-grand.ss-stage-hard .ss-staff{height:320px}@media (height>=720px){.staff-sprint .ss-stage-medium .ss-staff{height:300px}}.ss-staff-line{stroke:var(--ss-line);stroke-width:2px}.ss-brace{stroke:var(--ss-muted);stroke-width:4px;stroke-linecap:round}.ss-clef{fill:var(--ss-ink);font-family:Bravura;font-size:96px}.ss-note{color:var(--ss-coral);fill:currentColor;filter:drop-shadow(0 0 7px var(--ss-coral));transform-box:fill-box;transform-origin:50%}.ss-note:not(.ss-ghost){transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.2,.7,.3,1) backwards ss-note-fly,.4s ease-in-out .45s infinite alternate ss-fire}@keyframes ss-note-fly{0%{opacity:0;transform:translate(-210px,-300px)scale(.5)rotate(-10deg)}45%{opacity:1}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.ss-note-tail{fill:oklch(70% .19 38/.9);filter:blur(5px);opacity:0;animation:.45s ease-out backwards ss-tail}@keyframes ss-tail{0%{opacity:1}80%{opacity:.85}to{opacity:0}}.ss-trail-dot{fill:oklch(83% .19 48);filter:blur(1.2px)drop-shadow(0 0 6px oklch(72% .2 38/.95));opacity:0;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out forwards ss-trail-fade}@keyframes ss-trail-fade{0%{opacity:var(--ss-trail-peak,.85);transform:scale(1)}40%{opacity:calc(var(--ss-trail-peak,.85) * .8)}to{opacity:0;transform:scale(.25)}}@keyframes ss-fire{0%{filter:drop-shadow(0 0 4px oklch(62% .2 28))drop-shadow(0 0 10px oklch(66% .19 40/.7))}to{filter:drop-shadow(0 0 7px oklch(62% .2 28))drop-shadow(0 0 18px oklch(70% .19 45/.95))}}.ss-answer-burst{fill:none;stroke:oklch(78% .17 42);stroke-width:4px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.32s ease-out forwards ss-answer-burst}@keyframes ss-answer-burst{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes ss-note-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ss-star-drop{fill:oklch(97% .09 95);filter:drop-shadow(0 0 5px oklch(90% .16 85))drop-shadow(0 0 14px oklch(88% .16 85/.85));transform-box:fill-box;transform-origin:50%;opacity:0;animation:.3s cubic-bezier(.2,.7,.3,1) forwards ss-star-fly}@keyframes ss-star-fly{0%{opacity:0;transform:translate(-300px,-460px)scale(.4)}55%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.ss-star-drop{animation-duration:.45s}.ss-star-burst{fill:none;stroke:oklch(78% .17 42);stroke-width:3px;filter:drop-shadow(0 0 6px oklch(68% .19 35));transform-box:fill-box;transform-origin:50%;opacity:0;animation:.45s ease-out .42s forwards ss-star-burst}@keyframes ss-star-burst{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(3.4)}}.ss-ledger{stroke:var(--ss-ink);stroke-width:2px}.ss-ghost{opacity:.45}.ss-question{font-family:var(--font-display);fill:var(--ss-muted);font-size:24px}.ss-staff[aria-label^=Place]{cursor:pointer}.ss-feedback{text-align:center;height:26px;color:var(--ss-muted);font-size:14px;position:absolute;inset:auto 0 0}.ss-correct .ss-feedback{color:var(--ss-cyan);font-weight:700;animation:.25s ease-out ss-pop}.ss-wrong .ss-feedback{color:var(--ss-coral)}.ss-x-flash{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ss-x-flash svg{width:min(40vh,250px);height:min(40vh,250px);color:var(--ss-coral);stroke-width:3.5px;filter:drop-shadow(0 0 22px var(--ss-coral));animation:.9s ease-out forwards ss-x-pop}@keyframes ss-x-pop{0%{opacity:0;transform:scale(.55)rotate(-12deg)}25%{opacity:1;transform:scale(1.08)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.ss-piano-shell{position:relative}.ss-piano-scroll{width:100%;padding:6px 4px 8px;overflow-x:auto}.ss-middle-hint{z-index:3;background:var(--ss-black);border:1px solid var(--ss-gold);color:var(--ss-gold);letter-spacing:.06em;box-shadow:var(--ss-shadow);border-radius:8px;justify-items:center;gap:2px;padding:6px 10px;font-size:10px;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ss-middle-hint span{color:var(--ss-ink);align-items:center;gap:2px;font-size:11px;display:flex}.ss-middle-hint svg{width:16px;height:16px}.ss-hint-left{left:10px}.ss-hint-right{right:10px}.ss-piano-scroll.ss-scrolls{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.ss-piano{border:5px solid var(--ss-panel);width:max-content;min-width:100%;margin:0 auto;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-piano{border:5px solid color-mix(in oklab, var(--ss-panel) 55%, var(--ss-black))}}.ss-piano{box-shadow:var(--ss-shadow), inset 0 2px 0 oklch(95% .05 190/.2);border-radius:8px}.ss-key-wrap{min-width:var(--ss-key-w);flex:1 1 0;position:relative}.staff-sprint .ss-white-key{border:1px solid var(--ss-key-edge);background:linear-gradient(180deg, var(--ss-key) 0%, var(--ss-key) 46%, var(--ss-key) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-white-key{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-key) 86%, oklch(100% 0 0)) 0%, var(--ss-key) 46%, color-mix(in oklab, var(--ss-key) 88%, var(--ss-key-edge)) 100%)}}.staff-sprint .ss-white-key{color:var(--ss-black);height:var(--ss-key-h);width:100%;box-shadow:inset 0 2px 0 oklch(100% 0 0/.85), inset 0 -7px 0 var(--ss-key-edge), 0 8px 12px -6px oklch(7% .03 310/.85);border-radius:0 0 5px 5px;align-items:flex-end;padding:0}.staff-sprint .ss-white-key:hover{background:linear-gradient(180deg, var(--ss-key-edge) 0%, var(--ss-key-edge) 48%, var(--ss-key-edge) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-white-key:hover{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-key-edge) 55%, oklch(100% 0 0)) 0%, var(--ss-key-edge) 48%, color-mix(in oklab, var(--ss-key-edge) 82%, var(--ss-black)) 100%)}}.ss-white-key span{line-height:1.15;font-size:var(--ss-key-font);flex-direction:column;align-items:center;padding-bottom:10px;font-weight:700;display:flex}.ss-white-key small{opacity:.7;margin-left:0;font-size:9px}.ss-middle-cap{letter-spacing:0;color:var(--ss-gold);padding-bottom:2px;font-size:6px;font-style:normal;font-weight:800}@supports (color:color-mix(in lab, red, red)){.ss-middle-cap{color:color-mix(in oklab, var(--ss-gold) 60%, var(--ss-black))}}.staff-sprint .ss-black-key{z-index:2;width:58%;height:var(--ss-black-h);background:linear-gradient(180deg, var(--ss-black) 0%, var(--ss-black) 52%, var(--ss-black) 100%);position:absolute;top:-1px;right:-29%}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-black-key{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-black) 66%, var(--ss-panel)) 0%, var(--ss-black) 52%, color-mix(in oklab, var(--ss-black) 78%, var(--ss-line)) 100%)}}.staff-sprint .ss-black-key{border:1px solid var(--ss-line);border-radius:0 0 5px 5px;padding:0;box-shadow:inset 0 1px oklch(95% .05 190/.3),inset 0 -7px oklch(30% .05 300/.9),0 8px 10px -5px oklch(5% .03 310/.95)}.staff-sprint .ss-key-middle{background:linear-gradient(180deg, var(--ss-gold) 0%, var(--ss-gold) 46%, var(--ss-gold) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-key-middle{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-gold) 38%, oklch(100% 0 0)) 0%, color-mix(in oklab, var(--ss-gold) 26%, var(--ss-key)) 46%, color-mix(in oklab, var(--ss-gold) 32%, var(--ss-key-edge)) 100%)}}.staff-sprint .ss-key-middle{box-shadow:inset 0 2px 0 oklch(100% 0 0/.8), inset 0 7px 0 var(--ss-gold), inset 0 -7px 0 var(--ss-key-edge), 0 8px 12px -6px oklch(7% .03 310/.85)}.staff-sprint .ss-key-lit{background:linear-gradient(180deg, var(--ss-cyan) 0%, var(--ss-cyan) 45%, var(--ss-cyan) 100%)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-key-lit{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-cyan) 68%, oklch(100% 0 0)) 0%, var(--ss-cyan) 45%, color-mix(in oklab, var(--ss-cyan) 78%, var(--ss-black)) 100%)}}.staff-sprint .ss-key-lit{box-shadow:inset 0 2px 0 oklch(100% 0 0/.7), inset 0 -7px 0 var(--ss-cyan), 0 8px 12px -6px oklch(7% .03 310/.85), var(--ss-glow)}@supports (color:color-mix(in lab, red, red)){.staff-sprint .ss-key-lit{box-shadow:inset 0 2px 0 oklch(100% 0 0/.7), inset 0 -7px 0 color-mix(in oklab, var(--ss-cyan) 55%, var(--ss-black)), 0 8px 12px -6px oklch(7% .03 310/.85), var(--ss-glow)}}.staff-sprint .ss-white-key:disabled,.staff-sprint .ss-black-key:disabled{opacity:1}.ss-pause-overlay{background:var(--ss-bg);z-index:5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.ss-pause-overlay h2{font-family:var(--font-display);font-size:36px;font-weight:700}.ss-result{text-align:center;max-width:650px;margin:50px auto 0}.ss-trophy{width:64px;height:64px;color:var(--ss-gold);filter:drop-shadow(0 0 20px var(--ss-gold));margin:auto auto 20px}.ss-result h1{font-size:90px;font-family:var(--font-display);color:var(--ss-cyan);font-weight:800}.ss-result h1 span{color:var(--ss-ink);font-size:20px;font-weight:400;display:block}.ss-results-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.ss-results-grid strong{font-size:28px;font-weight:700;display:block}.ss-results-grid span{color:var(--ss-muted);font-size:12px}.ss-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes ss-pulse{to{opacity:.55}}@keyframes ss-pop{0%{transform:translateY(5px)scale(.9)}to{transform:translateY(0)scale(1)}}@media (width>=700px) and (height<=700px){.ss-menu-title{padding:4px 0 18px}.ss-menu h1{font-size:40px}.ss-art{max-height:295px}.ss-options{gap:12px}.ss-staff{height:200px}.staff-sprint .ss-stage-hard .ss-staff{height:215px}.staff-sprint .ss-stage-grand .ss-staff{height:225px}.staff-sprint .ss-stage-grand.ss-stage-hard .ss-staff{height:240px}.ss-round-heading{margin-top:4px}.ss-hud .ss-clock strong{font-size:34px}.staff-sprint,.staff-sprint .ss-kb-easy{--ss-key-h:100px;--ss-black-h:60px}.staff-sprint .ss-kb-medium{--ss-key-h:104px;--ss-black-h:64px}.staff-sprint .ss-kb-hard{--ss-key-h:124px;--ss-black-h:76px}}@media (width<=699px){.ss-middle-cap{display:none}.staff-sprint{padding:0 12px 20px}.ss-menu-title{padding:8px 0 18px}.ss-menu h1{font-size:36px}.ss-menu h1 span{font-size:14px}.ss-menu-body{grid-template-columns:1fr;gap:18px}.ss-art{object-position:center 57%;height:150px}.ss-options{gap:14px}.ss-levels{gap:6px}.ss-launch,.ss-hud{gap:16px}.ss-hud>div{min-width:50px}.ss-round-heading{margin-top:20px}.ss-staff{height:260px}.staff-sprint .ss-stage-hard .ss-staff{height:280px}.staff-sprint .ss-stage-grand .ss-staff{height:290px}.staff-sprint .ss-stage-grand.ss-stage-hard .ss-staff{height:310px}.ss-feedback{bottom:4px}.ss-piano{margin-left:0}.ss-result{margin-top:35px}}@media (prefers-reduced-motion:reduce){.staff-sprint *,.staff-sprint :before,.staff-sprint :after{animation:none!important}}.song-box{isolation:isolate;width:100%;max-width:56rem;box-shadow:inset 0 4px 0 oklab(100% 0 5.96046e-8/.45), inset 0 -10px 0 oklch(27% .13 292), inset 6px 0 10px -5px oklab(100% 0 5.96046e-8/.22), inset -6px 0 10px -5px oklch(28% .13 292), 0 18px 26px -10px var(--foreground);background:linear-gradient(oklch(71% .17 303) 0%,oklch(57% .2 300) 26%,oklch(44% .18 296) 72%,oklch(33% .15 293) 100%);border-radius:1.2rem 1.2rem 1.8rem 1.8rem;margin:1.6rem auto 0;padding:.7rem .9rem .8rem;position:relative}@supports (color:color-mix(in lab, red, red)){.song-box{box-shadow:inset 0 4px 0 oklab(100% 0 5.96046e-8/.45), inset 0 -10px 0 oklch(27% .13 292), inset 6px 0 10px -5px oklab(100% 0 5.96046e-8/.22), inset -6px 0 10px -5px oklch(28% .13 292), 0 18px 26px -10px color-mix(in oklab, var(--foreground) 50%, transparent)}}.song-box:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(oklch(82% .13 305) 0%,oklch(63% .19 301) 55%,oklch(50% .19 298) 100%);border-radius:.9rem;height:1.2rem;position:absolute;inset:.45rem .45rem auto;box-shadow:inset 0 2px oklab(100% 0 5.96046e-8/.65),inset 0 -3px oklch(38% .16 295),0 5px 6px -2px oklch(25% .12 292/.65)}.song-box-lid{z-index:-1;transform-origin:bottom;box-shadow:inset 0 3px 0 oklab(100% 0 5.96046e-8/.55), inset 0 -3px 0 oklch(40% .17 296), 0 6px 0 oklch(36% .16 295), 0 12px 14px -6px var(--foreground);background:linear-gradient(oklch(79% .15 305) 0%,oklch(61% .2 300) 62%,oklch(47% .18 297) 100%);border-radius:.85rem .85rem .5rem .5rem;margin:-1.6rem 2.4rem -.45rem;padding:.35rem 1rem .8rem;position:relative;transform:perspective(28rem)rotateX(48deg)}@supports (color:color-mix(in lab, red, red)){.song-box-lid{box-shadow:inset 0 3px 0 oklab(100% 0 5.96046e-8/.55), inset 0 -3px 0 oklch(40% .17 296), 0 6px 0 oklch(36% .16 295), 0 12px 14px -6px color-mix(in oklab, var(--foreground) 40%, transparent)}}.song-box-title{text-align:center;letter-spacing:.03em;color:oklch(98% .02 300);text-shadow:0 2px oklch(33% .15 294),0 -1px oklab(100% 0 5.96046e-8/.35);font-size:1.05rem;font-weight:800}.song-box-studio .song-box{margin-top:1.05rem;padding:.5rem .8rem .6rem}.song-box-studio .song-box-lid{margin:-1.3rem 2.4rem -.4rem;padding:.25rem 1rem .7rem}.song-box-studio .song-box-inner{margin-top:.8rem;padding:.4rem .7rem .5rem}.song-box-inner{z-index:1;background:radial-gradient(130% 95% at 50% 108%,oklch(52% .17 300) 0%,oklch(41% .15 296) 45%,oklch(29% .12 293) 100%);border-radius:.75rem;margin-top:1.05rem;padding:.55rem .8rem .65rem;position:relative;box-shadow:inset 0 18px 22px -8px oklch(19% .09 291),inset 0 -5px oklab(100% 0 5.96046e-8/.12),inset 9px 0 13px -7px oklch(21% .1 292),inset -9px 0 13px -7px oklch(21% .1 292)}.song-box-inner:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 3px oklch(57% .18 300),inset 0 2px oklab(100% 0 5.96046e-8/.32)}.song-box-pile{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.1rem .45rem;display:flex}.song-box-item{flex-direction:column;align-items:center;transition:transform .16s;display:flex}.song-box-item .song-clip-brick{transform:perspective(24rem)rotateX(38deg);box-shadow:0 10px 12px -4px oklch(18% .08 291/.75)}.song-box-item:hover .song-clip-brick,.song-box-item:focus-within .song-clip-brick{transform:perspective(24rem)rotateX(14deg)translateY(-3px)scale(1.04)}@media (prefers-reduced-motion:no-preference){.song-box-item:nth-child(4n+1){rotate:-2.2deg}.song-box-item:nth-child(4n+2){translate:0 2px;rotate:1.4deg}.song-box-item:nth-child(4n+3){rotate:2.4deg}.song-box-item:nth-child(4n){translate:0 1px;rotate:-1.2deg}.song-box-item:hover,.song-box-item:focus-within{translate:0;rotate:0deg}}.song-box-empty{color:oklch(95% .03 300);padding:.5rem;font-size:.85rem}.song-box .song-box-tool{color:oklch(97% .02 300);width:1.35rem;height:1.35rem}.song-box .song-box-tool:hover{color:oklch(99% 0 0);background:oklch(62% .2 300)}.song-box-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.9rem;margin-top:1.5rem;display:flex}.song-box-row .song-box{flex:24rem;margin-top:0}.song-box-row .song-record-panel{flex:0 18rem}.song-record-panel{border:1px solid var(--border);background:var(--card);box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.6), 0 10px 20px -10px var(--foreground);border-radius:1.1rem;padding:.45rem .8rem .6rem}@supports (color:color-mix(in lab, red, red)){.song-record-panel{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.6), 0 10px 20px -10px color-mix(in oklab, var(--foreground) 35%, transparent)}}.song-record-panel-title{text-align:center;color:var(--primary);justify-content:center;align-items:center;gap:.4rem;margin-bottom:.45rem;font-size:1rem;font-weight:800;display:flex}.song-box-studio .song-clip-brick{min-height:2.05rem;box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.55), inset 0 -3px 0 var(--foreground), 0 6px 8px -4px var(--foreground);gap:.25rem;margin-top:.45rem;padding:.75rem .55rem .25rem;font-size:.75rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.song-box-studio .song-clip-brick{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.55), inset 0 -3px 0 color-mix(in oklab, var(--foreground) 22%, transparent), 0 6px 8px -4px color-mix(in oklab, var(--foreground) 40%, transparent)}}.song-box-studio .song-clip-brick .brick-studs{top:-.75rem}.song-box-studio .song-clip-brick .brick-studs>span{width:.8rem;height:.5rem}.song-box-studio .brick-play{color:oklch(98% 0 0);background:oklch(28% .06 285);border-radius:999px;flex:none;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.song-box-studio .brick-play svg{fill:currentColor;width:.55rem;height:.55rem}.song-box-studio .brick-wave{align-items:center;gap:2px;height:.75rem;display:inline-flex}.song-box-studio .brick-wave i{background:var(--foreground);border-radius:1px;width:2px}@supports (color:color-mix(in lab, red, red)){.song-box-studio .brick-wave i{background:color-mix(in oklab, var(--foreground) 55%, transparent)}}.song-box-studio .brick-wave i:first-child{height:40%}.song-box-studio .brick-wave i:nth-child(2){height:80%}.song-box-studio .brick-wave i:nth-child(3){height:55%}.song-box-studio .brick-wave i:nth-child(4){height:95%}.song-box-studio .brick-wave i:nth-child(5){height:45%}.song-ideas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.song-ideas-label{align-items:center;gap:.3rem;font-size:.8rem;font-weight:800;display:inline-flex}.song-idea-chip{border-radius:999px}.song-build-panel{border:1px solid var(--border);background:var(--card);box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.6), 0 10px 20px -10px var(--foreground);border-radius:1.1rem;margin-top:.5rem;padding:.5rem .9rem .65rem}@supports (color:color-mix(in lab, red, red)){.song-build-panel{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.6), 0 10px 20px -10px color-mix(in oklab, var(--foreground) 35%, transparent)}}.song-build-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.song-build-headline{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.song-build-title{font-size:1.05rem;font-weight:800}.song-build-sub{color:var(--muted-foreground);font-size:.8rem}.song-slot-empty{border:2px dashed var(--foreground);flex:none;justify-content:center;align-items:center;width:4rem;height:2.9rem;margin-top:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.song-slot-empty{border:2px dashed color-mix(in oklab, var(--foreground) 25%, transparent)}}.song-slot-empty{background:var(--muted);border-radius:.6rem}@supports (color:color-mix(in lab, red, red)){.song-slot-empty{background:color-mix(in oklab, var(--muted) 60%, transparent)}}.song-slot-empty{color:var(--muted-foreground)}.song-timeline-start{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.song-playhead-inline{flex:7rem;max-width:12rem;margin:0}.song-volume{color:var(--muted-foreground);align-items:center;gap:.35rem;display:inline-flex}.song-volume input{width:5.5rem;accent-color:var(--primary)}.song-timeline{border:1px solid var(--border);background:var(--secondary);border-radius:.9rem;flex-wrap:nowrap;justify-content:safe center;align-items:flex-start;gap:.35rem;min-height:3.4rem;margin-top:.25rem;padding:.35rem;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.song-timeline{background:color-mix(in oklab, var(--secondary) 35%, transparent)}}.song-timeline>li{flex:none}.song-timeline-num{color:var(--muted-foreground);font-size:.68rem;font-weight:700}.song-timeline-gap{width:1.2rem;height:2.4rem;color:var(--primary);background:var(--primary);border-radius:.4rem;margin-top:.5rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.song-timeline-gap{background:color-mix(in oklab, var(--primary) 12%, transparent)}}.song-play-main{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.35), 0 6px 0 var(--primary), 0 12px 16px -8px var(--foreground);border-radius:999px;padding-inline:1.75rem;font-size:1.05rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.song-play-main{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.35), 0 6px 0 color-mix(in oklab, var(--primary) 55%, var(--foreground)), 0 12px 16px -8px color-mix(in oklab, var(--foreground) 45%, transparent)}}.song-play-main:active{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.35), 0 3px 0 var(--primary);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.song-play-main:active{box-shadow:inset 0 2px 0 oklab(100% 0 5.96046e-8/.35), 0 3px 0 color-mix(in oklab, var(--primary) 55%, var(--foreground))}}.song-playhead{background:var(--primary);border-radius:999px;height:.35rem}@supports (color:color-mix(in lab, red, red)){.song-playhead{background:color-mix(in oklab, var(--primary) 15%, transparent)}}.song-playhead{max-width:56rem;margin:0 auto;overflow:hidden}.song-playhead>span{background:var(--primary);height:100%;display:block}.song-record-panel .song-record-brick{white-space:normal;gap:.25rem;min-height:2.4rem;padding-inline:.25rem;font-size:.72rem}.song-record-panel .song-record-brick .brick-label{overflow-wrap:anywhere}.song-structure-strip{border:1px solid var(--border);background:var(--card);max-width:56rem;box-shadow:0 4px 10px -6px var(--foreground);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .45rem;margin:.1rem auto 0;padding:.25rem .7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.song-structure-strip{box-shadow:0 4px 10px -6px color-mix(in oklab, var(--foreground) 30%, transparent)}}.song-structure-label{color:var(--foreground);font-size:.82rem;font-weight:800}.song-structure-chip{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.song-structure-chip b{background:var(--primary);border-radius:.35rem;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.song-structure-chip b{background:color-mix(in oklab, var(--primary) 14%, transparent)}}.song-structure-chip b{color:var(--primary);font-size:.72rem}.song-box-studio{--toy-0:oklch(72% .21 140);--toy-1:oklch(60% .2 255);--toy-2:oklch(72% .14 210);--toy-3:oklch(84% .17 85);--toy-4:oklch(82% .19 125);--toy-5:oklch(55% .22 295);--toy-6:oklch(68% .23 355);--toy-7:oklch(70% .19 50);flex-direction:column;gap:.6rem;padding-top:.25rem;display:flex}.song-box-studio .song-box-row{grid-template-columns:minmax(0,1.7fr) minmax(13rem,1fr);align-items:start;gap:.9rem;margin:0;display:grid}@media (width<=720px){.song-box-studio .song-box-row{grid-template-columns:1fr}}.song-tub-wrap{flex-direction:column;gap:.3rem;min-width:0;display:flex}.song-tub{aspect-ratio:1584/672;filter:drop-shadow(0 14px 18px oklch(30% .12 295/.3));background-size:100% 100%;border-radius:1rem;width:100%;position:relative;container-type:inline-size}.song-tub-inside{justify-content:center;align-items:center;display:flex;position:absolute;inset:33% 9% 12% 9.5%}.song-tub-empty{background:var(--card);border-radius:999px;align-self:center;padding:.5rem 1rem}@supports (color:color-mix(in lab, red, red)){.song-tub-empty{background:color-mix(in oklab, var(--card) 92%, transparent)}}.song-tub-empty{color:var(--foreground);text-align:center;font-size:.9rem;font-weight:700;box-shadow:0 6px 14px -6px oklch(20% .1 295/.6)}.song-box-studio .toy-brick{--c:var(--toy-1);width:7.6em;font-size:inherit;cursor:grab;filter:drop-shadow(0 7px 6px oklch(15% .08 290/.55));background:0 0;border:0;flex-direction:column;flex:none;align-items:stretch;margin-top:.55em;padding:0;transition:transform .16s,filter .16s;display:inline-flex;position:relative}.song-box-studio .toy-brick:hover,.song-box-studio .toy-brick:focus-visible{outline:none;transform:translateY(-4px)scale(1.05)}.song-box-studio .toy-brick:active{cursor:grabbing}.song-box-studio .toy-brick-on{filter:drop-shadow(0 0 .35rem oklch(99% .02 100))drop-shadow(0 8px 8px oklch(15% .08 290/.6));transform:translateY(-4px)scale(1.06)}.song-box-studio [data-brick="0"]{--c:var(--toy-0)}.song-box-studio [data-brick="1"]{--c:var(--toy-1)}.song-box-studio [data-brick="2"]{--c:var(--toy-2)}.song-box-studio [data-brick="3"]{--c:var(--toy-3)}.song-box-studio [data-brick="4"]{--c:var(--toy-4)}.song-box-studio [data-brick="5"]{--c:var(--toy-5)}.song-box-studio [data-brick="6"]{--c:var(--toy-6)}.song-box-studio [data-brick="7"]{--c:var(--toy-7)}.toy-studs{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:-.55em;left:.45em;right:.45em}.toy-studs i{background:linear-gradient(90deg, var(--c), var(--c) 40%, var(--c) 60%, var(--c));border-radius:.2em .2em 50% 50%/.2em .2em .3em .3em;width:1.15em;height:.7em}@supports (color:color-mix(in lab, red, red)){.toy-studs i{background:linear-gradient(90deg, color-mix(in oklab, var(--c) 75%, black), color-mix(in oklab, var(--c) 80%, white) 40%, var(--c) 60%, color-mix(in oklab, var(--c) 70%, black))}}.toy-studs i{box-shadow:inset 0 .18em 0 var(--c)}@supports (color:color-mix(in lab, red, red)){.toy-studs i{box-shadow:inset 0 .18em 0 color-mix(in oklab, var(--c) 55%, white)}}.toy-face{background:linear-gradient(180deg, var(--c) 0%, var(--c) 30%, var(--c) 100%);border-radius:.45em;flex-direction:column;align-items:center;gap:.2em;padding:.45em .4em .5em;display:flex}@supports (color:color-mix(in lab, red, red)){.toy-face{background:linear-gradient(180deg, color-mix(in oklab, var(--c) 72%, white) 0%, var(--c) 30%, color-mix(in oklab, var(--c) 88%, black) 100%)}}.toy-face{box-shadow:inset 0 .15em 0 var(--c), inset .15em 0 0 var(--c), inset -.2em 0 0 var(--c), 0 .35em 0 var(--c)}@supports (color:color-mix(in lab, red, red)){.toy-face{box-shadow:inset 0 .15em 0 color-mix(in oklab, var(--c) 40%, white), inset .15em 0 0 color-mix(in oklab, var(--c) 70%, white), inset -.2em 0 0 color-mix(in oklab, var(--c) 75%, black), 0 .35em 0 color-mix(in oklab, var(--c) 62%, black)}}.toy-name{text-overflow:ellipsis;white-space:nowrap;color:oklch(99% 0 0);max-width:100%;text-shadow:0 1.5px 0 var(--c);font-size:1.05em;font-weight:800;line-height:1.1;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.toy-name{text-shadow:0 1.5px 0 color-mix(in oklab, var(--c) 50%, black)}}.song-box-studio [data-brick="3"] .toy-name,.song-box-studio [data-brick="4"] .toy-name{color:oklch(22% .04 285);text-shadow:0 1px 0 var(--c)}@supports (color:color-mix(in lab, red, red)){.song-box-studio [data-brick="3"] .toy-name,.song-box-studio [data-brick="4"] .toy-name{text-shadow:0 1px 0 color-mix(in oklab, var(--c) 60%, white)}}.toy-row{align-items:center;gap:.3em;display:flex}.toy-play{color:oklch(99% 0 0);width:1.35em;height:1.35em;box-shadow:0 0 0 2px var(--c);background:oklch(20% .03 285);border-radius:999px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.toy-play{box-shadow:0 0 0 2px color-mix(in oklab, var(--c) 50%, white)}}.toy-play svg{fill:currentColor;width:.65em;height:.65em;margin-left:1px}.toy-wave{align-items:center;gap:.15em;height:1.1em;display:flex}.toy-wave i{background:var(--c);border-radius:2px;width:.17em}@supports (color:color-mix(in lab, red, red)){.toy-wave i{background:color-mix(in oklab, var(--c) 45%, white)}}.song-box-studio [data-brick="3"] .toy-wave i,.song-box-studio [data-brick="4"] .toy-wave i{background:var(--c)}@supports (color:color-mix(in lab, red, red)){.song-box-studio [data-brick="3"] .toy-wave i,.song-box-studio [data-brick="4"] .toy-wave i{background:color-mix(in oklab, var(--c) 55%, black)}}.song-box-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem;font-size:.85rem;display:flex}.song-box-studio .song-record-panel{border:1px solid var(--border);background:var(--card);border-radius:1.25rem;flex-direction:column;gap:.45rem;padding:.7rem .85rem;display:flex;box-shadow:0 14px 30px -14px oklch(30% .12 295/.4)}.song-box-studio .song-record-panel-title{color:var(--foreground);justify-content:flex-start;margin:0;font-size:1.05rem;font-weight:800}.song-record-select,.song-record-input{border:1px solid var(--border);background:var(--background);width:100%;height:2.1rem;color:var(--foreground);border-radius:.6rem;padding:0 .6rem;font-size:.8rem}.song-record-actions{justify-content:space-around;align-items:flex-start;padding-top:.2rem;display:flex}.song-mic{color:var(--foreground);background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;font-weight:700;display:flex}.song-mic>span{color:oklch(99% 0 0);background:radial-gradient(circle at 35% 30%,oklch(75% .2 25),oklch(58% .23 25));border-radius:999px;place-items:center;width:3rem;height:3rem;transition:transform .15s;display:grid;box-shadow:0 0 0 5px oklch(88% .08 20),0 8px 14px -6px oklch(45% .2 25)}.song-mic>span svg{width:1.4rem;height:1.4rem}.song-mic{font-size:.8rem}.song-mic:hover:not(:disabled)>span{transform:scale(1.06)}.song-mic:disabled{opacity:.45}.song-mic-play>span{background:var(--muted);width:2.6rem;height:2.6rem;color:var(--muted-foreground);box-shadow:0 4px 10px -6px oklch(30% .05 285/.5)}.song-mic-play>span svg{fill:currentColor;width:1.1rem;height:1.1rem}.song-record-hint{color:var(--muted-foreground);text-align:center;font-size:.72rem}.song-plan-form{letter-spacing:.08em;color:var(--primary);font-size:1.1rem;font-weight:800}.song-plan-list{flex-wrap:wrap;gap:.3rem .6rem;display:flex}.song-plan-list li{align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.song-plan-list b{background:var(--primary);border-radius:.4rem;place-items:center;width:1.3rem;height:1.3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.song-plan-list b{background:color-mix(in oklab, var(--primary) 14%, transparent)}}.song-plan-list b{color:var(--primary)}.song-box-studio .song-build-panel{border-radius:1.25rem;margin:0;padding:.8rem 1rem .9rem;box-shadow:0 14px 30px -14px oklch(30% .12 295/.4)}.song-box-studio .song-build-headline{align-items:center;gap:1.2rem}.song-box-studio .song-build-title{font-size:1.3rem;font-weight:800;line-height:1.1}.song-box-studio .song-build-sub{color:var(--foreground);font-size:.8rem}.song-box-studio .song-timeline{background:var(--secondary);border-radius:1rem;justify-content:flex-start;align-items:flex-start;gap:.6rem;min-height:5.2rem;margin-top:.45rem;padding:.5rem .5rem .4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.song-box-studio .song-timeline{background:color-mix(in oklab, var(--secondary) 45%, var(--background))}}.song-box-studio .song-slot{flex-direction:column;flex:none;align-items:center;gap:.35rem;display:flex}.song-box-studio .song-slot:has(.song-timeline-gap){flex-direction:row}.song-box-studio .toy-brick-slot{margin-top:.55em;font-size:12px;animation:.26s ease-out toy-snap}@keyframes toy-snap{0%{transform:translateY(-10px)scale(1.08)}to{transform:none}}@media (prefers-reduced-motion:reduce){.song-box-studio .toy-brick-slot{animation:none}}.song-box-studio .song-slot-empty{border-radius:.6rem;width:91px;height:46px;margin-top:7px}.song-box-studio .song-slot-empty svg{width:1.6rem;height:1.6rem}.song-slot-num{text-align:center;background:var(--c,var(--muted));border-radius:.4rem;min-width:5rem;padding:.1rem .5rem;font-size:.68rem}@supports (color:color-mix(in lab, red, red)){.song-slot-num{background:color-mix(in oklab, var(--c,var(--muted)) 18%, var(--card))}}.song-slot-num{color:var(--foreground)}.song-slot-num-empty{background:var(--muted);color:var(--muted-foreground)}.song-play-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;margin-top:.5rem;display:grid}@media (width<=720px){.song-play-row{grid-template-columns:1fr}}.song-box-studio .song-play-main{color:oklch(99% 0 0);background:linear-gradient(oklch(60% .23 295),oklch(47% .24 290));border-radius:1rem;height:2.7rem;padding-inline:1.5rem;font-size:1.05rem}.song-box-studio .song-play-main svg{fill:currentColor;width:1.4rem;height:1.4rem}.song-progress-card{background:var(--secondary);border-radius:.9rem;flex-direction:column;justify-content:center;gap:.3rem;height:2.7rem;padding:0 .9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.song-progress-card{background:color-mix(in oklab, var(--secondary) 55%, var(--background))}}.song-progress-card.song-volume{color:var(--primary);flex-direction:row;align-items:center}.song-box-studio .song-playhead{background:var(--muted);border-radius:999px;height:.5rem;margin:0;overflow:hidden}.song-box-studio .song-playhead span{border-radius:inherit;background:var(--primary);height:100%;display:block}.song-progress-label{color:var(--muted-foreground);font-size:.68rem}.song-box-studio .song-ideas{border:1px solid var(--border);background:var(--card);border-radius:.9rem;justify-content:flex-start;gap:.6rem;margin-top:.5rem;padding:.4rem .7rem}.song-box-studio .song-ideas-label{color:var(--foreground);font-size:.85rem}.song-box-studio .song-ideas-label svg{color:oklch(78% .16 80)}.song-box-studio .song-idea-chip{background:var(--primary);border-radius:.6rem;padding:.3rem .6rem;font-size:.7rem}@supports (color:color-mix(in lab, red, red)){.song-box-studio .song-idea-chip{background:color-mix(in oklab, var(--primary) 12%, var(--card))}}.song-box-studio .song-idea-chip{color:var(--foreground)}.song-box-studio .song-idea-chip:first-of-type{background:var(--toy-7)}@supports (color:color-mix(in lab, red, red)){.song-box-studio .song-idea-chip:first-of-type{background:color-mix(in oklab, var(--toy-7) 14%, var(--card))}}.song-box-studio .song-idea-chip:nth-of-type(3){background:var(--toy-2)}@supports (color:color-mix(in lab, red, red)){.song-box-studio .song-idea-chip:nth-of-type(3){background:color-mix(in oklab, var(--toy-2) 18%, var(--card))}}.song-box-studio .song-idea-chip:disabled{opacity:.55}.song-box-studio .song-box-row-arrange .song-record-panel{justify-content:center;height:100%}.song-box-row-arrange .song-plan-form{font-size:1.5rem}.song-box-row-arrange .song-record-hint{font-size:.85rem}.song-box-studio .song-box-row-arrange{grid-template-columns:minmax(0,21rem) minmax(0,1fr)}.song-box-row-arrange .song-record-panel{gap:.3rem;padding:.5rem .75rem}.song-box-row-arrange .song-record-panel-title{font-size:1rem}.song-box-row-arrange .song-plan-form{font-size:1.1rem;line-height:1.1}.song-box-row-arrange .song-plan-list li{font-size:.8rem}.song-box-row-arrange .song-ideas{border:0;gap:.3rem;margin-top:.2rem;padding:.3rem 0}.song-box-row-arrange .song-ideas-label{font-size:.75rem}.song-box-row-arrange .song-idea-chip{padding:.2rem .45rem;font-size:.65rem}@media (width<=720px){.song-box-studio .song-box-row-arrange{grid-template-columns:1fr}}.song-plan-order{color:var(--muted-foreground);text-align:center;font-size:.7rem}.song-box-studio .song-box-row-arrange{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:.6rem}.song-box-row-zip .song-record-panel{gap:.25rem}.song-box-row-zip .song-record-select,.song-box-row-zip .song-record-input{height:1.8rem}.song-box-row-zip .song-mic>span{width:2.3rem;height:2.3rem}.song-box-studio:has(.song-box-row-arrange){gap:.4rem}.song-box-studio:has(.song-box-row-arrange) .song-build-panel{padding:.45rem .7rem .5rem}.song-box-studio:has(.song-box-row-arrange) .song-build-title{font-size:1.05rem}.song-box-studio:has(.song-box-row-arrange) .song-timeline{gap:.4rem;min-height:3.9rem;margin-top:.3rem;padding:.3rem .4rem .25rem}.song-box-studio:has(.song-box-row-arrange) .toy-brick-slot{font-size:10px}.song-box-studio:has(.song-box-row-arrange) .song-slot-empty{width:76px;height:38px}.song-box-studio:has(.song-box-row-arrange) .song-slot{gap:.15rem}.song-box-studio:has(.song-box-row-arrange) .song-play-row{gap:.4rem;margin-top:.35rem}.song-box-studio:has(.song-box-row-arrange) .song-play-main{height:2.2rem;padding-inline:1.1rem;font-size:.95rem}.song-box-studio:has(.song-box-row-arrange) .song-progress-card{height:2.2rem}@media (width<=720px){.song-box-studio .song-box-row-zip{grid-template-columns:1fr}}.song-box-studio .song-box-row-zip .song-record-panel{grid-template-columns:1fr 1fr;align-content:start;gap:.3rem .5rem;padding:.45rem .7rem;display:grid}.song-box-row-zip .song-record-panel-title{grid-column:1/-1;font-size:.95rem}.song-box-row-zip .song-record-actions{grid-column:1/-1;justify-content:center;gap:1.5rem;padding:0}.song-box-row-zip .song-mic{flex-direction:row;gap:.4rem}.song-box-row-zip .song-mic>span{width:2.1rem;height:2.1rem;box-shadow:0 0 0 3px oklch(88% .08 20)}.song-box-row-zip .song-mic-play>span{box-shadow:none}.song-box-row-zip .song-mic>span svg{width:1rem;height:1rem}.song-box-row-zip .song-record-hint{display:none}.song-tub-inside>.toy-brick:hover,.song-tub-inside>.toy-brick:focus-visible,.song-tub-inside>.toy-brick-on{z-index:20!important}.song-box-studio .song-box-row-arrange,.song-box-studio .song-box-row-zip{grid-template-columns:minmax(0,18.5rem) minmax(0,1fr)}@media (width<=720px){.song-box-studio .song-box-row-arrange,.song-box-studio .song-box-row-zip{grid-template-columns:1fr}}.song-box-studio .song-box-row-zip{grid-template-columns:minmax(0,15rem) minmax(0,1fr)}@media (width<=720px){.song-box-studio .song-box-row-zip{grid-template-columns:1fr}}.numeral-block{--nb:oklch(75% .14 305);background:linear-gradient(180deg, var(--nb), var(--nb));border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;min-width:3.6rem;min-height:3.2rem;padding:.3rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.numeral-block{background:linear-gradient(180deg, color-mix(in oklch, var(--nb) 70%, white), var(--nb))}}.numeral-block{color:oklch(22% .05 280);box-shadow:0 5px 0 var(--nb), 0 8px 14px oklch(30% .08 290/.22), inset 0 2px 0 oklch(100% 0 0/.55);font-weight:800;line-height:1.05}@supports (color:color-mix(in lab, red, red)){.numeral-block{box-shadow:0 5px 0 color-mix(in oklch, var(--nb) 60%, black), 0 8px 14px oklch(30% .08 290/.22), inset 0 2px 0 oklch(100% 0 0/.55)}}.numeral-block{cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .12s,box-shadow .12s}.numeral-block:active{box-shadow:0 2px 0 var(--nb), inset 0 2px 0 oklch(100% 0 0/.55);transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.numeral-block:active{box-shadow:0 2px 0 color-mix(in oklch, var(--nb) 60%, black), inset 0 2px 0 oklch(100% 0 0/.55)}}.numeral-block[data-picked=true]{outline:3px solid var(--primary);outline-offset:2px;transform:translateY(-3px)}.numeral-block[data-lit=true]{filter:brightness(1.08)saturate(1.2);transform:translateY(-4px)scale(1.06)}.numeral-block[data-n=I]{--nb:oklch(79% .14 165)}.numeral-block[data-n=ii]{--nb:oklch(74% .13 235)}.numeral-block[data-n=iii]{--nb:oklch(82% .12 195)}.numeral-block[data-n=IV]{--nb:oklch(86% .15 88)}.numeral-block[data-n=V]{--nb:oklch(78% .16 55)}.numeral-block[data-n=vi]{--nb:oklch(79% .13 350)}.numeral-slot{border:2px dashed var(--primary);border-radius:.8rem;justify-content:center;align-items:center;min-width:4.2rem;min-height:3.8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.numeral-slot{border:2px dashed color-mix(in oklch, var(--primary) 45%, transparent)}}.numeral-slot{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.numeral-slot{background:color-mix(in oklch, var(--primary) 6%, transparent)}}@media (height<=500px) and (pointer:coarse) and (orientation:landscape){.echo-game>header,.echo-game>main{padding-block:.25rem}.echo-game .game-touch-content{gap:.35rem}.echo-game .echo-finger-lane{height:100px}.echo-game .echo-falling-finger{top:calc(64px - (var(--cue-beat) - var(--echo-beat)) * 55px)}.echo-game .echo-piano-stage .echo-key{min-height:70px;padding-bottom:.3rem}.echo-game .echo-equalizer{display:none}}.echo-hold-tail{width:10px;height:calc(var(--cue-length) * 55px - 28px);background:inherit;opacity:.55;border-radius:4px;position:absolute;bottom:28px}.echo-live>p{min-height:2.75rem}.studio-arcade{--studio-bg:oklch(97% .03 330);--studio-ink:oklch(25% .08 300);--studio-pink:oklch(68% .24 350);--studio-teal:oklch(75% .14 185);--studio-gold:oklch(85% .17 90);--studio-violet:oklch(58% .22 300);--studio-orange:oklch(74% .18 50);--studio-blue:oklch(65% .17 250);color:var(--studio-ink);background:radial-gradient(circle at 15% 10%, var(--studio-gold), transparent 40%), radial-gradient(circle at 85% 90%, var(--studio-teal), transparent 45%), repeating-linear-gradient(45deg, transparent 0 22px, var(--studio-pink) 22px 44px), var(--studio-bg)}@supports (color:color-mix(in lab, red, red)){.studio-arcade{background:radial-gradient(circle at 15% 10%, color-mix(in oklab, var(--studio-gold) 35%, transparent), transparent 40%), radial-gradient(circle at 85% 90%, color-mix(in oklab, var(--studio-teal) 30%, transparent), transparent 45%), repeating-linear-gradient(45deg, transparent 0 22px, color-mix(in oklab, var(--studio-pink) 6%, transparent) 22px 44px), var(--studio-bg)}}.studio-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--studio-pink);font-size:.72rem;font-weight:800}.studio-badge{color:var(--studio-ink);background:linear-gradient(135deg, var(--studio-gold), var(--studio-orange));box-shadow:0 3px 0 var(--studio-orange);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.studio-badge{box-shadow:0 3px 0 color-mix(in oklab, var(--studio-orange) 70%, black)}}.studio-step{text-align:center;background:var(--studio-ink);border-radius:.8rem;flex:1;padding:.45rem .6rem;font-size:.8rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.studio-step{background:color-mix(in oklab, var(--studio-ink) 8%, transparent)}}.studio-step-on{background:var(--studio-violet);color:var(--studio-bg);box-shadow:0 4px 0 var(--studio-violet)}@supports (color:color-mix(in lab, red, red)){.studio-step-on{box-shadow:0 4px 0 color-mix(in oklab, var(--studio-violet) 65%, black)}}.studio-title{font-family:var(--font-display,inherit);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.studio-sub{opacity:.75;margin-top:.25rem;font-weight:600}.studio-block{aspect-ratio:1;color:var(--studio-bg);background:var(--studio-chip);box-shadow:inset 0 -6px 0 var(--studio-chip), 0 6px 0 var(--studio-chip), 0 10px 18px var(--studio-chip);border-radius:1.1rem;place-items:center;font-weight:900;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-block{box-shadow:inset 0 -6px 0 color-mix(in oklab, var(--studio-chip) 70%, black), 0 6px 0 color-mix(in oklab, var(--studio-chip) 55%, black), 0 10px 18px color-mix(in oklab, var(--studio-chip) 35%, transparent)}}.studio-block{transition:transform .12s}button.studio-block:hover{transform:translateY(-3px)}button.studio-block:active{transform:translateY(3px)}.studio-block-on{outline:4px solid var(--studio-ink);outline-offset:3px}.studio-block-static{min-width:4.5rem}.studio-block-live{filter:brightness(1.15);box-shadow:0 0 0 4px var(--studio-gold), 0 0 28px var(--studio-gold);transform:translateY(-8px)scale(1.1)}.studio-song-row-live{background:var(--studio-gold)}@supports (color:color-mix(in lab, red, red)){.studio-song-row-live{background:color-mix(in oklab, var(--studio-gold) 22%, transparent)}}.studio-song-row-live{box-shadow:inset 0 0 0 2px var(--studio-gold)}.studio-times{color:var(--studio-bg)}@supports (color:color-mix(in lab, red, red)){.studio-times{color:color-mix(in oklab, var(--studio-bg) 70%, transparent)}}.studio-pip{background:var(--studio-ink);color:var(--studio-bg);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;position:absolute;top:-.6rem;right:-.6rem}.studio-c0{--studio-chip:var(--studio-pink)}.studio-c1{--studio-chip:var(--studio-teal)}.studio-c2{--studio-chip:var(--studio-gold)}.studio-c3{--studio-chip:var(--studio-violet)}.studio-c4{--studio-chip:var(--studio-orange)}.studio-c5{--studio-chip:var(--studio-blue)}.studio-row{background:var(--studio-bg);border-radius:1rem;align-items:center;gap:.6rem;padding:.6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-row{background:color-mix(in oklab, var(--studio-bg) 70%, white)}}.studio-row{box-shadow:0 4px 0 var(--studio-ink);border:3px solid #0000}@supports (color:color-mix(in lab, red, red)){.studio-row{box-shadow:0 4px 0 color-mix(in oklab, var(--studio-ink) 15%, transparent)}}.studio-row-on{border-color:var(--studio-violet)}.studio-play{background:var(--studio-ink);width:2.4rem;height:2.4rem;color:var(--studio-bg);border-radius:999px;place-items:center;display:grid}.studio-chip{color:var(--studio-bg);background:var(--studio-chip);box-shadow:0 3px 0 var(--studio-chip);border-radius:.7rem;flex:1;padding:.55rem 0;font-weight:900}@supports (color:color-mix(in lab, red, red)){.studio-chip{box-shadow:0 3px 0 color-mix(in oklab, var(--studio-chip) 55%, black)}}.studio-stage{background:var(--studio-ink);border-radius:1.5rem;padding:2rem 1.5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-stage{background:color-mix(in oklab, var(--studio-ink) 88%, black)}}.studio-stage{box-shadow:0 8px 0 var(--studio-ink)}@supports (color:color-mix(in lab, red, red)){.studio-stage{box-shadow:0 8px 0 color-mix(in oklab, var(--studio-ink) 60%, black)}}.studio-count{z-index:2;color:var(--studio-gold);background:var(--studio-ink);place-items:center;font-size:5rem;font-weight:900;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-count{background:color-mix(in oklab, var(--studio-ink) 70%, transparent)}}.studio-count{border-radius:inherit}.studio-rec{color:var(--studio-pink);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-weight:800;display:flex}.studio-rec span{background:var(--studio-pink);border-radius:999px;width:.7rem;height:.7rem;animation:1s infinite pulse}.studio-btn{background:var(--studio-violet);color:var(--studio-bg);box-shadow:0 4px 0 var(--studio-violet);font-weight:800}@supports (color:color-mix(in lab, red, red)){.studio-btn{box-shadow:0 4px 0 color-mix(in oklab, var(--studio-violet) 60%, black)}}.studio-btn-mic{background:var(--studio-pink);box-shadow:0 4px 0 var(--studio-pink)}@supports (color:color-mix(in lab, red, red)){.studio-btn-mic{box-shadow:0 4px 0 color-mix(in oklab, var(--studio-pink) 60%, black)}}.studio-btn-ghost{font-weight:700}.studio-style{background:var(--studio-bg);border-radius:1rem;flex-direction:column;align-items:center;min-width:6.5rem;padding:.5rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-style{background:color-mix(in oklab, var(--studio-bg) 70%, white)}}.studio-style{border:3px solid var(--studio-chip);box-shadow:0 4px 0 var(--studio-chip)}@supports (color:color-mix(in lab, red, red)){.studio-style{box-shadow:0 4px 0 color-mix(in oklab, var(--studio-chip) 55%, black)}}.studio-style{transition:transform .12s}.studio-style:hover:not(:disabled){transform:translateY(-2px)}.studio-style:disabled{opacity:.5}.studio-style-on{background:var(--studio-chip);color:var(--studio-bg);transform:translateY(-3px)}.studio-keys{touch-action:none;-webkit-user-select:none;user-select:none;gap:3px;width:100%;max-width:48rem;height:8rem;display:flex}.studio-key{background:linear-gradient(var(--studio-bg), white);color:var(--studio-ink);box-shadow:inset 0 -6px 0 var(--studio-ink), 0 4px 0 var(--studio-ink);border-radius:0 0 .6rem .6rem;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:.4rem;font-weight:800;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-key{box-shadow:inset 0 -6px 0 color-mix(in oklab, var(--studio-ink) 12%, transparent), 0 4px 0 color-mix(in oklab, var(--studio-ink) 30%, transparent)}}.studio-key-on{background:var(--studio-gold);transform:translateY(3px)}.studio-key-num{opacity:.55;font-size:.7rem;position:absolute;top:.4rem}.home-refresh .home-preview-card{border:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.home-refresh .home-preview-card{border:2px solid color-mix(in oklab, var(--primary) 35%, transparent)}}.home-refresh .home-preview-card{background:var(--card);color:var(--card-foreground);box-shadow:var(--home-shadow-3d);border-radius:1rem;padding:1.25rem}@media (width>=768px){.home-refresh .home-preview-card{padding:1.75rem}}:root{--admin-tab:oklch(62% .17 150);--admin-tab-foreground:oklch(99% 0 0)}.admin-quick-tab{z-index:60;align-items:flex-start;transition:transform .25s;display:flex;position:fixed;top:40%;right:0;transform:translate(calc(100% - 2.25rem))}.admin-quick-tab.is-open{transform:translate(0)}.admin-quick-tab__handle{background:var(--admin-tab);width:2.25rem;color:var(--admin-tab-foreground);letter-spacing:.12em;border-radius:.75rem 0 0 .75rem;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem 0;font-size:.65rem;font-weight:800;display:flex;box-shadow:-2px 4px 14px oklch(0% 0 0/.2)}.admin-quick-tab__handle span{writing-mode:vertical-rl;transform:rotate(180deg)}.admin-quick-tab__panel{background:var(--card);width:15rem;color:var(--card-foreground);border:3px solid var(--admin-tab);border-right:0;border-radius:0 0 0 .75rem;gap:.25rem;padding:.9rem;display:grid;box-shadow:-4px 6px 20px oklch(0% 0 0/.18)}.admin-quick-tab__title{text-transform:uppercase;letter-spacing:.1em;color:var(--admin-tab);margin-bottom:.25rem;font-size:.7rem;font-weight:800}.admin-quick-tab__link{border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.875rem;font-weight:600;display:flex}.admin-quick-tab__link:hover{background:var(--muted)}@media (prefers-reduced-motion:reduce){.admin-quick-tab{transition:none}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}