/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,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-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-700:oklch(51.1% .096 186.391);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-900:oklch(39.1% .09 240.876);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-700:oklch(49.6% .265 301.924);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.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}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing) * 3)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.max-h-\[min\(55vh\,22rem\)\]{max-height:min(55vh,22rem)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-\[280px\]{width:280px}.w-\[min\(92vw\,24rem\)\]{width:min(92vw,24rem)}.w-full{width:100%}.max-w-\[24rem\]{max-width:24rem}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-6{min-width:calc(var(--spacing) * 6)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0)}.translate-y-0,.translate-y-1{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing) * 1)}.scale-\[0\.98\]{scale:.98}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}: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)))}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-200{border-color:var(--color-blue-200)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-300{border-color:var(--color-sky-300)}.border-sky-500{border-color:var(--color-sky-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-teal-200{border-color:var(--color-teal-200)}.border-transparent{border-color:#0000}.border-l-amber-400{border-left-color:var(--color-amber-400)}.border-l-emerald-400{border-left-color:var(--color-emerald-400)}.border-l-sky-400{border-left-color:var(--color-sky-400)}.bg-\[\#0f274a\]{background-color:#0f274a}.bg-\[\#f9fafb\]{background-color:#f9fafb}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/70{background-color:color-mix(in oklab,var(--color-amber-50) 70%,transparent)}}.bg-amber-50\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/80{background-color:color-mix(in oklab,var(--color-amber-50) 80%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/70{background-color:color-mix(in oklab,var(--color-blue-50) 70%,transparent)}}.bg-blue-50\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/80{background-color:color-mix(in oklab,var(--color-blue-50) 80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-cyan-50\/70{background-color:#ecfeffb3}@supports (color:color-mix(in lab,red,red)){.bg-cyan-50\/70{background-color:color-mix(in oklab,var(--color-cyan-50) 70%,transparent)}}.bg-cyan-50\/80{background-color:#ecfeffcc}@supports (color:color-mix(in lab,red,red)){.bg-cyan-50\/80{background-color:color-mix(in oklab,var(--color-cyan-50) 80%,transparent)}}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/70{background-color:#ecfdf5b3}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/70{background-color:color-mix(in oklab,var(--color-emerald-50) 70%,transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/80{background-color:color-mix(in oklab,var(--color-emerald-50) 80%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-green-50\/70{background-color:#f0fdf4b3}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/70{background-color:color-mix(in oklab,var(--color-green-50) 70%,transparent)}}.bg-green-50\/80{background-color:#f0fdf4cc}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/80{background-color:color-mix(in oklab,var(--color-green-50) 80%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50\/70{background-color:#eef2ffb3}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/70{background-color:color-mix(in oklab,var(--color-indigo-50) 70%,transparent)}}.bg-indigo-50\/80{background-color:#eef2ffcc}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/80{background-color:color-mix(in oklab,var(--color-indigo-50) 80%,transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-50\/70{background-color:#fff7edb3}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/70{background-color:color-mix(in oklab,var(--color-orange-50) 70%,transparent)}}.bg-orange-50\/80{background-color:#fff7edcc}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/80{background-color:color-mix(in oklab,var(--color-orange-50) 80%,transparent)}}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50\/70{background-color:#faf5ffb3}@supports (color:color-mix(in lab,red,red)){.bg-purple-50\/70{background-color:color-mix(in oklab,var(--color-purple-50) 70%,transparent)}}.bg-purple-50\/80{background-color:#faf5ffcc}@supports (color:color-mix(in lab,red,red)){.bg-purple-50\/80{background-color:color-mix(in oklab,var(--color-purple-50) 80%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/80{background-color:color-mix(in oklab,var(--color-red-50) 80%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-rose-50\/70{background-color:#fff1f2b3}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/70{background-color:color-mix(in oklab,var(--color-rose-50) 70%,transparent)}}.bg-rose-50\/80{background-color:#fff1f2cc}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/80{background-color:color-mix(in oklab,var(--color-rose-50) 80%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-50\/70{background-color:#f0fdfab3}@supports (color:color-mix(in lab,red,red)){.bg-teal-50\/70{background-color:color-mix(in oklab,var(--color-teal-50) 70%,transparent)}}.bg-teal-50\/80{background-color:#f0fdfacc}@supports (color:color-mix(in lab,red,red)){.bg-teal-50\/80{background-color:color-mix(in oklab,var(--color-teal-50) 80%,transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-100{--tw-gradient-from:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-100{--tw-gradient-from:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-100{--tw-gradient-from:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-100{--tw-gradient-from:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-500{--tw-gradient-to:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing) * 0)}.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)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.text-orange-700{color:var(--color-orange-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-700{color:var(--color-red-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-900{color:var(--color-sky-900)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[0_0_0_2px_rgba\(250\,204\,21\,0\.35\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(250\,204\,21\,0\.35\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#facc1559)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.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-sky-300{--tw-ring-color:var(--color-sky-300)}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:text-slate-700:is(:where(.group):hover *){color:var(--color-slate-700)}}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-sky-500:focus-within{--tw-ring-color:var(--color-sky-500)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-cyan-300:hover{border-color:var(--color-cyan-300)}.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\:border-green-300:hover{border-color:var(--color-green-300)}.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:border-orange-300:hover{border-color:var(--color-orange-300)}.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:border-rose-300:hover{border-color:var(--color-rose-300)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-teal-300:hover{border-color:var(--color-teal-300)}.hover\:bg-\[\#19355f\]:hover{background-color:#19355f}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-slate-400:focus{--tw-ring-color:var(--color-slate-400)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-sky-500:focus-visible{outline-color:var(--color-sky-500)}.focus-visible\:outline-slate-500:focus-visible{outline-color:var(--color-slate-500)}.active\:scale-\[0\.99\]:active{scale:.99}@media (hover:hover){.enabled\:hover\:bg-slate-50:enabled:hover{background-color:var(--color-slate-50)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:top-5{top:calc(var(--spacing) * 5)}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:min-h-screen{min-height:100vh}.md\:grid-cols-\[45\%_55\%\]{grid-template-columns:45% 55%}.md\:grid-cols-\[250px_1fr\]{grid-template-columns:250px 1fr}.md\:gap-x-10{column-gap:calc(var(--spacing) * 10)}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-\[40\%_60\%\]{grid-template-columns:40% 60%}}@media print{.print\:hidden{display:none}.print\:border-none{--tw-border-style:none;border-style:none}}}:root{--navy:#0d1f3c;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 8px #00000012,0 2px 4px #0000000a;--shadow-lg:0 12px 28px #00000014,0 4px 8px #0000000a;--background:#fff;--surface:#fff;--surface-strong:#f8fafc;--muted:#64748b;--line:#e2e8f0;--amber:#ca8a04;--coral:#d15f4d;--teal:#157a7a;--slate:#415061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);font-family:var(--font-sans),sans-serif;background:#fff;margin:0}.auth-page{place-items:center;min-height:calc(100vh - 160px)}.auth-card,.auth-page{padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow-md);background:#fff;border-radius:22px;gap:12px}.auth-card h1{font-family:var(--font-display),serif;margin:0;font-size:2rem}.auth-card p{color:var(--text-muted);margin:0}.auth-form{gap:10px;display:grid}.auth-form label{color:#1f2937;font-weight:600}.auth-form input{border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 12px;font-size:1rem}.auth-form input:focus-visible{outline-offset:1px;outline:2px solid #1d4ed8}.auth-error{color:#b91c1c;font-size:.92rem}a{color:inherit;text-decoration:none}button{font:inherit}.page-stack,.site-shell{max-width:1280px;margin:0 auto;padding:0 24px}.activity-card,.detail-panel,.feature-card,.form-card,.hero-panel,.metric-card,.resource-card,.section-block,.site-footer,.site-header,.subpage-hero,.topic-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 32px;margin-top:48px;padding:36px 24px;font-size:.875rem;display:flex}.site-brand{font-family:var(--font-display),serif;flex-direction:column;gap:2px;display:flex}.site-brand span{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.site-brand strong{font-size:1.4rem}.site-nav{flex-wrap:wrap;gap:12px;display:flex}.site-nav a{background:#ffffffb3;border-radius:999px;padding:8px 12px}.page-stack{gap:24px;padding:24px;display:grid}.hero-panel,.subpage-hero{border:1px solid var(--line);background:linear-gradient(135deg,#fffaf4f2,#ffffffb8);border-radius:32px;gap:24px;padding:28px;display:grid}.hero-panel{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr)}.activity-card__header h3,.detail-panel h2,.feature-card h3,.form-card h3,.hero-copy h1,.resource-card h3,.section-heading h2,.subpage-hero h1,.topic-card h3{font-family:var(--font-display),serif;margin:0}.hero-copy h1,.subpage-hero h1{max-width:11ch;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.96}.activity-shell p,.detail-panel li,.feature-card p,.form-card p,.hero-copy__lead,.resource-card p,.subpage-hero p,.topic-card p{color:var(--muted)}.categorize-grid,.detail-grid,.featured-grid,.form-grid,.hero-panel__aside,.resource-grid,.topic-grid{gap:16px;display:grid}.hero-panel__aside{align-content:start}.activity-card,.detail-panel,.feature-card,.form-card,.metric-card,.resource-card,.topic-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:20px}.activity-stack--io-devices>.activity-card:first-child{box-shadow:none;background:0 0;border:none;padding:0}.metric-card strong{font-size:2rem;font-family:var(--font-display),serif;margin-top:8px;display:block}.activity-card__header p,.eyebrow,.feature-card p:first-child,.form-card__eyebrow,.section-heading p,.subpage-hero__meta,.topic-card__meta{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.topic-card__bullets{color:var(--text-muted,#64748b);flex-direction:column;gap:4px;margin:0;padding-left:1.2rem;font-size:.9rem;list-style-type:disc;display:flex}.activity-actions,.hero-actions,.subpage-hero__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button,.feature-card a,.form-card__cta,.resource-card a,.topic-card__cta{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;transition:transform .16s,background .16s;display:inline-flex}.button:hover,.feature-card a:hover,.form-card:hover,.resource-card a:hover,.topic-card:hover{transform:translateY(-2px)}.button--dark{background:var(--navy);color:#fff}.streaming-compare{border:1px solid var(--line);background:linear-gradient(150deg,#fff9f0cc,#fffffff2);border-radius:24px;gap:16px;padding:20px;display:grid}.streaming-compare__header{gap:8px;display:grid}.streaming-compare__header h3{font-family:var(--font-display),serif;margin:0;font-size:clamp(1.4rem,2.8vw,2rem)}.streaming-compare__header p{color:var(--muted);margin:0}.streaming-compare__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.streaming-card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:10px;padding:16px;display:grid}.streaming-card--avi{border-color:#f59e0b}.streaming-card--mp4{border-color:#0ea5a4}.streaming-card h4{font-family:var(--font-display),serif;margin:0;font-size:1.1rem}.streaming-card__status{color:var(--muted);margin:0;font-size:.92rem}.streaming-card__video{border:1px solid var(--line);background:#000;border-radius:12px;width:100%}.streaming-card__placeholder{border:1px dashed var(--line);min-height:210px;color:var(--text-muted);text-align:center;background:#f8fafc;border-radius:12px;place-items:center;padding:14px;display:grid}.streaming-script-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.streaming-script-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px}.streaming-script-card--mp4{border-color:#0ea5a4}.streaming-script-card--avi{border-color:#f59e0b}.streaming-script-card h4{font-family:var(--font-display),serif;margin:0 0 10px}.streaming-script-label{color:var(--text);margin:0;font-size:.92rem;font-weight:600}.streaming-script-arrow{color:var(--text-muted);margin:4px 0;font-weight:700}.streaming-progress-row{gap:6px;margin:8px 0;display:grid}.streaming-progress-row span{color:var(--text);font-size:.9rem}.streaming-progress-track{border:1px solid var(--line);background:#e5e7eb;border-radius:999px;height:14px;overflow:hidden}.streaming-progress-track--warm{background:linear-gradient(90deg,#ffedd5,#fde68a)}.streaming-progress-track--cool{background:linear-gradient(90deg,#cffafe,#dbeafe)}.streaming-progress-track--vivid{background:linear-gradient(90deg,#ddd6fe,#fecdd3)}.streaming-progress-fill{border-radius:999px;height:100%;transition:width .22s ease-out}.streaming-progress-fill--warm{background:linear-gradient(90deg,#f59e0b,#f97316)}.streaming-progress-fill--cool{background:linear-gradient(90deg,#06b6d4,#2563eb)}.streaming-progress-fill--vivid{background:linear-gradient(90deg,#7c3aed,#ec4899)}.streaming-script-note{color:var(--text-muted);margin:10px 0 0;font-size:.9rem}.encoding-demo-grid{gap:10px;margin-top:12px;display:grid}.encoding-demo-link{border:1px solid var(--line);color:var(--navy);background:linear-gradient(145deg,#f8fafc,#fff);border-radius:14px;padding:12px 14px;font-weight:600;transition:transform .15s,box-shadow .15s}.encoding-demo-link:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.encoding-lab{border:1px solid var(--line);background:linear-gradient(160deg,#eff6ffb8,#fffffff2);border-radius:24px;gap:14px;padding:20px;display:grid}.encoding-lab__header{gap:6px;display:grid}.encoding-lab__header h3{font-family:var(--font-display),serif;margin:0}.encoding-lab__header p{color:var(--muted);margin:0}.encoding-lab__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.encoding-lab__controls label{color:var(--text);font-size:.9rem;font-weight:700}.encoding-lab__controls select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px}.encoding-lab__grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.encoding-lab__panel{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:14px;display:grid}.encoding-lab__panel h4{font-family:var(--font-display),serif;margin:0}.encoding-lab__preview-text{border:1px solid var(--line);white-space:pre-wrap;background:#f8fafc;border-radius:12px;min-height:180px;padding:12px;font-size:1.05rem;line-height:1.45}.encoding-lab__hint{color:var(--text-muted);margin:0;font-size:.88rem}.encoding-lab__meta{color:#475569;gap:4px;font-size:.82rem;display:grid}.encoding-lab__editor{border:1px solid var(--line);color:#e2e8f0;resize:vertical;background:#0f172a;border-radius:12px;width:100%;min-height:300px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.45}.encoding-lab__error{color:#b91c1c;margin:0;font-weight:700}@media (max-width:900px){.encoding-lab__grid,.streaming-compare__grid,.streaming-script-grid{grid-template-columns:1fr}}.button--ghost{background:var(--navy);color:#fff}.button--compact{padding:8px 14px;font-size:.9rem}.resource-card>a{margin-top:8px}.resource-grid--software .resource-card h3{text-align:center;font-size:1.3rem;line-height:1.2}.resource-grid--software .resource-card p{margin-top:10px}.resource-grid--software .resource-card>a{width:fit-content;margin-left:auto;margin-right:auto;display:flex}.unsigned-tool{gap:16px;display:grid}.unsigned-panel{background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:grid}.integer-nav{--folder-active:#f5e6d3;--folder-inactive:#d4c5b9;--folder-ink:#4c3f35;--folder-border:#b79f8a;border-bottom:2px solid #cbb29a;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:4px 8px 0;display:flex;position:relative}.integer-nav__item{appearance:none;color:#69594c;letter-spacing:.01em;text-shadow:0 1px #ffffff61;cursor:pointer;opacity:.9;isolation:isolate;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 5px),linear-gradient(#e3d4c4,#d0bfae);border:1px solid var(--folder-border);border-bottom:1px solid #bfa791;border-radius:16px 16px 0 0;padding:13px 24px 12px;font-size:1rem;font-weight:700;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s,box-shadow .24s,filter .22s,color .22s,background .26s;position:relative;transform:translateY(4px)scale(.99);box-shadow:0 10px 14px #3a26193d,inset 0 1px #ffffff80,inset 0 -6px 10px #4c3a2b29,inset 2px 0 6px #ffffff29}.integer-nav__item:before{content:"";z-index:-1;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(#ffffff6b,#0000000a);border:1px solid var(--folder-border);border-bottom:0;border-radius:18px 18px 0 0;width:calc(100% + 20px);height:100%;position:absolute;top:0;left:-10px}.integer-nav__item:after{content:"";opacity:.88;background:linear-gradient(#ffffff70,#b89e8326);border:1px solid #9a7d6340;border-radius:999px;width:30px;height:8px;position:absolute;top:7px;right:12px;box-shadow:inset 0 1px #fff9}.integer-nav__item.is-active{color:#2e2118;opacity:1;z-index:2;background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#0000 1px 5px),linear-gradient(#fff8ee,#f7ead9 68%,#eddcc7);border-color:#c8ad94 #c8ad94 #0000;font-weight:800;transform:translateY(0)scale(1.015);box-shadow:0 14px 24px #553a254d,0 2px #ffffffbf,inset 0 1px #ffffffe0,inset 0 -8px 12px #b6957529}.integer-nav__item.is-active:before{background:linear-gradient(#ffffff9e,#ffffff26)}.integer-nav__item:not(.is-active){filter:saturate(.72)brightness(.94)}.integer-nav__item:not(.is-active):hover{opacity:.96;filter:saturate(.82)brightness(.98);transform:translateY(2px)scale(1.003);box-shadow:0 12px 16px #3a261947,inset 0 1px #ffffff9e,inset 0 -6px 10px #4c3a2b2e}.integer-main{border:1px solid var(--line);background:#f8fafc;border-radius:0 14px 14px;gap:12px;padding:14px;display:grid}.integer-main__controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.integer-main__step-nav{align-items:center;gap:8px;display:inline-flex}.signed-placeholder{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:14px}.signed-placeholder h4{color:#0f172a;margin:0 0 6px}.signed-placeholder p{color:#475569;margin:0}.unsigned-panel__head{gap:4px;display:grid}.unsigned-panel__head h4{color:var(--navy);margin:0;font-size:1.05rem}.unsigned-panel__head p{color:var(--muted);margin:0}.unsigned-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.unsigned-toolbar__left,.unsigned-toolbar__right{align-items:center;gap:8px;display:flex}.unsigned-toolbar__right{margin-left:auto}.unsigned-bits-control{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.unsigned-bits-picker{align-items:center;gap:10px;display:inline-flex}.unsigned-bits-control>span:first-child{flex-basis:100%}.unsigned-bits-control strong{text-align:center;min-width:2ch}.unsigned-range-box{background:#fef9c3;border:0;border-radius:0;gap:6px;margin-left:0;padding:10px 12px;display:grid}.unsigned-range-box__line{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.unsigned-range-box__line--formula{text-align:center;color:#991b1b;font-size:1.26rem}.unsigned-range-box__line--general{text-align:center;color:#991b1b;font-size:1.365rem;font-weight:800}.unsigned-number-line{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;gap:10px;padding:14px 12px 12px;display:grid}.unsigned-all-values h4,.unsigned-number-line h4{color:var(--navy);margin:0;font-size:1rem}.unsigned-all-values{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:10px;display:flex;overflow-x:auto}.unsigned-all-values__title{color:var(--navy);white-space:nowrap;flex:none;font-size:1rem;font-weight:700}.unsigned-all-values__grid{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;display:flex}.unsigned-all-values__chip{color:#1e3a8a;letter-spacing:.02em;background:#dbeafe;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:fit-content;padding:8px 10px;font-weight:700;display:inline-flex}.unsigned-actions{justify-content:flex-start;display:flex}.unsigned-number-line__track{background:#94a3b8;border-radius:999px;width:100%;height:4px}.unsigned-number-line__track-row{align-items:center;gap:8px;width:100%;display:flex}.unsigned-number-line__arrow{color:#64748b;flex:none;font-size:.9rem;line-height:1}.unsigned-number-line__scroll{overflow-x:hidden}.unsigned-number-line__scroll.is-overflowing{overflow-x:auto}.unsigned-number-line__inner{gap:10px;width:100%;min-width:100%;display:grid}.unsigned-number-line__scroll.is-overflowing .unsigned-number-line__inner{width:max-content}.unsigned-number-line__ticks{gap:4px;width:100%;display:grid}.unsigned-number-line__scroll.is-overflowing .unsigned-number-line__ticks{width:max-content}.signed-zone-bands{background:linear-gradient(90deg,#fee2e2 0,#fee2e2 var(--signed-neg-end),#fef9c3 var(--signed-neg-end),#fef9c3 var(--signed-zero-end),#dcfce7 var(--signed-zero-end),#dcfce7 100%);border-radius:12px;padding:8px 4px 6px}.unsigned-number-line__tick{justify-items:center;gap:4px;padding-top:10px;display:grid;position:relative}.unsigned-number-line__tick:before{content:"";background:#64748b;width:2px;height:12px;position:absolute;top:-12px}.unsigned-number-line__binary{color:var(--value-accent,#0f172a);letter-spacing:.01em;background:var(--value-accent-soft,#e2e8f0);border:1px solid var(--value-accent,#0f172a);font-weight:700}@supports (color:color-mix(in lab,red,red)){.unsigned-number-line__binary{border:1px solid color-mix(in srgb,var(--value-accent,#0f172a) 28%,#fff)}}.unsigned-number-line__binary{border-radius:8px;padding:4px 8px}.unsigned-number-line__binary-msb{color:#991b1b;font-weight:900;animation:msb-blink .5s steps(2,start) infinite}@keyframes msb-blink{0%,to{opacity:1}50%{opacity:.2}}.unsigned-number-line__denary{color:var(--value-accent,#475569);font-size:.9rem;font-weight:700}@media (max-width:760px){.integer-nav{gap:8px;padding-left:0;padding-right:0}.integer-nav__item{flex:48%;width:auto;min-width:150px}.integer-main__step-nav{justify-content:flex-end;width:100%}.unsigned-all-values{overflow-x:auto}}.section-block{border:1px solid var(--line);background:#ffffff8f;border-radius:32px;padding:24px}.section-heading{gap:6px;margin-bottom:18px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.featured-grid,.resource-grid,.topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-card,.topic-card{gap:12px;display:grid}.detail-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.detail-panel ul{gap:10px;margin:0;padding-left:18px;display:grid}.activity-stack,.quiz-stack{gap:16px;display:grid}.activity-card__header{gap:6px;margin-bottom:14px;display:grid}.activity-shell{gap:14px;display:grid}.activity-shell__prompt{color:var(--text);margin:0;font-weight:700}.activity-progress{color:var(--text-muted,#64748b);margin:-4px 0 2px;font-size:.92rem;font-weight:700}.drag-bank,.drop-zone,.quiz-card{border:1px dashed var(--line);background:#ffffff9e;border-radius:20px;padding:16px}.choice-list,.drag-bank__items,.drop-zone__items{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.categorize-answer-board{gap:10px;display:grid}.categorize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.categorize-horizontal-layout{gap:24px;flex-direction:row!important;display:flex!important}.drag-bank--left{flex:none}.drag-bank__items--vertical{align-content:start;gap:10px;margin-top:12px}.drag-bank__items--vertical .draggable-chip{width:auto;min-width:unset}.drop-zone{align-content:start;min-height:240px;display:grid}.drop-zone h4{margin:0;font-size:1.2rem}.drop-zone__desc{color:var(--text-muted);letter-spacing:.04em;margin:2px 0 0;font-size:.78rem;font-weight:600}.machine-cycle-card{gap:16px}.machine-progress{width:100%}.machine-progress__track{background:#dbeafe;border:1px solid #93c5fd;border-radius:999px;width:100%;height:14px;overflow:hidden}.machine-progress__fill{background:linear-gradient(90deg,#2563eb,#0ea5e9);border-radius:999px;height:100%;transition:width .32s}.machine-step-intro{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:10px 0 14px;padding:10px 12px}.machine-step-intro__title{margin:0;font-size:1.18rem;font-weight:800;line-height:1.35}.machine-step-intro__detail{margin:8px 0 0;font-size:1.04rem;font-weight:700;line-height:1.5}.machine-layout{grid-template-columns:1fr;gap:16px;display:grid}.machine-diagram-panel,.machine-memory-panel{border:1px solid var(--line);background:#f1f5f9;border-radius:20px;gap:12px;padding:14px;display:grid}.machine-grid{background:#e5e7eb;border-radius:14px;min-height:690px;position:relative;overflow:hidden}.machine-grid__active-legend{z-index:6;position:absolute;top:10px;right:10px}.machine-control-bus{text-align:center;color:#475569;z-index:0;border-top:14px solid #c7d2e5;padding-top:8px;font-weight:700;position:absolute;top:18px;left:180px;right:170px}.machine-cpu-shell{z-index:1;background:#eff6ff;border:2px solid #475569;border-radius:14px;width:71%;min-height:560px;position:absolute;top:70px;left:24px}.machine-cpu-shell h4{text-align:center;font-size:2rem;font-family:var(--font-display),serif;margin:8px 0 0}.machine-unit-shell{background:#e5e7eb;border:2px solid #334155;border-radius:12px;width:44%;padding:12px;position:absolute}.machine-unit-shell h5{text-align:center;margin:0 0 10px;font-size:1.6rem}.machine-unit-shell--cu{top:58px;left:46px}.machine-unit-shell--alu{top:320px;left:46px}.machine-unit-shell--active{border-color:#b45309;box-shadow:0 0 0 3px #f59e0b47,0 8px 18px #f59e0b2e}.machine-unit-shell--blink{animation:machine-cu-blink .76s ease-in-out infinite}@keyframes machine-cu-blink{0%,to{background:#fde68a;box-shadow:0 0 0 3px #f59e0b47,0 8px 18px #f59e0b2e}50%{background:#facc15;box-shadow:0 0 0 4px #facc1573,0 10px 22px #facc153d}}.machine-inner-node{background:#f8fafc;border:2px solid #64748b;border-radius:10px;min-height:68px;margin-bottom:12px;padding:8px;transition:all .2s}.machine-inner-node__label{font-size:.86rem;margin:0}.machine-inner-node__label,.machine-inner-node__value{text-align:center;color:#000;font-weight:800;font-family:var(--font-sans),sans-serif}.machine-inner-node__value{font-size:1rem;margin-top:6px;display:block}.machine-inner-node--idle{opacity:1;background:#eef2f7;border-color:#94a3b8}.machine-inner-node--active{opacity:1;background:#fef9c3;border-color:#ca8a04}.machine-inner-node--mar,.machine-inner-node--mdr{z-index:2;width:240px;margin-bottom:0;position:absolute;left:56%}.machine-inner-node--mar{top:190px}.machine-inner-node--mdr{top:360px}.machine-step1-flow{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.machine-step1-flow__svg{width:100%;height:100%;overflow:visible}.machine-flow-path{fill:none;stroke:#1e3a8a;stroke-width:4px;stroke-linecap:square;stroke-linejoin:miter}.machine-flow-path--bus{stroke:#ef1d1d}.machine-step1-flow__token{color:#1d4ed8;width:32px;height:32px;font-size:13px;font-weight:800;font-family:var(--font-sans),sans-serif;background:#fff;border:3px solid #ef1d1d;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.machine-step1-flow__token--wide{white-space:nowrap;border-radius:999px;width:auto;min-width:52px;padding:0 10px}.machine-step1-flow__token--navy{color:#1e3a8a;border-color:#1e3a8a}.machine-step3-flow{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.machine-step3-flow__svg{width:100%;height:100%;overflow:visible}.machine-step3-flow__label{fill:#b91c1c;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;font-size:16.56px;font-weight:800;font-family:var(--font-sans),sans-serif}.machine-alu-result{text-align:center;color:#0f172a;margin:4px 0 0;font-weight:700}.machine-alu-result--blinking{animation:machine-alu-result-blink .64s ease-in-out infinite}@keyframes machine-alu-result-blink{0%,to{color:#0f172a;opacity:1}50%{color:#a16207;opacity:.45}}.machine-memory-block{z-index:1;background:#fff;border:2px solid #000;border-radius:14px;width:24%;min-height:560px;position:absolute;top:68px;right:20px;overflow:hidden}.machine-memory-block--active{box-shadow:0 0 0 3px #22c55e33}.machine-memory-block__header{text-align:center;color:#0f172a;background:#dbeafe;border-bottom:2px solid #000;border-top-left-radius:12px;border-top-right-radius:12px;padding:10px;font-size:1.35rem;font-weight:800}.machine-grid__arrows{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0}.machine-arrow{stroke:#94a3b8;stroke-width:2.2px;opacity:.36;stroke-linecap:round;transition:all .22s}.machine-arrow--active{stroke:#f97316;opacity:.95;stroke-width:3px}.machine-arrow-label{fill:#475569;text-anchor:middle;paint-order:stroke;stroke:#f8fafc;stroke-width:3px;font-size:12px;font-weight:700}.machine-arrow-label--active{fill:#c2410c}.machine-node{z-index:2;background:#f8fafc;border:1px solid #d1d5db;border-radius:14px;width:240px;min-height:74px;padding:10px;transition:all .22s;position:absolute}.machine-node__label{text-transform:none;letter-spacing:.01em;color:#64748b;font-size:.82rem;margin:0}.machine-node__label,.machine-node__value{font-weight:800;font-family:var(--font-sans),sans-serif}.machine-node__value{color:#0f172a;word-break:break-word;font-size:.96rem;margin-top:8px;display:block}.machine-node--idle{opacity:.55;filter:grayscale(.2)}.machine-node--active{opacity:1;background:#fef9c3;border-color:#eab308;transform:translateY(-1px);box-shadow:0 0 0 2px #eab30842,0 8px 18px #eab30833}.machine-memory-panel h4{font-family:var(--font-display),serif;margin:0}.machine-transfer{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.machine-transfer__label{color:#475569;font-size:.8rem;font-weight:700}.machine-transfer__chip{color:#0c4a6e;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:999px;padding:8px 14px;animation:machinePulse .78s}@keyframes machinePulse{0%{opacity:.5;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.machine-memory-table{border-collapse:collapse;background:0 0;border:0;border-radius:10px;width:100%;overflow:hidden}.machine-memory-table td,.machine-memory-table th{text-align:center;color:#000;border-bottom:1px solid #000;padding:4px 8px;font-size:.84rem;line-height:1.15}.machine-memory-table th{color:#000;background:#dbeafe;font-weight:700}.memory-row{transition:all .22s}.memory-row--active{box-shadow:inset 4px 0 #f59e0b;background:#fef3c7!important}.memory-row--used{background:0 0}.memory-row--unused{opacity:1;background:0 0}.machine-memory-legend{flex-wrap:wrap;gap:8px;display:flex}.legend{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;font-size:.76rem}.legend--active{background:#fef3c7;border-color:#f59e0b}.legend--used{background:#ecfeff;border-color:#22d3ee}.legend--unused{opacity:.65;background:#f8fafc}.machine-controls{flex-wrap:wrap;gap:10px;display:flex}.machine-controls .button:disabled{opacity:.4;cursor:not-allowed;transform:none}.machine-step-footer{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.machine-step-footer__title{color:#1e3a8a;margin:0 0 6px;font-weight:800}.machine-step-footer p{color:#334155;margin:0}.machine-step3-inline{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:8px;display:grid}.machine-step3-inline__node{color:#1e3a8a;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.machine-step3-inline__track{border-top:3px solid #ef1d1d;height:20px;position:relative}.machine-step3-inline__track:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #ef1d1d;position:absolute;top:-7px;right:-1px}.machine-step3-inline__label{color:#b91c1c;white-space:nowrap;font-size:.7rem;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.machine-step3-inline__token{color:#1d4ed8;background:#fff;border:2px solid #ef1d1d;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;animation:machineStep3InlineMove 1.5s linear forwards;display:grid;position:absolute;top:-10px;left:0}@keyframes machineStep3InlineMove{0%{left:0}to{left:calc(100% - 22px)}}@media (max-width:1100px){.machine-grid{background:#f1f5f9;gap:10px;min-height:auto;padding:4px;display:grid}.machine-control-bus{border-top-width:8px;margin-bottom:8px;position:static;left:auto;right:auto}.machine-cpu-shell,.machine-memory-block{width:100%;min-height:auto;position:relative;top:auto;left:auto;right:auto}.machine-grid{grid-template-columns:1fr}.machine-inner-node--mar,.machine-inner-node--mdr,.machine-unit-shell{width:100%;margin-bottom:12px;position:relative;top:auto;left:auto}.machine-node{width:100%;margin-bottom:10px;position:relative;top:auto;left:auto}.machine-grid__arrows{display:none}}.drop-zone__items{align-content:flex-start;min-height:160px}.drag-bank--choices{background:#f8fafc;border-style:solid}.choice-pill,.draggable-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fffaf4;border-radius:16px;place-items:center;gap:8px;min-width:104px;padding:10px;display:inline-flex}.draggable-chip__image{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:36px}.draggable-chip{font-weight:500}.choice-pill--active{color:#fff9f2;background:#1f2430}.choice-pill--correct{background:#f0fdf4;border-color:#16a34a}.visual-pill__icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.45rem;display:inline-flex}.visual-pill__label{font-size:.82rem;font-weight:600;line-height:1.15}.quiz-card--correct{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e}.quiz-card--wrong{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.question-feedback{color:#0f5132;margin:10px 0 0;font-weight:600}.data-type-quiz__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.data-type-quiz__meta p{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700}.data-type-quiz__timer{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:8px 16px;line-height:1;color:#0f172a!important;font-size:1.2rem!important}.data-type-quiz__timer--warning{background:#fef2f2;border-color:#dc2626;color:#b91c1c!important}.activity-score{background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;margin:2px 0;padding:10px 14px;font-weight:700}.activity-score--perfect{color:#166534;background:#f0fdf4;border-color:#16a34a}.personnel-roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:12px;display:grid}.personnel-roles-grid--compact{flex-wrap:wrap;gap:14px;display:flex}.personnel-roles-grid--compact .personnel-role-card{flex:none;width:auto}.personnel-roles-grid--aligned{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.personnel-roles-grid--aligned .personnel-role-card{width:100%;min-height:148px}@media (max-width:1024px){.personnel-roles-grid--aligned{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.personnel-roles-grid--aligned{grid-template-columns:1fr}}.personnel-role-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:16px;display:flex}.personnel-role-card__number{color:#fff;background:#5fd8d3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex}.personnel-role-card__body{flex-direction:column;gap:4px;display:flex}.personnel-role-card__title{margin:0;font-size:1rem;font-weight:700}.personnel-role-card__question{color:var(--muted,#64748b);margin:0;font-size:.82rem;font-style:italic;font-weight:600}.personnel-role-card__example{color:var(--text,#1e293b);margin:0;font-size:.85rem;line-height:1.5}.personnel-system-image-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;position:relative;overflow:hidden}.personnel-system-image{border-radius:10px;width:100%;height:auto;display:block}.personnel-system-image-cover{z-index:2;pointer-events:none;border-radius:10px;position:absolute;inset:10px}.personnel-system-image-cover--full{background:#0f172a9e}.personnel-system-image-cover--focus{background:#0f172a6b}.personnel-system-image-cover__center{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.personnel-system-image-cover__title{margin:0;font-size:1.1rem;font-weight:800}.personnel-system-image-cover__subtitle{color:#ffffffe0;margin:6px 0 0;font-size:.86rem}.personnel-system-image-step{background:#082f4994;border:2px solid #7dd3fc;border-radius:14px;justify-content:flex-start;align-items:flex-start;padding:8px;display:flex;position:absolute;box-shadow:0 10px 24px #0f172a57}.info-processing-top-box{background:0 0;border:none;border-radius:0;gap:14px;padding:0;display:grid}.info-processing-top-box__header h3{margin:0;font-size:1.2rem;font-weight:800}.info-processing-top-box__header p{color:var(--muted);margin:4px 0 0;font-size:.93rem}.info-processing-top-box__image-wrap{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px}.info-processing-top-box__image{border-radius:8px;width:100%;height:auto;display:block}.error-type-top-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.error-type-top-boxes--two{grid-template-columns:repeat(2,minmax(0,1fr))}.error-type-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 8px #0f172a0f}.error-type-card--source{border-top:4px solid #f59e0b}.error-type-card--transcription{border-top:4px solid #3b82f6}.error-type-card--transposition{border-top:4px solid #ef4444}.error-type-card__heading{align-items:center;gap:10px;display:flex}.error-type-card__title{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.error-type-card__subtitle{color:#334155;margin:6px 0 0;font-size:.88rem;font-weight:700}.error-type-card__body,.error-type-card__example{color:#1e293b;margin:8px 0 0;font-size:.9rem;line-height:1.45}.file-access-visual-stack{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:14px;display:grid}.file-access-methods-panel{gap:12px;display:grid}.file-access-methods-panel>h3{font-family:var(--font-display),serif;margin:0}.file-access-example-title{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;width:fit-content;padding:10px 16px;font-size:1.45rem;line-height:1.3;display:inline-block}.file-access-stepper-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-access-next-btn{color:#1e3a8a;cursor:pointer;background:#eff6ff;border:1px solid #1e3a8a;border-radius:10px;width:42px;height:38px;font-size:1.2rem;font-weight:800;line-height:1}.file-access-next-btn:hover{background:#dbeafe}.file-access-cell--active{color:#0f172a;animation:fileAccessPulse .32s;box-shadow:inset 0 0 0 2px #9ca3af;background:#e5e7eb!important}.file-access-row--found td{box-shadow:inset 0 0 0 2px #16a34a;background:#bbf7d0!important}@keyframes fileAccessPulse{0%{transform:scale(.995)}to{transform:scale(1)}}.file-access-visual-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.file-access-visual-card h4{color:#0f172a;margin:0 0 10px;font-size:1rem}.file-access-mono{color:#0f172a;white-space:pre;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.45;overflow-x:auto}.file-access-process-title{color:#0f172a;margin:12px 0 4px;font-weight:800}.file-access-process-list{color:#1e293b;gap:4px;margin:0;padding-left:1.15rem;display:grid}.file-access-time{color:#0f172a;margin:10px 0 0;font-weight:700}.file-access-table-wrap{margin-top:14px;overflow-x:auto}.file-access-dual-grid{grid-template-columns:1fr 2fr;gap:12px;display:grid}.file-access-direct-layout{grid-template-columns:1fr 220px 2fr;align-items:start;gap:12px;display:grid}.file-access-direct-layout .file-access-table-wrap{overflow-x:visible}.file-access-direct-layout .file-access-table{table-layout:fixed;width:100%;min-width:0}.file-access-direct-layout .file-access-table td,.file-access-direct-layout .file-access-table th{padding:8px 7px}.file-access-arrow-lane{justify-content:flex-start;align-items:flex-start;min-height:240px;padding-top:190px;padding-left:2px;display:flex}.file-access-transfer-line{transform-origin:0;border-top:6px solid #2563eb;width:180px;height:0;animation:fileAccessLineGrow .5s;position:relative;transform:translateY(8px)rotate(9deg)}.file-access-transfer-line__head{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #1d4ed8;width:0;height:0;position:absolute;top:-11px;right:-2px}.file-access-row--lookup td{background:#fef3c7;box-shadow:inset 0 0 0 2px #f59e0b}.file-access-table{border-collapse:collapse;width:100%;min-width:620px}.file-access-table td,.file-access-table th{text-align:left;border:1px solid #94a3b8;padding:9px 10px}.file-access-table th{background:var(--navy);color:#fff;text-align:center;font-weight:800}.file-access-table--records{min-width:0}.file-access-col-class-no{white-space:nowrap;width:88px;min-width:88px;max-width:88px;text-align:center!important}.database-index-panel{width:fit-content;min-width:0;margin-right:auto}.database-index-lead{color:#0f172a;margin:0 0 10px;font-size:1.4rem;font-weight:800;line-height:1.3}.database-index-layout{align-items:flex-start;gap:14px;display:flex}.database-index-arrow-lane{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding-top:28px;display:flex}.database-index-feedback{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;margin-top:28px;padding:10px 14px;font-size:1.05rem;font-weight:700;display:inline-block}.database-index-feedback-secondary{margin-top:10px}.database-index-feedback-stack{flex-direction:column;align-items:flex-start;display:flex}.database-index-feedback-stack .database-index-feedback-secondary{margin-top:10px}.database-index-table-wrap{width:fit-content;min-width:0;overflow:visible}.database-index-table{table-layout:auto;width:auto;min-width:0}.database-index-table td,.database-index-table th{white-space:nowrap;padding:8px 14px}.database-index-middle-record td{background:#dcfce7;border-top:1px solid #22c55e;border-bottom:1px solid #22c55e;font-weight:800}.database-index-all-records td{background:#e5e7eb;border-top:1px solid #9ca3af;border-bottom:1px solid #9ca3af}.database-index-all-records td:first-child{border-left:1px solid #9ca3af}.database-index-all-records td:last-child{border-right:1px solid #9ca3af}.database-index-middle-record td:first-child{border-left:1px solid #22c55e}.database-index-middle-record td:last-child{border-right:1px solid #22c55e}@media (max-width:980px){.file-access-direct-layout,.file-access-visual-stack{grid-template-columns:1fr}.file-access-arrow-lane{align-items:center;min-height:auto;padding:4px 0}.file-access-dual-grid{grid-template-columns:1fr}.database-index-layout{flex-direction:column;gap:10px}.database-index-arrow-lane{padding-top:0}}@keyframes fileAccessArrowMove{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fileAccessLineGrow{0%{opacity:0;width:0}to{opacity:1;width:180px}}@media (max-width:980px){.error-type-top-boxes{grid-template-columns:1fr}.error-type-top-boxes--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.error-type-top-boxes--two{grid-template-columns:1fr}}.info-processing-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-processing-step-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.info-processing-step-card h4{color:#0f172a;margin:0;font-size:.98rem;font-weight:800}.info-processing-step-card ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.info-processing-step-card li{color:#334155;font-size:.88rem;line-height:1.45}.info-processing-step-card--full{grid-column:1/-1}@media (max-width:900px){.info-processing-steps-grid{grid-template-columns:1fr}.info-processing-step-card--full{grid-column:auto}}.personnel-system-image-step__label{color:#0c4a6e;background:#fffffff5;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800}.personnel-system-image-controls{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.personnel-role-panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.personnel-role-panel__head{border-bottom:1px solid var(--line);background:#f8fafc;padding:14px 16px}.personnel-role-panel__count{color:#0f172a;margin:0;font-weight:800}.personnel-role-panel__illustration{color:#475569;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:14px 16px;padding:20px 12px;font-weight:700}.personnel-role-panel__block{padding:0 16px 14px}.personnel-role-panel__label{color:#0f172a;margin:0 0 6px;font-weight:800}.personnel-role-panel__value{color:#334155;margin:0;font-size:1.02rem;font-weight:700}.personnel-role-panel__list{color:#334155;gap:4px;margin:0;padding-left:18px;display:grid}.personnel-role-panel__example{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;margin:8px 0 0;padding:10px 12px;line-height:1.5}.personnel-role-panel__actions{justify-content:space-between;gap:10px;padding:0 16px 16px;display:flex}.personnel-game{flex-direction:column;gap:16px;display:flex}.personnel-game__tag{color:#92400e;letter-spacing:.06em;text-transform:uppercase;background:#f59e0b1f;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.personnel-game__prompt{margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.personnel-game__options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.personnel-game__option{border:2px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:14px;padding:14px 16px;font-size:.95rem;font-weight:500;transition:border-color .14s,background .14s,transform .1s}.personnel-game__option:hover:not(:disabled){border-color:var(--amber,#f59e0b);background:#fffbeb;transform:translateY(-2px)}.personnel-game__option--correct{color:#166534;font-weight:700;background:#f0fdf4!important;border-color:#16a34a!important}.personnel-game__option--wrong{color:#991b1b;background:#fef2f2!important;border-color:#dc2626!important}.personnel-game__option:disabled{cursor:default}.personnel-game__feedback{border-radius:10px;margin:0;padding:10px 16px;font-size:.95rem;font-weight:700}.personnel-game__feedback--correct{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.personnel-game__feedback--wrong{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.personnel-flip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.personnel-flip-card{perspective:1000px;cursor:pointer;background:0 0;border:0;min-height:280px;padding:0}.personnel-flip-card__inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .26s;display:block;position:relative}.personnel-flip-card--flipped .personnel-flip-card__inner{transform:rotateY(180deg)}.personnel-flip-card__back,.personnel-flip-card__front{border:1px solid var(--line);backface-visibility:hidden;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0;box-shadow:0 8px 18px #0f172a14}.personnel-flip-card__front{background:linear-gradient(160deg,#ecfeff,#f8fafc)}.personnel-flip-card__back{text-align:left;color:#0f172a;justify-content:flex-start;align-items:flex-start;font-size:.82rem;line-height:1.35;transform:rotateY(180deg)}.personnel-flip-card__role{color:#0f172a;font-size:1rem;font-weight:800}.personnel-flip-card__subtitle{color:#334155;font-size:.9rem;font-weight:700}.personnel-flip-card__hint{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.personnel-flip-card__back-title{color:#0f172a;font-weight:800}.personnel-flip-card__back-sub{color:#0f172a;margin-top:4px;font-weight:800}.personnel-flip-card__back-list{gap:2px;display:grid}.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.link-list{gap:10px;display:grid}.link-list__item{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.activity-feedback{margin:0;font-weight:700}.quiz-start-screen{border:2px dashed var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:40px 24px;display:flex}.quiz-start-screen__desc{color:var(--text-muted,#64748b);margin:0;font-size:1rem}.quiz-variant-picker{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quiz-variant-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s}.quiz-variant-btn:hover{transform:translateY(-2px)}.quiz-variant-btn--active{color:#134e4a;background:#ecfeff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.quiz-variant-note{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;gap:6px;margin:0;padding:12px 14px;display:grid}.quiz-variant-note p{color:var(--text-muted,#64748b);margin:0}.quiz-variant-note__headline{font-size:1.2rem;font-weight:800;line-height:1.35;color:#0f172a!important}.quiz-streak-title{color:#9a3412;margin:0;padding:2px 0;font-size:1.02rem;font-weight:800}.quiz-streak-power{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:14px;width:100%;max-width:460px;padding:10px 12px;animation:streakPop .32s;box-shadow:0 8px 20px #f9731629}.quiz-streak-power--hot{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#fb923c}.quiz-streak-power--epic{background:linear-gradient(135deg,#ffedd5,#fdba74);border-color:#f97316;box-shadow:0 10px 24px #f9731638}.quiz-streak-fireline{flex-wrap:wrap;align-items:flex-end;gap:3px;min-height:1.8rem;margin:2px 0 0;display:flex}.quiz-streak-fire{filter:drop-shadow(0 3px 5px #f973164d);line-height:1;animation:flameBounce .9s ease-in-out infinite}.quiz-streak-fire:nth-child(2n){animation-delay:.12s}.quiz-streak-fire:nth-child(3n){animation-delay:.24s}.quiz-streak-goal{color:#9a3412;margin:8px 0 0;font-size:.84rem;font-weight:700}@keyframes streakPop{0%{opacity:.75;transform:translateY(3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flameBounce{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.06)}to{transform:translateY(0)scale(1)}}.quiz-timer-bar{flex-direction:column;gap:6px;width:100%;display:flex}.quiz-timer-bar__meta{justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:.82rem;font-weight:600;display:flex}.quiz-timer-bar__label{color:var(--text-muted,#64748b);flex:1}.quiz-timer-bar__count{font-size:1rem;font-weight:700;transition:color .3s}.quiz-timer-bar__track{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.quiz-timer-bar__fill{border-radius:999px;height:100%;transition:width 1s linear,background .3s}.quiz-results{flex-direction:column;gap:20px;display:flex}.quiz-results__header{border:2px solid var(--line);text-align:center;background:#f8fafc;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;display:flex}.quiz-results__emoji{margin:0;font-size:2.4rem;line-height:1}.quiz-results__score{margin:0;font-size:1.5rem;font-weight:700}.quiz-results__timeout{color:#dc2626;margin:0;font-size:.85rem;font-weight:600}.quiz-results__items{flex-direction:column;gap:10px;display:flex}.quiz-result-item{border:1.5px solid var(--line);border-radius:14px;overflow:hidden}.quiz-result-item--correct{background:#f0fdf4;border-color:#bbf7d0}.quiz-result-item--wrong{background:#fef2f2;border-color:#fecaca}.quiz-result-item__top{align-items:center;gap:10px;padding:12px 14px;display:flex}.climber-quest{border:1px solid var(--line);font-family:"Nunito","Quicksand",var(--font-sans),sans-serif;background:linear-gradient(160deg,#f8fbff,#fff8e6 52%,#f7fcff);border-radius:22px;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.climber-quest--loading{text-align:left}.climber-quest--loading h3,.climber-quest--loading p{margin:0}.climber-quest--loading ul{color:var(--text-muted,#64748b);margin:0;padding-left:1.1rem}.climber-quest__topbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.climber-quest__stat{background:#ffffffe6;border:1px solid #cbd5e1;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700}.climber-quest__stat--altitude{color:#0f172a;border-color:#0ea5e9;font-size:1.15rem}.climber-quest__stat--streak{color:#9a3412;background:linear-gradient(90deg,#fff7ed,#ffedd5);border-color:#fb923c;animation:pulse-soft 1.4s ease-in-out infinite}.climber-quest__meter-wrap{gap:4px;display:grid}.climber-quest__meter-wrap p{color:#334155;margin:0;font-size:.92rem;font-weight:700}.climber-quest__meter-track{background:#dbeafe;border-radius:999px;height:12px;overflow:hidden}.climber-quest__meter-fill{background:linear-gradient(90deg,#10b981,#06b6d4,#3b82f6);border-radius:999px;height:100%;transition:width .32s}.climber-quest__layout{grid-template-columns:minmax(0,1fr) minmax(300px,1.1fr);gap:14px;display:grid}.climber-quest__problem-panel{align-content:start;gap:10px;display:grid}.climber-quest__weather{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:.92rem;display:flex;box-shadow:0 6px 14px #0e749014}.climber-quest__weather-icon{font-size:1.2rem;animation:weather-bob 2.2s ease-in-out infinite}.climber-quest__weather strong{font-size:.93rem}.climber-quest__weather--wind{background:linear-gradient(90deg,#e0f2fe,#f8fafc);border-color:#38bdf8}.climber-quest__weather--snowstorm{background:linear-gradient(90deg,#e2e8f0,#f8fafc);border-color:#94a3b8}.climber-quest__weather--sunny{background:linear-gradient(90deg,#fef3c7,#fff7ed);border-color:#f59e0b}.climber-quest__problem-card{background:linear-gradient(#fffaf0,#fff 55%,#fff8ef);border:1px solid #dbeafe;border-radius:16px;gap:10px;padding:14px;animation:problem-enter .32s;display:grid;box-shadow:0 14px 28px #0f172a1a}.climber-quest__problem-card h3{color:#0f172a;margin:0;font-size:2rem;line-height:1.1}.climber-quest__label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.82rem}.climber-quest__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.climber-quest__option{color:#1e3a8a;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:999px;min-height:46px;padding:10px 12px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.climber-quest__option:hover:not(:disabled){background:linear-gradient(90deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 5px 12px #2563eb40}.climber-quest__option:disabled{opacity:.55;cursor:not-allowed}.climber-quest__input-row{gap:8px;display:flex}.climber-quest__input-row input{border:2px solid #94a3b8;border-radius:12px;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:1.06rem;transition:border-color .15s,box-shadow .15s}.climber-quest__input-row input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.climber-quest .button.button--dark{color:#fff;background:linear-gradient(90deg,#2563eb,#10b981);border-color:#0000;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 8px 18px #2563eb40}.climber-quest .button.button--dark:hover{filter:brightness(1.03);transform:translateY(-1px)scale(1.02);box-shadow:0 12px 22px #10b98140}.climber-quest .button.button--dark:active{transform:translateY(1px)scale(.99)}.climber-quest__numpad{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.climber-quest__numpad-key{color:#1e3a8a;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;min-height:40px;font-weight:700}.climber-quest__numpad-key--wide{grid-column:span 2}.climber-quest__actions{flex-wrap:wrap;gap:8px;display:flex}.climber-quest__hint{color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;margin:0;padding:8px 10px;font-size:.86rem}.climber-quest__message{color:#0f766e;margin:0;font-size:1rem;font-weight:700}.climber-quest__message--encourage{color:#c2410c}.climber-quest__feedback{background:#fff;border:1.5px solid #dbeafe;border-radius:14px;padding:10px 12px;animation:bounce-in .36s}.climber-quest__feedback p{margin:0;font-weight:700}.climber-quest__feedback p+p{margin-top:4px;font-size:.9rem;font-weight:600}.climber-quest__feedback--correct{color:#166534;background:#f0fdf4;border-color:#86efac}.climber-quest__feedback--wrong{color:#9a3412;background:#fff7ed;border-color:#fdba74}.climber-quest__badges h4{margin:0 0 8px;font-size:.9rem}.climber-quest__badge-list{flex-wrap:wrap;gap:8px;display:flex}.climber-quest__badge{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:8px 13px;font-size:.86rem;box-shadow:inset 0 -2px #94a3b833}.climber-quest__badge.is-unlocked{color:#92400e;background:linear-gradient(#fff7cc,#fde68a);border-color:#f59e0b}.climber-quest__badge.is-locked{color:#94a3b8;filter:grayscale(.35);background:#eef2f7}.climber-quest__badge.is-new{animation:badge-pop .7s}.climber-quest__mountain-card{background:linear-gradient(#bfe8ff,#dff2ff 48%,#f2faef);border:1px solid #cbd5e1;border-radius:18px;align-self:start;min-height:540px;position:sticky;top:96px;overflow:hidden}.climber-quest__cloud{filter:blur(.4px);z-index:2;background:#ffffffc2;border-radius:999px;width:92px;height:28px;animation:drift-cloud 28s linear infinite;position:absolute}.climber-quest__cloud:after,.climber-quest__cloud:before{content:"";background:#fffc;border-radius:50%;position:absolute}.climber-quest__cloud:before{width:26px;height:26px;top:-11px;left:14px}.climber-quest__cloud:after{width:34px;height:34px;top:-16px;left:39px}.climber-quest__cloud--1{animation-delay:0s;top:36px;left:-100px}.climber-quest__cloud--2{opacity:.8;animation-delay:-8s;top:84px;left:-170px}.climber-quest__cloud--3{opacity:.7;animation-delay:-15s;top:122px;left:-130px}.climber-quest__birds{z-index:2;opacity:.72;font-size:1rem;animation:drift-birds 16s linear infinite;position:absolute;top:148px;left:22%}.climber-quest__aurora{z-index:1;filter:blur(18px);background:linear-gradient(120deg,#22d3ee14,#a78bfa33,#4ade801a);width:52%;height:28%;animation:aurora-wave 7s ease-in-out infinite;position:absolute;top:0;left:36%}.climber-quest__mountain-shape{pointer-events:none;z-index:0;opacity:0;position:absolute;inset:0}.climber-quest__mountain-back,.climber-quest__mountain-front{clip-path:polygon(0 100%,24% 42%,40% 58%,56% 26%,72% 58%,100% 100%);width:100%;height:78%;position:absolute;bottom:-12px}.climber-quest__mountain-back{opacity:.55;background:linear-gradient(#9ca3af,#64748b);transform:translateY(20px)scale(.92)}.climber-quest__mountain-front{opacity:.72;background:linear-gradient(#a8b2c0,#4b5563 74%)}.climber-quest__mountain-snowcap{clip-path:polygon(8% 100%,30% 24%,48% 58%,70% 14%,92% 100%);background:#ffffffeb;width:24%;height:14%;position:absolute;top:18%;left:44%}.climber-quest__parallax{pointer-events:none;background:radial-gradient(circle at 22% 20%,#ffffffb8,#0000 52%),radial-gradient(circle at 82% 16%,#ffffffad,#0000 46%);position:absolute;inset:0}.climber-quest__track{z-index:1;height:560px;position:relative;overflow:hidden}.climber-quest__terrain{background:radial-gradient(circle at 82% 12%,#ffeb7adb 0 30px,#ffeb7a00 33px),linear-gradient(#ccecff,#e8f5ff 55%,#eef7ed);width:100%;height:560px;position:relative}.climber-quest__terrain:before{background:linear-gradient(#f5f8ff,#c7d2e6 12%,#8fa1bf 42%,#5f7395 70%,#4a8a58)}.climber-quest__terrain:after,.climber-quest__terrain:before{content:"";z-index:1;clip-path:polygon(14% 100%,52% 3%,90% 100%);position:absolute;inset:0}.climber-quest__terrain:after{background:linear-gradient(144deg,#0000 0 56%,#36466270 56.2% 100%),linear-gradient(178deg,#0000 0 9%,#fffffff5 9.2% 15.6%,#0000 15.8%)}.climber-quest__terrain::marker{content:none}.climber-quest__terrain>*{z-index:2}.climber-quest__terrain--green{filter:saturate(1.02)brightness(1.02)}.climber-quest__terrain--gray{filter:saturate(.96)contrast(1.05)}.climber-quest__terrain--snow{filter:saturate(.9)brightness(1.12)}.climber-quest__marker{border-top:1px dashed #0f172a2e;width:calc(100% - 12px);position:absolute;left:6px;transform:translateY(-50%)}.climber-quest__marker span{color:#0f172a;background:#ffffffd6;border-radius:6px;padding:2px 5px;font-size:.74rem;font-weight:700;display:inline-block;transform:translateY(-11px)}.climber-quest__scene-label{z-index:3;color:#1f2937;letter-spacing:.03em;background:#ffffffd1;border:1px solid #94a3b880;border-radius:999px;padding:4px 9px;font-size:.85rem;font-weight:800;position:absolute;top:10px;right:12px}.climber-quest__altitude-connector{z-index:3;border-top:2px dotted #0ea5e9cc;height:0;position:absolute;left:6%;transform:translateY(-50%)}.climber-quest__altitude-dot{z-index:4;background:#22d3ee;border-radius:50%;width:10px;height:10px;position:absolute;left:6%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #22d3ee33,0 0 14px #0ea5e9e6}.climber-quest__rope-trail{z-index:3;background:linear-gradient(#fcd34d,#f59e0b);border-radius:999px;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #92400e2e}.climber-quest__rope-trail:before{content:"";background:repeating-linear-gradient(#78350f66 0 5px,#0000 5px 11px);border-radius:999px;position:absolute;inset:0}.climber-quest__trail{z-index:2;opacity:.42;clip-path:polygon(22% 0,40% 0,100% 100%,0 100%);background:linear-gradient(#38bdf838,#fff0);width:22%;height:88%;position:absolute;top:10%;left:44%}.climber-quest__zone{z-index:2;opacity:.84;gap:8px;font-size:1rem;display:flex;position:absolute}.climber-quest__zone--cave{bottom:8px;left:8%}.climber-quest__zone--forest{animation:sway-soft 3.4s ease-in-out infinite;top:66%;left:10%}.climber-quest__zone--rocky{top:46%;left:18%}.climber-quest__zone--snow{top:26%;left:22%}.climber-quest__zone--summit{top:6%;left:48%}.climber-quest__waterfall{z-index:2;opacity:.8;background:linear-gradient(#bae6fdd9,#38bdf859);border-radius:999px;width:1.6%;height:40%;position:absolute;top:44%;left:42%}.climber-quest__flowers{z-index:2;opacity:.85;font-size:.95rem;position:absolute;bottom:14px;left:17%}.climber-quest__checkpoint{color:#7c2d12;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%,-50%)}.climber-quest__diamond{font-size:1.45rem;transition:transform .22s,opacity .22s;position:absolute;left:52%;transform:translate(-50%,-62%)}.climber-quest__diamond.is-sparkling:not(.is-collected){filter:drop-shadow(0 0 10px #22d3eeb3);animation:diamond-sparkle .72s ease-in-out infinite}.climber-quest__diamond.is-collected{opacity:.9}.climber-quest__basecamp{background:#f1f5f9f2;border:1px solid #94a3b8;border-radius:8px;padding:4px 8px;font-size:.82rem;font-weight:700;position:absolute;left:68%;transform:translate(-50%,-50%)}.climber-quest__climber{filter:drop-shadow(0 3px 6px #00000052);z-index:5;transition:top .7s,left .7s;position:absolute;left:68%;transform:translate(-50%,-100%)}.climber-quest__climber:after{content:"";background:#0f172a59;border-radius:999px;width:20px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.climber-quest__climber.is-climbing .climber-quest__climber-sprite{animation:climber-bounce .42s}.climber-quest__climber.is-wrong .climber-quest__climber-sprite{animation:climber-wobble .42s}.climber-quest__climber-sprite{filter:drop-shadow(0 0 1px #fffc);width:28px;height:42px;position:relative}.climber-quest__gain-float{color:#16a34a;font-size:.92rem;font-weight:800;animation:gain-rise .82s ease-out forwards;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.climber-quest__head{background:#f59e0b;border:1px solid #b45309;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:8px}.climber-quest__body{background:#0ea5e9;border-radius:5px;width:8px;height:14px;position:absolute;top:10px;left:9px}.climber-quest__arm,.climber-quest__leg{transform-origin:0;background:#1e293b;border-radius:99px;height:3px;display:block;position:absolute}.climber-quest__arm{width:10px;top:14px}.climber-quest__arm--left{left:2px;transform:rotate(-28deg)}.climber-quest__arm--right{left:14px;transform:rotate(34deg)}.climber-quest__leg{width:11px;top:26px}.climber-quest__leg--left{left:5px;transform:rotate(32deg)}.climber-quest__leg--right{left:12px;transform:rotate(-24deg)}.climber-quest__particles{pointer-events:none;position:absolute;inset:0}.climber-quest__particles--dust{opacity:.14;background-image:radial-gradient(circle,#94a3b81a 1.2px,#0000 0),radial-gradient(circle,#cbd5e114 1px,#0000 0);background-size:42px 42px,30px 30px;animation:drift-dust 9s linear infinite}.climber-quest__particles--snow{background-image:radial-gradient(circle,#ffffffdb 2px,#0000 0),radial-gradient(circle,#e2e8f099 1.2px,#0000 0);background-size:28px 28px,18px 18px;animation:drift-snow 7s linear infinite}.climber-quest__pause-overlay{z-index:30;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.climber-quest__pause-card{background:#fff;border:1px solid #cbd5e1;border-radius:18px;gap:12px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 20px 50px #0f172a3d}.climber-quest__pause-card h3,.climber-quest__pause-card p{margin:0}.climber-quest__pause-stats{flex-wrap:wrap;gap:8px;display:flex}.climber-quest__pause-stats span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:600}@keyframes diamond-sparkle{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.17)}}@keyframes problem-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.95)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes badge-pop{0%{transform:scale(.8)rotateY(0)}50%{transform:scale(1.08)rotateY(160deg)}to{transform:scale(1)rotateY(1turn)}}@keyframes gain-rise{0%{opacity:0;transform:translate(-50%,8px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)}}@keyframes climber-wobble{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes weather-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes drift-cloud{0%{transform:translate(0)}to{transform:translate(740px)}}@keyframes drift-birds{0%{opacity:.45;transform:translate(0)}50%{opacity:.85}to{opacity:.4;transform:translate(250px)}}@keyframes aurora-wave{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.62;transform:translateY(4px)}}@keyframes sway-soft{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes climber-bounce{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-3deg)}65%{transform:translateY(0)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes drift-dust{0%{background-position:0 0,0 0}to{background-position:0 140px,0 200px}}@keyframes drift-snow{0%{background-position:0 0,0 0}to{background-position:0 170px,0 220px}}@media (max-width:980px){.climber-quest__layout{grid-template-columns:1fr}.climber-quest__mountain-card{min-height:470px;position:relative;top:auto}.climber-quest__terrain,.climber-quest__track{height:470px}.climber-quest__numpad{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.climber-quest{padding:12px}.climber-quest__options{grid-template-columns:1fr}.climber-quest__input-row{flex-direction:column}.climber-quest__stat{align-items:center;min-height:44px;display:inline-flex}.climber-quest__terrain,.climber-quest__track{height:420px}.climber-quest__aurora,.climber-quest__birds,.climber-quest__cloud{opacity:.7}}@media (prefers-reduced-motion:reduce){.climber-quest *,.climber-quest :after,.climber-quest :before{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.quiz-result-item__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.quiz-result-item__label{flex:1;font-size:.95rem;font-weight:600}.quiz-result-item__badge{white-space:nowrap;font-size:.82rem;font-weight:700}.quiz-result-item--correct .quiz-result-item__badge{color:#166534}.quiz-result-item--wrong .quiz-result-item__badge{color:#991b1b}.quiz-result-item__explanation{color:#7f1d1d;border-top:1px solid #fecaca;flex-direction:column;gap:6px;padding:10px 14px 14px;font-size:.88rem;line-height:1.5;display:flex}.quiz-result-item__correct-ans{color:#166534;margin:0;font-size:.82rem}.quiz-result-item__explanation p{margin:0}.mode-toggle{border:1px solid var(--line);background:#f1f5f9;border-radius:999px;gap:8px;width:fit-content;padding:4px;display:flex}.mode-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:background .16s,color .16s}.mode-tab--active{color:#fff9f2;background:#1f2430}.practice-header{border:1px solid var(--line);background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.practice-stats{gap:16px;font-size:.95rem;font-weight:700;display:flex}.practice-stat--correct{color:#16a34a}.practice-stat--wrong{color:#dc2626}.practice-timer{font-family:var(--font-display),serif;color:var(--text-muted);align-items:baseline;gap:4px;transition:color .4s;display:flex}.practice-timer__number{font-size:2.4rem;font-weight:700;line-height:1}.practice-timer__label{opacity:.7;font-size:.9rem;font-weight:600}.practice-drop-zone{align-content:start;gap:10px;min-height:220px;transition:background .2s,border-color .2s;display:grid}.practice-zone-label{margin:0;font-size:1.4rem}.practice-drop-hint{color:var(--text-muted);margin:0;font-size:.82rem}.practice-drop-zone--correct{background:#dcfce7!important;border-color:#16a34a!important}.practice-drop-zone--wrong{background:#fee2e2!important;border-color:#dc2626!important}.practice-flash{margin:4px 0 0;font-size:1.05rem;font-weight:700}.practice-flash--correct{color:#15803d}.practice-flash--wrong{color:#b91c1c}.practice-queue{border:1px solid var(--line);background:#f8fafc;border-radius:20px;gap:10px;padding:16px;display:grid}.practice-queue__track{flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:100px;display:flex}.draggable-chip--disabled{opacity:.45;cursor:not-allowed}.draggable-chip--placed{color:var(--text);opacity:.85;background:#f0fdf4;border:1.5px solid #16a34a;border-radius:16px;justify-items:center;gap:6px;min-width:104px;padding:10px;display:inline-grid}.wrong-explanation-panel{background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #f59e0b;border-radius:16px;flex-direction:column;gap:10px;margin-top:8px;padding:16px 20px;display:flex}.wrong-explanation__header{color:var(--text);align-items:center;gap:8px;font-size:.95rem;display:flex}.wrong-explanation__icon{font-size:1.2rem}.wrong-explanation__text{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.wrong-explanation__next{align-self:flex-start;margin-top:4px}.practice-gameover{text-align:center;border:2px solid var(--line);background:#f8fafc;border-radius:24px;gap:12px;padding:36px 20px;display:grid}.practice-gameover__emoji{margin:0;font-size:3rem;line-height:1}.practice-gameover__title{font-size:1.8rem;font-weight:700;font-family:var(--font-display),serif;margin:0}.practice-gameover__score{color:var(--text-muted);margin:0;font-size:1.05rem}.practice-gameover__praise{color:#16a34a;margin:0;font-size:1rem;font-weight:700}.practice-flashcard{gap:20px}.practice-flashcard,.practice-flashcard__item{flex-direction:column;align-items:center;display:flex}.practice-flashcard__item{border:2px solid var(--line);background:#fff;border-radius:24px;gap:12px;width:100%;min-width:220px;max-width:360px;padding:28px 40px}.barcode-qr-question{box-shadow:none;background:0 0;border:none;max-width:560px;padding:0}.barcode-qr-question .practice-flashcard__label{font-size:1.65rem}.barcode-qr-question .practice-flashcard__cue{color:var(--text);text-align:center;font-size:1.28rem;line-height:1.45}.practice-flashcard__icon{border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.practice-flashcard__label{font-size:1.4rem;font-weight:700}.practice-flashcard__cue{color:var(--text-muted,#64748b);margin:0;font-size:.95rem}.practice-flashcard__categories{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.practice-cat-btn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;flex:180px;align-items:center;gap:4px;max-width:280px;padding:16px 20px;transition:transform .12s,background .12s,border-color .12s;display:flex}.practice-cat-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-3px)}.practice-cat-btn:disabled{cursor:default}.practice-cat-btn--correct{background:#f0fdf4!important;border-color:#16a34a!important}.practice-cat-btn--wrong{background:#fef2f2!important;border-color:#dc2626!important}.practice-cat-btn__label{font-size:1rem;font-weight:700}.practice-cat-btn__desc{color:var(--text-muted,#64748b);font-size:.78rem}.practice-flashcard__feedback{border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:480px;padding:16px 20px;display:flex}.practice-flashcard__feedback p{margin:0;font-size:.95rem}.practice-flashcard__feedback--correct{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.practice-flashcard__feedback--wrong{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.practice-flashcard__explanation{white-space:pre-line;opacity:.85;line-height:1.55;font-size:1rem!important}.explanation-keyword{color:#c2410c;background:#ffedd5;border-radius:6px;padding:0 4px;font-weight:800}.explanation-keyword--manage-all{color:#b91c1c;font-weight:900}.monster-pool{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;display:grid}.monster-item{text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #cbd5e1;border-radius:14px;padding:10px 12px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s}.monster-item:hover{border-color:#94a3b8;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 18px #0f172a14}.monster-item--dragging{background:#ecfeff;border-color:#0f766e;transform:rotate(-1.5deg)scale(1.05);box-shadow:0 12px 24px #0f766e38}.monster-item--selected{background:#ecfeff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e2e}.monster-zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.monster-zone{background:#f8fafc;border:2px dashed #94a3b8;border-radius:16px;min-height:180px;padding:10px;transition:transform .14s,border-color .14s,background .14s}.monster-zone--hover{background:#ecfeff;border-color:#0f766e;transform:translateY(-2px)}.monster-zone--shake{background:#fef2f2;border-color:#dc2626;animation:monsterShake .35s}.monster-zone__title{text-align:center;color:#334155;margin:0;font-weight:800}.monster-zone__items{gap:8px;margin-top:10px;display:grid}.monster-zone__item{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.monster-zone__check{font-size:1.05rem;font-weight:900}.monster-feedback{white-space:pre-line;border-radius:12px;width:100%;padding:10px 12px;font-weight:700}.monster-feedback--correct{color:#166534;background:#f0fdf4;border:1px solid #86efac}.monster-feedback--wrong{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.practice-flashcard__hint{color:#475569;margin:-4px 0 8px;font-size:.84rem}.personnel-match-list{grid-template-columns:1fr;display:grid}.personnel-match-list .choice-pill{text-align:left;justify-content:flex-start;width:100%}.personnel-match-list--roles .choice-pill{width:fit-content;max-width:100%}.mission-panel{background:linear-gradient(145deg,#f8fafc,#eef2ff);border:1px solid #cbd5e1;border-radius:12px;margin:.35rem 0 .9rem;padding:.95rem 1rem}.mission-panel__kicker{letter-spacing:.05em;text-transform:uppercase;color:#334155;margin:0;font-size:.76rem;font-weight:800}.mission-panel__title{color:#0f172a;margin:.2rem 0 .35rem;font-size:1.2rem}.mission-panel__description{color:#334155;margin:0}.mission-panel__objective{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:.65rem;padding:.55rem .7rem}.mission-panel__progress-head{color:#1e293b;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.7rem;font-size:.9rem;display:flex}.mission-panel__progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;margin-top:.4rem;overflow:hidden}.mission-panel__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#14b8a6);width:0;height:100%;transition:width .42s}.mission-panel__celebration{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin:.65rem 0 0;padding:.5rem .65rem;font-weight:700}.personnel-match-board{position:relative}.personnel-match-grid{z-index:2;position:relative}.personnel-match-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.personnel-match-line{fill:none;stroke-width:4px;stroke-linecap:round;opacity:.95}.personnel-match-line--correct{stroke:#22c55e}.personnel-match-line--wrong{stroke:#dc2626;animation:personnelWrongFlash .65s}.personnel-match-item--correct{color:#166534!important;background:#dcfce7!important;border-color:#22c55e!important}.personnel-match-item--wrong{animation:personnelWrongFlash .65s;color:#991b1b!important;background:#fee2e2!important;border-color:#dc2626!important}.wrong-match-modal{z-index:80;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.wrong-match-modal__panel{z-index:2;color:#7f1d1d;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;width:min(92%,560px);max-height:calc(100% - 24px);padding:14px 16px;animation:wrongModalSlideIn .22s;position:relative;overflow:auto;box-shadow:0 16px 36px #0f172a42}.wrong-match-modal__backdrop{z-index:1;border-radius:inherit;cursor:pointer;background:#0f172a61;border:0;margin:0;padding:0;position:absolute;inset:0}.wrong-match-modal__heading{align-items:center;gap:.45rem;margin-bottom:.2rem;display:flex}.wrong-match-modal__heading h4{margin:0}.wrong-match-modal__emoji{margin:0;font-size:1.8rem;line-height:1}.wrong-match-modal__text{white-space:pre-wrap;background:#ffe4e6;border:1px solid #fecaca;border-radius:10px;margin:.35rem 0;padding:8px 10px;font-weight:700}.wrong-match-modal__scenario{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin:.5rem 0 0;padding:8px 10px}@keyframes wrongModalSlideIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes personnelWrongFlash{0%{opacity:1;box-shadow:0 0 #dc262699}50%{opacity:1;box-shadow:0 0 0 8px #dc262626}to{opacity:1;box-shadow:0 0 #dc262600}}@keyframes monsterShake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@media (max-width:860px){.monster-zones{grid-template-columns:1fr}}.netbuild-hints{color:var(--text-muted,#64748b);flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.netbuild-hints>span:before{margin-right:.2rem}.netbuild-wrap{position:relative}.netbuild-svg{background:var(--surface-2);width:100%;display:block}.netbuild-picker,.netbuild-svg{border:1px solid var(--border);border-radius:12px}.netbuild-picker{background:var(--surface-1);z-index:10;white-space:nowrap;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.netbuild-picker p{margin:0;font-size:.9rem}.netbuild-picker__buttons{gap:.5rem;display:flex}.netbuild-legend{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.netbuild-legend>span{align-items:center;gap:.5rem;display:flex}.netbuild-legend__hint{color:var(--text-muted,#64748b)}.netbuild-edge-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.netbuild-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.netbuild-chip em{opacity:.6;font-size:.75em;font-style:normal}.netbuild-chip--correct{color:#15803d;background:#dcfce7;border-color:#22c55e}.netbuild-chip--invalid-pair,.netbuild-chip--invalid-type{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.netbuild-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.netbuild-levels{flex-wrap:wrap;gap:.5rem;display:flex}.netbuild-level-btn{border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--text-muted,#64748b);border-radius:99px;padding:.35rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .15s}.netbuild-level-btn--active{background:var(--amber);border-color:var(--amber);color:#fff}.netbuild-level-btn:hover:not(.netbuild-level-btn--active){border-color:var(--amber);color:var(--text)}.netbuild-modes{border:1.5px solid var(--border);border-radius:99px;margin-left:auto;display:flex;overflow:hidden}.netbuild-mode-btn{cursor:pointer;background:var(--surface-2);color:var(--text-muted,#64748b);border:none;padding:.3rem 1rem;font-size:.82rem;font-weight:700;transition:background .15s,color .15s}.netbuild-mode-btn+.netbuild-mode-btn{border-left:1.5px solid var(--border)}.netbuild-mode-btn--active{color:#fff;background:#6366f1}.netbuild-mode-btn:hover:not(.netbuild-mode-btn--active){background:#6366f1}@supports (color:color-mix(in lab,red,red)){.netbuild-mode-btn:hover:not(.netbuild-mode-btn--active){background:color-mix(in srgb,#6366f1 10%,var(--surface-2))}}.netbuild-mode-btn:hover:not(.netbuild-mode-btn--active){color:#6366f1}.netdiagram-legend{flex-wrap:wrap;gap:.4rem;margin-block:.75rem;display:flex}.netdiagram-legend__item{border-radius:999px;align-items:center;gap:5px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.netdiagram-legend__edge{padding-inline:.3rem;background:0 0!important}.netdiagram-wrap{border:1.5px solid var(--border);background:#f8fafc;border-radius:.75rem;margin-block:.5rem;padding:.5rem;position:relative;overflow-x:auto}.netdiagram-expand-btn{z-index:2;border:1.5px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.netdiagram-expand-btn:hover{background:var(--text);color:#fff;border-color:var(--text)}.netdiagram-modal{z-index:9999;background:#0f172a99;justify-content:center;align-items:stretch;padding:16px;display:flex;position:fixed;inset:0}.netdiagram-modal__inner{width:100%;max-width:1200px;box-shadow:var(--shadow-lg);background:#fff;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.netdiagram-modal__header{border-bottom:1.5px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.netdiagram-modal__title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.netdiagram-modal__close{border:1.5px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex}.netdiagram-modal__close:hover{color:#fff;background:#dc2626;border-color:#dc2626}.netdiagram-modal__legend{border-bottom:1px solid var(--border);flex-shrink:0;padding:.5rem 1rem}.netdiagram-modal__svg{flex:1;min-height:0;padding:.5rem 1rem;overflow:hidden}.netdiagram-modal__svg svg{width:100%;height:100%}.netdiagram-modal__steps{border-top:1.5px solid var(--border);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem;display:flex}.netdiagram-dot{pointer-events:none;filter:drop-shadow(0 0 5px #f59e0bbf);transition:cx .44s cubic-bezier(.4,0,.2,1),cy .44s cubic-bezier(.4,0,.2,1)}.netdiagram-dot--return{filter:drop-shadow(0 0 5px #0ea5e9bf)}.netdiagram-scenarios{flex-direction:column;gap:.5rem;margin-block-start:1rem;display:flex}.netdiagram-scenarios__label{color:var(--text);margin:0;font-size:.875rem;font-weight:600}.netdiagram-scenario-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.netdiagram-step-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-block-start:.75rem;padding:1rem 1.25rem;display:flex}.netdiagram-step__counter{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.netdiagram-step__label{color:var(--text);margin:0;font-size:.95rem;line-height:1.55}.netdiagram-step__controls{flex-wrap:wrap;gap:.5rem;display:flex}.imgfmt-wrap{flex-direction:column;gap:1.25rem;display:flex}.imgfmt-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.imgfmt-result-column,.imgfmt-workbench{flex-direction:column;gap:.9rem;display:flex}.imgfmt-upload-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.imgfmt-controls-stack{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.imgfmt-upload-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.imgfmt-upload-button{color:#0f172a;letter-spacing:.01em;text-transform:uppercase;text-align:center;transform-origin:0;cursor:pointer;background:#fff;border:1px solid #334155;border-radius:999px;width:92px;margin-right:-20px;padding:.18rem .28rem;font-size:.56rem;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s;transform:scale(.72)}.imgfmt-upload-button:hover{transform:scale(.72)translateY(-1px);box-shadow:0 3px 10px #0f172a1f}.imgfmt-upload-file{color:#475569;font-size:.8rem;font-weight:600}.imgfmt-source-title{letter-spacing:.06em;text-transform:uppercase;color:#475569;margin:0;padding:.55rem .7rem;font-size:.73rem;font-weight:800}.imgfmt-result-toolbar,.imgfmt-source-title{background:#f8fafc;border-bottom:1px solid #e5e7eb}.imgfmt-result-toolbar{justify-content:space-between;align-items:center;display:flex}.imgfmt-result-toolbar .imgfmt-source-title{border-bottom:0;flex:1}.imgfmt-zoom-btn{color:#111827;cursor:pointer;background:#fff;border:2px solid #1f2937;border-radius:999px;width:2rem;height:2rem;margin-right:.6rem;font-size:1.1rem;font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s}.imgfmt-zoom-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 3px 10px #1118272e}.imgfmt-zoom-btn:disabled{opacity:.45;cursor:not-allowed}.imgfmt-preview-viewport{cursor:grab;background:#f8fafc;height:clamp(260px,36vw,420px);overflow:auto}.imgfmt-preview-viewport--dragging{cursor:grabbing}.imgfmt-preview-image{object-fit:contain;object-position:top left;background:#f8fafc;width:100%;min-height:0;max-height:none;display:block}.imgfmt-preview-image--zoomable{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-height:none}.imgfmt-zoom-level{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0;padding:.45rem .75rem .25rem;font-size:.74rem;font-weight:700}.imgfmt-empty{text-align:center;color:#64748b;background:linear-gradient(135deg,#f8fafc,#eef2ff);place-items:center;min-height:220px;padding:1rem;font-size:.88rem;font-weight:600;line-height:1.5;display:grid}.imgfmt-error{color:#b91c1c;margin:0;padding:.6rem .75rem .75rem;font-size:.78rem;font-weight:700}.imgfmt-scene-outer{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;transition:border-color .25s;position:relative;overflow:hidden}.imgfmt-scene-wrap{width:100%;display:block;position:relative}.imgfmt-checkerboard{pointer-events:none;background-color:#f0f0f0;background-image:linear-gradient(45deg,#c8c8c8 25%,#0000 0),linear-gradient(-45deg,#c8c8c8 25%,#0000 0),linear-gradient(45deg,#0000 75%,#c8c8c8 0),linear-gradient(-45deg,#0000 75%,#c8c8c8 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.imgfmt-svg{width:100%;display:block;position:relative}.imgfmt-gif-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#7c3aed;border-radius:99px;padding:.25rem .65rem;font-size:.68rem;font-weight:800;position:absolute;top:.6rem;right:.6rem;box-shadow:0 1px 6px #00000040}.imgfmt-format-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}@media (max-width:480px){.imgfmt-format-buttons{grid-template-columns:repeat(2,1fr)}}.imgfmt-format-btn{cursor:pointer;text-align:center;color:#374151;-webkit-user-select:none;user-select:none;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;font-size:.72rem;font-weight:600;transition:border-color .18s,background .18s,transform .12s,box-shadow .18s;display:flex}.imgfmt-format-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.imgfmt-format-btn__ext{letter-spacing:-.01em;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:800}.imgfmt-format-btn__action{opacity:.75;font-size:.66rem}.imgfmt-format-btn--active{box-shadow:inset 0 0 0 1px}.imgfmt-jpeg-quality{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.7rem;padding:.75rem .8rem}.imgfmt-jpeg-quality__header{color:#334155;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:flex}.imgfmt-jpeg-quality__slider{width:100%}.imgfmt-jpeg-quality__hint{color:#64748b;margin:.45rem 0 0;font-size:.76rem;line-height:1.45}.imgfmt-info-panel{border:2px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:.9rem;padding:1rem 1.25rem;transition:border-color .25s,background .25s;display:flex}.imgfmt-info-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.imgfmt-info-panel__title{margin:0 0 .2rem;font-size:.95rem;font-weight:800;transition:color .2s}.imgfmt-info-panel__fullname{color:#6b7280;margin:0;font-size:.8rem}.imgfmt-section-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 .3rem;font-size:.7rem;font-weight:800}.imgfmt-description,.imgfmt-usage{color:var(--text);margin:0;font-size:.85rem;line-height:1.55}.imgfmt-filesize-group{flex-direction:column;align-items:flex-end;gap:.25rem;min-width:130px;display:flex}.imgfmt-filesize__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.imgfmt-filesize__value{font-size:1.1rem;font-weight:800;transition:color .2s}.imgfmt-filesize__bar-bg{background:#e5e7eb;border-radius:99px;width:130px;height:9px;overflow:hidden}.imgfmt-filesize__bar-fill{border-radius:99px;height:100%;transition:width .45s,background .25s}.imgfmt-features{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.imgfmt-features__item{color:var(--text);align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.45;display:flex}.imgfmt-features__item-icon{flex-shrink:0;font-size:.85rem;font-weight:800;line-height:1.45}.imgfmt-features__item-icon--pos{color:#16a34a}.imgfmt-features__item-icon--neg{color:#dc2626}.imgfmt-badges{flex-wrap:wrap;gap:.5rem;display:flex}.imgfmt-badge{border:1.5px solid;border-radius:99px;align-items:center;gap:.25rem;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}@media (max-width:980px){.imgfmt-main-grid{grid-template-columns:1fr}}@keyframes imgfmt-sun-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes imgfmt-bird-fly{0%{opacity:0;transform:translate(-80px)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(430px)}}.imgfmt-sun-anim{animation:imgfmt-sun-bob 1.6s ease-in-out infinite}.imgfmt-bird-anim,.imgfmt-sun-anim{transform-box:fill-box;transform-origin:50%}.imgfmt-bird-anim{animation:imgfmt-bird-fly 3.2s linear infinite}.home-page{gap:64px;padding:0 0 112px}.home-hero,.home-page{flex-direction:column;align-items:center;display:flex}.home-hero{text-align:center;background:#fff0f3;gap:14px;width:100%;padding:72px 24px 64px}.home-eyebrow{letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:1.05rem;font-weight:600}.home-title{font-family:var(--font-display),serif;letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;line-height:1}.home-subtitle{font-size:1.1rem;font-weight:500;line-height:1.6}.home-subtitle,.home-tagline{color:var(--text-muted);margin:0}.home-tagline{font-size:.95rem;font-style:italic}.home-grid-section{width:100%;max-width:900px}.home-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.home-form-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.home-form-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.home-form-card__bar{background:var(--card-accent,#6366f1);flex-shrink:0;width:5px}.home-form-card__body{flex-direction:column;flex:1;gap:8px;padding:22px 20px;display:flex}.home-form-card__label{font-family:var(--font-display),serif;color:var(--card-accent,#6366f1);font-size:1.75rem;font-weight:700;line-height:1}.home-form-card__topics{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.home-form-card__topics li{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;line-height:1.4;display:flex}.home-form-card__topics li:before{content:"";background:var(--card-accent,#6366f1);border-radius:2px;flex-shrink:0;width:7px;height:7px;display:inline-block}.home-form-card[data-form=s1]{--card-accent:#6366f1}.home-form-card[data-form=s2]{--card-accent:#0ea5e9}.home-form-card[data-form=s3]{--card-accent:#10b981}.home-form-card[data-form=s4]{--card-accent:#f59e0b}.home-form-card[data-form=s5]{--card-accent:#ec4899}.home-form-card[data-form=s6]{--card-accent:#8b5cf6}@media (max-width:900px){.categorize-grid,.connect-grid,.detail-grid{grid-template-columns:1fr}.home-form-grid{grid-template-columns:repeat(2,1fr)}.home-page{padding:72px 24px 96px}}@media (max-width:520px){.home-form-grid{grid-template-columns:1fr}}.app-shell{align-items:flex-start;min-height:calc(100vh - 56px);display:flex;position:relative}.app-shell main{flex:1;min-width:0}.sidebar-toggle{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff52;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .14s,border-color .14s;display:inline-flex}.sidebar-toggle:hover{background:#fff3;border-color:#ffffff80}.sidebar-toggle__lines,.sidebar-toggle__lines:after,.sidebar-toggle__lines:before{content:"";background:currentColor;border-radius:999px;width:16px;height:2px;display:block}.sidebar-toggle__lines{position:relative}.sidebar-toggle__lines:before{position:absolute;top:-5px;left:0}.sidebar-toggle__lines:after{position:absolute;top:5px;left:0}.app-shell--sidebar-hidden .sidebar{display:none}.sidebar{border-right:1px solid var(--border);flex-shrink:0;width:220px;height:calc(100vh - 56px);padding:24px 12px 40px;transition:width .18s;position:sticky;top:56px;overflow-y:auto}.sidebar__heading{text-transform:uppercase;letter-spacing:.07em;color:#64748b;border-bottom:1px solid var(--border);margin-bottom:4px;padding:0 8px 10px;font-size:.72rem;font-weight:700}.sidebar__heading a{color:inherit;text-decoration:none}.sidebar__heading a:hover{color:#0d1f3c}.sidebar__link{color:#475569;border-radius:6px;margin-bottom:2px;padding:7px 10px;font-size:.87rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block}.sidebar__link:hover{color:#0d1f3c;background:#f1f5f9}.sidebar__link--active{color:#0d1f3c;background:#e8edf5;font-weight:600}.sidebar__sub{border-left:2px solid #e2e8f0;margin:2px 0 4px 10px;padding-left:12px}.sidebar__link--sub{color:#64748b;padding:5px 8px;font-size:.82rem}.sidebar__link--sub.sidebar__link--active{color:#0d1f3c;background:#e8edf5}.site-navbar{z-index:200;background:#0d1f3c;justify-content:space-between;height:56px;padding:0 28px;position:sticky;top:0}.navbar-left,.site-navbar{align-items:center;display:flex}.navbar-left{gap:10px}.navbar-brand{font-family:var(--font-display),serif;color:#fff;align-items:center;gap:8px;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}.navbar-brand__icon{font-size:1.35rem}.navbar-brand__text{color:#fff}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-link{color:#ffffffd1;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .14s,color .14s}.navbar-link--active,.navbar-link:hover{color:#fff;background:#ffffff26}.navbar-dropdown{position:relative}.navbar-dropdown__trigger{align-items:center;gap:5px;display:flex}.navbar-dropdown__caret{opacity:.7;font-size:.7rem;line-height:1;transition:transform .18s}.navbar-dropdown:hover .navbar-dropdown__caret{transform:rotate(180deg)}.navbar-dropdown__menu{z-index:300;background:#fff;border:1px solid #0000001a;border-radius:10px;min-width:180px;padding-top:6px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.navbar-dropdown__menu:before{content:"";height:6px;position:absolute;top:-6px;left:0;right:0}.navbar-dropdown:hover .navbar-dropdown__menu{display:block}.navbar-dropdown__item{color:#1a365d;padding:10px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .12s;display:block}.navbar-dropdown__item--active,.navbar-dropdown__item:hover{background:#eef2f9}.navbar-dropdown__item--header{text-transform:uppercase;letter-spacing:.05em;color:#64748b;cursor:default;pointer-events:none;font-size:.8rem;font-weight:700}.navbar-dropdown__divider{background:#e2e8f0;height:1px;margin:2px 0}.vform-wrap{padding:20px 24px 24px}.vform-legend{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.vform-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.vform-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:520px;padding:24px 28px}.vform-title{text-align:center;color:#0d1f3c;margin-bottom:20px;font-size:1.1rem;font-weight:700}.vform-fields{gap:12px}.vform-field,.vform-fields{flex-direction:column;display:flex}.vform-field{gap:2px}.vform-label{color:#475569;font-size:.82rem;font-weight:600}.vform-input-row{align-items:center;gap:10px;display:flex}.vform-input{color:#1e293b;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;flex:1;min-height:30px;padding:5px 10px;font-size:.88rem}.vform-input--error{border-width:2px}.vform-input__placeholder{min-height:18px;display:block}.vform-check-tag{color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.vform-error{margin-left:2px;font-size:.78rem;font-weight:500}.data-control-typing{padding:20px 24px 24px}.data-control-typing--embedded{padding:0}.data-control-typing__stats{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.data-control-typing__stat-pill{color:#0f172a;cursor:default;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.82rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.data-control-typing__stat-pill strong{font-size:.88rem}.data-control-typing__stat-pill:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a1f}.data-control-typing__stat-label{letter-spacing:.01em;font-weight:700}.data-control-typing__stat-icon{font-size:.95rem}.data-control-typing__stat-pill--correct{color:#166534;background:#f0fdf4;border-color:#22c55e}.data-control-typing__stat-pill--wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.data-control-typing__stat-pill--streak{color:#92400e;background:#fffbeb;border-color:#f59e0b}.data-control-typing__stat-pill--time{color:#1d4ed8;background:#eff6ff;border-color:#38bdf8}.data-control-typing__stat-pill--round{color:#334155;background:#f8fafc;border-color:#94a3b8}.data-control-typing__stat-pill--bounce{animation:data-control-stat-bounce .42s}.data-control-typing__stat-pill--shake{animation:data-control-stat-shake .42s}@keyframes data-control-stat-bounce{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes data-control-stat-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.data-control-typing__streak-fire{transform-origin:50%;line-height:1;display:inline-block}.data-control-typing__streak-fire--none,.data-control-typing__streak-fire--small{font-size:1rem}.data-control-typing__streak-fire--medium{font-size:1.25rem}.data-control-typing__streak-fire--large{font-size:1.5rem;animation:data-control-fire-grow .48s ease-out}@keyframes data-control-fire-grow{0%{transform:scale(.8)}60%{transform:scale(1.2)}to{transform:scale(1)}}.data-control-typing__time-ring{width:1.45rem;height:1.45rem}.data-control-typing__time-icon,.data-control-typing__time-ring{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.data-control-typing__time-icon{background:#fff;width:1.1rem;height:1.1rem;font-size:.72rem;animation:data-control-clock-tick 1.1s linear infinite}@keyframes data-control-clock-tick{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.data-control-typing__sound-toggle{color:#1e3a8a;background:#eff6ff;border-color:#93c5fd;align-items:center;gap:6px;min-height:0;padding:6px 12px;font-size:.8rem;transition:transform .18s,box-shadow .18s;display:inline-flex}.data-control-typing__sound-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1e3a8a29}.data-control-typing__sound-toggle--on{color:#0c4a6e;background:#e0f2fe;border-color:#0284c7}.data-control-typing__sound-icon{font-size:.95rem}.achievement-modal{z-index:220;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.achievement-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;position:absolute;inset:0}.achievement-modal__panel{text-align:center;background:linear-gradient(160deg,#fff,#eff6ff);border:1px solid #cbd5e1;border-radius:16px;width:min(92vw,420px);padding:18px 18px 16px;animation:achievement-popup-in .28s ease-out;position:relative;box-shadow:0 18px 36px #0f172a4d}@keyframes achievement-popup-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.achievement-modal__particles{pointer-events:none;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:10px 8px auto}.achievement-modal__particles span{justify-self:center;font-size:.95rem;animation:achievement-particle-fall 1.05s ease-out infinite}.achievement-modal__particles span:nth-child(2){animation-delay:.11s}.achievement-modal__particles span:nth-child(3){animation-delay:.19s}.achievement-modal__particles span:nth-child(4){animation-delay:.26s}.achievement-modal__particles span:nth-child(5){animation-delay:.34s}@keyframes achievement-particle-fall{0%{opacity:0;transform:translateY(-3px)scale(.7)}35%{opacity:1}to{opacity:0;transform:translateY(12px)scale(1)}}.achievement-modal__emoji{margin:6px 0 2px;font-size:2.2rem}.achievement-modal__title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.achievement-modal__message{color:#334155;margin:6px 0;font-size:.92rem}.achievement-modal__badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;width:fit-content;margin:0 auto 8px;padding:4px 10px;font-size:.78rem;font-weight:700}.achievement-modal__copied{color:#15803d;margin:0 0 8px;font-size:.78rem;font-weight:700}.achievement-modal__actions{justify-content:center}.data-control-typing__sound-note{color:#475569;margin:-2px 0 12px;font-size:.78rem}.data-control-typing__mascot-wrap{margin:2px 0 10px}.data-control-typing__mascot{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #cbd5e1;border-radius:14px;gap:4px;width:fit-content;min-width:180px;padding:10px 12px;display:grid}.data-control-typing__mascot-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0;font-size:.7rem;font-weight:700}.data-control-typing__mascot-stage{justify-content:center;align-items:center;min-height:34px;display:flex;position:relative}.data-control-typing__mascot-emoji{font-size:1.6rem;line-height:1}.data-control-typing__mascot-caption{color:#334155;text-align:center;margin:0;font-size:.8rem;font-weight:700}.data-control-typing__mascot-glasses{font-size:.95rem;animation:mascot-glasses-drop .52s ease-out;position:absolute;top:-12px}@keyframes mascot-glasses-drop{0%{opacity:0;transform:translateY(-14px)scale(.8)}70%{opacity:1;transform:translateY(1px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.data-control-typing__mascot--dance .data-control-typing__mascot-emoji{animation:mascot-dance .65s ease-in-out}@keyframes mascot-dance{0%{transform:translate(0)rotate(0)}25%{transform:translate(-5px)rotate(-8deg)}50%{transform:translate(5px)rotate(8deg)}75%{transform:translate(-4px)rotate(-7deg)}to{transform:translate(0)rotate(0)}}.data-control-typing__mascot--thumbs .data-control-typing__mascot-emoji{animation:mascot-thumbs .52s ease-out}@keyframes mascot-thumbs{0%{opacity:.3;transform:scale(.84)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.data-control-typing__mascot--rock .data-control-typing__mascot-emoji{animation:mascot-rock .6s ease-out}@keyframes mascot-rock{0%{transform:rotate(0)scale(.92)}30%{transform:rotate(-10deg)scale(1.05)}65%{transform:rotate(10deg)scale(1.08)}to{transform:rotate(0)scale(1)}}.data-control-typing__mascot--victory .data-control-typing__mascot-emoji{animation:mascot-victory .62s ease-out}@keyframes mascot-victory{0%{opacity:.4;transform:translateY(6px)scale(.9)}55%{opacity:1;transform:translateY(-5px)scale(1.13)}to{opacity:1;transform:translateY(0)scale(1)}}.data-control-typing__streak{color:#b45309;background:#fff7ed}.data-control-typing__timer{color:#0f766e;background:#f0fdfa}.data-control-typing__timer--urgent{color:#dc2626;background:#fef2f2;animation:data-control-timer-pulse .7s ease-in-out infinite}@keyframes data-control-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.data-control-typing__progress{margin:0 0 12px}.data-control-typing__progress-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.data-control-typing__progress-fill{background:linear-gradient(90deg,#0ea5e9,#22c55e);height:100%;transition:width .36s}.data-control-typing__progress-text{color:#64748b;margin:6px 0 0;font-size:.82rem;font-weight:700}.data-control-typing__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:16px;display:grid;position:relative;overflow:hidden}.data-control-typing__card--wrong{border-color:#ef4444;animation:data-control-shake .42s}@keyframes data-control-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.data-control-typing__celebrate{pointer-events:none;z-index:2;grid-template-columns:repeat(5,1fr);align-items:start;padding:8px 12px;display:grid;position:absolute;inset:0}.data-control-typing__celebrate span{opacity:0;justify-self:center;font-size:1.05rem;animation:data-control-burst .9s ease-out forwards}.data-control-typing__celebrate span:nth-child(2){animation-delay:40ms}.data-control-typing__celebrate span:nth-child(3){animation-delay:80ms}.data-control-typing__celebrate span:nth-child(4){animation-delay:.12s}.data-control-typing__celebrate span:nth-child(5){animation-delay:.16s}@keyframes data-control-burst{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(78px)scale(1.1)rotate(16deg)}}.data-control-typing__question{gap:8px;display:grid}.data-control-typing__question-text{color:#334155;margin:0;font-weight:700}.data-control-typing__sample-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.data-control-typing__form-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0f172a0d}.data-control-typing__form-card-head{color:#1e293b;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:10px 12px;font-size:.9rem;font-weight:700}.data-control-typing__form-card-body{gap:8px;padding:12px;display:grid}.data-control-typing__form-label{color:#334155;font-size:.84rem;font-weight:700}.data-control-typing__required{color:#dc2626}.data-control-typing__form-input{color:#0f172a;background:#fff;border:1.8px solid #cbd5e1;border-radius:8px;align-items:center;min-height:38px;padding:9px 10px;font-size:.92rem;display:flex}.data-control-typing__form-error{grid-template-columns:auto 1fr;align-items:start;gap:6px;margin:0;font-size:.82rem;font-weight:600;display:grid}.data-control-typing__form{gap:10px;display:grid}.data-control-typing__fx{letter-spacing:.01em;margin:0;font-size:.88rem;font-weight:800}.data-control-typing__fx--correct{color:#15803d;animation:data-control-check-pop .52s ease-out}.data-control-typing__fx--wrong{color:#dc2626;animation:data-control-x-pop .42s ease-out}@keyframes data-control-check-pop{0%{opacity:0;transform:scale(.7)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes data-control-x-pop{0%{opacity:0;transform:translateY(-2px)scale(.7)}65%{opacity:1;transform:translateY(0)scale(1.06)}to{opacity:1;transform:scale(1)}}.data-control-typing__input-label{color:#334155;font-size:.86rem;font-weight:700}.data-control-typing__input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem}.data-control-typing__input:focus{border-color:#334155;outline:none;box-shadow:0 0 0 3px #3341551f}.data-control-typing__helper{margin:0;font-size:.84rem;font-weight:600}.data-control-typing__helper--warn{color:#b45309}.data-control-typing__helper--ok{color:#15803d;animation:data-control-ok-pop .42s ease-out}.data-control-typing__helper--wrong{color:#dc2626;font-weight:700}@keyframes data-control-ok-pop{0%{opacity:.1;transform:scale(.96)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.data-control-typing__finish-confetti{grid-template-columns:repeat(8,1fr);margin:4px 0 10px;display:grid}.data-control-typing__finish-confetti span{justify-self:center;font-size:1.08rem;animation:data-control-finish-drop 1s ease-out infinite}.data-control-typing__finish-confetti span:nth-child(2){animation-delay:80ms}.data-control-typing__finish-confetti span:nth-child(3){animation-delay:.16s}.data-control-typing__finish-confetti span:nth-child(4){animation-delay:.24s}.data-control-typing__finish-confetti span:nth-child(5){animation-delay:.32s}.data-control-typing__finish-confetti span:nth-child(6){animation-delay:.4s}.data-control-typing__finish-confetti span:nth-child(7){animation-delay:.48s}.data-control-typing__finish-confetti span:nth-child(8){animation-delay:.56s}@keyframes data-control-finish-drop{0%{opacity:0;transform:translateY(-4px)rotate(-8deg)}35%{opacity:1}to{opacity:0;transform:translateY(10px)rotate(12deg)}}@media (min-width:860px){.data-control-typing__card{grid-template-columns:minmax(0,1fr)}.data-control-typing__form{max-width:560px}}.order-activity{padding:20px 24px 24px}.order-activity__prompt{color:var(--fg);margin-bottom:16px;font-weight:600}.order-list{flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.order-list__item{border:2px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;align-items:center;gap:12px;width:fit-content;max-width:min(100%,540px);padding:12px 14px;transition:border-color .16s,background .16s,opacity .16s;display:flex}.order-list__item:active{cursor:grabbing}.order-list__item--dragging{opacity:.45}.order-list__item--correct{background:#f0fdf4;border-color:#22c55e}.order-list__item--wrong{background:#fff5f5;border-color:#ef4444}.order-list__num{color:#fff;background:#0d1f3c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.order-list__item--correct .order-list__num{background:#22c55e}.order-list__item--wrong .order-list__num{background:#ef4444}.order-list__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:0 auto;min-width:0;max-width:28ch;font-size:.95rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.order-list__badge{color:#ef4444;white-space:nowrap;font-size:.8rem;font-weight:600}.order-list__item--correct .order-list__badge{color:#16a34a}.order-list__handle{color:#cbd5e1;flex-shrink:0;font-size:1.1rem}.order-activity__result{align-items:center;gap:16px;margin-top:4px;display:flex}.order-activity__result p{color:var(--fg);font-weight:600}.order-activity__btn{color:#fff;cursor:pointer;background:#0d1f3c;border:none;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:background .14s}.order-activity__btn:hover{background:#1a365d}.scenario-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.scenario-scroll::-webkit-scrollbar{width:10px}.scenario-scroll::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.scenario-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.scenario-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mm-card{background:linear-gradient(#fff,#f8fbff);border:1px solid #dbe4f0;border-radius:18px;flex-direction:column;gap:14px;max-width:760px;padding:18px;display:flex;box-shadow:0 8px 20px #0f172a0d}.mm-card--plain{box-shadow:none;background:0 0;border:none;padding:0}.mm-progress{color:#64748b;justify-content:space-between;font-size:.82rem;font-weight:600;display:flex}.mm-hint{color:#94a3b8;margin:-6px 0 0;font-size:.8rem;font-style:italic}.mm-format-badge{color:#fff;border-radius:999px;align-self:flex-start;padding:8px 28px;font-size:1.15rem;font-weight:700;display:inline-block}.mm-attr-grid{flex-wrap:wrap;gap:8px;display:flex}.practice-cat-btn--attr{flex:140px;max-width:200px;padding:12px 14px}.mm-format-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:420px;display:grid!important}.mm-format-grid .practice-cat-btn{flex:unset;max-width:unset;width:100%}.mm-format-choice-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;max-width:680px;display:grid}.mm-format-choice-card{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.mm-format-choice-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a14}.mm-format-choice-card--active{background:#eef6ff;border-color:#3b82f6!important}.mm-format-choice-card__label{color:#0f172a;font-size:1.02rem;font-weight:800}.mm-format-choice-card__desc{color:#64748b;font-size:.82rem}.mm-choice-column{flex-direction:column;gap:12px;max-width:680px;display:flex}.mm-answer-btn{text-align:left;cursor:pointer;background:#fff;border:2px solid #d5deea;border-radius:14px;justify-content:flex-start;align-items:center;width:100%;min-height:74px;padding:16px 18px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;display:flex}.mm-answer-btn:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.mm-answer-btn:disabled{cursor:default}.mm-answer-btn--selected{background:#eff6ff;border-color:#3b82f6}.mm-answer-btn--correct{background:#f0fdf4;border-color:#16a34a}.mm-answer-btn--wrong{background:#fef2f2;border-color:#dc2626}.mm-answer-btn__label{color:#0f172a;font-size:1.05rem;font-weight:800}.mm-coming-soon{color:#334155;font-size:.96rem}.mm-inline-actions{flex-wrap:wrap;gap:10px;display:flex}.mm-done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.mm-done__emoji{font-size:2.5rem}.mm-done__title{color:#0d1f3c;font-size:1.2rem;font-weight:700}.mm-done__score{color:#475569;font-size:1rem;font-weight:500}.scan-activity{padding:20px 24px 28px}.scan-activity__meta{color:#64748b;min-height:1.2em;margin-bottom:16px;font-size:.85rem;font-weight:600}.scan-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.scan-card{border:2px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.scan-card--correct{background:#f0fdf4;border-color:#22c55e}.scan-card--wrong{background:#fff5f5;border-color:#ef4444}.scan-card__label{color:#1e293b;font-size:.88rem;font-weight:600}.scan-card__visual{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.scan-svg{width:100%;max-width:200px;height:auto;display:block}.scan-card__question{color:#475569;font-size:.85rem;font-weight:500}.scan-card__btns{gap:8px;display:flex}.scan-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;flex:1;padding:8px 0;font-size:.9rem;font-weight:700;transition:background .14s,border-color .14s}.scan-btn--yes{color:#15803d;background:#f0fdf4;border-color:#22c55e}.scan-btn--yes:hover{background:#dcfce7}.scan-btn--no{color:#b91c1c;background:#fff5f5;border-color:#ef4444}.scan-btn--no:hover{background:#fee2e2}.scan-card__result{flex-direction:column;gap:6px;display:flex}.scan-card__verdict{font-size:.88rem;font-weight:700}.scan-card__verdict--correct{color:#16a34a}.scan-card__verdict--wrong{color:#dc2626}.scan-card__explanation{color:#475569;font-size:.82rem;line-height:1.5}.home-subject-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto;padding:0 24px;display:grid}.subject-card{border:2px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:32px;gap:16px;padding:32px;transition:all .2s;display:grid}.subject-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.subject-card--ict{background:linear-gradient(135deg,#e1ebfae6,#ffffffe6);border-color:#1a365d}.subject-card--math{border-color:var(--teal);background:linear-gradient(135deg,#dcf0fae6,#ffffffe6)}.subject-card--coming-soon{opacity:.85}.subject-card__icon{font-size:3.5rem;line-height:1}.subject-card__title{font-family:var(--font-display),serif;margin:0;font-size:2rem}.subject-card__desc{color:var(--muted);margin:0;font-size:.95rem}.subject-card__action{color:#fff;background:#1a365d;border-radius:999px;margin-top:auto;padding:12px 24px;font-weight:600;transition:background .16s}.subject-card--math .subject-card__action{background:var(--teal)}.subject-card--math .subject-card__action:hover{background:#0f5f5f}.subject-card--math .subject-card__badge{display:none}.subject-card__badge{background:var(--teal);color:#fff;border-radius:999px;margin-top:auto;padding:8px 16px;font-size:.85rem;font-weight:600}.form-card__header{justify-content:space-between;align-items:center;display:flex}.form-card__topics{color:var(--muted);margin:0;padding-left:18px;font-size:.85rem;list-style:outside}.form-card__more{font-weight:600;list-style:none}.form-card__cta{color:#fff;background:#1a365d;border-color:#1a365d;margin-top:8px}.form-card--coming-soon{opacity:.85}.form-card__badge{background:var(--teal);color:#fff;border-radius:999px;margin-top:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.topic-card--coming-soon{opacity:.85;cursor:default}.topic-card--coming-soon:hover{transform:none}.table-wrapper{margin-top:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:auto;max-width:550px;font-size:.88rem}.data-table td,.data-table th{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.data-table th{color:var(--text);border-bottom:2px solid var(--border);background:#f8fafc;font-weight:700}.data-table tr:hover{background:0 0}.data-table td:first-child{white-space:nowrap}.data-table td strong{font-family:var(--font-display),serif;color:#1a365d;font-size:1rem}.data-table tbody tr:first-child td,.data-table tbody tr:nth-child(2) td,.data-table tbody tr:nth-child(4) td,.data-table tbody tr:nth-child(6) td{border-bottom:none}.form-card__cta--teal{background:var(--teal);border-color:var(--teal)}.game-container{border:2px solid var(--border);background:linear-gradient(135deg,#fafaffe6,#ffffffe6);border-radius:20px;padding:24px}.game-title{font-family:var(--font-display),serif;text-align:center;margin:0 0 20px;font-size:1.4rem}.level-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.level-btn{border:2px solid var(--teal);color:var(--teal);cursor:pointer;background:#fff;border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s}.level-btn:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}.level-btn--secondary{border-color:var(--muted);color:var(--muted)}.level-btn--secondary:hover{background:var(--muted);color:#fff}.game-header{color:var(--muted);justify-content:space-between;margin-bottom:16px;font-weight:600;display:flex}.question-counter,.score-display{font-size:.9rem}.score-display{color:var(--teal)}.timer-bar-container{background:#e5e7eb;border-radius:999px;width:100%;height:12px;margin-bottom:8px;overflow:hidden}.timer-bar{border-radius:999px;height:100%;transition:width .3s linear,background-color .3s}.timer-text{color:var(--text);font-size:1.1rem;font-weight:700}.question-area,.timer-text{text-align:center;margin-bottom:24px}.question-text{color:var(--text);margin:0;font-size:1.2rem}.highlight-number{color:#1a365d;font-size:3rem;font-family:var(--font-display),serif;margin:16px 0;display:block}.highlight-divisor{color:var(--teal);font-size:1.5rem}.answer-buttons{justify-content:center;gap:16px;display:flex}.answer-btn{cursor:pointer;border:none;border-radius:16px;padding:16px 40px;font-size:1.2rem;font-weight:700;transition:all .2s}.answer-btn:disabled{opacity:.5;cursor:not-allowed}.answer-btn--yes{color:#166534;background:#dcfce7}.answer-btn--yes:hover:not(:disabled){color:#fff;background:#16a34a;transform:scale(1.05)}.answer-btn--no{color:#b91c1c;background:#fee2e2}.answer-btn--no:hover:not(:disabled){color:#fff;background:#dc2626;transform:scale(1.05)}.feedback{text-align:center;border-radius:12px;margin-top:16px;padding:12px 20px;font-size:1.1rem;font-weight:700}.feedback--correct{color:#166534;background:#dcfce7}.feedback--wrong{color:#b91c1c;background:#fee2e2}.feedback--timeout{color:#92400e;background:#fef3c7}.game-over{text-align:center}.final-score{flex-direction:column;gap:4px;margin:20px 0;display:flex}.score-number{color:#1a365d;font-size:3rem;font-weight:800;font-family:var(--font-display),serif}.score-label{color:var(--muted);font-size:.95rem}.game-message{color:var(--text);margin-bottom:20px;font-size:1.1rem}.game-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game-title-area{text-align:center}.game-area{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.level-btn--active{background:var(--teal);color:#fff}.explanation{text-align:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:16px;padding:16px}.explanation p{color:#0369a1;margin:0;font-size:.95rem;line-height:1.5}.next-btn{color:#fff;cursor:pointer;background:#0369a1;border:none;border-radius:999px;margin-top:12px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.next-btn:hover{background:#0284c7;transform:translateY(-2px)}.hint-box{text-align:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;margin-bottom:16px;padding:12px 16px}.hint-box p{color:#92400e;margin:0;font-size:.9rem;font-weight:500}.game-area--timeout{animation:red-flash .3s ease-in-out 3}@keyframes red-flash{0%,to{background:0 0}50%{background:#ef444433}}.game-area--shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.confetti-container{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:confetti-fall 1.5s ease-out forwards;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(2turn)}}.header-left{align-items:center;gap:12px;display:flex}.hearts{gap:4px;display:flex}.heart{font-size:1.2rem;transition:transform .2s,opacity .3s}.heart--dead{opacity:.4;transform:scale(.8)}.header-right{align-items:center;gap:10px;display:flex}.streak-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{50%{opacity:.5}}.score-bar-container{background:#e5e7eb;border-radius:999px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.score-bar{border-radius:999px;height:100%;transition:width .3s,background .3s}.combo-bonus{color:#f59e0b;margin-top:4px;font-size:.9rem;font-weight:700;animation:bounce .3s;display:block}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.number-line-demo{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:16px;margin-top:16px;padding:24px}.number-line{background:#fff;border:2px solid #0ea5e9;border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 24px;display:flex}.number-line__zero{color:#0ea5e9;font-size:1.5rem;font-weight:800}.number-line__label{border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.number-line__label--negative{color:#b91c1c;background:#fee2e2}.number-line__label--positive{color:#166534;background:#dcfce7}.number-line__tip{text-align:center;color:#0369a1;margin:0;font-size:.9rem}.directed-subtopic-link{margin-top:20px}.dn-walk{background:linear-gradient(#f8fbff,#fff);border:1px solid #cbd5e1;border-radius:16px;gap:16px;padding:18px;display:grid}.dn-walk__controls{gap:8px;display:grid}.dn-walk__label{color:#1e3a5f;font-size:.9rem;font-weight:700}.dn-walk__input-row{flex-wrap:wrap;gap:10px;display:flex}.dn-walk__input{letter-spacing:.03em;border:2px solid #94a3b8;border-radius:10px;flex:220px;min-height:42px;padding:0 12px;font-size:1rem;font-weight:600}.dn-walk__helper{color:#475569;margin:0;font-size:.85rem}.dn-walk__error{color:#dc2626;margin:0;font-size:.85rem;font-weight:600}.dn-line-wrap{padding:54px 8px 42px;position:relative;overflow-x:auto}.dn-line{background:#64748b;border-radius:999px;height:4px}.dn-ticks{position:absolute;inset:34px 8px 0}.dn-tick{width:0;position:absolute;transform:translate(-50%)}.dn-tick__line{background:#64748b;width:2px;height:12px;display:block}.dn-tick__line--zero{background:#f59e0b;height:16px}.dn-tick__label{color:#475569;margin-top:8px;font-size:.78rem;font-weight:700;display:block;transform:translate(-50%)}.dn-tick__label--zero{color:#f59e0b;font-size:.86rem}.dn-walker{font-size:1.9rem;line-height:1;transition:left .26s cubic-bezier(.4,0,.2,1);position:absolute;top:0;transform:translate(-50%)}.dn-walker--static{transition:none}.dn-segment{border-radius:999px;justify-content:center;align-items:center;gap:6px;height:6px;animation:dnSegmentIn .28s ease-out;display:flex;position:absolute;top:24px}.dn-segment--right{background:linear-gradient(90deg,#60a5fa,#2563eb)}.dn-segment--left{background:linear-gradient(90deg,#fca5a5,#dc2626)}.dn-segment__arrow,.dn-segment__step{color:#0f172a;background:#ffffffd9;border-radius:999px;padding:0 5px;font-size:.72rem;font-weight:800}@keyframes dnSegmentIn{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.dn-walk__summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.dn-walk__summary p{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin:0;padding:10px 12px}.ordering-help{color:#64748b;margin:-2px 0 10px;font-size:.82rem}.ordering-area{gap:10px;margin-bottom:14px;display:grid}.ordering-item{cursor:grab;background:#fff;border:2px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ordering-item:active{cursor:grabbing}.ordering-item--correct{background:#f0fdf4;border-color:#16a34a}.ordering-item--wrong{background:#fff1f2;border-color:#dc2626}.ordering-item__value{color:#1e293b;font-size:1.05rem;font-weight:700}.ordering-item__controls{gap:6px;display:flex}.ordering-item__move{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:30px;height:30px;font-weight:700}.ordering-item__move:disabled{opacity:.4;cursor:not-allowed}.comparison-area{gap:20px;margin:24px 0}.comparison-area,.comparison-number{justify-content:center;align-items:center;display:flex}.comparison-number{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #f59e0b;border-radius:20px;min-width:120px;min-height:100px;padding:20px}.number-value{color:#1a365d;font-size:2.5rem;font-weight:800;font-family:var(--font-display),serif}.comparison-dropzone{cursor:pointer;background:#f0f9ff;border:3px dashed #0ea5e9;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.comparison-dropzone:hover{background:#dbeafe;border-color:#2563eb;transform:scale(1.05)}.dropzone-text{color:#0ea5e9;font-size:2.5rem;font-weight:800}.symbol-buttons{justify-content:center;gap:20px;margin-top:16px;display:flex}.symbol-btn{cursor:pointer;border:none;border-radius:16px;width:80px;height:80px;font-size:3rem;font-weight:800;transition:all .2s}.symbol-btn:disabled{opacity:.5;cursor:not-allowed}.symbol-btn--greater{color:#166534;background:#dcfce7;border:2px solid #16a34a}.symbol-btn--greater:hover:not(:disabled){color:#fff;background:#16a34a;transform:scale(1.1)}.symbol-btn--less{color:#b91c1c;background:#fee2e2;border:2px solid #dc2626}.symbol-btn--less:hover:not(:disabled){color:#fff;background:#dc2626;transform:scale(1.1)}.drag-hint{text-align:center;color:var(--muted);margin-top:12px;font-size:.85rem}.order-instruction{text-align:center;margin-bottom:16px}.order-instruction p{color:var(--text);margin:0;font-size:1.1rem}.order-instruction strong{color:var(--teal)}.bubble-container{scroll-behavior:smooth;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;margin:20px 0;padding:8px 6px;display:flex;overflow-x:auto}.bubble-container--dragging{background:linear-gradient(#3b82f614,#3b82f605);border-radius:14px}.ordering-current{text-align:center;color:#475569;margin:0 0 8px;font-size:.9rem;font-weight:600}.ordering-selected-hint{text-align:center;color:#0f766e;margin:0 0 10px;font-size:.84rem}.number-bubble{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:3px solid #3b82f6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;transition:margin .2s,transform .22s,box-shadow .22s,border-color .22s,background .22s;display:flex;position:relative}.number-bubble--drop-before{margin-left:28px;box-shadow:-10px 0 0 -7px #0ea5e9}.number-bubble--drop-after{margin-right:28px;box-shadow:10px 0 0 -7px #0ea5e9}.number-bubble--dragging{opacity:.72;border-style:dashed}.number-bubble:active{cursor:grabbing}.number-bubble:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d}.number-bubble--selected{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);border-color:#14b8a6;transform:scale(1.08);box-shadow:0 0 0 4px #14b8a638}.bubble-index{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;left:-8px}.bubble-value{color:#1e40af;font-size:1.2rem;font-weight:800}.submit-order-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;margin:16px auto 0;padding:12px 32px;font-size:1rem;font-weight:700;transition:all .2s;display:block}.submit-order-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.submit-order-btn:disabled{opacity:.5;cursor:not-allowed}.arithmetic-question{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:24px 0;display:flex}.arithmetic-text{color:var(--text);font-size:2rem;font-weight:700;font-family:var(--font-display),serif}.arithmetic-expression{gap:10px}.arith-token,.arithmetic-expression{align-items:center;display:inline-flex}.arith-token{gap:2px}.arithmetic-operator{color:var(--text);font-size:1.9rem;font-weight:800}.arith-paren,.arith-sign{font-size:1.7rem;line-height:1}.arith-fraction{flex-direction:column;justify-content:center;align-items:center;min-width:1.7em;line-height:1;display:inline-flex}.arith-fraction-top{border-bottom:2px solid;padding:0 .2em .08em;font-size:.8em;display:block}.arith-fraction-bottom{padding:.08em .2em 0;font-size:.8em;display:block}.arithmetic-equals{color:var(--muted);font-size:2rem;font-weight:700}.arithmetic-unknown{color:#1a365d;background:linear-gradient(135deg,#fef3c7,#fff);border:2px dashed #f59e0b;border-radius:12px;padding:8px 24px;font-size:2.5rem;font-weight:800}.option-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.option-btn{border:2px solid var(--border);cursor:pointer;color:var(--text);background:#f8fafc;border-radius:16px;padding:16px 32px;font-size:1.5rem;font-weight:700;transition:all .2s}.option-btn__content{justify-content:center;align-items:center;min-height:2em;display:inline-flex}.option-btn:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6;transform:scale(1.05)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.categorize-horizontal-layout{align-items:flex-start;width:100%;grid-template-columns:auto 1fr!important;gap:24px!important;display:grid!important}.drag-bank--left{border:1px dashed var(--line);background:#f8fafccc;border-radius:20px;gap:10px;padding:16px;flex-direction:column!important;display:flex!important}.drag-bank--left strong{color:var(--muted);text-align:center;font-size:.85rem}.drag-bank__items--vertical{grid-template-columns:repeat(3,1fr);align-content:flex-start;gap:8px;display:grid}.drag-bank__items--vertical .draggable-chip{justify-content:center;width:100%;min-width:auto}.categorize-grid--vertical{flex:1;gap:12px;min-width:0;flex-direction:column!important;display:flex!important}.categorize-grid--vertical .drop-zone{min-height:80px}@media (max-width:800px){.categorize-horizontal-layout{grid-template-columns:1fr!important;width:100%!important}.drag-bank__items--vertical{grid-template-columns:repeat(3,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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}