/*! 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)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-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;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:var(--font-body);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--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);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-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;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(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{font-family:var(--font-body)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[min\(18vh\,10rem\)\]{top:min(18vh,10rem)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.z-\[300\]{z-index:300}.z-\[400\]{z-index:400}.z-\[401\]{z-index:401}.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}}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.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-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[1\.125rem\]{width:1.125rem;height:1.125rem}.h-8{height:calc(var(--spacing) * 8)}.h-11{height:calc(var(--spacing) * 11)}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-\[min\(36rem\,calc\(100vw-2rem\)\)\]{width:min(36rem,100vw - 2rem)}.w-full{width:100%}.max-w-\[14rem\]{max-width:14rem}.max-w-\[calc\(100vw-5rem\)\]{max-width:calc(100vw - 5rem)}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[15rem\]{min-width:15rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-end{justify-items:end}.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-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)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--color-rule\)\]{border-color:var(--color-rule)}.border-\[var\(--color-rule-strong\)\]{border-color:var(--color-rule-strong)}.border-ring{border-color:var(--ring)}.border-transparent{border-color:#0000}.border-l-\[var\(--color-rule\)\]{border-left-color:var(--color-rule)}.bg-\[var\(--color-ink\)\]{background-color:var(--color-ink)}.bg-\[var\(--color-paper\)\]{background-color:var(--color-paper)}.bg-\[var\(--color-paper-2\)\]{background-color:var(--color-paper-2)}.bg-\[var\(--color-paper-3\)\]{background-color:var(--color-paper-3)}.bg-\[var\(--color-rule\)\]{background-color:var(--color-rule)}.bg-background{background-color:var(--background)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-border{background-color:var(--border)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:#0000}.bg-ui-muted{background-color:var(--muted)}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.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-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-left{text-align:left}.text-right{text-align:right}.font-heading{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-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\.64rem\]{font-size:.64rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.78rem\]{font-size:.78rem}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-display\)\]{--tw-font-weight:var(--font-display);font-weight:var(--font-display)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.035em\]{--tw-tracking:.035em;letter-spacing:.035em}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-ink-soft\)\]{color:var(--color-ink-soft)}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-\[var\(--color-neutral\)\]{color:var(--color-neutral)}.text-\[var\(--color-surface\)\]{color:var(--color-surface)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.uppercase{text-transform:uppercase}.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,)}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--color-ink\)_7\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--color-ink\)_7\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--color-ink) 7%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--color-ink\)_7\%\,transparent\)\]{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_color-mix\(in_oklch\,var\(--color-ink\)_10\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-ink))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--color-ink\)_10\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--color-ink) 10%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--color-ink\)_10\%\,transparent\)\]{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-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)}.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-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-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,background-color\]{transition-property:box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\,opacity\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\,color\,box-shadow\]{transition-property:transform,background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\,color\]{transition-property:transform,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,opacity\]{transition-property:translate,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-3\.5:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -3.5)}@media (hover:hover){.hover\:bg-\[var\(--color-ink-soft\)\]:hover{background-color:var(--color-ink-soft)}.hover\:bg-\[var\(--color-paper-2\)\]:hover{background-color:var(--color-paper-2)}.hover\:bg-\[var\(--color-paper-3\)\]:hover{background-color:var(--color-paper-3)}.hover\:text-\[var\(--color-ink\)\]:hover{color:var(--color-ink)}.hover\:opacity-100:hover{opacity:1}.hover\:ring-3:hover{--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)}}.focus\:border-\[var\(--color-accent\)\]:focus{border-color:var(--color-accent)}.focus\:border-\[var\(--color-focus\)\]:focus{border-color:var(--color-focus)}.focus\:shadow-\[0_0_0_2px_var\(--color-focus\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--color-focus));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\:border-ring:focus-visible{border-color:var(--ring)}.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-3:focus-visible{--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)}.focus-visible\:ring-\[var\(--color-focus\)\]:focus-visible{--tw-ring-color:var(--color-focus)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-focus\)\]:focus-visible{outline-color:var(--color-focus)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:ring-3:active{--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)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[active\=true\]\:text-\[var\(--color-student\)\][data-active=true]{color:var(--color-student)}.data-\[disabled\=true\]\:opacity-45[data-disabled=true]{opacity:.45}.data-\[selected\=true\]\:bg-\[var\(--color-paper\)\][data-selected=true]{background-color:var(--color-paper)}.data-\[selected\=true\]\:text-\[var\(--color-ink\)\][data-selected=true]{color:var(--color-ink)}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:0}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:0}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=bottom\]\:translate-y-10[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:0}.data-\[side\=left\]\:left-0[data-side=left]{left:0}.data-\[side\=left\]\:h-full[data-side=left]{height:100%}.data-\[side\=left\]\:w-3\/4[data-side=left]{width:75%}.data-\[side\=left\]\:-translate-x-10[data-side=left]{--tw-translate-x:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:0}.data-\[side\=right\]\:right-0[data-side=right]{right:0}.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=right\]\:w-\[min\(26rem\,calc\(100vw-1rem\)\)\][data-side=right]{width:min(26rem,100vw - 1rem)}.data-\[side\=right\]\:translate-x-10[data-side=right]{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:0}.data-\[side\=top\]\:top-0[data-side=top]{top:0}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[side\=top\]\:-translate-y-10[data-side=top]{--tw-translate-y:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[size\=default\]\:h-\[18\.4px\][data-size=default]{height:18.4px}.data-\[size\=default\]\:w-\[32px\][data-size=default]{width:32px}.data-\[size\=sm\]\:h-\[14px\][data-size=sm]{height:14px}.data-\[size\=sm\]\:w-\[24px\][data-size=sm]{width:24px}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[side\=bottom\]\:data-\[state\=open\]\:translate-y-0[data-side=bottom][data-state=open]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:data-\[state\=open\]\:translate-x-0[data-side=left][data-state=open],.data-\[side\=right\]\:data-\[state\=open\]\:translate-x-0[data-side=right][data-state=open]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:data-\[state\=open\]\:translate-y-0[data-side=top][data-state=open]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (width>=40rem){.sm\:max-w-\[26rem\]{max-width:26rem}.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right]{max-width:var(--container-sm)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-state=checked]),.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-checked]:not([data-checked=false])),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-state=checked]),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-checked]:not([data-checked=false])){--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--primary-foreground)}.data-unchecked\:bg-input:where([data-state=unchecked]),.data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked=false])){background-color:var(--input)}.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-state=unchecked]),.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-unchecked]:not([data-unchecked=false])),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-state=unchecked]),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-unchecked]:not([data-unchecked=false])){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:var(--foreground)}.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.data-disabled\:cursor-not-allowed:where([data-disabled=true]),.data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-horizontal\:h-1:where([data-orientation=horizontal]){height:var(--spacing)}.data-horizontal\:h-full:where([data-orientation=horizontal]){height:100%}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:min-h-40:where([data-orientation=vertical]){min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1:where([data-orientation=vertical]){width:var(--spacing)}.data-vertical\:w-auto:where([data-orientation=vertical]){width:auto}.data-vertical\:w-full:where([data-orientation=vertical]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_\[data-slot\=slider-range\]\]\:bg-\[var\(--color-accent\)\] [data-slot=slider-range]{background-color:var(--color-accent)}.\[\&_\[data-slot\=slider-thumb\]\]\:border-\[var\(--color-accent\)\] [data-slot=slider-thumb]{border-color:var(--color-accent)}.\[\&_\[data-slot\=slider-thumb\]\]\:bg-\[var\(--color-paper\)\] [data-slot=slider-thumb]{background-color:var(--color-paper)}.\[\&_\[data-slot\=slider-track\]\]\:bg-\[var\(--color-rule\)\] [data-slot=slider-track]{background-color:var(--color-rule)}}@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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#fafafa;--color-audience-learners:#edf3fa;--color-audience-teachers:#f0efec;--color-surface:#fff;--color-surface-raised:#f2f3f5;--color-surface-hover:#e9ebef;--color-ink:#1d1d1f;--color-ink-soft:#626269;--color-muted:#626269;--color-neutral:#74747c;--color-rule:#d8d8dd;--color-rule-strong:#898992;--color-accent:#0865ca;--color-accent-soft:#e8f1fc;--color-accent-ink:#fff;--color-focus:#0865ca;--color-error:#b42318;--color-error-surface:#fff0ee;--color-success:#217346;--color-success-surface:#edf7f0;--color-guru:oklch(60% .17 42);--color-guru-soft:oklch(92% .035 42);--color-student:oklch(51% .105 188);--color-student-soft:oklch(91% .03 188);--color-slide:oklch(58% .17 244);--color-slide-soft:oklch(94% .032 244);--color-title:oklch(60% .16 344);--color-title-soft:oklch(95% .028 344);--color-overlay:oklch(15% .012 250/.4);--color-glass:oklch(99% .006 250/.84);--color-shadow:oklch(20% .015 250/.11);--color-shadow-float:oklch(20% .015 250/.16);--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-data:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-display:clamp(2.35rem, 4.5vw, 4.4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.2s;--dur-long:.42s;--rule-hairline:.0625rem;--radius-small:.625rem;--radius-medium:1rem;--radius-large:1.5rem;--radius-round:999px;--color-paper-2:var(--color-surface);--color-paper-3:var(--color-surface-raised);--color-accent-strong:#0756aa;--color-error-paper:var(--color-error-surface);--color-success-paper:var(--color-success-surface);--color-focus-inner:var(--color-surface);--font-mono:var(--font-data);--text-4xl:3.815rem;--shell-width:70rem;--page-gutter:clamp(1.5rem, 4vw, 3rem);--section-space:clamp(4.5rem, 8vw, 7.5rem);--header-height:3.5rem;--control-height:2.75rem;--control-height-small:2.5rem;--control-padding:1.5rem;--shadow-surface:0 1px 3px #0000000a, 0 8px 28px #0000000a;--shadow-overlay:0 12px 40px #00000024;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-studio-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#151517;--color-audience-learners:#1b2735;--color-audience-teachers:#2b2926;--color-surface:#202023;--color-surface-raised:#29292e;--color-surface-hover:#34343b;--color-ink:#f5f5f7;--color-ink-soft:#aaaab2;--color-muted:#aaaab2;--color-neutral:#a0a0aa;--color-rule:#3b3b41;--color-rule-strong:#757580;--color-accent:#63acff;--color-accent-strong:#86bfff;--color-accent-soft:#1b304b;--color-accent-ink:#151517;--color-focus:#63acff;--color-error:#ffb4ab;--color-error-surface:#3b2324;--color-success:#88d6a7;--color-success-surface:#1c3226;--color-overlay:#000000a6;--color-glass:#202023f0;--shadow-surface:0 1px 3px #0000001f, 0 8px 28px #0000001f;--shadow-overlay:0 12px 40px #00000059}}:root[data-theme=dark]:not([data-studio-theme=light]),:root[data-studio-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#151517;--color-audience-learners:#1b2735;--color-audience-teachers:#2b2926;--color-surface:#202023;--color-surface-raised:#29292e;--color-surface-hover:#34343b;--color-ink:#f5f5f7;--color-ink-soft:#aaaab2;--color-muted:#aaaab2;--color-neutral:#a0a0aa;--color-rule:#3b3b41;--color-rule-strong:#757580;--color-accent:#63acff;--color-accent-strong:#86bfff;--color-accent-soft:#1b304b;--color-accent-ink:#151517;--color-focus:#63acff;--color-error:#ffb4ab;--color-error-surface:#3b2324;--color-success:#88d6a7;--color-success-surface:#1c3226;--color-overlay:#000000a6;--color-glass:#202023f0;--shadow-surface:0 1px 3px #0000001f, 0 8px 28px #0000001f;--shadow-overlay:0 12px 40px #00000059}:root[data-theme=light]:not([data-studio-theme=dark]),:root[data-studio-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#fafafa;--color-audience-learners:#edf3fa;--color-audience-teachers:#f0efec;--color-surface:#fff;--color-surface-raised:#f2f3f5;--color-surface-hover:#e9ebef;--color-ink:#1d1d1f;--color-ink-soft:#626269;--color-muted:#626269;--color-neutral:#74747c;--color-rule:#d8d8dd;--color-rule-strong:#898992;--color-accent:#0865ca;--color-accent-soft:#e8f1fc;--color-accent-ink:#fff;--color-focus:#0865ca;--color-error:#b42318;--color-error-surface:#fff0ee;--color-success:#217346;--color-success-surface:#edf7f0;--color-guru:oklch(60% .17 42);--color-guru-soft:oklch(92% .035 42);--color-student:oklch(51% .105 188);--color-student-soft:oklch(91% .03 188);--color-slide:oklch(58% .17 244);--color-slide-soft:oklch(94% .032 244);--color-title:oklch(60% .16 344);--color-title-soft:oklch(95% .028 344);--color-overlay:oklch(15% .012 250/.4);--color-glass:oklch(99% .006 250/.84);--color-shadow:oklch(20% .015 250/.11);--color-shadow-float:oklch(20% .015 250/.16);--color-paper-2:var(--color-surface);--color-paper-3:var(--color-surface-raised);--color-accent-strong:#0756aa;--color-error-paper:var(--color-error-surface);--color-success-paper:var(--color-success-surface);--color-focus-inner:var(--color-surface);--shadow-surface:0 1px 3px #0000000a, 0 8px 28px #0000000a;--shadow-overlay:0 12px 40px #00000024}:is(.ui-button,.button,.control,.landing-button:not(:where(.landing-button--framed))){--button-background:var(--color-accent);--button-foreground:var(--color-accent-ink);--button-hover:var(--color-accent-strong);--button-border:transparent;min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-xs);padding:.7rem var(--control-padding);border:1px solid var(--button-border);border-radius:var(--radius-round);background:var(--button-background);color:var(--button-foreground);font-family:var(--font-body);font-size:var(--text-base);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}:is(.ui-button--secondary,.button--quiet,.control,.landing-button--quiet:not(:where(.landing-button--framed))){--button-background:var(--color-surface-raised);--button-foreground:var(--color-ink);--button-hover:var(--color-surface-hover)}.control--primary{--button-background:var(--color-accent);--button-foreground:var(--color-accent-ink);--button-hover:var(--color-accent-strong)}.ui-button--outline{--button-background:var(--color-surface);--button-foreground:var(--color-ink);--button-hover:var(--color-surface-raised);--button-border:var(--color-rule-strong)}:is(.ui-button--ghost,.control--quiet){--button-background:transparent;--button-foreground:var(--color-accent);--button-hover:var(--color-accent-soft)}:is(.ui-button--danger,.button--danger){--button-background:var(--color-error);--button-foreground:var(--color-paper);--button-hover:var(--color-error)}@supports (color:color-mix(in lab, red, red)){:is(.ui-button--danger,.button--danger){--button-hover:color-mix(in srgb, var(--color-error) 85%, var(--color-ink))}}:is(.ui-button--small,.button--small,.landing-button--compact){min-height:var(--control-height-small);font-size:var(--text-sm);padding:.55rem 1rem}.ui-button--large{min-height:3rem;padding-inline:1.75rem}.ui-button--icon{width:var(--control-height);min-height:var(--control-height);flex-shrink:0;padding:0}.ui-button--icon.ui-button--large{width:3rem;min-height:3rem}.ui-button>svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}:is(.ui-link,.text-link,.text-button,.landing-text-link),.ui-button--link{min-height:var(--control-height);color:var(--color-accent);font:500 var(--text-base)/1.4 var(--font-body);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:0;text-decoration:none;display:inline-flex}.text-button--danger{color:var(--color-error)}:is(.ui-button,.button,.control,.landing-button):is(:disabled,[aria-disabled=true],[data-state=disabled]){opacity:.5;color:var(--button-foreground);cursor:not-allowed;transform:none}:is(.ui-button,.button,.control):is([aria-busy=true],[data-state=loading]){cursor:wait}:is(.ui-button,.button,.control)[data-state=error]{border-color:var(--color-error)}:is(.ui-button,.button,.control)[data-state=success]{border-color:var(--color-success)}:is(.ui-button,.button,.control,.landing-button):not(:disabled):not([aria-disabled=true]):active{transform:scale(.96)}:is(.ui-button,.button,.control,.ui-link,.text-link,.text-button,.landing-button,.landing-text-link):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.field,.ui-field{align-content:start;gap:.5rem;min-width:0;display:grid}:is(.field,.ui-field) label{color:var(--color-ink);font-size:var(--text-sm);font-weight:600}:is(.field,.ui-field) :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit])),select,textarea),.ui-input{width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--color-rule-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);font:inherit;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);padding:.7rem 1rem;font-size:1rem;line-height:1.25}:is(.field,.ui-field) textarea{resize:vertical;min-height:8rem;line-height:1.5}:is(.field,.ui-field) :is(input,textarea)::placeholder{color:var(--color-neutral);opacity:1}:is(.field,.ui-field) :is(input,select,textarea):focus-visible,.ui-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus);box-shadow:none}:is(.field,.ui-field) :is(input,select,textarea):disabled,.ui-input:disabled{opacity:.55;cursor:not-allowed}:is(.field,.ui-field) :is([aria-invalid=true],.field_with_errors input,.field_with_errors textarea,.field_with_errors select){border-color:var(--color-error)}.field .field_with_errors{display:contents}:is(.field,.ui-field) :is(input[type=checkbox],input[type=radio]){width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--color-accent)}.field-help,.ui-field__help{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.ui-field__error{color:var(--color-error);font-size:var(--text-sm);margin:0}.ui-surface{padding:var(--space-xl);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-surface)}.ui-badge,.status-chip{border-radius:var(--radius-round);background:var(--color-surface-raised);width:fit-content;min-height:1.75rem;color:var(--color-ink-soft);font-size:var(--text-xs);border:0;align-items:center;gap:.4em;padding:.35rem .75rem;font-weight:600;line-height:1.3;display:inline-flex}.ui-badge--success,.status-chip{background:var(--color-success-surface);color:var(--color-success)}.ui-badge--error{background:var(--color-error-surface);color:var(--color-error)}.ui-notice,.form-errors{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-medium);background:var(--color-accent-soft);color:var(--color-ink)}.ui-notice--error,.form-errors{background:var(--color-error-surface);border-inline-start:3px solid var(--color-error)}.ui-notice--success{background:var(--color-success-surface)}@media (hover:hover) and (pointer:fine){:is(.ui-button,.button,.control,.landing-button:not(:where(.landing-button--framed))):not(:disabled):not([aria-disabled=true]):hover{background:var(--button-hover);color:var(--button-foreground);border-color:var(--button-border)}:is(.ui-link,.text-link,.text-button,.landing-text-link,.ui-button--link):hover{text-decoration:underline}.ui-button--link:not(:disabled):hover{color:var(--color-accent);background:0 0}}@media (pointer:coarse){:is(.ui-button,.button,.control,.landing-button:not(:where(.landing-button--framed))){min-height:2.75rem}}@media (prefers-reduced-motion:reduce){:is(.ui-button,.button,.control,.landing-button){transition:none}:is(.ui-button,.button,.control,.landing-button):not(:disabled):active{transform:none}}.ui-input[aria-invalid=true]{border-color:var(--color-error)}.theme-toggle{border-radius:var(--radius-round);width:2.75rem;height:2.75rem;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 2.75rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle[hidden]{display:none}.theme-toggle__icon{pointer-events:none;flex-shrink:0;width:1.25rem;height:1.25rem}.theme-toggle__icon--light,.theme-toggle[aria-checked=true] .theme-toggle__icon--dark{display:none}.theme-toggle[aria-checked=true] .theme-toggle__icon--light{display:block}.theme-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (hover:hover){.theme-toggle:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{background:color-mix(in srgb, currentColor 8%, transparent)}}}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}*,:before,:after{box-sizing:border-box}html,body{min-width:20rem;min-height:100%;overflow-x:clip}html{color-scheme:inherit;background:var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.55}h1,h2,h3{text-wrap:balance}p,li,figcaption{text-wrap:pretty}button,input,textarea,select{font:inherit}button{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-route-loading{min-height:100dvh;color:var(--color-muted);font-size:var(--text-sm);letter-spacing:.04em;place-items:center;margin:0;display:grid}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[href]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.library{background:var(--color-paper);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.nav-edge{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:4.5rem;padding:max(var(--space-sm), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) var(--space-sm) max(var(--space-md), env(safe-area-inset-left));border-block-end:var(--rule-hairline) solid var(--color-rule);background:var(--color-surface);display:flex}.nav-edge__identity{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.nav-edge__identity>span:last-child{color:var(--color-muted);font-size:var(--text-sm)}.wordmark{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.025em;font-weight:700;line-height:1}.nav-edge__action{align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);border-color:var(--color-rule);background:var(--color-surface);color:var(--color-ink-soft);line-height:1;display:inline-flex}.nav-edge__action svg{stroke-width:1.75px;width:1rem;height:1rem}.library__main{width:min(100%,90rem);padding:clamp(3rem, 7vw, 7rem) max(var(--space-md), env(safe-area-inset-right)) var(--space-3xl) max(var(--space-md), env(safe-area-inset-left));margin-inline:auto}.library__introduction{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);align-items:end;gap:clamp(3rem,8vw,8rem);display:grid}.library__introduction-copy{gap:var(--space-lg);display:grid}.library__eyebrow{letter-spacing:.02em;font-weight:700;color:var(--color-accent)!important;font-size:var(--text-sm)!important}.library__introduction h1{min-width:0;font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.038em;overflow-wrap:anywhere;margin:0;font-style:normal;font-weight:700;line-height:1.02}.library__introduction p{max-width:39rem;color:var(--color-muted);font-size:var(--text-md);margin:0;line-height:1.55}.practice-path{border-block-start:var(--rule-hairline) solid var(--color-rule-strong);margin:0;padding:0;list-style:none;display:grid}.practice-path li{align-items:center;gap:var(--space-sm);min-height:4.5rem;padding-block:var(--space-sm);border-block-end:var(--rule-hairline) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:2.75rem minmax(0,1fr);display:grid}.practice-path svg{width:1.1rem;height:1.1rem;color:var(--color-accent);stroke-width:1.7px}.practice-path span,.practice-path strong{display:block}.practice-path strong{color:var(--color-ink);font-weight:700}.recordings{gap:var(--space-md);margin-block-start:clamp(4rem,10vw,9rem);display:grid}.recordings__heading{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.recordings h2,.recordings__heading>span{color:var(--color-muted);font-size:var(--text-sm);margin:0}.recordings h2{color:var(--color-ink);font-size:var(--text-md);letter-spacing:-.015em;font-weight:700}.recording-entry{border-block-start:var(--rule-hairline) solid var(--color-rule);border-block-end:var(--rule-hairline) solid var(--color-rule);background:var(--color-surface)}.recording-row{align-items:center;gap:var(--space-md);width:100%;min-height:6.5rem;padding:var(--space-lg) var(--space-md);text-align:start;border:0;border-radius:0;grid-template-columns:2.5rem minmax(0,1fr) minmax(10rem,auto) auto;display:grid}.recording-setup{gap:var(--space-md);padding:var(--space-md);border-block-start:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recording-setup__mode{gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm);grid-column:1/-1;display:grid}.recording-setup__field{gap:var(--space-2xs);min-width:0;color:var(--color-muted);font-size:var(--text-sm);display:grid}.recording-setup__field select{width:100%;min-height:2.75rem;padding:0 var(--space-sm);border:var(--rule-hairline) solid var(--color-rule-strong);border-radius:var(--radius-small);outline-offset:1px;background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);outline:2px solid #0000}.recording-setup__field select:focus-visible{outline-color:var(--color-focus);outline-offset:1px}.recording-setup__field select:active:not(:disabled){border-color:var(--color-accent)}.recording-setup__field select:disabled{background:var(--color-paper-2);color:var(--color-neutral);cursor:not-allowed;opacity:.55}.recording-row__number,.recording-row__details,.recording-row__action{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.recording-row__identity{gap:var(--space-2xs);min-width:0;display:grid}.recording-row__identity strong{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.recording-row__identity span{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;overflow:hidden}.recording-row__details{display:none}.recording-row__action{color:var(--color-accent);justify-content:flex-end;align-items:center;gap:var(--space-xs);min-height:2.75rem;font-weight:700;display:inline-flex}.recording-row__action svg{stroke-width:1.75px;width:1rem;height:1rem}.foot-line{padding:0 max(var(--space-md), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left));border-block-start:var(--rule-hairline) solid var(--color-rule);color:var(--color-neutral);font-size:var(--text-sm)}.foot-line p{white-space:nowrap;margin:0;padding-block-start:var(--space-md)}.boundary-editor{min-height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left));background:var(--color-paper)}.boundary-editor__header{align-items:center;gap:var(--space-md);border-block-end:var(--rule-hairline) solid var(--color-rule);min-height:4rem;padding-block-end:var(--space-md);display:flex}.boundary-editor__workspace{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);width:min(100%,82rem);margin-inline:auto;padding-block:clamp(2rem,6vw,5rem);display:grid}.boundary-editor__navigator{align-content:start;gap:var(--space-lg);border-inline-end:var(--rule-hairline) solid var(--color-rule);padding-inline-end:var(--space-lg);display:grid}.boundary-editor__eyebrow{color:var(--color-neutral);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:500}.boundary-editor__phrase-number{margin-block:var(--space-2xs);font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2.8rem,7vw,5rem);font-weight:250;line-height:.95;display:block}.boundary-editor__facts{gap:var(--space-xs) var(--space-md);border-block-start:var(--rule-hairline) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:1fr auto;padding-block-start:var(--space-md);display:grid}.boundary-editor__facts strong{color:var(--color-ink-soft);font-weight:400}.boundary-editor__main{align-content:start;gap:clamp(2rem,5vw,4rem);min-width:0;display:grid}.boundary-editor__timeline{gap:var(--space-md);display:grid}.boundary-editor__time-labels{color:var(--color-neutral);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.68rem;display:flex}.boundary-editor__track{border-block:var(--rule-hairline) solid var(--color-rule);background:repeating-linear-gradient(to right, transparent 0, transparent calc(10% - 1px), var(--color-rule) calc(10% - 1px), var(--color-rule) 10%), var(--color-paper-2);height:7rem;position:relative;overflow:hidden}.boundary-editor__phrase-block{border-radius:var(--radius-small);background:var(--color-accent);min-width:2px;position:absolute;inset-block:1.25rem}@supports (color:color-mix(in lab, red, red)){.boundary-editor__phrase-block{background:color-mix(in oklch, var(--color-accent) 24%, transparent)}}.boundary-editor__phrase-block{box-shadow:inset 0 0 0 1px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.boundary-editor__phrase-block{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-accent) 52%, transparent)}}.boundary-editor__boundary,.boundary-editor__split-marker{background:var(--color-accent);width:1px;position:absolute;inset-block:0}.boundary-editor__boundary:before{border:1px solid var(--color-accent);background:var(--color-paper);content:"";border-radius:50%;width:.5rem;height:.5rem;position:absolute;inset-block-start:.6rem;translate:-50%}.boundary-editor__split-marker{background:var(--color-neutral);opacity:.55}.boundary-editor__split-marker:after{background:var(--color-neutral);content:"";border-radius:50%;width:.35rem;height:.35rem;position:absolute;inset-block-end:.65rem;translate:-50%}.boundary-editor__audition-row{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.boundary-editor__controls{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.boundary-editor__control{align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:1fr auto;display:grid}.boundary-editor__control output{color:var(--color-accent);font-size:.72rem}.boundary-editor__control input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--color-accent);grid-column:1/-1}.boundary-editor__control input[type=number]{width:100%;min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-small);background:var(--color-paper-2);color:var(--color-ink);font-variant-numeric:tabular-nums;transition:border-color var(--dur-short) var(--ease-out);outline:none;grid-column:1/-1}.boundary-editor__control input[type=number]:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-focus);outline-offset:2px}.boundary-editor__actions{justify-content:space-between;gap:var(--space-xl);border-block-start:var(--rule-hairline) solid var(--color-rule);flex-wrap:wrap;padding-block-start:var(--space-lg);display:flex}.classroom{--player-top-clearance:calc(4.25rem + env(safe-area-inset-top));--player-bottom-clearance:calc(4.8rem + env(safe-area-inset-bottom));z-index:var(--z-sticky);background:var(--color-paper);color:var(--color-ink);display:grid;position:fixed;inset:0;overflow:clip}.classroom[data-ui-mode=minimal]{--player-top-clearance:env(safe-area-inset-top);--player-bottom-clearance:env(safe-area-inset-bottom)}.classroom__top-bar{z-index:40;min-height:calc(4.25rem + env(safe-area-inset-top));padding:max(.65rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) .65rem max(.65rem, env(safe-area-inset-left));border-block-end:var(--rule-hairline) solid var(--color-ink);position:fixed;inset-block-start:0;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.classroom__top-bar{border-block-end:var(--rule-hairline) solid color-mix(in oklch, var(--color-ink) 8%, transparent)}}.classroom__top-bar{background:var(--color-surface);transition:opacity .18s var(--ease-out), transform .22s var(--ease-in-out), visibility 0s linear}.classroom[data-ui-mode=minimal] .classroom__top-bar{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0s,0s,.22s;transform:translateY(-100%)}.classroom__top-strip{justify-content:center;align-items:center;gap:.5rem;width:min(100%,72rem);min-width:0;min-height:2.95rem;margin-inline:auto;display:flex}.classroom__top-controls{z-index:1;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.classroom__utility-control{border-radius:var(--radius-round);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--color-ink);border:0;justify-content:center;align-items:center;gap:.42rem;padding:0;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.classroom__utility-control{color:color-mix(in oklch, var(--color-ink) 66%, var(--color-muted))}}.classroom__utility-control{white-space:nowrap;font-size:.9rem;font-weight:650;line-height:1;text-decoration:none}.classroom__utility-control-label,.classroom__transition-lab-link span{display:none}.classroom__transition-lab-link{white-space:nowrap;gap:.42rem}.classroom__transition-lab-link svg{stroke-width:1.8px;flex:none;width:1rem;height:1rem}.classroom__bottom-bar{z-index:40;min-height:calc(4.8rem + env(safe-area-inset-bottom));padding:.55rem max(.65rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));pointer-events:none;transition:opacity .18s var(--ease-out), transform .22s var(--ease-in-out), visibility 0s linear;position:fixed;inset-block-end:0;inset-inline:0}.classroom[data-ui-mode=minimal] .classroom__bottom-bar{visibility:hidden;opacity:0;transition-delay:0s,0s,.22s;transform:translateY(100%)}.classroom__minimal-exit{z-index:45;background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-ink);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top));inset-inline-end:max(.75rem, env(safe-area-inset-right))}@supports (color:color-mix(in lab, red, red)){.classroom__minimal-exit{color:color-mix(in oklch, var(--color-ink) 70%, var(--color-muted))}}.classroom__minimal-exit{cursor:pointer;box-shadow:0 0 0 var(--rule-hairline) var(--color-ink), 0 .45rem 1.4rem var(--color-shadow)}@supports (color:color-mix(in lab, red, red)){.classroom__minimal-exit{box-shadow:0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 10%, transparent), 0 .45rem 1.4rem color-mix(in oklch, var(--color-shadow) 30%, transparent)}}.classroom__minimal-exit{-webkit-tap-highlight-color:transparent;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out)}.classroom__minimal-exit:active{transform:translateY(1px)}.classroom__minimal-exit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.classroom__minimal-exit svg{stroke-width:1.7px;width:1.15rem;height:1.15rem}.classroom__bottom-bar-backdrop{z-index:0;border-block-start:var(--rule-hairline) solid var(--color-ink);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.classroom__bottom-bar-backdrop{border-block-start:var(--rule-hairline) solid color-mix(in oklch, var(--color-ink) 8%, transparent)}}.classroom__bottom-bar-backdrop{background:var(--color-surface)}.classroom__bottom-controls{z-index:1;pointer-events:auto;justify-content:center;align-items:center;gap:.45rem;width:min(100%,64rem);min-width:0;margin-inline:auto;display:flex;position:relative}.classroom__navigation-tools{flex:28rem;width:auto;min-width:10.5rem;max-width:48rem;position:relative}.classroom__transport-toolbar{border-radius:var(--radius-medium);background:var(--color-surface);width:100%;box-shadow:0 0 0 var(--rule-hairline) var(--color-rule);transition-property:background-color,box-shadow;transition-duration:.18s;transition-timing-function:var(--ease-out);padding:.22rem;display:block;position:relative}.classroom__playback-select{border-radius:var(--radius-small);background:var(--color-surface);width:auto;min-width:3.5rem;height:3.25rem;color:var(--color-ink);font-variant-numeric:tabular-nums;box-shadow:0 0 0 var(--rule-hairline) var(--color-rule);flex:none;place-items:center;padding-inline:.72rem;font-size:1rem;font-weight:750;line-height:1;display:grid;position:relative}.classroom__playback-select--pitch{letter-spacing:-.025em;min-width:3.55rem;font-size:1.25rem}.classroom__playback-select select{opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.classroom__playback-select:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.classroom__playback-select:has(select:disabled){opacity:.4}.classroom__lesson-title{z-index:0;width:100%;min-width:0;color:var(--color-ink);font-size:var(--text-sm);letter-spacing:-.01em;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;line-height:1.25;position:relative;overflow:hidden}.classroom__practice-controls{z-index:1;min-width:0;position:relative}.practice-controls{border-radius:var(--radius-medium);background:var(--color-surface);min-height:2.75rem;box-shadow:0 0 0 var(--rule-hairline) var(--color-rule);align-items:stretch;gap:.18rem;padding:.25rem;display:flex}.practice-control{border-radius:var(--radius-small);min-width:5.1rem;min-height:2.35rem;color:var(--color-ink);background:0 0;border:0;justify-content:center;align-items:center;gap:.38rem;padding:.38rem .6rem .38rem .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.practice-control{color:color-mix(in oklch, var(--color-ink) 58%, transparent)}}.practice-control{cursor:pointer;font:inherit;transition-property:background-color,color,box-shadow,opacity,transform;transition-duration:var(--dur-micro);transition-timing-function:var(--ease-out);font-size:.875rem;font-weight:600}.practice-control[data-active=true]{color:var(--color-ink);box-shadow:0 0 0 var(--rule-hairline) currentColor, 0 1px 2px currentColor, 0 .25rem .8rem currentColor}@supports (color:color-mix(in lab, red, red)){.practice-control[data-active=true]{box-shadow:0 0 0 var(--rule-hairline) color-mix(in oklch, currentColor 10%, transparent), 0 1px 2px color-mix(in oklch, currentColor 7%, transparent), 0 .25rem .8rem color-mix(in oklch, currentColor 5%, transparent)}}.practice-control[data-tone=guru][data-active=true]{background:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=guru][data-active=true]{background:color-mix(in oklch, var(--color-guru) 10%, var(--color-paper-2))}}.practice-control[data-tone=guru][data-active=true]{color:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=guru][data-active=true]{color:color-mix(in oklch, var(--color-guru) 66%, var(--color-ink))}}.practice-control[data-tone=student][data-active=true]{background:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=student][data-active=true]{background:color-mix(in oklch, var(--color-student) 9%, var(--color-paper-2))}}.practice-control[data-tone=student][data-active=true]{color:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=student][data-active=true]{color:color-mix(in oklch, var(--color-student) 60%, var(--color-ink))}}.practice-control[data-tone=flow]{background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=flow]{background:color-mix(in oklch, var(--color-paper) 52%, transparent)}}.practice-control[data-tone=flow]{box-shadow:0 0 0 var(--rule-hairline) var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=flow]{box-shadow:0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 5%, transparent)}}.practice-control[data-tone=flow][data-active=true]{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=flow][data-active=true]{background:color-mix(in oklch, var(--color-accent) 8%, var(--color-paper-2))}}.practice-control[data-tone=flow][data-active=true]{color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=flow][data-active=true]{color:color-mix(in oklch, var(--color-accent) 52%, var(--color-ink))}}.practice-control[data-tone=pause][data-active=true]{background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=pause][data-active=true]{background:color-mix(in oklch, var(--color-ink) 7%, var(--color-paper-2))}}.practice-control[data-tone=pause][data-active=true]{color:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.practice-control[data-tone=pause][data-active=true]{color:color-mix(in oklch, var(--color-ink) 74%, var(--color-muted))}}.practice-control:hover:not(:disabled){background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.practice-control:hover:not(:disabled){background:color-mix(in oklch, var(--color-paper) 72%, transparent)}}.practice-control:hover:not(:disabled){color:var(--color-ink)}.practice-control[data-active=true]:hover:not(:disabled){box-shadow:0 0 0 var(--rule-hairline) currentColor, 0 1px 2px currentColor, 0 .35rem 1rem currentColor}@supports (color:color-mix(in lab, red, red)){.practice-control[data-active=true]:hover:not(:disabled){box-shadow:0 0 0 var(--rule-hairline) color-mix(in oklch, currentColor 13%, transparent), 0 1px 2px color-mix(in oklch, currentColor 8%, transparent), 0 .35rem 1rem color-mix(in oklch, currentColor 7%, transparent)}}.practice-control:active:not(:disabled){transform:translateY(1px)}.practice-control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.practice-control:disabled{cursor:not-allowed;opacity:.42}.practice-control__icon{background:currentColor;border-radius:50%;flex:none;place-items:center;width:1.55rem;height:1.55rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.practice-control__icon{background:color-mix(in oklch, currentColor 5%, transparent)}}.practice-control__icon{transition-property:background-color;transition-duration:var(--dur-micro);transition-timing-function:var(--ease-out)}.practice-control[data-active=true] .practice-control__icon{background:currentColor}@supports (color:color-mix(in lab, red, red)){.practice-control[data-active=true] .practice-control__icon{background:color-mix(in oklch, currentColor 10%, transparent)}}.practice-control__icon svg{stroke-width:1.8px;width:.82rem;height:.82rem;position:absolute}.practice-control__label{white-space:nowrap;min-width:0}.practice-control__label-short{display:none}.practice-control kbd{background:currentColor;border-radius:.3rem;min-width:1.1rem;padding:.08rem .25rem;display:none}@supports (color:color-mix(in lab, red, red)){.practice-control kbd{background:color-mix(in oklch, currentColor 6%, transparent)}}.practice-control kbd{color:currentColor;font:inherit;opacity:.5;text-align:center;font-size:.54rem;font-weight:700;line-height:1.2}.classroom__surface-chrome{pointer-events:none;position:absolute;inset:0}.classroom__surface{background:var(--color-paper);cursor:default;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;width:100%;height:100dvh;padding:0;display:block;position:relative;overflow:clip}.classroom__surface:focus-visible{outline-offset:-4px}.classroom__surface:disabled{cursor:not-allowed;opacity:.55}.classroom__paused-play{z-index:20;background:var(--color-surface);width:clamp(5rem,14vw,6.25rem);height:clamp(5rem,14vw,6.25rem);color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hairline) var(--color-ink), 0 .2rem .5rem var(--color-shadow), 0 1.1rem 3rem var(--color-shadow);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.classroom__paused-play{box-shadow:inset 0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 10%, transparent), 0 .2rem .5rem color-mix(in oklch, var(--color-shadow) 18%, transparent), 0 1.1rem 3rem color-mix(in oklch, var(--color-shadow) 35%, transparent)}}.classroom__paused-play{cursor:pointer;-webkit-tap-highlight-color:transparent;transition-property:transform,background-color,color,box-shadow;transition-duration:var(--dur-micro);transition-timing-function:var(--ease-out);transform:translate(-50%,-50%)}.classroom__paused-play:hover{background:var(--color-paper-2)}@supports (color:color-mix(in lab, red, red)){.classroom__paused-play:hover{background:color-mix(in oklch, var(--color-paper-2) 96%, transparent)}}.classroom__paused-play:hover{color:var(--color-accent);box-shadow:inset 0 0 0 var(--rule-hairline) var(--color-ink), 0 .25rem .65rem var(--color-shadow), 0 1.25rem 3.25rem var(--color-shadow)}@supports (color:color-mix(in lab, red, red)){.classroom__paused-play:hover{box-shadow:inset 0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 12%, transparent), 0 .25rem .65rem color-mix(in oklch, var(--color-shadow) 20%, transparent), 0 1.25rem 3.25rem color-mix(in oklch, var(--color-shadow) 40%, transparent)}}.classroom__paused-play:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.classroom__paused-play svg{fill:currentColor;stroke-width:1.6px;width:clamp(2rem,5vw,2.6rem);height:clamp(2rem,5vw,2.6rem);transform:translate(.12rem)}.phase-light{inset-block:var(--player-top-clearance) var(--player-bottom-clearance);opacity:0;pointer-events:none;width:.25rem;transition:opacity var(--dur-long) var(--ease-in-out);position:absolute}.phase-light--teacher{background:var(--color-guru);inset-inline-start:0}.phase-light--student{background:var(--color-student);inset-inline-end:0}.classroom[data-phase=teacher] .phase-light--teacher,.classroom[data-phase=student] .phase-light--student{opacity:1}.pitch-ribbon{z-index:2;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transition:inset-block-start .22s var(--ease-in-out), inset-block-end .22s var(--ease-in-out);position:absolute;inset-block-start:var(--player-top-clearance);inset-block-end:var(--player-bottom-clearance);inset-inline:0}.pitch-ribbon:before{background:linear-gradient(to bottom, transparent 0, var(--color-ink) 50%, transparent 100%);position:absolute;inset:10% 0}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon:before{background:linear-gradient(to bottom, transparent 0, color-mix(in oklch, var(--color-ink) 2.5%, transparent) 50%, transparent 100%)}}.pitch-ribbon:before{content:"";-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.pitch-ribbon__canvas{opacity:.96;width:100%;height:100%;transition-property:opacity,filter;transition-duration:var(--dur-long);transition-timing-function:var(--ease-in-out);position:absolute;inset:0}.pitch-ribbon__canvas[data-renderer=unavailable]{display:none}.pitch-ribbon__loop-rail{z-index:9;cursor:crosshair;touch-action:none;height:2.75rem;transition-property:background-color;transition-duration:var(--dur-short);transition-timing-function:var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;position:absolute;inset-block-start:0;inset-inline:0}.pitch-ribbon__loop-rail:hover,.pitch-ribbon__loop-rail:active{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-rail:hover,.pitch-ribbon__loop-rail:active{background:color-mix(in oklch, var(--color-accent) 3%, transparent)}}.pitch-ribbon__loop-highlight{z-index:1;border-inline:1px solid var(--color-accent);min-width:2px;position:absolute;inset-block:2.75rem 2%}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-highlight{border-inline:1px solid color-mix(in oklch, var(--color-accent) 16%, transparent)}}.pitch-ribbon__loop-highlight{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-highlight{background:color-mix(in oklch, var(--color-accent) 5%, transparent)}}.pitch-ribbon__loop-highlight{pointer-events:none}.pitch-ribbon__context{z-index:0;border-block:1px solid var(--color-ink);position:absolute;inset-block:4%}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__context{border-block:1px solid color-mix(in oklch, var(--color-ink) 8%, transparent)}}.pitch-ribbon__context{background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__context{background:color-mix(in oklch, var(--color-ink) 3%, transparent)}}.pitch-ribbon__context{color:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__context{color:color-mix(in oklch, var(--color-ink) 48%, transparent)}}.pitch-ribbon__context{pointer-events:none}.pitch-ribbon__context--lead-in{inset-inline-start:0}.pitch-ribbon__context--lead-out{inset-inline-end:0}.pitch-ribbon__phrase-boundary{z-index:4;background:var(--color-ink);width:2px;position:absolute;inset-block:2%}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__phrase-boundary{background:color-mix(in oklch, var(--color-ink) 72%, transparent)}}.pitch-ribbon__phrase-boundary{box-shadow:0 0 0 1px var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__phrase-boundary{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-paper) 62%, transparent)}}.pitch-ribbon__phrase-boundary{pointer-events:none}.pitch-ribbon__phrase-boundary[data-edge=end]{translate:-100%}.pitch-ribbon__swars{z-index:1;pointer-events:none;position:absolute;inset:0}.pitch-ribbon__pitch-scale{z-index:8;cursor:ns-resize;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;width:4.2rem;position:absolute;inset-block:0;inset-inline-end:0}.pitch-ribbon__pitch-scale:before{opacity:0;background:var(--color-surface);width:4.2rem;position:absolute;inset-block:0;inset-inline-end:0}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__pitch-scale:before{background:color-mix(in oklch, var(--color-surface) 58%, transparent)}}.pitch-ribbon__pitch-scale:before{content:"";transition:opacity .15s var(--ease-out)}.pitch-ribbon__pitch-scale:hover:before,.pitch-ribbon__pitch-scale:focus-visible:before{opacity:1}.pitch-ribbon__pitch-scale:focus-visible{box-shadow:inset -2px 0 var(--color-focus)}.pitch-ribbon__loop-selection{z-index:10;border-radius:var(--radius-round);background:var(--color-accent);min-width:2px;height:.25rem;position:absolute;inset-block-start:1.25rem}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-selection{background:color-mix(in oklch, var(--color-accent) 62%, var(--color-ink))}}.pitch-ribbon__loop-selection{box-shadow:0 0 0 1px var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-selection{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-paper) 72%, transparent)}}.pitch-ribbon__loop-selection{pointer-events:none}.pitch-ribbon__loop-selection[data-custom-range=true]{background:var(--color-accent)}.pitch-ribbon__loop-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;width:2.75rem;height:2.75rem;position:absolute;inset-block-start:50%;translate:-50% -50%}.pitch-ribbon__loop-handle:before{border:.18rem solid var(--color-accent);background:var(--color-paper-2);width:.9rem;height:.9rem;box-shadow:0 0 0 2px var(--color-paper), 0 .16rem .48rem var(--color-shadow);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-handle:before{box-shadow:0 0 0 2px color-mix(in oklch, var(--color-paper) 82%, transparent), 0 .16rem .48rem color-mix(in oklch, var(--color-shadow) 28%, transparent)}}.pitch-ribbon__loop-handle:before{content:"";transition-property:transform,box-shadow;transition-duration:var(--dur-micro);transition-timing-function:var(--ease-out);translate:-50% -50%}.pitch-ribbon__loop-handle:hover:before,.pitch-ribbon__loop-handle:focus-visible:before{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 .3rem var(--color-accent), 0 .18rem .55rem var(--color-shadow)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__loop-handle:hover:before,.pitch-ribbon__loop-handle:focus-visible:before{box-shadow:0 0 0 2px color-mix(in oklch, var(--color-paper) 86%, transparent), 0 0 0 .3rem color-mix(in oklch, var(--color-accent) 18%, transparent), 0 .18rem .55rem color-mix(in oklch, var(--color-shadow) 32%, transparent)}}.pitch-ribbon__loop-handle:active:before{transform:translateY(1px)}.pitch-ribbon__loop-handle:focus-visible{outline:none}.pitch-ribbon__loop-handle[data-edge=end]{inset-inline-start:100%}.swar-marker{height:0;color:var(--color-ink);position:absolute;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.swar-marker{color:color-mix(in oklch, var(--color-ink) 48%, transparent)}}.swar-marker__guide{height:var(--rule-hairline);background:currentColor;position:absolute;inset-block-start:0;inset-inline:0 4rem}@supports (color:color-mix(in lab, red, red)){.swar-marker__guide{background:color-mix(in oklch, currentColor 11%, transparent)}}.swar-marker[data-sa=true] .swar-marker__guide{background:currentColor}@supports (color:color-mix(in lab, red, red)){.swar-marker[data-sa=true] .swar-marker__guide{background:color-mix(in oklch, currentColor 18%, transparent)}}.swar-marker__point{background:currentColor;border-radius:50%;width:.36rem;height:.36rem;position:absolute;inset-block-start:0;inset-inline-end:3.82rem;translate:0 -50%}.swar-marker__label{place-items:center;width:3rem;font-family:Noto Sans Devanagari,system-ui,sans-serif;font-size:clamp(1.1rem,1.9vw,1.4rem);font-weight:600;line-height:1;display:grid;position:absolute;inset-block-start:0;inset-inline-end:.3rem;translate:0 -50%}.swar-marker[data-sa=true]{color:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.swar-marker[data-sa=true]{color:color-mix(in oklch, var(--color-ink) 68%, transparent)}}.swar-marker__name{text-align:center;min-width:1.35em;display:inline-block;position:relative}.swar-marker__name[data-alteration=komal]{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.07em}.swar-marker__name[data-alteration=teevra]:before{border-radius:var(--radius-round);content:"";background:currentColor;width:.07em;height:.32em;position:absolute;inset-block-start:-.36em;inset-inline-start:50%;translate:-50%}.swar-marker__octave-dot{z-index:1;background:currentColor;border-radius:50%;width:.2rem;height:.2rem;position:absolute;inset-inline-start:50%;translate:-50%}.swar-marker__octave-dot[data-octave=mandra]{inset-block-start:calc(100% + .17rem)}.swar-marker__octave-dot[data-octave=taar]{inset-block-end:calc(100% + .12rem)}.pitch-ribbon__contacts{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pitch-ribbon__contacts[data-voice=guru]{clip-path:inset(0 100% 0 0)}.pitch-contact{width:0;height:0;color:var(--color-student);position:absolute}.pitch-ribbon__contacts[data-voice=guru] .pitch-contact{color:var(--color-guru)}.pitch-contact__dot{background:var(--color-paper);border-radius:50%;width:.48rem;height:.48rem;position:absolute;inset:0;box-shadow:0 0 0 .13rem,0 0 .8rem}@supports (color:color-mix(in lab, red, red)){.pitch-contact__dot{box-shadow:0 0 0 .13rem currentColor, 0 0 .8rem color-mix(in oklch, currentColor 42%, transparent)}}.pitch-contact__dot{translate:-50% -50%}.pitch-contact__label{color:currentColor;min-width:2rem;text-shadow:0 0 .35rem var(--color-paper), 0 0 .8rem var(--color-paper);place-items:center;font-family:Noto Sans Devanagari,system-ui,sans-serif;font-size:clamp(1.05rem,1.6vw,1.22rem);font-weight:600;line-height:1;display:grid;position:absolute;inset-inline-start:0;translate:-50%}.pitch-ribbon__contacts[data-voice=guru] .pitch-contact__label{inset-block-end:.62rem}.pitch-ribbon__contacts[data-voice=student] .pitch-contact__label{inset-block-start:.62rem}.swar-glyph{place-items:center;min-width:1.35em;display:inline-grid;position:relative}.classroom[data-paused=true] .pitch-ribbon__canvas{opacity:.46;filter:saturate(.6)}.pitch-ribbon__legend{gap:var(--space-md);color:var(--color-neutral);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;display:flex;position:absolute;inset-block-start:3.15rem;inset-inline-end:5rem}.pitch-ribbon__legend span{opacity:.42;transition-property:color,opacity;transition-duration:var(--dur-short);transition-timing-function:var(--ease-out);padding-inline-start:.75rem;position:relative}.pitch-ribbon__legend span:before{content:"";background:currentColor;border-radius:50%;width:.38rem;height:.38rem;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%}.pitch-ribbon__legend [data-voice=guru]{color:var(--color-guru)}.pitch-ribbon__legend [data-voice=student],.pitch-ribbon__legend [data-voice=raw]{color:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__legend [data-voice=raw]{color:color-mix(in oklch, var(--color-student) 58%, var(--color-neutral))}}.pitch-ribbon[data-phase=teacher] .pitch-ribbon__legend [data-voice=guru],.pitch-ribbon[data-phase=student] .pitch-ribbon__legend [data-voice=student]{opacity:.9}.pitch-ribbon__diagnostics{align-items:center;gap:var(--space-md);border-radius:var(--radius-round);background:var(--color-surface);min-height:2rem;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 1px var(--color-ink), 0 .5rem 1.8rem var(--color-shadow);padding:.45rem .7rem;font-size:.8rem;display:flex;position:absolute;inset-block-end:0;inset-inline-start:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon__diagnostics{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-ink) 7%, transparent), 0 .5rem 1.8rem var(--color-shadow)}}.pitch-ribbon__diagnostics span:first-child{color:var(--color-student)}.pitch-ribbon__diagnostics[data-lab=true] span:last-child{color:var(--color-student);text-transform:uppercase}.listening-control__icons{place-items:center;width:1.125rem;height:1.125rem;display:grid;position:relative}.listening-control__icon{opacity:0;transition:opacity var(--dur-micro) var(--ease-out);position:absolute;inset:0}.listening-control__icon--off,.listening-control[data-active=true] .listening-control__icon--on{opacity:1}.listening-control[data-active=true] .listening-control__icon--off{opacity:0}.listening-control[data-status=requesting]{cursor:wait;opacity:.65}.phrase-transport{border-radius:var(--radius-medium);background:var(--color-surface);width:100%;min-height:3.25rem;color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hairline) var(--color-ink), 0 1px 2px var(--color-ink);grid-template-columns:2.75rem minmax(2.5rem,1fr) 2.75rem;align-items:center;padding:.25rem;display:grid;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.phrase-transport{box-shadow:inset 0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 8%, transparent), 0 1px 2px color-mix(in oklch, var(--color-ink) 5%, transparent)}}.phrase-transport__control{width:2.75rem;height:2.75rem;color:var(--color-ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.phrase-transport__control{color:color-mix(in oklch, var(--color-ink) 62%, var(--color-muted))}}.phrase-transport__control{cursor:pointer;opacity:.82;-webkit-tap-highlight-color:transparent;transition-property:transform,opacity,color,background-color;transition-duration:var(--dur-micro);transition-timing-function:var(--ease-out)}.phrase-transport__control:hover:not(:disabled){color:var(--color-ink);opacity:1}.phrase-transport__control:active:not(:disabled){transform:translateY(1px)}.phrase-transport__control:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.phrase-transport__control:disabled{cursor:default;opacity:.3}.phrase-transport__control svg{stroke-width:1.8px;width:1.25rem;height:1.25rem}.phrase-transport__scrub{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:0;height:2.75rem;margin-inline:.2rem;position:relative}.phrase-transport__segments{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));gap:var(--segment-gap);pointer-events:none;align-items:center;height:.55rem;display:grid;position:absolute;inset-block-start:1.5rem;inset-inline:1.05rem}.phrase-transport__segment{border-radius:var(--radius-round);background:var(--color-ink);min-width:0;height:.3rem}@supports (color:color-mix(in lab, red, red)){.phrase-transport__segment{background:color-mix(in oklch, var(--color-ink) 16%, transparent)}}.phrase-transport__segment{opacity:.72;transition-property:background-color,opacity;transition-duration:.18s;transition-timing-function:var(--ease-out)}.phrase-transport__segment[data-past=true]{background:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.phrase-transport__segment[data-past=true]{background:color-mix(in oklch, var(--color-guru) 68%, var(--color-ink))}}.phrase-transport__segment[data-past=true]{opacity:.92}.classroom[data-phase=student] .phrase-transport__segment[data-past=true]{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.classroom[data-phase=student] .phrase-transport__segment[data-past=true]{background:color-mix(in oklch, var(--color-success) 68%, var(--color-ink))}}.phrase-transport__position{z-index:2;min-width:3.6rem;color:var(--color-ink);background:0 0;border:0;position:absolute;inset-block-start:.02rem;inset-inline-start:clamp(1.05rem, var(--position-percent), calc(100% - 1.05rem))}@supports (color:color-mix(in lab, red, red)){.phrase-transport__position{color:color-mix(in oklch, var(--color-ink) 68%, var(--color-muted))}}.phrase-transport__position{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;pointer-events:none;font-size:.76rem;font-weight:720;line-height:1;transform:translate(-50%)}.phrase-transport__handle{z-index:3;cursor:grab;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:2.75rem;height:2.75rem;border-radius:50%;position:absolute;inset-block-start:1.64rem;inset-inline-start:clamp(1.05rem, var(--position-percent), calc(100% - 1.05rem));transform:translate(-50%,-50%)}.phrase-transport__handle:before{border:2px solid var(--color-guru);background:var(--color-paper-2);width:.95rem;height:.95rem;box-shadow:0 0 0 2px var(--color-paper), 0 .18rem .5rem var(--color-shadow);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.phrase-transport__handle:before{box-shadow:0 0 0 2px color-mix(in oklch, var(--color-paper) 84%, transparent), 0 .18rem .5rem color-mix(in oklch, var(--color-shadow) 32%, transparent)}}.phrase-transport__handle:before{content:"";transform:translate(-50%,-50%)}.classroom[data-phase=student] .phrase-transport__handle:before{border-color:var(--color-success)}.phrase-transport__handle:active{cursor:grabbing}.phrase-transport__handle:focus-visible{outline:2px solid var(--color-focus);outline-offset:-5px}.classroom[data-paused=true] .phase-light{opacity:.18}.classroom__phase,.classroom__queued{z-index:1;color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none;position:relative}.classroom__visualization-hint{color:var(--color-neutral);font-size:var(--text-xs);letter-spacing:.12em;pointer-events:none;text-transform:uppercase;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% 7rem}.classroom__phase{color:var(--color-ink-soft);letter-spacing:.12em;text-transform:uppercase;justify-self:start}.classroom__queued{font-size:var(--text-xs);text-align:start;justify-self:start}.classroom__message{place-self:center;justify-items:start;gap:var(--space-md);width:min(32rem, calc(100% - var(--space-2xl)));color:var(--color-muted);display:grid}.classroom__message strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.classroom__message .control{padding-inline:var(--space-md)}.session-microphone-gate__eyebrow{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.02em;font-weight:550}.session-microphone-gate__actions{align-items:center;gap:var(--space-sm);display:flex}.session-microphone-gate__skip{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-sm);color:var(--color-muted);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.session-microphone-gate__skip{-webkit-text-decoration-color:color-mix(in oklch, currentColor 38%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 38%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 38%, transparent);text-decoration-color:color-mix(in oklch, currentColor 38%, transparent)}}.session-microphone-gate__skip{text-decoration-thickness:var(--rule-hairline);text-underline-offset:.22em;transition-property:color,transform,text-decoration-color;transition-duration:var(--dur-short);transition-timing-function:var(--ease-out)}.session-microphone-gate__skip:hover{color:var(--color-ink);text-decoration-color:currentColor}.session-microphone-gate__skip:active{transform:translateY(1px)}.session-microphone-gate__skip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-small)}.classroom__loading-mark{width:2rem;height:var(--rule-hairline);background:var(--color-accent);transform-origin:0;animation:loading-mark 1.6s var(--ease-in-out) infinite alternate}.authored-practice-message{min-height:100dvh}.authored-practice-position{z-index:20;max-width:min(50vw,42rem);color:var(--color-muted);position:fixed;inset:1.25rem auto auto 50%;overflow:hidden;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.authored-practice-position{color:color-mix(in srgb, var(--color-muted) 80%, transparent)}}.authored-practice-position{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:.65rem}.authored-interstitial{z-index:0;background:var(--color-paper);color:var(--color-ink);position:fixed;inset:0;overflow:hidden}.authored-interstitial__frame{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.authored-interstitial__header{z-index:1;color:var(--color-muted);letter-spacing:.09em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.68rem;display:grid;position:absolute;inset:1.25rem 1.5rem auto}.authored-interstitial__header>:last-child{justify-self:end}.authored-interstitial button,.authored-practice-message .control{border:1px solid var(--color-rule);border-radius:var(--radius-small);background:var(--color-surface);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;text-decoration:none}.authored-interstitial__header button{justify-self:start;min-height:2.75rem;padding:.55rem .85rem}.authored-interstitial__transport{z-index:1;gap:.45rem;display:flex;position:absolute;inset:auto auto 2rem 50%;transform:translate(-50%)}.authored-interstitial__transport button{min-width:3rem;min-height:2.75rem;padding:.7rem 1rem}.authored-interstitial button:active:not(:disabled){transform:translateY(1px)}.authored-interstitial button:hover:not(:disabled){border-color:var(--color-rule-strong);background:var(--color-paper-2)}.authored-interstitial button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.authored-interstitial button:disabled{opacity:.3;cursor:default}.authored-interstitial__progress{z-index:1;background:var(--color-rule);height:2px;position:absolute;inset:auto 0 0}.authored-interstitial__progress span{transform-origin:0;background:var(--color-accent);width:100%;height:100%;display:block;transform:scaleX(0)}.authored-interstitial[data-paused=true] .authored-interstitial__progress span{opacity:.65}@keyframes loading-mark{0%{opacity:.35;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.classroom__minimal-exit:hover{background:var(--color-paper-2);color:var(--color-ink)}.classroom__playback-select:hover{background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 0 0 var(--rule-hairline) var(--color-ink), 0 .2rem .6rem var(--color-shadow)}@supports (color:color-mix(in lab, red, red)){.classroom__playback-select:hover{box-shadow:0 0 0 var(--rule-hairline) color-mix(in oklch, var(--color-ink) 10%, transparent), 0 .2rem .6rem color-mix(in oklch, var(--color-shadow) 24%, transparent)}}.nav-edge__action:hover:not(:disabled){color:var(--color-ink)}.recording-row:hover:not(:disabled){color:var(--color-accent);background:0 0}.recording-setup__field select:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-paper-2)}}@media (width>=40rem){.nav-edge,.foot-line{padding-inline:max(var(--space-xl), env(safe-area-inset-left))}.recording-row{gap:var(--space-lg);grid-template-columns:3rem minmax(0,1fr) minmax(10rem,auto) auto}.recording-setup{padding-inline-start:calc(3rem + var(--space-lg) + var(--space-md))}.recording-row__details{display:block}}@media (width>=60rem){.nav-edge,.foot-line,.library__main{padding-inline:max(var(--space-2xl), env(safe-area-inset-left))}}@media (width>=42rem){.practice-control{min-width:5rem}.practice-control__label{display:inline}.classroom__utility-control{width:auto;padding-inline:.85rem}.classroom__utility-control-label,.classroom__transition-lab-link span{display:inline}}@media (width<=24rem){.recording-row__identity strong{font-size:var(--text-md)}.recording-setup{grid-template-columns:1fr}.pitch-ribbon__diagnostics span:nth-child(n+3){display:none}.classroom__top-bar{padding-inline:max(.25rem, env(safe-area-inset-left))}.classroom__top-strip{gap:.25rem}.practice-controls{gap:.08rem;padding:.18rem}.practice-control,.classroom__utility-control{width:2.5rem;min-width:2.5rem;height:2.5rem}.classroom__top-controls{gap:.18rem}}@media (width<=48rem){.library__introduction{gap:var(--space-2xl);grid-template-columns:1fr}.session-settings__sheet[data-side=right]{border-inline-start:0;width:100vw;max-width:none;height:100dvh;inset:0}.session-settings__sheet .session-settings__header{padding-block-start:max(1.5rem, env(safe-area-inset-top));padding-inline-start:max(1.5rem, env(safe-area-inset-left));padding-inline-end:max(4rem, calc(1.5rem + env(safe-area-inset-right)))}.session-settings__sheet .session-settings__body{padding-block-end:max(2rem, env(safe-area-inset-bottom));padding-inline-start:max(1.5rem, env(safe-area-inset-left));padding-inline-end:max(1.5rem, env(safe-area-inset-right))}.session-settings__sheet [data-slot=sheet-close]{inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline-end:max(1rem, env(safe-area-inset-right))}.classroom__practice-controls{flex:0 auto;overflow:hidden}.classroom__top-controls{flex:none}.practice-control{width:2.65rem;min-width:2.65rem;padding:.3rem}.practice-control__label,.practice-control kbd,.classroom__lesson-title{display:none}.classroom__playback-select{min-width:3.25rem;padding-inline:.55rem}.classroom__playback-select--pitch{min-width:3.35rem}.boundary-editor__header{flex-wrap:wrap;align-items:flex-start}.boundary-editor__header>div:last-child{width:100%;margin-inline-start:0}.boundary-editor__workspace{grid-template-columns:1fr}.boundary-editor__navigator{border-inline-end:0;border-block-end:var(--rule-hairline) solid var(--color-rule);grid-template-columns:1fr auto;padding-block-end:var(--space-lg);padding-inline-end:0}.boundary-editor__navigator>:nth-child(n+3){grid-column:1/-1}.boundary-editor__controls{grid-template-columns:1fr}}@media (width<=34rem){.nav-edge__identity>span:last-child,.nav-edge__action span,.recording-row__action span{display:none}.nav-edge__action{justify-content:center;width:2.75rem;padding:0}.recording-row{gap:var(--space-sm);padding-inline:var(--space-sm);grid-template-columns:2rem minmax(0,1fr) 2.75rem}.recording-setup{grid-template-columns:1fr;padding-inline-start:var(--space-md)}}@media (orientation:landscape) and (height<=36rem){.classroom{--player-top-clearance:calc(3.6rem + env(safe-area-inset-top));--player-bottom-clearance:calc(4.3rem + env(safe-area-inset-bottom))}.classroom__top-bar{min-height:calc(3.6rem + env(safe-area-inset-top));padding:max(.35rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) .35rem max(.5rem, env(safe-area-inset-left))}.classroom__top-strip{min-height:2.75rem}.classroom__top-controls{gap:.4rem}.practice-controls{min-height:2.75rem}.practice-control{min-width:2.75rem;min-height:2.3rem;padding:.3rem}.practice-control__label,.practice-control kbd{display:none}.classroom__bottom-bar{min-height:calc(4.3rem + env(safe-area-inset-bottom));padding:.35rem max(.6rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left))}.classroom__navigation-tools{max-width:40rem}.phrase-transport{min-height:3.15rem}.classroom__playback-select{height:3rem}.pitch-ribbon__legend{inset-block-start:3.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:not(.classroom__paused-play):active{transform:none!important}.classroom__paused-play:active{transform:translate(-50%,-50%)!important}.pitch-ribbon__loop-handle:active:before{transform:none!important}.classroom__loading-mark{opacity:1;animation:none;transform:none}.phrase-transport,.phrase-transport__control,.phrase-transport__segments,.phrase-transport__handle{transition:none!important}}:root{--background:var(--color-paper);--foreground:var(--color-ink);--card:var(--color-paper-2);--card-foreground:var(--color-ink);--popover:var(--color-paper-2);--popover-foreground:var(--color-ink);--primary:var(--color-accent);--primary-foreground:var(--color-accent-ink);--secondary:var(--color-paper-3);--secondary-foreground:var(--color-ink);--muted:var(--color-paper-3);--muted-foreground:var(--color-muted);--accent:var(--color-paper-3);--accent-foreground:var(--color-ink);--destructive:var(--color-error);--border:var(--color-rule);--input:var(--color-rule-strong);--ring:var(--color-focus);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:var(--color-paper-2);--sidebar-foreground:var(--color-ink);--sidebar-primary:var(--color-accent);--sidebar-primary-foreground:var(--color-accent-ink);--sidebar-accent:var(--color-paper-3);--sidebar-accent-foreground:var(--color-ink);--sidebar-border:var(--color-rule);--sidebar-ring:var(--color-focus)}.classroom{--player-frame-inset:.6rem;--player-rail-width:4.15rem;--player-inline-start:calc(var(--player-rail-width) + .7rem);--player-inline-end:var(--player-frame-inset);--player-sky:oklch(79% .026 196);--player-sky-deep:oklch(69% .032 201);--player-night:oklch(10% .012 240);--player-cloud:oklch(93% .033 84);background:var(--player-night)}.classroom__rail{z-index:50;inset:var(--player-frame-inset) auto var(--player-frame-inset) var(--player-frame-inset);width:var(--player-rail-width);color:#fff;background:oklch(7% .008 240/.98);border-radius:1.75rem;flex-direction:column;align-items:center;gap:.65rem;padding:.7rem;display:flex;position:fixed;box-shadow:inset 0 0 0 1px #ffffff12}.classroom__rail-brand,.classroom__rail-action,.classroom__rail-phases span{border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.classroom__rail-brand{color:var(--player-night);letter-spacing:-.04em;background:#fff;font-weight:700;box-shadow:0 0 0 1px #ffffff26}.classroom__rail-action{color:#ffffffb3;cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:var(--ease-out);background:#ffffff12;border:0;padding:0}.classroom__rail-action:active{scale:.96}.classroom__rail-action svg,.classroom__rail-phases svg{stroke-width:1.75px;width:1.05rem;height:1.05rem}.classroom__rail-phases{gap:.45rem;margin-block:auto;display:grid}.classroom__rail-phases span{color:#ffffff52;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:var(--ease-out);box-shadow:inset 0 0 0 1px #ffffff0f}.classroom__rail-phases span:first-child[data-active=true]{background:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:first-child[data-active=true]{background:color-mix(in oklch, var(--color-guru) 22%, transparent)}}.classroom__rail-phases span:first-child[data-active=true]{color:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:first-child[data-active=true]{color:color-mix(in oklch, var(--color-guru) 75%, white)}}.classroom__rail-phases span:first-child[data-active=true]{box-shadow:inset 0 0 0 1px var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:first-child[data-active=true]{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-guru) 30%, transparent)}}.classroom__rail-phases span:last-child[data-active=true]{background:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:last-child[data-active=true]{background:color-mix(in oklch, var(--color-student) 22%, transparent)}}.classroom__rail-phases span:last-child[data-active=true]{color:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:last-child[data-active=true]{color:color-mix(in oklch, var(--color-student) 70%, white)}}.classroom__rail-phases span:last-child[data-active=true]{box-shadow:inset 0 0 0 1px var(--color-student)}@supports (color:color-mix(in lab, red, red)){.classroom__rail-phases span:last-child[data-active=true]{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-student) 30%, transparent)}}.classroom__surface{inset:var(--player-frame-inset) var(--player-inline-end) var(--player-frame-inset) var(--player-inline-start);isolation:isolate;background:radial-gradient(circle at 82% 12%, oklch(89% .024 193/.6), transparent 28rem), linear-gradient(155deg, var(--player-sky), var(--player-sky-deep));border-radius:2rem;width:auto;height:auto;position:fixed;box-shadow:inset 0 0 0 1px #ffffff47}.classroom__surface:before,.classroom__surface:after{z-index:0;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.classroom__surface:before{background:linear-gradient(#08101108,#0000 38%,#08101114),radial-gradient(circle at 48% 45%,#ffffff1a,#0000 32rem)}.classroom__surface:after{background-image:radial-gradient(circle, var(--player-cloud) 0 1.1px, transparent 1.4px), radial-gradient(ellipse at 12% 92%, var(--player-cloud) 0 13%, transparent 35%), radial-gradient(ellipse at 82% 96%, var(--player-cloud) 0 15%, transparent 40%);opacity:.18;background-size:7px 7px,100% 100%,100% 100%;inset-block-start:52%;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.classroom__surface-chrome{z-index:6}.classroom__top-bar{inset-block-start:1.2rem;inset-inline:calc(var(--player-inline-start) + .75rem) calc(var(--player-inline-end) + .75rem);color:#fff;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:oklch(9% .012 240/.86);border:0;border-radius:1.15rem;min-height:3.55rem;padding:.3rem .4rem;box-shadow:0 0 0 1px #ffffff14,0 1rem 2.8rem #080e0f2e}.classroom__top-strip{grid-template-columns:minmax(9rem,1fr) auto auto;justify-content:stretch;gap:.65rem;width:100%;min-height:2.95rem;display:grid}.classroom__lesson-identity{align-content:center;gap:.1rem;min-width:0;padding-inline:.75rem;display:grid}.classroom__lesson-identity>span{color:#ffffff61;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:650;line-height:1}.classroom__lesson-title{color:#fff;text-align:start;font-size:.92rem;font-weight:650}.classroom__mobile-exit{display:none}.classroom .practice-controls{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.classroom .practice-control{color:#ffffff94}.classroom .practice-control:hover:not(:disabled){color:#fff;background:#ffffff14}.classroom .practice-control[data-active=true]{color:#fff}.classroom .practice-control[data-tone=guru][data-active=true]{background:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.classroom .practice-control[data-tone=guru][data-active=true]{background:color-mix(in oklch, var(--color-guru) 18%, transparent)}}.classroom .practice-control[data-tone=guru][data-active=true]{color:var(--color-guru)}@supports (color:color-mix(in lab, red, red)){.classroom .practice-control[data-tone=guru][data-active=true]{color:color-mix(in oklch, var(--color-guru) 72%, white)}}.classroom .practice-control[data-tone=student][data-active=true]{background:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.classroom .practice-control[data-tone=student][data-active=true]{background:color-mix(in oklch, var(--color-student) 18%, transparent)}}.classroom .practice-control[data-tone=student][data-active=true]{color:var(--color-student)}@supports (color:color-mix(in lab, red, red)){.classroom .practice-control[data-tone=student][data-active=true]{color:color-mix(in oklch, var(--color-student) 68%, white)}}.classroom .practice-control[data-tone=flow],.classroom .practice-control[data-tone=flow][data-active=true],.classroom .practice-control[data-tone=pause][data-active=true]{color:#ffffffd1;background:#ffffff12}.classroom .practice-control:active:not(:disabled),.classroom__utility-control:active:not(:disabled),.classroom__playback-select:active,.classroom .phrase-transport__control:active:not(:disabled){transform:none}.classroom__utility-control,.classroom__transition-lab-link{color:#ffffff9e;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f}.classroom__bottom-bar{inset-block-end:1.2rem;inset-inline:calc(var(--player-inline-start) + .75rem) calc(var(--player-inline-end) + .75rem);border-radius:1.2rem;min-height:4.2rem;padding:.45rem}.classroom__bottom-bar-backdrop{border-radius:inherit;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:oklch(9% .012 240/.82);border:0;box-shadow:0 0 0 1px #ffffff14,0 1rem 2.8rem #080e0f2e}.classroom__bottom-controls{width:min(100%,68rem)}.classroom__transport-toolbar,.classroom .phrase-transport,.classroom__playback-select{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff17}.classroom .phrase-transport__control,.classroom .phrase-transport__position{color:#ffffffad}.classroom .phrase-transport__segment{background:#ffffff2e}.classroom .phrase-transport__handle:before{background:var(--player-night);box-shadow:0 0 0 2px #ffffff1f,0 .18rem .5rem #00000040}.pitch-ribbon{-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);background:#f5f9f745;border-radius:1.5rem;inset-block-start:var(--player-top-clearance);inset-block-end:var(--player-bottom-clearance);inset-inline:1.15rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff3d,0 1.5rem 4rem #08141514}.pitch-ribbon:before{inset:8% 0}.pitch-ribbon__pitch-scale:before{background:#f4f9f759}.pitch-ribbon__diagnostics{color:#ffffff8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(12% .014 240/.82);box-shadow:0 0 0 1px #ffffff14,0 .5rem 1.8rem #080e0f2e}.classroom__paused-play{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(9% .012 240/.9);box-shadow:inset 0 0 0 1px #ffffff1c,0 1.2rem 3.5rem #080e0f52}.classroom__paused-play:hover{color:var(--color-accent);background:oklch(13% .018 240/.94)}@supports (color:color-mix(in lab, red, red)){.classroom__paused-play:hover{color:color-mix(in oklch, var(--color-accent) 76%, white)}}.classroom__paused-play:active{transform:translate(-50%,-50%)scale(.96)}.classroom__message{z-index:5;width:min(34rem,100% - 7rem);color:var(--color-ink);background:#f5f9f7b3;border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem)}@supports (color:color-mix(in lab, red, red)){.classroom__message{color:color-mix(in oklch, var(--color-ink) 72%, var(--color-muted))}}.classroom__message{-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);box-shadow:inset 0 0 0 1px #ffffff4d,0 1.5rem 4rem #0814151f}.classroom__message strong{color:var(--color-ink)}.classroom__minimal-exit{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(9% .012 240/.88);inset-block-start:max(1.2rem, env(safe-area-inset-top));inset-inline-end:max(1.2rem, env(safe-area-inset-right));box-shadow:0 0 0 1px #ffffff14,0 .75rem 2rem #080e0f38}.classroom[data-ui-mode=minimal] .classroom__surface{transition:inset-inline-start .22s var(--ease-in-out);inset-inline-start:var(--player-frame-inset)}@media (hover:hover) and (pointer:fine){.classroom__rail-action:hover{color:#fff;background:#ffffff1f}.classroom__utility-control:hover,.classroom__transition-lab-link:hover,.classroom__playback-select:hover{color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff1c}}@media (width<=59.999rem){.classroom{--player-frame-inset:.4rem;--player-inline-start:var(--player-frame-inset);--player-inline-end:var(--player-frame-inset)}.classroom__rail{display:none}.classroom__surface{border-radius:1.5rem}.classroom__top-bar{inset-block-start:.8rem;inset-inline:.8rem}.classroom__top-strip{grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem}.classroom__mobile-exit{color:#ffffffb3;cursor:pointer;width:2.75rem;height:2.75rem;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:var(--ease-out);background:#ffffff0f;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.classroom__mobile-exit:active{scale:.96}.classroom__mobile-exit svg{width:1.05rem;height:1.05rem}.classroom__lesson-identity{max-width:min(14rem,48vw);color:var(--color-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f9f773;border-radius:.65rem;padding:.45rem .65rem;position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-start:.5rem;box-shadow:inset 0 0 0 1px #fff3}.classroom__lesson-identity>span{display:none}.classroom__lesson-title{color:var(--color-ink);font-size:.78rem}.classroom__practice-controls{justify-self:center;min-width:0}.classroom__bottom-bar{inset-block-end:.8rem;inset-inline:.8rem}.pitch-ribbon{border-radius:1.15rem;inset-inline:.75rem}.classroom__message{width:min(32rem,100% - 2rem)}}@media (width<=34rem){.classroom__top-bar{padding-inline:.25rem;inset-inline:.65rem}.classroom__top-strip{gap:.2rem}.classroom__mobile-exit{width:2.5rem;height:2.5rem}.classroom__lesson-identity{max-width:58vw}.classroom__bottom-bar{inset-inline:.65rem}.pitch-ribbon{inset-inline:.55rem}}@media (orientation:landscape) and (height<=36rem){.classroom__top-bar{inset-block-start:.65rem}.classroom__bottom-bar{inset-block-end:.65rem}.classroom__lesson-identity>span{display:none}}@media (prefers-color-scheme:dark){.classroom{--player-sky:oklch(35% .026 198);--player-sky-deep:oklch(24% .026 207);--player-cloud:oklch(82% .03 84)}.classroom__surface{background:radial-gradient(circle at 82% 12%, oklch(49% .034 193/.55), transparent 28rem), linear-gradient(155deg, var(--player-sky), var(--player-sky-deep))}.pitch-ribbon{background:#dfebe724}.classroom__lesson-identity,.classroom__message{background:#dfebe7b8}}@media (prefers-reduced-transparency:reduce){.classroom__top-bar,.classroom__bottom-bar-backdrop,.pitch-ribbon,.pitch-ribbon__diagnostics,.classroom__paused-play,.classroom__message,.classroom__minimal-exit,.classroom__lesson-identity{-webkit-backdrop-filter:none;backdrop-filter:none}.classroom__top-bar,.classroom__bottom-bar-backdrop,.classroom__paused-play,.classroom__minimal-exit{background:var(--player-night)}.pitch-ribbon,.classroom__message,.classroom__lesson-identity{background:var(--player-sky)}@supports (color:color-mix(in lab, red, red)){.pitch-ribbon,.classroom__message,.classroom__lesson-identity{background:color-mix(in oklch, var(--player-sky) 82%, white)}}}.homepage-demo-launcher{text-align:center;color:#f5f5f7;background:#17191c;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,4rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.homepage-demo-launcher__copy{width:min(100%,34rem)}.homepage-demo-launcher__copy>span{color:#adb1b9;font-size:.875rem;font-weight:500}.homepage-demo-launcher__copy h1{color:#f5f5f7;letter-spacing:-.045em;max-width:14ch;margin:1rem auto 0;font-family:inherit;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:600;line-height:1.07}.homepage-demo-launcher__copy p{color:#adb1b9;max-width:29rem;margin:1.25rem auto 0;font-size:1rem;line-height:1.55}.homepage-demo-launcher__play{color:#17191c;cursor:pointer;background:#f5f5f7;border:0;border-radius:999px;min-height:3.25rem;margin-top:2rem;padding:0;transition:transform .15s ease-out,background-color .15s ease-out}.homepage-demo-launcher__play-face{justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500;display:inline-flex}.homepage-demo-launcher__play-face svg{fill:currentColor;width:1.1rem;height:1.1rem}.homepage-demo-launcher__play:hover{background:#dedee4}.homepage-demo-launcher__play:active{transform:scale(.98)}.homepage-demo-launcher__play:focus-visible{outline-offset:5px;outline:3px solid #63acff}.homepage-demo-launcher__play:disabled{cursor:wait;opacity:.7}.homepage-demo-launcher__privacy{color:#adb1b9;margin-top:1.25rem;font-size:.8125rem}.homepage-demo-launcher__error{color:#ffb4b4;margin-top:1rem;font-size:.875rem}.classroom[data-demo=true] .classroom__top-controls{display:none}.classroom[data-demo=true] .classroom__top-strip{grid-template-columns:minmax(9rem,1fr) auto}@media (width<=48rem){.homepage-demo-launcher__copy h1{font-size:2.5rem}.classroom[data-demo=true] .classroom__top-strip{grid-template-columns:auto minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.homepage-demo-launcher__play{transition:none}.homepage-demo-launcher__play:active{transform:none}}.classroom[data-demo=true]{--demo-shell-inset:.625rem;--demo-content-inset:1.125rem;--demo-panel-radius:.875rem;--demo-control-radius:.625rem;--player-frame-inset:var(--demo-shell-inset);--player-inline-start:var(--demo-shell-inset);--player-inline-end:var(--demo-shell-inset);--player-top-clearance:4.875rem;--player-bottom-clearance:5.25rem;background:oklch(9% .01 220)}.classroom[data-demo=true] .classroom__rail{display:none}.classroom[data-demo=true] .classroom__surface{border-radius:1.125rem;box-shadow:inset 0 0 0 1px #ffffff2e,0 .8rem 2rem #00000029}.classroom[data-demo=true] .classroom__surface:focus-visible{outline-offset:-1px;outline:1px solid #ffffff6b}.classroom[data-demo=true] .classroom__top-bar,.classroom[data-demo=true] .classroom__bottom-bar{inset-inline:var(--demo-content-inset);border-radius:var(--demo-panel-radius)}.classroom[data-demo=true] .classroom__top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:3.625rem;background:oklch(10% .012 220/.92);padding:.375rem;inset-block-start:var(--demo-content-inset);box-shadow:inset 0 0 0 1px #ffffff1a,0 .75rem 1.75rem #040c0d29}.classroom[data-demo=true] .classroom__top-strip{grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;gap:.5rem;min-height:2.875rem}.classroom[data-demo=true] .classroom__mobile-exit{border-radius:var(--demo-control-radius);color:#ffffffb3;background:#ffffff0f;width:2.75rem;height:2.75rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.classroom[data-demo=true] .classroom__lesson-identity{max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;gap:.18rem;padding:0 .25rem;position:static}.classroom[data-demo=true] .classroom__lesson-identity>span{color:#ffffff6b;display:block}.classroom[data-demo=true] .classroom__lesson-title{color:#fff;text-align:start;font-size:.875rem;display:block}.classroom[data-demo=true] .practice-controls{border-radius:var(--demo-control-radius);background:#ffffff0b;gap:.125rem;min-height:2.875rem;padding:.25rem;box-shadow:inset 0 0 0 1px #ffffff13}.classroom[data-demo=true] .practice-control{border-radius:.4375rem;min-height:2.375rem;font-size:.8125rem}.classroom[data-demo=true] .practice-control__label{display:inline}.classroom[data-demo=true] .practice-control[data-active=true]{box-shadow:inset 0 0 0 1px #fff1}.classroom[data-demo=true] .pitch-ribbon{inset-inline:calc(var(--demo-content-inset) - var(--demo-shell-inset));border-radius:var(--demo-panel-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ebf4f16b;box-shadow:inset 0 0 0 1px #ffffff47,0 .6rem 1.6rem #08141514}.classroom[data-demo=true] .pitch-ribbon__loop-selection{height:.125rem;box-shadow:0 0 0 1px #ffffff9e}.classroom[data-demo=true] .pitch-ribbon__loop-handle:before{border-width:.125rem;width:.75rem;height:.75rem;box-shadow:0 0 0 2px #f4f9f7b3,0 .15rem .4rem #08141533}.classroom[data-demo=true] .classroom__paused-play{width:clamp(4.25rem,10vw,4.75rem);height:clamp(4.25rem,10vw,4.75rem);box-shadow:inset 0 0 0 1px #ffffff1f,0 .75rem 2rem #080e0f42}.classroom[data-demo=true] .classroom__paused-play svg{width:1.85rem;height:1.85rem}.classroom[data-demo=true] .classroom__bottom-bar{min-height:4rem;padding:.375rem;inset-block-end:var(--demo-content-inset)}.classroom[data-demo=true] .classroom__bottom-bar-backdrop{border-radius:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(10% .012 220/.9);box-shadow:inset 0 0 0 1px #ffffff1a,0 .75rem 1.75rem #040c0d29}.classroom[data-demo=true] .classroom__bottom-controls{gap:.5rem;width:100%}.classroom[data-demo=true] .classroom__navigation-tools{max-width:none}.classroom[data-demo=true] .classroom__transport-toolbar,.classroom[data-demo=true] .phrase-transport{border-radius:var(--demo-control-radius);box-shadow:none;background:0 0;padding:0}.classroom[data-demo=true] .classroom__playback-select{border-radius:var(--demo-control-radius);background:#ffffff0f;height:3.25rem;box-shadow:inset 0 0 0 1px #ffffff13}.classroom[data-demo=true] .phrase-transport__control{border-radius:var(--demo-control-radius)}@media (width<=48rem){.classroom[data-demo=true]{--demo-shell-inset:.5rem;--demo-content-inset:.875rem;--player-top-clearance:4.625rem;--player-bottom-clearance:5rem}.classroom[data-demo=true] .classroom__top-bar{min-height:3.5rem}.classroom[data-demo=true] .classroom__top-strip{grid-template-columns:auto minmax(0,1fr) auto;min-height:2.75rem}.classroom[data-demo=true] .classroom__lesson-identity>span{display:none}.classroom[data-demo=true] .practice-controls{min-height:2.75rem}.classroom[data-demo=true] .practice-control__label{display:none}}@media (width<=34rem){.classroom[data-demo=true]{--demo-content-inset:.75rem}.classroom[data-demo=true] .classroom__top-strip{grid-template-columns:auto 1fr}.classroom[data-demo=true] .classroom__lesson-identity{display:none}.classroom[data-demo=true] .classroom__practice-controls{justify-self:end}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}