@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.top-\[35\%\]{top:35%}.top-\[45\%\]{top:45%}.top-\[60\%\]{top:60%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[5\%\]{right:5%}.right-\[8\%\]{right:8%}.right-\[15\%\]{right:15%}.right-\[25\%\]{right:25%}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[20\%\]{bottom:20%}.bottom-\[30\%\]{bottom:30%}.bottom-\[45\%\]{bottom:45%}.left-0{left:0}.left-\[3\%\]{left:3%}.left-\[5\%\]{left:5%}.left-\[7\%\]{left:7%}.left-\[15\%\]{left:15%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mr-1{margin-right:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-40{height:calc(var(--spacing) * 40)}.h-full{height:100%}.min-h-\[85vh\]{min-height:85vh}.min-h-\[120px\]{min-height:120px}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-\[0\.5ch\]{width:.5ch}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-2px\]{--tw-translate-x:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-4px\]{--tw-translate-x:-4px;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)}.translate-y-\[-2px\]{--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-4px\]{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-y-1{row-gap:var(--spacing)}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px * var(--tw-divide-y-reverse));border-bottom-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-current,.border-current\/20{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/20{border-color:color-mix(in oklab, currentcolor 20%, transparent)}}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:line-clamp-none:is(:where(.group):hover *){-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:z-10:hover{z-index:10}.hover\:translate-x-\[-2px\]:hover{--tw-translate-x:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-x-\[-4px\]:hover{--tw-translate-x:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-\[-4px\]:hover{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:translate-x-\[-2px\]:focus{--tw-translate-x:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.focus\:translate-y-\[-2px\]:focus{--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-x-0:active{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:w-44{width:calc(var(--spacing) * 44)}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}.context-lesson{color:var(--text);gap:20px;font-size:15px;line-height:1.7;display:grid}.context-lesson p{margin:0}.context-lead{max-width:840px;font-size:clamp(18px,2vw,22px);line-height:1.55}.lesson-callout{border:3px solid var(--border);border-left:12px solid var(--accent-blue);background:var(--bg);box-shadow:-5px 5px 0 var(--shadow);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:20px;display:grid}:root.light .lesson-callout{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .lesson-callout{border-top-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .lesson-callout{border-right-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .lesson-callout{border-right-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .lesson-callout{border-bottom-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .lesson-callout{border-bottom-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .lesson-callout{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}:root.dark .lesson-callout{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .lesson-callout{border-top-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .lesson-callout{border-right-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .lesson-callout{border-right-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .lesson-callout{border-bottom-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .lesson-callout{border-bottom-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .lesson-callout{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}.lesson-callout h3{font-family:var(--font-display);letter-spacing:0;margin:0 0 6px;font-size:22px;font-weight:700}.context-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.context-size-grid div{border:2px solid var(--border);background:var(--surface);gap:8px;min-width:0;padding:16px;display:grid}:root.light .context-size-grid div{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .context-size-grid div{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .context-size-grid div{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .context-size-grid div{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .context-size-grid div{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.dark .context-size-grid div{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.context-size-grid strong{color:var(--text);font-family:var(--font-display);font-size:clamp(26px,4vw,40px);line-height:1}.context-size-grid span{color:var(--text-muted);font-size:12px;line-height:1.5}:root{--font-display:var(--font-space-grotesk), "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#0b0f14;--surface:#121922;--surface-raised:#182231;--surface-overlay:#202c3d;--surface-strong:#6ee7f9;--text:#f6efe5;--text-muted:#a9b4c0;--border:#263241;--shadow:#0000006b;--shadow-ambient:#0000008c;--accent-yellow:#f7d046;--accent-blue:#6ee7f9;--accent-orange:#ff9b54;--accent-green:#38d996;--accent-red:#ff6b6b;--header-bg:#0b0f14e6;--radius-card:16px;--radius-control:10px;--shadow-soft-sm:0 1px 3px color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 12%, transparent)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-soft-sm:0 1px 3px color-mix(in srgb, var(--shadow) 12%, transparent)}}:root{--shadow-soft-md:0 10px 30px color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 16%, transparent)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-soft-md:0 10px 30px color-mix(in srgb, var(--shadow) 16%, transparent)}}:root{--shadow-soft-lg:0 24px 56px color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 20%, transparent)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-soft-lg:0 24px 56px color-mix(in srgb, var(--shadow) 20%, transparent)}}:root.dark{--bg:#0b0f14;--surface:#121922;--surface-raised:#182231;--surface-overlay:#202c3d;--surface-strong:#6ee7f9;--text:#f6efe5;--text-muted:#a9b4c0;--border:#263241;--shadow:#0000006b;--shadow-ambient:#0000008c;--header-bg:#0b0f14e6;--shadow-soft-sm:0 2px 8px #00000073;--shadow-soft-md:0 16px 40px #0000008c;--shadow-soft-lg:0 32px 72px #000000a6}:root.light{--bg:#f4efea;--surface:#fffaf3;--surface-raised:#fff6e8;--surface-overlay:#fffdf8;--surface-strong:#ffde00;--text:#303030;--text-muted:#6d6258;--border:#303030;--shadow:#303030;--shadow-ambient:#30303038;--header-bg:#f4efeaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}body{background:linear-gradient(90deg, var(--border) 1px, transparent 1px), linear-gradient(var(--border) 1px, transparent 1px), var(--bg);min-height:100vh;margin:0;overflow-x:clip}@supports (color:color-mix(in lab, red, red)){body{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px), var(--bg)}}body{color:var(--text);font-family:var(--font-mono);background-size:56px 56px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-orange);outline-offset:4px}.site-header{z-index:20;border-bottom:3px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;min-height:76px;padding:14px 0;display:flex;position:sticky;top:0}.site-header-inner{--module-nav-optical-offset:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:min(1180px,100% - 48px);min-width:0;display:grid}.brand-mark{border:3px solid var(--border);background:var(--surface-strong);color:#303030;min-height:42px;font-family:var(--font-display);box-shadow:-5px 5px 0 var(--shadow);justify-self:start;align-items:center;padding:0 14px;font-size:18px;font-weight:700;display:inline-flex}:root.light .brand-mark,:root.dark .brand-mark{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm);border-width:1px}.module-nav{min-width:0;transform:translateX(var(--module-nav-optical-offset));justify-content:center;justify-self:center;align-items:center;gap:10px;display:flex}.module-nav a,.theme-toggle,.reset-progress-button{border:2px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);box-shadow:-3px 3px 0 var(--shadow);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s;display:inline-flex}.module-nav a{width:40px;height:40px}.module-nav a.is-current{background:var(--accent-blue);color:#0b0f14}.module-nav a.is-complete{background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.module-nav a.is-complete{background:color-mix(in srgb, var(--accent-green) 28%, var(--surface))}}.module-nav a.is-complete{color:var(--text)}.module-nav a:hover,.theme-toggle:hover,.reset-progress-button:hover,.brutalist-button:hover{box-shadow:-1px 1px 0 var(--shadow);transform:translate(-3px,3px)}:root.light .module-nav a,:root.light .theme-toggle,:root.light .reset-progress-button{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .module-nav a,:root.light .theme-toggle,:root.light .reset-progress-button{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .module-nav a,:root.light .theme-toggle,:root.light .reset-progress-button{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .module-nav a,:root.dark .theme-toggle,:root.dark .reset-progress-button{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .module-nav a,:root.dark .theme-toggle,:root.dark .reset-progress-button{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .module-nav a,:root.dark .theme-toggle,:root.dark .reset-progress-button{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.light .module-nav a:hover,:root.light .theme-toggle:hover,:root.light .reset-progress-button:hover,:root.dark .module-nav a:hover,:root.dark .theme-toggle:hover,:root.dark .reset-progress-button:hover{box-shadow:var(--shadow-soft-md);transform:translateY(-2px)}:root.light .module-nav a:active,:root.light .theme-toggle:active,:root.light .reset-progress-button:active,:root.dark .module-nav a:active,:root.dark .theme-toggle:active,:root.dark .reset-progress-button:active{box-shadow:var(--shadow-soft-sm);transform:translateY(0)scale(.96)}.module-nav a:active,.theme-toggle:active,.reset-progress-button:active,.brutalist-button:active{box-shadow:none;transform:translate(-1px,1px)}.header-actions{justify-self:end;align-items:center;gap:16px;display:flex}.theme-icon{display:none}:root:not(.dark) .moon-icon,:root.dark .sun-icon{display:block}.progress-wrap{gap:6px;min-width:152px;display:grid}.progress-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.progress-track{border:2px solid var(--border);background:0 0;width:100%;height:12px;display:block;position:relative;overflow:hidden}.progress-fill{background:var(--accent-green);height:100%;transition:width .24s;display:block}.reset-progress-button{cursor:pointer;width:auto;min-width:38px;font-family:var(--font-mono);text-transform:uppercase;gap:8px;padding:0 10px;font-size:10px}.hero-section{text-align:center;align-content:start;justify-items:center;min-height:calc(100vh - 76px);padding:36px 24px 72px;display:grid;position:relative}.not-found-section{text-align:center;justify-items:center;gap:16px;min-height:calc(100vh - 76px);padding:96px 24px;display:grid}.not-found-code{color:var(--accent-orange);font-family:var(--font-display);margin:0;font-size:clamp(64px,12vw,120px);font-weight:700;line-height:1}.not-found-section h1{font-family:var(--font-display);margin:0;font-size:clamp(28px,4vw,44px);font-weight:700}.not-found-section>p:not(.not-found-code){max-width:440px;color:var(--text-muted);font-size:15px;line-height:1.6}:root.dark .hero-section:before{content:"";background:radial-gradient(ellipse at center, var(--accent-yellow), var(--accent-blue) 45%, transparent 72%);width:min(920px,90vw);height:min(560px,60vh);position:absolute;top:8%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){:root.dark .hero-section:before{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent-yellow) 16%, transparent), color-mix(in srgb, var(--accent-blue) 8%, transparent) 45%, transparent 72%)}}:root.dark .hero-section:before{filter:blur(10px);pointer-events:none;z-index:0}.hero-section>*{z-index:1;position:relative}.hero-kicker{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin-bottom:28px;display:flex}.hero-kicker span{border:2px solid var(--border);background:var(--surface);box-shadow:-3px 3px 0 var(--shadow);color:var(--text-muted);text-transform:uppercase;padding:8px 12px;font-size:11px;font-weight:700}:root.light .hero-kicker span{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .hero-kicker span{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .hero-kicker span{box-shadow:var(--shadow-soft-sm);border-radius:999px}:root.dark .hero-kicker span{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .hero-kicker span{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.dark .hero-kicker span{box-shadow:var(--shadow-soft-sm);border-radius:999px}.hero-section h1,.section-heading h2,.module-copy h2,.module-copy-title{font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700}.hero-section h1{max-width:840px;font-size:clamp(40px,7vw,84px);line-height:1}.hero-copy{max-width:760px;color:var(--text-muted);margin:28px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.brutalist-button{appearance:none;border:3px solid var(--border);color:#303030;cursor:pointer;min-height:48px;font-family:var(--font-mono);text-transform:uppercase;box-shadow:-5px 5px 0 var(--shadow);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}:root.light .brutalist-button{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .brutalist-button{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .brutalist-button{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .brutalist-button{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .brutalist-button{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .brutalist-button{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.light .brutalist-button:hover:not(:disabled),:root.dark .brutalist-button:hover:not(:disabled){box-shadow:var(--shadow-soft-lg);transform:translateY(-2px)}:root.light .brutalist-button:active:not(:disabled),:root.dark .brutalist-button:active:not(:disabled){box-shadow:var(--shadow-soft-sm);transform:translateY(0)scale(.98)}.brutalist-button:disabled{cursor:not-allowed;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.brutalist-button:disabled{border-color:color-mix(in srgb, var(--border) 78%, var(--text-muted))}}.brutalist-button:disabled{background:var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.brutalist-button:disabled{background:color-mix(in srgb, var(--surface-raised) 78%, var(--border))}}.brutalist-button:disabled{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.brutalist-button:disabled{color:color-mix(in srgb, var(--text) 72%, var(--text-muted))}}.brutalist-button:disabled{box-shadow:none;transform:none}.button-yellow{background:var(--accent-yellow);background-color:var(--accent-yellow);color:#0b0f14}:root.dark .button-yellow:hover:not(:disabled){box-shadow:var(--shadow-soft-lg), 0 0 32px var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){:root.dark .button-yellow:hover:not(:disabled){box-shadow:var(--shadow-soft-lg), 0 0 32px color-mix(in srgb, var(--accent-yellow) 45%, transparent)}}.button-blue{background:var(--accent-blue);background-color:var(--accent-blue)}.button-cream{background:var(--surface);background-color:var(--surface);color:var(--text)}.button-charcoal{background:var(--text);background-color:var(--text);color:var(--bg)}.button-icon{display:inline-flex}.hero-demo{border:1px solid var(--border);gap:12px;width:min(760px,100%);margin-top:36px;padding:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.hero-demo{border:1px solid color-mix(in srgb, var(--border) 18%, transparent)}}.hero-demo{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft-md);text-align:left}.hero-demo-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.hero-demo-input{border:1px solid var(--border);width:100%;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.hero-demo-input{border:1px solid color-mix(in srgb, var(--border) 20%, transparent)}}.hero-demo-input{border-radius:var(--radius-control);background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:18px}.hero-demo-tokens{flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;display:flex}.hero-demo-empty{color:var(--text-muted);font-size:13px}.hero-demo-caption{color:var(--text-muted);margin:0;font-size:14px}.hero-demo-caption strong{color:var(--text)}.curriculum-section{max-width:1180px;margin:0 auto;padding:72px 24px 104px}.section-heading{gap:12px;max-width:720px;margin-bottom:36px;display:grid}.section-heading p,.module-status{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.section-heading h2{font-size:clamp(34px,6vw,68px);line-height:1}.module-list{gap:24px;display:grid}@keyframes module-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.module-list>.module-panel{animation:.42s ease-out both module-reveal}.module-list>.module-panel:first-child{animation-delay:0s}.module-list>.module-panel:nth-child(2){animation-delay:70ms}.module-list>.module-panel:nth-child(3){animation-delay:.14s}.module-list>.module-panel:nth-child(4){animation-delay:.21s}.module-list>.module-panel:nth-child(5){animation-delay:.28s}.module-panel{border:3px solid var(--border);background:var(--surface);min-height:210px;box-shadow:-7px 7px 0 var(--shadow);grid-template-columns:120px minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:24px;padding:24px;display:grid}:root.light .module-panel{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .module-panel{border-color:color-mix(in srgb, var(--border) 16%, transparent)}}:root.light .module-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}:root.dark .module-panel{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .module-panel{border-color:color-mix(in srgb, var(--border) 16%, transparent)}}:root.dark .module-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}:root.light .module-number,:root.dark .module-number{border-width:1px;border-radius:10px}.module-number{border:3px solid var(--border);background:var(--module-accent);color:#303030;min-height:100%;font-family:var(--font-display);place-items:center;font-size:42px;font-weight:700;display:grid}.module-copy{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.module-copy h2,.module-copy-title{font-size:clamp(32px,5vw,58px);line-height:1}.module-copy .module-subtitle,.module-subtitle{max-width:520px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.module-heading-wrap{min-width:0;margin:0}.module-copy-toggle{cursor:pointer;text-align:left;width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;gap:12px;padding:0;display:flex}.module-copy-hint{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.module-copy-chevron{transition:transform .2s}.learning-module.is-expanded .module-copy-chevron{transform:rotate(180deg)}.learning-module.is-collapsed{min-height:0}.learning-module.is-collapsed .module-copy-toggle:hover .module-copy-hint{color:var(--text)}.module-preview{align-content:center;gap:10px;display:grid}.module-preview span{border:2px solid var(--border);background:var(--bg);min-height:42px;color:var(--text);text-transform:uppercase;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.learning-module,.context-module{grid-template-columns:120px minmax(0,1fr);align-items:start}.learning-module-body,.context-module-body{gap:28px;min-width:0;display:grid}.playground-shell,.knowledge-check,.module-section{border:3px solid var(--border);background:var(--bg);box-shadow:-5px 5px 0 var(--shadow)}:root.light .playground-shell,:root.light .knowledge-check,:root.light .module-section{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .playground-shell,:root.light .knowledge-check,:root.light .module-section{border-color:color-mix(in srgb, var(--border) 14%, transparent)}}:root.light .playground-shell,:root.light .knowledge-check,:root.light .module-section{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-soft-sm)}:root.dark .playground-shell,:root.dark .knowledge-check,:root.dark .module-section{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .playground-shell,:root.dark .knowledge-check,:root.dark .module-section{border-color:color-mix(in srgb, var(--border) 14%, transparent)}}:root.dark .playground-shell,:root.dark .knowledge-check,:root.dark .module-section{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-soft-sm)}.playground-heading h3,.knowledge-check legend{font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700}.playground-shell,.knowledge-check,.module-section{gap:18px;padding:20px;display:grid}.playground-heading{gap:4px;display:grid}.playground-heading p{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.playground-heading h3{font-size:clamp(24px,3vw,34px)}.whiteboard-simulator{gap:18px;display:grid}.token-callout{border-left-color:var(--accent-yellow)}.token-reason-grid div{align-content:start}.token-reason-grid svg{color:var(--module-accent)}.tokenizer-playground{gap:18px;display:grid}.tokenizer-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.tokenizer-input-wrap{display:grid;position:relative}.tokenizer-input-wrap textarea{resize:vertical;border:3px solid var(--border);background:var(--surface);width:100%;min-height:160px;color:var(--text);font-family:var(--font-mono);box-shadow:-5px 5px 0 var(--shadow);padding:14px 14px 32px;font-size:14px;line-height:1.6}:root.light .tokenizer-input-wrap textarea{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .tokenizer-input-wrap textarea{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .tokenizer-input-wrap textarea{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .tokenizer-input-wrap textarea{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .tokenizer-input-wrap textarea{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .tokenizer-input-wrap textarea{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.tokenizer-input-wrap span{color:var(--text-muted);font-size:11px;position:absolute;bottom:10px;right:12px}.example-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.example-chip-grid button{border:2px solid var(--border);gap:4px;min-width:0;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.example-chip-grid button{border:2px solid color-mix(in srgb, var(--border) 30%, transparent)}}.example-chip-grid button{background:var(--surface);color:var(--text);cursor:pointer;font-family:var(--font-mono);text-align:left}.example-chip-grid button:hover{border-color:var(--border);box-shadow:-3px 3px 0 var(--shadow)}:root.light .example-chip-grid button,:root.dark .example-chip-grid button{border-radius:var(--radius-control);border-width:1px}:root.light .example-chip-grid button:hover,:root.dark .example-chip-grid button:hover{box-shadow:var(--shadow-soft-md)}.example-chip-grid strong{text-transform:uppercase;font-size:12px}.example-chip-grid span{color:var(--text-muted);font-size:10px;line-height:1.4}.tokenizer-actions{flex-wrap:wrap;gap:10px;display:flex}.tokenizer-stats{border:3px solid var(--border);background:var(--text);color:var(--bg);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}:root.light .tokenizer-stats,:root.dark .tokenizer-stats{border-radius:var(--radius-control);border-width:1px}.tokenizer-stats strong{color:var(--accent-yellow);text-transform:uppercase}.tokenizer-stats em{color:var(--accent-orange);text-transform:uppercase;font-style:normal;font-weight:700}.token-legend{flex-wrap:wrap;gap:8px;display:flex}.token-legend span,.token-chunk{border:2px solid var(--border);color:#303030;min-height:30px;font-family:var(--font-mono);align-items:center;font-size:12px;font-weight:700;display:inline-flex}:root.light .token-legend span,:root.light .token-chunk{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .token-legend span,:root.light .token-chunk{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .token-legend span,:root.light .token-chunk{border-radius:6px}:root.dark .token-legend span,:root.dark .token-chunk{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .token-legend span,:root.dark .token-chunk{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .token-legend span,:root.dark .token-chunk{border-radius:6px}.token-legend span{text-transform:uppercase;padding:0 8px}.token-output{border:3px solid var(--border);background:var(--surface);min-height:128px;box-shadow:-5px 5px 0 var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:6px;padding:14px;display:flex}:root.light .token-output{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .token-output{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .token-output{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .token-output{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .token-output{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.dark .token-output{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.token-chunk{overflow-wrap:anywhere;max-width:100%;padding:0 7px}.token-word{background:var(--accent-blue)}.token-subword{background:var(--accent-orange)}.token-punctuation{background:var(--accent-green)}.token-space{background:var(--accent-yellow)}.token-unknown{background:var(--surface);color:var(--text)}.token-fact{border:2px solid var(--accent-yellow);background:var(--accent-yellow);align-items:flex-start;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.token-fact{background:color-mix(in srgb, var(--accent-yellow) 18%, transparent)}}.token-fact{font-size:13px;line-height:1.5}:root.light .token-fact,:root.dark .token-fact{border-radius:var(--radius-control)}.temperature-callout{border-left-color:var(--accent-orange)}.hallucination-callout{border-left-color:var(--accent-green)}.temperature-reason-grid svg,.hallucination-reason-grid svg{color:var(--module-accent)}.temperature-comparator,.hallucination-classifier{gap:18px;display:grid}.scenario-chip-grid,.claim-round-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.claim-round-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scenario-chip-grid button,.claim-round-grid button{border:2px solid var(--border);justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.scenario-chip-grid button,.claim-round-grid button{border:2px solid color-mix(in srgb, var(--border) 35%, transparent)}}.scenario-chip-grid button,.claim-round-grid button{background:var(--surface);color:var(--text);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:700}.scenario-chip-grid button[aria-pressed=true],.claim-round-grid button[aria-pressed=true]{border-color:var(--border);box-shadow:-3px 3px 0 var(--shadow)}:root.light .scenario-chip-grid button,:root.light .claim-round-grid button,:root.dark .scenario-chip-grid button,:root.dark .claim-round-grid button{border-radius:var(--radius-control);border-width:1px}:root.light .scenario-chip-grid button[aria-pressed=true],:root.dark .scenario-chip-grid button[aria-pressed=true],:root.light .claim-round-grid button[aria-pressed=true],:root.dark .claim-round-grid button[aria-pressed=true]{box-shadow:var(--shadow-soft-sm)}:root.light .scenario-chip-grid button[aria-pressed=true],:root.light .claim-round-grid button[aria-pressed=true],:root.dark .scenario-chip-grid button[aria-pressed=true],:root.dark .claim-round-grid button[aria-pressed=true]{box-shadow:var(--shadow-soft-md)}.prompt-card,.evidence-panel,.claim-panel{border:3px solid var(--border);background:var(--surface);min-width:0;box-shadow:-4px 4px 0 var(--shadow);gap:8px;padding:16px;display:grid}:root.light .evidence-panel,:root.light .claim-panel,:root.dark .evidence-panel,:root.dark .claim-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}:root.light .prompt-card{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .prompt-card{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .prompt-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}:root.dark .prompt-card{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .prompt-card{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .prompt-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}.prompt-card span,.evidence-panel span,.claim-panel span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.prompt-card p,.evidence-panel p,.claim-panel p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.temperature-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.temperature-output{border:3px solid var(--border);background:var(--surface);border-left-width:12px;align-content:start;gap:12px;min-width:0;padding:16px;display:grid}:root.light .temperature-output,:root.dark .temperature-output{border-radius:var(--radius-control)}.temperature-low{border-left-color:var(--accent-blue)}.temperature-medium{border-left-color:var(--accent-yellow)}.temperature-high{border-left-color:var(--accent-orange)}.temperature-output-topline{color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;display:flex}.temperature-output-topline strong{color:var(--text)}.temperature-output h4{font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:22px;line-height:1.1;display:flex}.temperature-output p{color:var(--text);margin:0;font-size:14px;line-height:1.65}.temperature-insight{border-color:var(--accent-orange);background:var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.temperature-insight{background:color-mix(in srgb, var(--accent-orange) 14%, transparent)}}.claim-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.claim-panel{border-left:12px solid var(--accent-green)}.evidence-panel{border-left:12px solid var(--accent-blue)}.verdict-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.verdict-button{border:3px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;box-shadow:-4px 4px 0 var(--shadow);justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.verdict-button[aria-pressed=true]{box-shadow:-1px 1px 0 var(--shadow);transform:translate(-2px,2px)}:root.light .verdict-button,:root.dark .verdict-button{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .verdict-button,:root.dark .verdict-button{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .verdict-button,:root.dark .verdict-button{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.light .verdict-button[aria-pressed=true],:root.dark .verdict-button[aria-pressed=true]{box-shadow:var(--shadow-soft-md);transform:none}.verdict-supported[aria-pressed=true]{background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.verdict-supported[aria-pressed=true]{background:color-mix(in srgb, var(--accent-green) 24%, var(--surface))}}.verdict-unsupported[aria-pressed=true]{background:var(--accent-red)}@supports (color:color-mix(in lab, red, red)){.verdict-unsupported[aria-pressed=true]{background:color-mix(in srgb, var(--accent-red) 20%, var(--surface))}}.claim-feedback,.freeform-status{border:3px solid var(--border);background:var(--surface);gap:6px;padding:14px;font-size:13px;line-height:1.55;display:grid}:root.light .claim-feedback,:root.light .freeform-status{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .claim-feedback,:root.light .freeform-status{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .claim-feedback,:root.light .freeform-status{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .claim-feedback,:root.dark .freeform-status{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .claim-feedback,:root.dark .freeform-status{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .claim-feedback,:root.dark .freeform-status{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.claim-feedback strong,.freeform-status strong{font-family:var(--font-display);font-size:18px}.claim-feedback em,.freeform-status em{color:var(--text-muted);font-style:normal}.claim-feedback-correct{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.claim-feedback-correct{background:color-mix(in srgb, var(--accent-green) 18%, var(--surface))}}.claim-feedback-wrong{border-color:var(--accent-orange);background:var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.claim-feedback-wrong{background:color-mix(in srgb, var(--accent-orange) 18%, var(--surface))}}.claim-feedback-empty{color:var(--text-muted);border-style:dashed}:root.light .claim-feedback-correct,:root.dark .claim-feedback-correct{border-color:var(--accent-green)}:root.light .claim-feedback-wrong,:root.dark .claim-feedback-wrong{border-color:var(--accent-orange)}.freeform-textarea{resize:vertical;border:3px solid var(--border);background:var(--surface);width:100%;min-height:96px;color:var(--text);font-family:var(--font-mono);box-shadow:-4px 4px 0 var(--shadow);padding:12px 14px;font-size:14px;line-height:1.6}:root.light .freeform-textarea{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .freeform-textarea{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .freeform-textarea{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .freeform-textarea{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .freeform-textarea{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .freeform-textarea{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.temperature-freeform,.hallucination-freeform{border-top:2px dashed var(--border);gap:14px;padding-top:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.temperature-freeform,.hallucination-freeform{border-top:2px dashed color-mix(in srgb, var(--border) 45%, transparent)}}.freeform-heading{gap:4px;display:grid}.freeform-heading span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.freeform-heading strong{font-family:var(--font-display);font-size:18px}.temperature-pick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.temperature-pick-low[aria-pressed=true]{background:var(--accent-blue)}@supports (color:color-mix(in lab, red, red)){.temperature-pick-low[aria-pressed=true]{background:color-mix(in srgb, var(--accent-blue) 24%, var(--surface))}}.temperature-pick-medium[aria-pressed=true]{background:var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){.temperature-pick-medium[aria-pressed=true]{background:color-mix(in srgb, var(--accent-yellow) 24%, var(--surface))}}.temperature-pick-high[aria-pressed=true]{background:var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.temperature-pick-high[aria-pressed=true]{background:color-mix(in srgb, var(--accent-orange) 24%, var(--surface))}}.verdict-button:disabled{cursor:not-allowed;opacity:.5}.freeform-checklist{gap:8px;display:grid}.freeform-checklist label{align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.freeform-checklist input{margin-top:3px}.rag-callout{border-left-color:var(--accent-red)}.rag-reason-grid svg{color:var(--module-accent)}.rag-walkthrough{gap:18px;display:grid}.rag-stage-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.rag-stage-strip span{border:2px solid var(--border);background:var(--surface);min-width:0;min-height:42px;color:var(--text);text-transform:uppercase;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;display:flex}.rag-question-panel,.rag-source-panel,.rag-ranked-panel,.rag-context-board,.rag-answer-card{border:3px solid var(--border);background:var(--surface);min-width:0;box-shadow:-4px 4px 0 var(--shadow);gap:10px;padding:16px;display:grid}:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-top-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-right-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-right-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-bottom-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-bottom-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .rag-question-panel,:root.light .rag-source-panel,:root.light .rag-ranked-panel,:root.light .rag-context-board,:root.light .rag-answer-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-top-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-right-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-right-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-bottom-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-bottom-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .rag-question-panel,:root.dark .rag-source-panel,:root.dark .rag-ranked-panel,:root.dark .rag-context-board,:root.dark .rag-answer-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}.rag-question-panel{border-left:12px solid var(--accent-red)}.rag-question-panel span,.rag-answer-card span,.rag-panel-heading span,.rag-chunk-card em,.rag-chunk-topline{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.rag-question-panel p,.rag-source-panel p,.rag-context-board p,.rag-answer-card p,.rag-chunk-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.rag-source-grid,.rag-retrieval-grid,.rag-answer-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.rag-panel-heading{align-items:center;gap:8px;display:flex}.rag-source-panel{border-left:12px solid var(--accent-blue);align-content:start}.rag-source-panel h4,.rag-chunk-card h4,.rag-answer-card h4{font-family:var(--font-display);margin:0;font-size:22px;line-height:1.1}.rag-chunk-list{gap:10px;display:grid}.rag-chunk-heading{min-height:32px}.rag-chunk-card{border:2px solid var(--border);gap:8px;min-width:0;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.rag-chunk-card{border:2px solid color-mix(in srgb, var(--border) 35%, transparent)}}.rag-chunk-card{background:var(--surface)}.rag-chunk-retrieved{border:3px solid var(--border);border-left:12px solid var(--accent-red);box-shadow:-3px 3px 0 var(--shadow)}:root.light .rag-chunk-card,:root.dark .rag-chunk-card{border-radius:var(--radius-control)}:root.light .rag-chunk-retrieved,:root.dark .rag-chunk-retrieved{box-shadow:var(--shadow-soft-sm)}.rag-chunk-topline{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.rag-chunk-topline strong{color:var(--text)}.rag-ranked-panel{border-left:12px solid var(--accent-blue)}.rag-ranked-row{min-height:40px;color:var(--text);grid-template-columns:28px 42px minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.rag-ranked-row strong,.rag-ranked-row span,.rag-ranked-row em{font-style:normal}.rag-score-track{border:2px solid var(--border);background:var(--bg);height:14px;overflow:hidden}.rag-score-track i{background:var(--accent-blue);height:100%;display:block}.rag-context-board{border-left:12px solid var(--accent-yellow)}.rag-context-chips,.rag-citations{flex-wrap:wrap;gap:8px;display:flex}.rag-context-chips span,.rag-citations{border:2px solid var(--border);background:var(--accent-yellow);color:#303030;text-transform:uppercase;min-height:32px;padding:7px 9px;font-size:11px;font-weight:700}.rag-answer-card{align-content:start}.rag-answer-caution{border-left:12px solid var(--accent-orange)}.rag-answer-supported{border-left:12px solid var(--accent-green)}.rag-citations{background:var(--accent-green);width:fit-content}.rag-insight{border-color:var(--accent-red);background:var(--accent-red)}@supports (color:color-mix(in lab, red, red)){.rag-insight{background:color-mix(in srgb, var(--accent-red) 12%, transparent)}}.whiteboard-model-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.model-option{border:2px solid var(--border);gap:6px;min-width:0;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.model-option{border:2px solid color-mix(in srgb, var(--border) 35%, transparent)}}.model-option{color:var(--text);cursor:pointer;font-family:var(--font-mono);text-align:left;background:0 0}.model-option[aria-pressed=true]{border-color:var(--border);background:var(--surface);box-shadow:-4px 4px 0 var(--shadow)}:root.light .model-option{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .model-option{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .model-option{border-radius:var(--radius-control)}:root.dark .model-option{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .model-option{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .model-option{border-radius:var(--radius-control)}:root.light .model-option[aria-pressed=true],:root.dark .model-option[aria-pressed=true]{border-color:var(--border);box-shadow:var(--shadow-soft-md)}.model-option strong{text-transform:uppercase;font-size:13px}.model-option span,.model-option small{color:var(--text-muted);font-size:11px;line-height:1.4}.context-meter{gap:8px;display:grid}.context-meter-label{color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;display:flex}.context-meter-label strong{color:var(--text)}.context-meter-track{border:3px solid var(--border);background:var(--surface);height:34px;position:relative;overflow:hidden}.context-meter-track span{background:var(--accent-green);transition:width .22s;display:block;position:absolute;inset:0 auto 0 0}.context-meter-warning span{background:var(--accent-orange)}.context-meter-danger span{background:var(--accent-red)}.context-meter-track strong{color:var(--text);text-transform:uppercase;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.overflow-alert,.context-insight{border:2px solid var(--accent-red);background:var(--accent-red);align-items:flex-start;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.overflow-alert,.context-insight{background:color-mix(in srgb, var(--accent-red) 12%, transparent)}}.overflow-alert,.context-insight{font-size:13px;line-height:1.5}.context-insight{border-color:var(--accent-blue);background:var(--accent-blue)}@supports (color:color-mix(in lab, red, red)){.context-insight{background:color-mix(in srgb, var(--accent-blue) 16%, transparent)}}.whiteboard-actions{flex-wrap:wrap;gap:10px;display:flex}.text-button{min-height:48px;color:var(--text);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:0;font-size:12px;font-weight:700;text-decoration:underline}.add-menu{border:2px dashed var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.add-menu{border:2px dashed color-mix(in srgb, var(--border) 45%, transparent)}}.add-menu button{min-width:0;color:var(--text);cursor:pointer;font-family:var(--font-mono);text-align:left;background:0 0;border:2px solid #0000;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.add-menu button:hover{border-color:var(--border);background:var(--surface)}.whiteboard-board{border:3px solid var(--border);background:var(--surface);box-shadow:-5px 5px 0 var(--shadow);overflow:hidden}:root.light .whiteboard-board{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .whiteboard-board{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .whiteboard-board{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}:root.dark .whiteboard-board{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .whiteboard-board{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.dark .whiteboard-board{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}.whiteboard-titlebar{background:var(--text);color:var(--bg);text-transform:uppercase;justify-content:space-between;gap:12px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.whiteboard-items{gap:12px;min-height:250px;padding:14px;display:grid}.empty-board,.playground-empty{min-height:220px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-board strong,.playground-empty strong{color:var(--text)}.playground-empty{width:100%;min-height:96px}.playground-empty span{max-width:44ch;font-size:13px;line-height:1.5}.whiteboard-item{border-left:8px solid var(--module-accent);background:var(--bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.whiteboard-item p{color:var(--text);margin:0;font-size:13px;line-height:1.55}.whiteboard-item span{color:var(--text-muted);margin-top:6px;font-size:11px;display:block}.whiteboard-item button{width:32px;height:32px;color:var(--accent-red);cursor:pointer;background:0 0;border:2px solid #0000;place-items:center;display:grid}.whiteboard-item button:hover{border-color:var(--accent-red)}.whiteboard-item-system{--module-accent:var(--text)}.whiteboard-item-user{--module-accent:var(--accent-blue)}.whiteboard-item-ai{--module-accent:var(--accent-green)}.whiteboard-item-document{--module-accent:var(--accent-orange)}.whiteboard-item-dropped{border-left-color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.whiteboard-item-dropped{border-left-color:color-mix(in srgb, var(--text-muted) 72%, var(--bg))}}.whiteboard-item-dropped{text-decoration:line-through}.whiteboard-item-dropped p,.whiteboard-item-dropped span{color:var(--text-muted)}.whiteboard-item-confused{border-color:var(--accent-red)}.overflow-demo{border-top:3px dashed var(--border);gap:10px;margin-top:4px;padding-top:14px;display:grid}.quiz-container,.quiz-list{display:grid}.quiz-container{gap:16px}.quiz-list{gap:18px}.quiz-card,.quiz-list fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.knowledge-check legend,.quiz-card legend{margin-bottom:4px;font-size:18px}.quiz-option{border:2px solid var(--border);background:var(--surface);width:100%;min-height:46px;color:var(--text);cursor:pointer;font-family:var(--font-mono);text-align:left;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.quiz-option-selected{border-color:var(--accent-yellow);background:var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){.quiz-option-selected{background:color-mix(in srgb, var(--accent-yellow) 12%, var(--surface))}}.quiz-option-selected{box-shadow:-3px 3px 0 var(--shadow)}:root.light .quiz-option{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .quiz-option{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .quiz-option{border-radius:var(--radius-control)}:root.dark .quiz-option{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .quiz-option{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .quiz-option{border-radius:var(--radius-control)}:root.light .quiz-option-selected,:root.dark .quiz-option-selected{border-color:var(--accent-yellow);box-shadow:var(--shadow-soft-sm)}.quiz-option-correct{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.quiz-option-correct{background:color-mix(in srgb, var(--accent-green) 22%, var(--surface))}}.quiz-option-wrong{border-color:var(--accent-red);background:var(--accent-red)}@supports (color:color-mix(in lab, red, red)){.quiz-option-wrong{background:color-mix(in srgb, var(--accent-red) 18%, var(--surface))}}.quiz-option span{gap:8px;min-width:0;line-height:1.45;display:flex}.quiz-option span strong{font-weight:700}.quiz-explanation{border:2px solid var(--border);gap:4px;margin-top:4px;padding:12px;font-size:13px;line-height:1.55;display:grid}.quiz-explanation-correct{background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.quiz-explanation-correct{background:color-mix(in srgb, var(--accent-green) 18%, var(--surface))}}.quiz-explanation-wrong{background:var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.quiz-explanation-wrong{background:color-mix(in srgb, var(--accent-orange) 18%, var(--surface))}}.quiz-progress{color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;display:flex}.quiz-progress span:first-child{color:var(--text)}.quiz-footer{border-top:2px solid var(--border);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;font-weight:700;display:flex}.accent-yellow{--module-accent:var(--accent-yellow)}.accent-blue{--module-accent:var(--accent-blue)}.accent-orange{--module-accent:var(--accent-orange)}.accent-green{--module-accent:var(--accent-green)}.accent-red{--module-accent:var(--accent-red)}.site-footer{border-top:3px solid var(--border);color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:32px 24px;font-size:12px;display:flex}.site-footer strong{color:var(--text);font-family:var(--font-display)}.course-dashboard,.readiness-panel,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip,.return-refresher{width:min(1180px,100% - 48px);margin:0 auto}.course-dashboard,.readiness-card,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.course-dashboard,.readiness-card,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip{border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.course-dashboard,.readiness-card,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip{background:var(--surface);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.course-dashboard,.readiness-card,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.course-dashboard,.readiness-card,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip{box-shadow:0 20px 80px #0000002e}.return-refresher{border:1px solid var(--border);align-items:center;gap:16px;margin-top:20px;padding:16px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.return-refresher{border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.return-refresher{border-left:4px solid var(--accent-blue);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.return-refresher{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.return-refresher{color:var(--accent-blue)}:root.light .return-refresher,:root.dark .return-refresher{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}.return-refresher-copy{min-width:0;color:var(--text);flex:1;gap:2px;display:grid}.return-refresher-copy strong{font-family:var(--font-display);font-size:15px}.return-refresher-copy span{color:var(--text-muted);font-size:13px}.return-refresher-actions{align-items:center;gap:10px;display:flex}.return-refresher-dismiss{border:2px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid}:root.light .return-refresher-dismiss{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .return-refresher-dismiss{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .return-refresher-dismiss{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}:root.dark .return-refresher-dismiss{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.dark .return-refresher-dismiss{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.dark .return-refresher-dismiss{border-radius:var(--radius-control);box-shadow:var(--shadow-soft-sm)}.return-refresher-dismiss:hover{color:var(--text)}.course-dashboard{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:20px;padding:22px;display:grid;position:relative}.dashboard-main,.calendar-heading,.completion-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:24px;display:grid}.eyebrow,.dashboard-main p:first-child{color:var(--accent-blue);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.dashboard-main h2,.calendar-heading h2,.completion-hero h2{font-family:var(--font-display);margin:6px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1}.dashboard-main p,.completion-hero p{max-width:720px;color:var(--text-muted);margin:0;line-height:1.65}.dashboard-action{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;align-content:center;gap:10px;padding:16px;display:grid}.dashboard-action span,.badge-rack-heading span,.calendar-stats,.calendar-legend,.completion-hero p,.summary-card span,.advanced-teaser span,.readiness-copy span{color:var(--text-muted);font-size:12px;line-height:1.5}.dashboard-grid,.completion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.summary-card,.badge-card,.challenge-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.metric-card>span{background:var(--accent-blue);border-radius:999px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.metric-card>span{background:color-mix(in srgb, var(--accent-blue) 18%, transparent)}}.metric-card>span{color:var(--accent-blue)}.metric-card strong,.summary-card strong{font-family:var(--font-display);font-size:28px;line-height:1}.metric-card small,.badge-card small,.flow-item small{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.45}.badge-rack,.readiness-questions,.finding-panel{gap:14px;display:grid}.badge-rack-heading,.finding-heading,.readiness-copy,.challenge-result>div{align-items:center;gap:10px;display:flex}.badge-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.badge-unlocked{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.badge-unlocked{background:color-mix(in srgb, var(--accent-green) 10%, var(--surface-raised))}}.badge-card>span{color:var(--accent-yellow)}.badge-locked{background:var(--surface-raised);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.badge-locked{background:color-mix(in srgb, var(--surface-raised) 82%, var(--bg))}}.badge-locked>span{color:var(--text-muted)}.streak-strip{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;display:flex}.streak-strip>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.streak-note,.calendar-note{color:var(--text-muted);font-size:13px;line-height:1.5}.calendar-note{margin:0}.streak-days,.calendar-grid,.calendar-legend,.advanced-teaser div{flex-wrap:wrap;gap:8px;display:flex}.day-cell{border:1px solid var(--border);background:var(--surface-raised);border-radius:7px;place-items:center;min-width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.day-cell{background:color-mix(in srgb, var(--surface-raised) 70%, transparent)}}.day-cell{color:var(--text-muted);font-size:11px;font-weight:700}.day-cell.visited,.calendar-legend .visited{border-color:var(--accent-blue);color:var(--accent-blue)}.day-cell.lesson,.calendar-legend .lesson{border-color:var(--accent-green);color:var(--accent-green)}.day-cell.perfect,.calendar-legend .perfect{border-color:var(--accent-yellow);color:var(--accent-yellow)}.day-cell.badge,.calendar-legend .badge{border-color:var(--accent-orange);color:var(--accent-orange)}.readiness-panel,.module-map,.final-challenge,.calendar-panel,.completion-panel{margin-top:24px;padding:28px}.compact-heading{margin-bottom:20px}.readiness-card{gap:20px;padding:20px;display:grid}.readiness-question,.quiz-card{gap:12px;display:grid}.readiness-question{border:0;min-width:0;margin:0;padding:0}.readiness-question legend,.quiz-card legend{font-family:var(--font-display);font-size:22px;line-height:1.2}.readiness-option,.predict-option,.flow-item,.finding-button{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-height:54px;color:var(--text);cursor:pointer;font-family:var(--font-mono);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.readiness-option.selected,.predict-option.selected,.finding-button[aria-pressed=true],.flow-current{border-color:var(--accent-yellow);background:var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){.readiness-option.selected,.predict-option.selected,.finding-button[aria-pressed=true],.flow-current{background:color-mix(in srgb, var(--accent-yellow) 12%, var(--surface-raised))}}.case-file{border:1px solid var(--border);border-left:4px solid var(--accent-blue);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft-sm);gap:8px;margin-bottom:16px;padding:16px 18px;display:grid}.case-file-heading{color:var(--accent-blue);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}:root.light .case-file-heading{color:var(--text)}.case-file-dots{gap:4px;margin-left:auto;display:inline-flex}.case-file-dots i{border:1px solid var(--accent-blue);border-radius:999px;width:8px;height:8px}.case-file-dots i.is-open{background:var(--accent-blue)}:root.light .case-file-dots i{border-color:var(--text)}:root.light .case-file-dots i.is-open{background:var(--text)}.case-file-title{font-family:var(--font-display);font-size:20px;line-height:1.3}.case-file p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.predict-card{border:1px solid var(--border);border-left:4px solid var(--accent-yellow);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft-sm);gap:12px;margin-bottom:20px;padding:18px;display:grid}.predict-heading{color:var(--accent-yellow);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}:root.light .predict-heading{color:var(--text)}.predict-question{font-family:var(--font-display);margin:0;font-size:20px;line-height:1.3}.predict-options{gap:8px;display:grid}.predict-option:disabled{color:var(--text);cursor:default;opacity:1}.predict-option.predict-option-correct{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.predict-option.predict-option-correct{background:color-mix(in srgb, var(--accent-green) 16%, var(--surface-raised))}}.predict-hint,.predict-reveal span{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.predict-reveal{gap:4px;display:grid}.readiness-footer,.challenge-result,.completion-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.final-check-review{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:16px;margin-top:16px;padding:18px;display:grid}.review-heading h3{font-family:var(--font-display);margin:4px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.1}.review-answer-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.review-answer-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.review-correct{border-color:var(--accent-green)}.review-missed{border-color:var(--accent-orange)}.review-status-row{color:var(--text);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.review-status-row span{color:var(--text-muted)}.review-answer-card h4{font-family:var(--font-display);margin:0;font-size:18px;line-height:1.2}.review-answer-card dl{gap:8px;margin:0;display:grid}.review-answer-card dl div{gap:3px;display:grid}.review-answer-card dt{color:var(--accent-blue);text-transform:uppercase;font-size:10px;font-weight:700}.review-answer-card dd,.review-answer-card p,.review-empty-state p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.review-workplace-line{border:1px solid var(--accent-blue);gap:4px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.review-workplace-line{border:1px solid color-mix(in srgb, var(--accent-blue) 55%, var(--border))}}.review-workplace-line{background:var(--accent-blue);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.review-workplace-line{background:color-mix(in srgb, var(--accent-blue) 8%, var(--surface))}}.review-workplace-line strong{color:var(--accent-blue);text-transform:uppercase;font-size:10px}.review-workplace-line span{color:var(--text);font-size:12px;line-height:1.5}.review-score-summary,.review-empty-state{border:1px solid var(--accent-blue);background:var(--accent-blue);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.review-score-summary,.review-empty-state{background:color-mix(in srgb, var(--accent-blue) 10%, var(--surface))}}.review-score-summary span{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:700}.review-score-summary strong{color:var(--text);flex-basis:100%;font-size:13px;line-height:1.5}.flow-list,.finding-grid{gap:10px;display:grid}.flow-item{justify-content:space-between;text-decoration:none}.flow-item>strong{margin-right:auto}.flow-complete{border-color:var(--accent-green)}.flow-locked{background:var(--surface-raised);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.flow-locked{background:color-mix(in srgb, var(--surface-raised) 82%, var(--bg))}}.flow-locked span,.flow-locked small{color:var(--text-muted)}.lesson-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lesson-pattern-grid div,.lesson-takeaway,.myth-callout,.demo-completion-row,.improvement-card,.advanced-teaser{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:8px;padding:14px;display:grid}.lesson-pattern-grid span,.lesson-takeaway strong,.myth-callout strong,.challenge-card span,.advanced-teaser strong{color:var(--accent-blue);text-transform:uppercase;font-size:11px;font-weight:700}.lesson-pattern-grid p{color:var(--text-muted);font-size:13px;line-height:1.55}.lesson-takeaway{border-color:var(--accent-green)}.lesson-deeper{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft-sm)}.lesson-deeper summary{border-radius:var(--radius-card);cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;list-style:none;display:flex}.lesson-deeper summary::-webkit-details-marker{display:none}.lesson-deeper summary:before{content:"+";width:1ch;color:var(--accent-blue);font-family:var(--font-mono);font-weight:700}.lesson-deeper[open] summary:before{content:"−"}.lesson-deeper summary span{font-family:var(--font-display);font-size:16px;font-weight:700}.lesson-deeper summary small{color:var(--text-muted);font-size:12px}.lesson-deeper summary:focus-visible{outline:3px solid var(--accent-orange);outline-offset:2px}.lesson-deeper-body{gap:16px;padding:0 18px 18px;display:grid}.myth-callout{border-color:var(--accent-orange)}.demo-completion-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.challenge-card p,.finding-button span{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.finding-button span{gap:4px;display:grid}.finding-button[aria-pressed=true] span{color:var(--text)}.challenge-note{color:var(--accent-orange);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.calendar-panel{gap:18px;display:grid}.calendar-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.calendar-stats span,.calendar-legend span,.advanced-teaser span{border:1px solid var(--border);background:var(--surface-raised);border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;display:inline-flex}.calendar-grid{grid-template-columns:repeat(15,minmax(0,1fr));display:grid}.completion-panel{gap:18px;margin-bottom:72px;display:grid}.improvement-card{border-color:var(--accent-blue);grid-template-columns:auto minmax(0,1fr);align-items:center}.advanced-teaser div{margin-top:4px}.share-card-section{gap:14px;display:grid}.share-card-heading h3{font-family:var(--font-display);margin:4px 0 0;font-size:clamp(24px,3vw,36px);line-height:1.1}.completion-share-card{border:1px solid var(--accent-blue);gap:16px;padding:20px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.completion-share-card{border:1px solid color-mix(in srgb, var(--accent-blue) 45%, var(--border))}}.completion-share-card{background:linear-gradient(135deg, var(--accent-blue), transparent 48%), var(--surface-raised);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.completion-share-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-blue) 13%, transparent), transparent 48%), var(--surface-raised)}}.completion-share-card{box-shadow:0 22px 80px #00000042}.share-card-topline,.share-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.share-card-topline div{gap:4px;display:grid}.share-card-topline div span,.share-card-metrics span,.copy-status{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.share-card-topline strong{font-family:var(--font-display);font-size:clamp(30px,4vw,48px);line-height:1}.share-card-topline .status-chip{border:1px solid var(--accent-green);background:var(--accent-green);border-radius:999px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.share-card-topline .status-chip{background:color-mix(in srgb, var(--accent-green) 12%, transparent)}}.share-card-topline .status-chip{color:var(--accent-green)}.share-achievement{max-width:760px;color:var(--text);margin:0;font-size:15px;line-height:1.6}.share-card-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.share-card-metrics div{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.share-card-metrics div{background:color-mix(in srgb, var(--surface) 82%, transparent)}}.share-card-metrics strong{color:var(--text);font-family:var(--font-display);font-size:22px;line-height:1}.copy-status{min-height:24px}.button-fixture-page{gap:24px;width:min(1180px,100% - 48px);margin:0 auto;padding:56px 0 88px;display:grid}.button-fixture-header,.button-fixture-section,.button-state-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px}.button-fixture-header{gap:10px;padding:24px;display:grid}.button-fixture-header h1,.button-fixture-section h2{font-family:var(--font-display);margin:0;line-height:1.05}.button-fixture-header h1{font-size:clamp(36px,6vw,64px)}.button-fixture-header p:last-child{max-width:640px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.button-fixture-section{gap:18px;padding:20px;display:grid}.button-fixture-section h2{margin-top:4px;font-size:clamp(24px,3vw,34px)}.button-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.button-state-card{background:var(--surface);align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.button-state-card>span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.button-state-card .brutalist-button,.button-state-card .text-button,.button-state-card .quiz-option,.button-state-card .readiness-option,.button-state-card .finding-button{width:100%}.celebration{z-index:60;pointer-events:none;place-items:start center;display:grid;position:fixed;inset:0}.celebration-card{border:1px solid var(--accent-yellow);background:var(--surface);width:min(420px,100% - 32px);color:var(--text);border-radius:8px;align-items:center;gap:12px;margin-top:92px;padding:14px;display:flex;box-shadow:0 20px 80px #00000047}.celebration-card div{gap:4px;display:grid}.celebration-card span{color:var(--text-muted);font-size:12px}.confetti-field{position:absolute;inset:0;overflow:hidden}.confetti-field span{top:-20px;left:calc((var(--piece) * 37) % 100 * 1%);background:var(--accent-yellow);width:8px;height:14px;animation:.9s ease-out forwards confetti-fall;animation-delay:calc((var(--piece) % 8) * 35ms);border-radius:2px;position:absolute}.confetti-field span:nth-child(3n){background:var(--accent-blue)}.confetti-field span:nth-child(4n){background:var(--accent-green)}.confetti-field span:nth-child(5n){background:var(--accent-orange)}@keyframes confetti-fall{to{opacity:0;transform:translateY(240px)rotate(160deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti-field{display:none}}@media (max-width:900px){.site-header-inner{--module-nav-optical-offset:0px;grid-template-columns:auto auto}.module-nav{display:none}.module-panel,.learning-module,.context-module{grid-template-columns:88px minmax(0,1fr)}.module-preview{grid-column:1/-1}.whiteboard-model-grid,.context-size-grid,.example-chip-grid,.temperature-output-grid,.claim-evidence-grid,.rag-source-grid,.rag-retrieval-grid,.rag-answer-grid,.dashboard-main,.dashboard-grid,.completion-grid,.badge-grid,.lesson-pattern-grid,.challenge-grid,.calendar-heading,.completion-hero{grid-template-columns:1fr}.scenario-chip-grid,.claim-round-grid,.rag-stage-strip,.add-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.review-answer-list{grid-template-columns:1fr}.share-card-metrics,.button-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){html{scroll-padding-top:128px}.site-header{gap:12px;padding:12px 0}.site-header-inner{gap:12px;width:calc(100% - 24px)}.course-dashboard,.readiness-panel,.module-map,.final-challenge,.calendar-panel,.completion-panel,.streak-strip,.return-refresher{width:calc(100% - 32px)}.course-dashboard{margin-top:0;padding:16px;position:static}.return-refresher{flex-direction:column;align-items:flex-start}.return-refresher-actions{width:100%}.header-actions{gap:10px}.progress-wrap{min-width:92px}.reset-progress-button span{display:none}.share-card-metrics{grid-template-columns:1fr}.button-fixture-page{width:calc(100% - 32px);padding:32px 0 64px}.button-state-grid{grid-template-columns:1fr}.completion-share-card{padding:16px}.hero-section{min-height:auto;padding:24px 16px 48px}.hero-kicker,.hero-section h1,.hero-copy,.hero-actions,.hero-demo{width:100%;max-width:calc(100vw - 32px)}.hero-actions,.brutalist-button{width:100%}.curriculum-section{padding:56px 16px 72px}.module-panel{grid-template-columns:1fr;padding:18px}.learning-module,.context-module{grid-template-columns:1fr}.module-number{min-height:76px}.playground-shell,.knowledge-check,.module-section,.lesson-callout{padding:14px}.lesson-callout,.whiteboard-item{grid-template-columns:1fr}.whiteboard-titlebar{flex-direction:column}.add-menu,.scenario-chip-grid,.claim-round-grid,.verdict-actions,.rag-stage-strip{grid-template-columns:1fr}.site-footer{padding:24px 16px}.demo-completion-row,.challenge-result,.readiness-footer,.completion-actions,.streak-strip{grid-template-columns:1fr;display:grid}.calendar-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.advanced-header{z-index:20;border-bottom:3px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;min-height:72px;padding:12px 0;display:flex;position:sticky;top:0}.advanced-header-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;width:min(1180px,100% - 48px);display:grid}.advanced-brand{background:var(--accent-blue)}.advanced-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.advanced-nav a{border:2px solid var(--border);background:var(--surface);min-width:40px;min-height:40px;box-shadow:-3px 3px 0 var(--shadow);color:var(--text);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}:root.light .advanced-nav a,:root.dark .advanced-nav a{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .advanced-nav a,:root.dark .advanced-nav a{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}:root.light .advanced-nav a,:root.dark .advanced-nav a{box-shadow:var(--shadow-soft-sm)}.advanced-page{gap:28px;width:min(1180px,100% - 48px);margin:0 auto;padding:48px 0 80px;display:grid}.advanced-hero,.advanced-module-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:24px;display:grid}.advanced-hero-copy,.advanced-status-panel,.advanced-next-action,.advanced-selector,.advanced-badge-panel,.advanced-system-map,.advanced-final-challenge,.advanced-module-content,.advanced-module-summary,.advanced-architecture-notes,.advanced-demo-lab,.advanced-checkpoint,.advanced-completion-card{border:3px solid var(--border);background:var(--surface);box-shadow:-6px 6px 0 var(--shadow);border-radius:8px}:root.light .advanced-hero-copy,:root.light .advanced-status-panel,:root.light .advanced-next-action,:root.light .advanced-selector,:root.light .advanced-badge-panel,:root.light .advanced-system-map,:root.light .advanced-final-challenge,:root.light .advanced-module-content,:root.light .advanced-module-summary,:root.light .advanced-architecture-notes,:root.light .advanced-demo-lab,:root.light .advanced-checkpoint,:root.light .advanced-completion-card,:root.dark .advanced-hero-copy,:root.dark .advanced-status-panel,:root.dark .advanced-next-action,:root.dark .advanced-selector,:root.dark .advanced-badge-panel,:root.dark .advanced-system-map,:root.dark .advanced-final-challenge,:root.dark .advanced-module-content,:root.dark .advanced-module-summary,:root.dark .advanced-architecture-notes,:root.dark .advanced-demo-lab,:root.dark .advanced-checkpoint,:root.dark .advanced-completion-card{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .advanced-hero-copy,:root.light .advanced-status-panel,:root.light .advanced-next-action,:root.light .advanced-selector,:root.light .advanced-badge-panel,:root.light .advanced-system-map,:root.light .advanced-final-challenge,:root.light .advanced-module-content,:root.light .advanced-module-summary,:root.light .advanced-architecture-notes,:root.light .advanced-demo-lab,:root.light .advanced-checkpoint,:root.light .advanced-completion-card,:root.dark .advanced-hero-copy,:root.dark .advanced-status-panel,:root.dark .advanced-next-action,:root.dark .advanced-selector,:root.dark .advanced-badge-panel,:root.dark .advanced-system-map,:root.dark .advanced-final-challenge,:root.dark .advanced-module-content,:root.dark .advanced-module-summary,:root.dark .advanced-architecture-notes,:root.dark .advanced-demo-lab,:root.dark .advanced-checkpoint,:root.dark .advanced-completion-card{border-color:color-mix(in srgb, var(--border) 16%, transparent)}}:root.light .advanced-hero-copy,:root.light .advanced-status-panel,:root.light .advanced-next-action,:root.light .advanced-selector,:root.light .advanced-badge-panel,:root.light .advanced-system-map,:root.light .advanced-final-challenge,:root.light .advanced-module-content,:root.light .advanced-module-summary,:root.light .advanced-architecture-notes,:root.light .advanced-demo-lab,:root.light .advanced-checkpoint,:root.light .advanced-completion-card,:root.dark .advanced-hero-copy,:root.dark .advanced-status-panel,:root.dark .advanced-next-action,:root.dark .advanced-selector,:root.dark .advanced-badge-panel,:root.dark .advanced-system-map,:root.dark .advanced-final-challenge,:root.dark .advanced-module-content,:root.dark .advanced-module-summary,:root.dark .advanced-architecture-notes,:root.dark .advanced-demo-lab,:root.dark .advanced-checkpoint,:root.dark .advanced-completion-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}:root.light .advanced-completion-card,:root.dark .advanced-completion-card{border-color:var(--accent-green);box-shadow:none}.advanced-hero-copy{align-content:center;gap:18px;padding:32px;display:grid}.advanced-kicker,.advanced-next-action-copy p,.advanced-section-heading p,.advanced-completion-card>p,.advanced-status-panel span,.advanced-module-card span,.advanced-module-card small,.advanced-module-meter span,.advanced-module-summary-copy p,.advanced-module-status-grid span,.advanced-module-next-step>div>span,.advanced-demo-stage>div:first-child span,.system-decision legend span{color:var(--accent-blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.advanced-hero h1,.advanced-module-hero h1{max-width:860px;font-family:var(--font-display);margin:0;font-size:clamp(42px,7vw,82px);line-height:.98}.advanced-hero-copy p,.advanced-next-action-copy span,.advanced-module-next-step p,.advanced-lead,.advanced-outcome-panel p,.advanced-architecture-notes p,.advanced-demo-stage p,.advanced-demo-output span,.system-option span,.advanced-completion-card,.advanced-module-card em,.advanced-badge-grid span{color:var(--text-muted);line-height:1.65}.advanced-actions,.advanced-next-action,.advanced-module-pagination{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.advanced-status-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.advanced-status-panel div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);gap:8px;min-height:132px;padding:18px;display:grid}.advanced-status-panel strong{font-family:var(--font-display);align-self:end;font-size:clamp(28px,4vw,46px);line-height:1}.advanced-progress-line{background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-progress-line{background:color-mix(in srgb, var(--accent-green) 14%, var(--surface))}}.advanced-notice{border:2px solid var(--accent-orange);background:var(--accent-orange);border-radius:8px;padding:16px 18px}@supports (color:color-mix(in lab, red, red)){.advanced-notice{background:color-mix(in srgb, var(--accent-orange) 12%, var(--surface))}}.advanced-notice{color:var(--text);font-size:13px;font-weight:700;line-height:1.55}.advanced-next-action{border-color:var(--accent-blue);justify-content:space-between;align-items:center;padding:24px}.advanced-next-action-copy,.advanced-module-summary-copy{gap:6px;min-width:min(100%,320px);display:grid}.advanced-next-action-copy h2,.advanced-module-summary-copy h2{font-family:var(--font-display);margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05}.advanced-selector,.advanced-badge-panel,.advanced-system-map,.advanced-final-challenge,.advanced-module-summary,.advanced-architecture-notes,.advanced-demo-lab,.advanced-checkpoint,.advanced-completion-card{gap:18px;padding:24px;display:grid}.advanced-section-heading{align-items:flex-start;gap:14px;display:flex}.advanced-section-heading h2,.advanced-completion-card h3,.advanced-concept-panel h2,.advanced-outcome-panel h2,.advanced-outcome-panel h3,.advanced-demo-stage h3{font-family:var(--font-display);margin:0;line-height:1.1}.advanced-section-heading h2{font-size:clamp(26px,3vw,38px)}.advanced-module-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;display:grid}.advanced-module-card{border:2px solid var(--border);background:var(--surface-raised);min-height:190px;box-shadow:-4px 4px 0 var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}:root.light .advanced-module-card,:root.dark .advanced-module-card{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .advanced-module-card,:root.dark .advanced-module-card{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .advanced-module-card,:root.dark .advanced-module-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm)}.advanced-module-card-top,.advanced-module-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.advanced-status-badge{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:4px 8px}.advanced-module-card.is-in-progress .advanced-status-badge{border-color:var(--accent-yellow);background:var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){.advanced-module-card.is-in-progress .advanced-status-badge{background:color-mix(in srgb, var(--accent-yellow) 16%, var(--surface))}}.advanced-module-card.is-in-progress .advanced-status-badge{color:var(--text)}.advanced-module-card.is-completed .advanced-status-badge{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-module-card.is-completed .advanced-status-badge{background:color-mix(in srgb, var(--accent-green) 18%, var(--surface))}}.advanced-module-card.is-completed .advanced-status-badge{color:var(--text)}.advanced-module-card-meta{justify-content:flex-start;margin-top:4px}.advanced-module-card-meta span{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;padding:6px 8px}.advanced-module-card:nth-child(2),.advanced-module-card:nth-child(3){transform:translateY(18px)}.advanced-module-card strong{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);line-height:1.05}.advanced-module-card.is-complete,.advanced-module-card.is-completed{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-module-card.is-complete,.advanced-module-card.is-completed{background:color-mix(in srgb, var(--accent-green) 12%, var(--surface))}}.advanced-module-card.is-in-progress{border-color:var(--accent-yellow);background:var(--accent-yellow)}@supports (color:color-mix(in lab, red, red)){.advanced-module-card.is-in-progress{background:color-mix(in srgb, var(--accent-yellow) 8%, var(--surface-raised))}}.advanced-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.advanced-badge-grid div{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:8px;min-height:132px;padding:14px;display:grid}.advanced-badge-grid div.is-earned{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-badge-grid div.is-earned{background:color-mix(in srgb, var(--accent-green) 12%, var(--surface))}}.advanced-badge-grid strong{color:var(--text)}.pipeline-map{border:2px solid var(--border);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}:root.light .pipeline-map,:root.dark .pipeline-map{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .pipeline-map,:root.dark .pipeline-map{border-color:color-mix(in srgb, var(--border) 20%, transparent)}}.pipeline-map span{border-right:1px solid var(--border);background:var(--surface-raised);min-height:84px;color:var(--text);text-align:center;text-transform:uppercase;place-items:center;padding:12px;font-size:12px;font-weight:800;display:grid}.pipeline-map span:nth-child(2n){background:var(--accent-blue)}@supports (color:color-mix(in lab, red, red)){.pipeline-map span:nth-child(2n){background:color-mix(in srgb, var(--accent-blue) 12%, var(--surface))}}.advanced-footer{gap:12px}.advanced-module-page{padding-top:32px}.advanced-module-hero{grid-template-columns:112px minmax(0,1fr) minmax(220px,.35fr);align-items:stretch;padding:0}.advanced-module-number,.advanced-module-meter{border:3px solid var(--border);background:var(--accent-blue);min-height:180px;box-shadow:-6px 6px 0 var(--shadow);color:#0b0f14;font-family:var(--font-display);border-radius:8px;place-items:center;font-size:48px;font-weight:800;display:grid}:root.light .advanced-module-number,:root.light .advanced-module-meter,:root.dark .advanced-module-number,:root.dark .advanced-module-meter{border-radius:var(--radius-card);box-shadow:var(--shadow-soft-sm);border-width:1px}.advanced-module-hero>div:nth-child(2){border:3px solid var(--border);background:var(--surface);box-shadow:-6px 6px 0 var(--shadow);border-radius:8px;align-content:center;gap:12px;padding:24px;display:grid}:root.light .advanced-module-hero>div:nth-child(2),:root.dark .advanced-module-hero>div:nth-child(2){border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .advanced-module-hero>div:nth-child(2),:root.dark .advanced-module-hero>div:nth-child(2){border-color:color-mix(in srgb, var(--border) 16%, transparent)}}:root.light .advanced-module-hero>div:nth-child(2),:root.dark .advanced-module-hero>div:nth-child(2){border-radius:var(--radius-card);box-shadow:var(--shadow-soft-md)}.advanced-module-meter{background:var(--surface-raised);color:var(--text);text-align:center;gap:8px;padding:20px;font-size:18px}.advanced-module-meter strong{font-size:28px}.advanced-module-summary{grid-template-columns:minmax(220px,.6fr) minmax(0,1fr) minmax(260px,.7fr);align-items:stretch}.advanced-module-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.advanced-module-status-grid div,.advanced-module-next-step{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.advanced-module-status-grid strong,.advanced-module-next-step strong{color:var(--text);font-family:var(--font-display);font-size:20px;line-height:1.05}.advanced-module-next-step{align-content:space-between}.advanced-module-next-step>div{gap:6px;display:grid}.advanced-module-next-step p{margin:0}.advanced-module-next-step .brutalist-button span{color:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit}.advanced-module-complete-note{border:1px solid var(--accent-green);background:var(--accent-green);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.advanced-module-complete-note{background:color-mix(in srgb, var(--accent-green) 14%, var(--surface))}}.advanced-module-complete-note{color:var(--text)}.advanced-module-content{grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:0;display:grid;overflow:hidden}.advanced-concept-panel,.advanced-outcome-panel{align-content:start;gap:16px;padding:24px;display:grid}.advanced-concept-panel{border-right:1px solid var(--border);background:var(--surface-raised)}.advanced-concept-list{gap:10px;display:grid}.advanced-concept-list span{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:12px;font-weight:800}.advanced-architecture-notes>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-architecture-notes p{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;margin:0;padding:14px}.advanced-demo-layout{grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:16px;display:grid}.advanced-demo-tabs{align-content:start;gap:10px;display:grid}.advanced-demo-tabs button,.advanced-demo-options button,.system-option{border:2px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:8px;font-weight:800}:root.light .advanced-demo-tabs button,:root.light .advanced-demo-options button,:root.light .system-option,:root.dark .advanced-demo-tabs button,:root.dark .advanced-demo-options button,:root.dark .system-option{box-shadow:var(--shadow-soft-sm);border-width:1px}.advanced-demo-tabs button{min-height:52px;padding:12px}.advanced-demo-tabs button.is-active,.advanced-demo-options button.is-selected,.system-option.is-selected{background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-demo-tabs button.is-active,.advanced-demo-options button.is-selected,.system-option.is-selected{background:color-mix(in srgb, var(--accent-green) 18%, var(--surface))}}.advanced-demo-tabs button.is-active,.advanced-demo-options button.is-selected,.system-option.is-selected{border-color:var(--accent-green)}.advanced-demo-stage{border:2px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:16px;padding:18px;display:grid}:root.light .advanced-demo-stage,:root.dark .advanced-demo-stage{border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:root.light .advanced-demo-stage,:root.dark .advanced-demo-stage{border-color:color-mix(in srgb, var(--border) 18%, transparent)}}:root.light .advanced-demo-stage,:root.dark .advanced-demo-stage{box-shadow:var(--shadow-soft-sm)}.advanced-demo-stage>div:first-child{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-bottom:12px;display:flex}.advanced-demo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.advanced-demo-options button{min-height:48px;padding:10px 12px}.advanced-demo-output{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;min-height:128px;padding:16px;display:grid}.advanced-demo-output strong{color:var(--accent-yellow)}.advanced-quiz{background:0 0;border:0}.system-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.system-decision{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;gap:10px;min-width:0;margin:0;padding:14px;display:grid}.system-decision legend{float:left;width:100%;color:var(--text);font-family:var(--font-display);gap:4px;padding:0 0 8px;font-size:20px;font-weight:800;display:grid}.system-option{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:88px;padding:12px;display:grid}.system-option span{gap:4px;display:grid}.system-option strong{color:var(--text)}.advanced-challenge-result{border-color:var(--accent-blue)}.advanced-completion-card{border-color:var(--accent-green);background:var(--accent-green)}@supports (color:color-mix(in lab, red, red)){.advanced-completion-card{background:color-mix(in srgb, var(--accent-green) 12%, var(--surface))}}.advanced-completion-card{box-shadow:none}.advanced-completion-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.advanced-completion-metrics span{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.advanced-teaser{border-color:var(--accent-blue);grid-template-columns:minmax(220px,.55fr) minmax(0,1fr) auto;align-items:center;gap:14px}.advanced-teaser-copy{gap:6px;display:grid}.advanced-teaser-copy strong{color:var(--text);font-family:var(--font-display);text-transform:none;font-size:24px}.advanced-teaser-copy p{color:var(--text-muted);margin:0}.advanced-teaser-modules{flex-wrap:wrap;gap:8px;display:flex}.brutalist-button.button-yellow:not(:disabled){background:var(--accent-yellow)!important;background-color:var(--accent-yellow)!important;color:#0b0f14!important}.brutalist-button.button-blue:not(:disabled){background:var(--accent-blue)!important;background-color:var(--accent-blue)!important;color:#0b0f14!important}.brutalist-button.button-cream:not(:disabled){background:var(--surface)!important;background-color:var(--surface)!important;color:var(--text)!important}.brutalist-button.button-charcoal:not(:disabled){background:var(--text)!important;background-color:var(--text)!important;color:var(--bg)!important}.brutalist-button>span{min-height:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit;background:0 0;border:0;border-radius:0;padding:0}.brutalist-button>.button-icon{align-items:center;display:inline-flex}.advanced-completion-metrics strong{color:var(--text)}@media (max-width:900px){.advanced-hero,.advanced-module-hero,.advanced-module-summary,.advanced-module-content,.advanced-demo-layout,.system-design-grid,.advanced-architecture-notes>div:last-child,.advanced-teaser{grid-template-columns:1fr}.advanced-module-grid,.advanced-badge-grid,.pipeline-map,.advanced-completion-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-module-card:nth-child(2),.advanced-module-card:nth-child(3){transform:none}.advanced-concept-panel{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:640px){.advanced-header-inner,.advanced-page{width:calc(100% - 32px)}.advanced-header-inner{grid-template-columns:1fr}.advanced-nav{justify-content:flex-start}.advanced-hero-copy,.advanced-next-action,.advanced-selector,.advanced-badge-panel,.advanced-system-map,.advanced-final-challenge,.advanced-module-summary,.advanced-architecture-notes,.advanced-demo-lab,.advanced-checkpoint,.advanced-completion-card,.advanced-concept-panel,.advanced-outcome-panel{padding:16px}.advanced-status-panel,.advanced-module-grid,.advanced-badge-grid,.pipeline-map,.advanced-demo-options,.advanced-module-status-grid,.advanced-completion-metrics{grid-template-columns:1fr}.advanced-module-number,.advanced-module-meter{min-height:96px}.system-option{grid-template-columns:1fr}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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}@keyframes pulse{50%{opacity:.5}}
