/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-outline-style:solid}}}@layer theme{:root,:host{--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;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.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}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-24{min-height:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--accent-border\)\]{border-color:var(--accent-border)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--danger-border\)\]{border-color:var(--danger-border)}.border-\[var\(--success-border\)\]{border-color:var(--success-border)}.border-\[var\(--warning-border\)\]{border-color:var(--warning-border)}.bg-\[var\(--action\)\]{background-color:var(--action)}.bg-\[var\(--danger-soft\)\]{background-color:var(--danger-soft)}.bg-\[var\(--primary-soft\)\]{background-color:var(--primary-soft)}.bg-\[var\(--success-soft\)\]{background-color:var(--success-soft)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-muted\)\]{background-color:var(--surface-muted)}.bg-\[var\(--warning-soft\)\]{background-color:var(--warning-soft)}.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-2{padding-inline:calc(var(--spacing) * 2)}.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-0\.5{padding-block:calc(var(--spacing) * .5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.68rem\]{font-size:.68rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[var\(--danger-text\)\]{color:var(--danger-text)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--on-action\)\]{color:var(--on-action)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--success-text\)\]{color:var(--success-text)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--warning-text\)\]{color:var(--warning-text)}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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-\[var\(--accent-ring\)\]{--tw-ring-color:var(--accent-ring)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\:border-\[var\(--accent-border\)\]:hover{border-color:var(--accent-border)}.hover\:bg-\[var\(--action-hover\)\]:hover{background-color:var(--action-hover)}.hover\:bg-\[var\(--primary-soft\)\]:hover{background-color:var(--primary-soft)}.hover\:bg-\[var\(--surface-muted\)\]:hover{background-color:var(--surface-muted)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--focus\)\]:focus-visible{outline-color:var(--focus)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.print\:mx-auto{margin-inline:auto}.print\:hidden{display:none}.print\:max-w-3xl{max-width:var(--container-3xl)}.print\:border-0{border-style:var(--tw-border-style);border-width:0}.print\:border-2{border-style:var(--tw-border-style);border-width:2px}.print\:p-0{padding:0}.print\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:var(--focus);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus)}a{color:inherit}::selection{color:#082f49;background:#7dd3fc}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);box-shadow:var(--shadow);border-radius:10px;padding:12px 16px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button:not(:disabled):active{transform:translateY(1px)}.button-sm{min-height:38px;padding:7px 11px;font-size:.875rem}.button-md{padding:10px 16px}.button-lg{min-height:52px;padding:13px 20px;font-size:1.05rem}.button-primary{background:var(--primary);color:#fff}.dark .button-primary{color:#082f49}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--surface-muted)}.button-ghost{color:var(--text);background:0 0}.button-danger{background:var(--danger);color:#fff}.icon-button{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-muted)}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:clamp(16px,3vw,28px)}.page{width:min(100%,1040px);margin-inline:auto;padding:20px 16px 112px}.page-header{margin-block-end:22px}.page-title{letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.15}.page-subtitle{max-width:680px;color:var(--muted);margin:8px 0 0;font-size:1.02rem;line-height:1.6}.section-title{margin:0 0 14px;font-size:1.25rem}.stack{gap:16px;display:grid}.cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;display:grid}.muted{color:var(--muted)}.field{gap:7px;display:grid}.field-label{font-weight:700}.field-hint{color:var(--muted);margin:0;font-size:.9rem}.field-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:600}.input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:46px;color:var(--text);border-radius:12px;padding:10px 12px}.input:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.input:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.input[aria-invalid=true]{border-color:var(--danger)}.selection-card{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;align-items:center;gap:13px;min-height:88px;padding:14px;transition:border-color .18s,background-color .18s,transform .18s;display:flex;position:relative}.selection-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.selection-card:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}}.selection-card:hover{transform:translateY(-1px)}.selection-card:focus-within{outline:3px solid var(--focus);outline-offset:3px}.selection-card-selected{border-color:var(--primary);background:var(--primary-soft)}.selection-icon{background:var(--surface-muted);width:44px;height:44px;color:var(--primary);border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.selection-title{font-weight:750;line-height:1.3;display:block}.selection-description{color:var(--muted);margin-block-start:3px;font-size:.9rem;line-height:1.35;display:block}.selection-radio{border:2px solid var(--border);background:var(--surface);width:20px;height:20px;box-shadow:inset 0 0 0 4px var(--surface);border-radius:50%;flex:0 0 20px;margin-inline-start:auto}.selection-card-selected .selection-radio{border-color:var(--primary);background:var(--primary)}.alert{border:1px solid;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.alert>svg{flex:none;margin-block-start:2px}.alert-info{background:var(--primary-soft);color:var(--text);border-color:#7dd3fc}.alert-success{background:var(--success-soft);color:var(--text);border-color:#86efac}.alert-warning{background:var(--warning-soft);color:var(--text);border-color:#fcd34d}.alert-error{background:var(--danger-soft);color:var(--text);border-color:#fca5a5}.fallback-badge{background:var(--warning-soft);color:var(--warning);border-radius:999px;align-items:center;gap:4px;margin-inline-start:7px;padding:3px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.dialog-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0212209e;animation:.15s ease-out fade-in;position:fixed;inset:0}.dialog-content{z-index:61;border:1px solid var(--border);background:var(--surface);border-radius:22px;width:min(100vw - 28px,680px);max-height:min(88vh,850px);position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 70px #0000004d}[dir=rtl] .dialog-content{transform:translate(50%,-50%)}.dialog-heading{border-block-end:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.dialog-title{margin:0;font-size:1.3rem;font-weight:800}.dialog-description{color:var(--muted);margin:5px 0 0;line-height:1.45}.dialog-footer{border-block-start:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.error-page{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.error-page h1,.error-page p{margin:0}.loading-page{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.loading-spinner{animation:.8s linear infinite spin}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1024px){.page{padding:34px 34px 70px}}@media print{:root,:root.dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:white;--surface:white;--surface-muted:#f3f4f6;--text:#111827;--muted:#374151;--border:#9ca3af}@page{size:A4;margin:14mm}body{font-size:11pt;background:#fff!important}.no-print,nav,aside,header.app-header,.bottom-nav,.side-nav{display:none!important}.page{width:100%;max-width:none;padding:0}.card{break-inside:avoid;box-shadow:none}.print-only{display:block!important}}.app-shell{min-height:100vh}.desktop-sidebar{display:none}.app-main{min-width:0}.app-header{z-index:30;border-block-end:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex;position:sticky;inset-block-start:0}@supports (color:color-mix(in lab, red, red)){.app-header{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:9px 14px}.mobile-brand{align-items:center;gap:9px;min-width:0;display:flex}.mobile-brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-tools{justify-content:flex-end;align-items:center;gap:7px;display:flex}.compact-control{align-items:center;gap:4px;display:flex}.compact-control .input{width:auto;min-width:64px;min-height:40px;padding:6px 8px}.header-tools .button{display:none}.header-tools .install-button{min-width:40px;padding-inline:10px;display:inline-flex}.install-button__label{display:none}.bottom-nav{z-index:40;border-block-start:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset-block-end:0;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.bottom-nav{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.bottom-nav{padding:6px 4px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -8px 30px #0f415c1a}.nav-link{min-height:54px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav .nav-link{flex-direction:column}.nav-link-active{background:var(--primary-soft);color:var(--primary)}.offline-banner,.update-banner{background:var(--warning-soft);color:var(--text);justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-size:.9rem;font-weight:650;display:flex}.update-banner{justify-content:space-between}.welcome-language{justify-content:center;gap:8px;margin-block-end:18px;display:flex}.welcome-list{gap:12px;display:grid}.welcome-list>div{background:var(--surface-muted);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.welcome-list svg{color:var(--primary);flex:none}.welcome-list p{margin:0;line-height:1.45}.welcome-note{border-inline-start:4px solid var(--teal);color:var(--muted);margin-block-end:0;padding-inline-start:12px;line-height:1.55}@media (width>=720px){.header-tools .button{display:inline-flex}.install-button__label{display:inline}}@media (width>=1024px){.app-shell{grid-template-columns:270px minmax(0,1fr);display:grid}.desktop-sidebar{border-inline-end:1px solid var(--border);background:var(--surface);flex-direction:column;height:100vh;padding:20px 16px;display:flex;position:sticky;inset-block-start:0}.brand{align-items:center;gap:11px;padding:4px 7px 22px;display:flex}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-block-start:2px;font-size:.72rem}.side-nav{gap:5px;display:grid}.side-nav .nav-link{justify-content:flex-start;gap:11px;padding:10px 12px;font-size:.95rem}.sidebar-status{border-block-start:1px solid var(--border);margin-block-start:auto;padding:16px 8px 0}.network-status{color:var(--muted);align-items:flex-start;gap:7px;font-size:.8rem;line-height:1.4;display:flex}.network-status svg{flex:none}.network-status.online{color:var(--success)}.bottom-nav,.mobile-brand{display:none}.app-header{justify-content:flex-end;padding-inline:28px}}.project-credit{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:start;gap:1rem;margin:2rem 1.5rem 1rem;padding:1.15rem 0;font-size:.78rem;line-height:1.8;display:flex}.project-credit strong{color:var(--text);font-weight:600}.project-credit details{max-width:34rem}.project-credit summary{cursor:pointer;color:var(--primary)}.project-credit p{margin:.6rem 0}@media (width<=650px){.project-credit{flex-direction:column;margin-bottom:6rem}}@media print{.project-credit{color:#333;margin:1rem 0 0;font-size:8pt;display:block}.project-credit details{display:none}}.confirmation-dialog{width:min(100vw - 28px,480px)}.confirmation-dialog .dialog-title{align-items:center;gap:.6rem;display:flex}.confirmation-dialog .dialog-title svg{width:1.3rem;height:1.3rem;color:var(--primary);flex-shrink:0}.confirmation-dialog .dialog-description{margin-top:1rem;line-height:1.7}.confirmation-dialog .dialog-heading{padding:1.5rem}.confirmation-dialog .dialog-footer{background:var(--surface-muted)}.dialog-content[dir=rtl]{transform:translate(50%,-50%)}.nav-link{transition:background-color .18s,color .18s}@media (width>=1024px){.desktop-sidebar{background:linear-gradient(165deg, var(--surface), var(--teal))}@supports (color:color-mix(in lab, red, red)){.desktop-sidebar{background:linear-gradient(165deg, var(--surface), color-mix(in srgb, var(--teal) 4%, var(--surface)))}}.side-nav .nav-link-active{box-shadow:inset 0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.side-nav .nav-link-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}}}@media (width<=600px){.app-header{flex-wrap:wrap;gap:10px;padding:12px 16px;position:static}.mobile-brand{flex-basis:100%}.mobile-brand strong{white-space:normal;overflow:visible}.header-tools{justify-content:flex-end;width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-outline-style{syntax:"*";inherits:false;initial-value:solid}.teacher-area,.teacher-gate,.teacher-loading{--teacher-primary:#126782;--teacher-primary-strong:#0b4f63;--teacher-surface:color-mix(in srgb, var(--color-surface,#fff) 94%, #e3f4f6);--teacher-border:color-mix(in srgb, currentColor 14%, transparent);--teacher-danger:#a62f2f;--teacher-warning:#8a5a00;color:var(--color-text,#17313b)}.teacher-loading,.teacher-gate{place-items:center;min-height:min(720px,100dvh);padding:1.5rem;display:grid}.teacher-loading{align-content:center;gap:.75rem}.teacher-loading svg{width:2.5rem;height:2.5rem;color:var(--teacher-primary)}.teacher-gate{background:radial-gradient(circle at top right, #1267822e, transparent 42%), var(--teacher-surface)}.teacher-gate__card{border:1px solid var(--teacher-border);background:var(--color-card,#fff);border-radius:1.5rem;width:min(100%,28rem);padding:clamp(1.25rem,5vw,2.25rem);box-shadow:0 1.5rem 4rem #0e303b24}.teacher-gate__card h1,.teacher-topbar h1,.teacher-panel h2,.teacher-list-item h3{margin:0;line-height:1.2}.teacher-gate__card>p:not(.teacher-eyebrow,.teacher-gate__privacy){color:color-mix(in srgb, currentColor 72%, transparent)}.teacher-gate__icon{background:color-mix(in srgb, var(--teacher-primary) 14%, transparent);width:3.5rem;height:3.5rem;color:var(--teacher-primary);border-radius:1rem;place-items:center;display:grid}.teacher-gate__privacy{color:color-mix(in srgb, currentColor 65%, transparent);align-items:center;gap:.5rem;margin:1.25rem 0 0;font-size:.85rem;display:flex}.teacher-gate__privacy svg{width:1rem}.teacher-eyebrow{color:var(--teacher-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:800}.teacher-area{background:var(--color-background,#f3f7f8);min-height:100dvh;overflow-x:clip}.teacher-topbar{z-index:20;border-bottom:1px solid var(--teacher-border);background:color-mix(in srgb, var(--color-card,#fff) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.teacher-topbar h1{font-size:clamp(1.2rem,3vw,1.65rem)}.teacher-layout{grid-template-columns:15.5rem minmax(0,1fr);min-width:0;max-width:100rem;min-height:calc(100dvh - 5rem);margin-inline:auto;display:grid}.teacher-navigation{border-inline-end:1px solid var(--teacher-border);align-self:start;gap:.3rem;max-height:calc(100dvh - 5.5rem);padding:1rem;display:grid;position:sticky;top:5rem;overflow-y:auto}.teacher-navigation button{min-height:2.75rem;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.teacher-navigation button:hover{background:color-mix(in srgb, var(--teacher-primary) 8%, transparent)}.teacher-navigation button[aria-current=page]{background:color-mix(in srgb, var(--teacher-primary) 14%, transparent);color:var(--teacher-primary-strong);font-weight:750}.teacher-navigation svg,.teacher-button svg,.teacher-icon-button svg{flex:none;width:1.15rem;height:1.15rem}.teacher-content{width:min(100%,76rem);min-width:0;max-width:100%;padding:clamp(1rem,4vw,2rem)}.teacher-readonly-fieldset{border:0;min-width:0;margin:0;padding:0}.teacher-panel{gap:1.25rem;min-width:0;display:grid}.teacher-section-stack{gap:2.5rem;min-width:0;display:grid}.teacher-panel form,.teacher-editor,.teacher-form-grid,.teacher-list{min-width:0}.teacher-section-stack>.teacher-panel+.teacher-panel{border-top:1px solid var(--teacher-border);padding-top:2rem}.teacher-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.teacher-panel__header p{max-width:48rem;color:color-mix(in srgb, currentColor 68%, transparent);margin:.4rem 0 0}.teacher-actions,.teacher-badges,.teacher-check-grid{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.teacher-button,.teacher-icon-button{background:var(--teacher-primary);color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;padding:.62rem .9rem;font-weight:700;display:inline-flex}.teacher-button:hover:not(:disabled){background:var(--teacher-primary-strong)}.teacher-button:disabled,.teacher-icon-button:disabled{cursor:not-allowed;opacity:.5}.teacher-button--wide{width:100%}.teacher-button--ghost,.teacher-icon-button{border-color:var(--teacher-border);background:var(--color-card,#fff);color:inherit}.teacher-button--danger,.teacher-icon-button--danger{border-color:color-mix(in srgb, var(--teacher-danger) 35%, transparent);background:color-mix(in srgb, var(--teacher-danger) 8%, var(--color-card,#fff));color:var(--teacher-danger)}.teacher-button--danger:hover:not(:disabled),.teacher-icon-button--danger:hover:not(:disabled){background:var(--teacher-danger);color:#fff}.teacher-icon-button{width:2.75rem;padding:0}.teacher-button:focus-visible,.teacher-icon-button:focus-visible,.teacher-navigation button:focus-visible,.teacher-area input:focus-visible,.teacher-area select:focus-visible,.teacher-area textarea:focus-visible,.teacher-gate input:focus-visible{outline:3px solid color-mix(in srgb, var(--teacher-primary) 45%, transparent);outline-offset:2px}.teacher-field{gap:.4rem;display:grid}.teacher-field__label{font-weight:700}.teacher-field__hint{color:color-mix(in srgb, currentColor 65%, transparent);font-size:.82rem}.teacher-field__error{color:var(--teacher-danger);margin:0;font-size:.87rem;font-weight:650}.teacher-area input:not([type=checkbox],[type=radio],[type=file]),.teacher-area select,.teacher-area textarea,.teacher-gate input{border:1px solid var(--teacher-border);background:var(--color-card,#fff);width:100%;min-height:2.75rem;color:inherit;font:inherit;border-radius:.65rem;padding:.65rem .75rem}.teacher-area textarea{resize:vertical}.teacher-editor,.teacher-danger-zone,.teacher-preview,.teacher-metric{border:1px solid var(--teacher-border);background:var(--color-card,#fff);border-radius:1rem;gap:1rem;padding:clamp(1rem,3vw,1.4rem);display:grid}.teacher-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.teacher-editor fieldset,.teacher-segmented{border:1px solid var(--teacher-border);border-radius:.75rem;padding:.8rem}.teacher-check-grid{margin-block-start:.55rem}.teacher-check-grid label,.teacher-switch-row,.teacher-segmented label{border-radius:.55rem;align-items:center;gap:.5rem;min-height:2.5rem;padding:.45rem .6rem;display:inline-flex}.teacher-list{gap:.75rem;display:grid}.teacher-list-item{border:1px solid var(--teacher-border);background:var(--color-card,#fff);border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.teacher-list-item p{color:color-mix(in srgb, currentColor 70%, transparent);margin:.35rem 0}.teacher-localized-label{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.teacher-badge{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.teacher-badge--success{color:#17633b;background:#e1f5e9}.teacher-badge--warning{color:#704a00;background:#fff1cb}.teacher-notice{border-inline-start:.3rem solid var(--teacher-primary);background:color-mix(in srgb, var(--teacher-primary) 8%, var(--color-card,#fff));border-radius:.65rem;padding:.8rem 1rem}.teacher-notice--success{color:#175a38;background:#e6f6ed;border-color:#288456}.teacher-notice--warning{color:#614100;background:#fff4d7;border-color:#d2900a}.teacher-notice--danger{border-color:var(--teacher-danger);color:#7b2424;background:#fdecec}.teacher-empty{border:1px dashed var(--teacher-border);text-align:center;border-radius:.8rem;padding:1rem}.teacher-table-wrap{border:1px solid var(--teacher-border);background:var(--color-card,#fff);border-radius:.8rem;width:100%;min-width:0;max-width:100%;overflow-x:auto}.teacher-table-wrap table{border-collapse:collapse;width:100%;min-width:max-content}.teacher-table-wrap caption{text-align:start;padding:.8rem;font-weight:800}.teacher-table-wrap th,.teacher-table-wrap td{border-bottom:1px solid var(--teacher-border);text-align:start;white-space:nowrap;padding:.7rem}.teacher-table-wrap input{min-width:6rem}.teacher-table-wrap+.teacher-button{margin-block-start:1rem}.teacher-segmented{flex-wrap:wrap;display:flex}.teacher-metric{grid-template-columns:auto auto 1fr;align-items:baseline}.teacher-metric strong{color:var(--teacher-primary);font-size:2rem}.teacher-preview{grid-template-columns:auto 1fr}.teacher-preview>svg{width:2rem;color:var(--teacher-primary)}.teacher-preview h3,.teacher-preview p{margin:0 0 .4rem}.teacher-danger-zone{border-color:color-mix(in srgb, var(--teacher-danger) 45%, transparent);background:color-mix(in srgb, var(--teacher-danger) 4%, var(--color-card,#fff))}.teacher-qr-poster{border:1px solid var(--teacher-border);color:#123047;text-align:center;background:#fff;align-content:center;place-items:center;gap:1rem;width:min(100%,48rem);min-height:60rem;margin-inline:auto;padding:3rem;display:grid}.teacher-qr-poster img{width:min(100%,25rem);height:auto}.teacher-qr-kicker{color:#126782;letter-spacing:.08em;text-transform:uppercase;font-size:1.25rem;font-weight:900}.teacher-qr-bilingual{gap:.35rem;font-size:1.2rem;font-weight:750;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=820px){.teacher-layout{display:block}.teacher-navigation{z-index:10;border:0;border-bottom:1px solid var(--teacher-border);background:var(--color-card,#fff);scrollbar-width:thin;max-height:none;padding:.65rem;display:flex;position:sticky;top:4.75rem;overflow-x:auto}.teacher-navigation button{flex:none}.teacher-panel__header,.teacher-list-item{flex-direction:column;align-items:stretch}.teacher-form-grid{grid-template-columns:1fr}}@media (width<=520px){.teacher-topbar .teacher-button span,.teacher-navigation button span{display:none}.teacher-navigation button{justify-content:center;min-width:2.75rem}.teacher-content{padding:1rem}.teacher-qr-poster{min-height:38rem;padding:1.25rem}}@media (prefers-reduced-motion:reduce){.teacher-area *,.teacher-gate *{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{body:has(.teacher-area){color:#000!important;background:#fff!important}.teacher-topbar,.teacher-navigation,.teacher-no-print,.teacher-content>.teacher-notice{display:none!important}.teacher-panel:not(.teacher-print-calibration,.teacher-print-dosage):not(:has(.teacher-qr-poster))>:not(.teacher-qr-poster){display:none!important}.teacher-layout,.teacher-content{width:100%;max-width:none;padding:0;display:block}.teacher-panel,.teacher-table-wrap{border:0}.teacher-qr-poster{box-sizing:border-box;border:0;width:100%;min-height:269mm;padding:10mm}.teacher-table-wrap{overflow:visible}}.teacher-area,.teacher-gate,.teacher-loading{--color-text:var(--text);--color-card:var(--surface);--color-background:var(--bg);--color-surface:var(--surface);--teacher-primary:var(--primary);--teacher-primary-strong:var(--primary-hover);--teacher-danger:var(--danger);--teacher-warning:var(--warning)}.account-gate{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--teal) 12%, transparent), transparent 55%), var(--bg);border-radius:1.5rem;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:680px;padding:clamp(1.25rem,4vw,4rem)}.account-intro{max-width:32rem}.account-kicker{color:var(--teal);align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;display:flex}.account-kicker svg{width:1.25rem}.account-intro h1{letter-spacing:-.035em;white-space:pre-line;margin:1.3rem 0;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.16}.account-intro>p{color:var(--muted);font-size:1.05rem;line-height:1.85}.account-benefits{gap:1.1rem;margin:2rem 0;display:grid}.account-benefits>div{align-items:center;gap:.8rem;font-size:.9rem;display:flex}.account-benefits svg{width:1.2rem;color:var(--teal)}.account-student-link{color:var(--primary);text-underline-offset:4px;align-items:center;gap:.6rem;font-weight:650;display:inline-flex}.account-student-link svg{width:1rem}.account-card{width:100%;box-shadow:var(--shadow);border-radius:1.25rem}.account-card .teacher-gate__icon{margin-bottom:1.25rem}.account-card h2{margin:.5rem 0;font-size:1.65rem}.account-card form{gap:1rem;margin-top:1.5rem;display:grid}.account-card .teacher-button--wide{justify-content:space-between;min-height:3rem}.password-control{align-items:center;display:flex;position:relative}.password-control input{min-width:0;padding-inline-end:3.2rem}.password-control>button{background:0 0;border:0;position:absolute;inset-inline-end:.25rem}.account-help{text-align:start;color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:1.1rem 0;font-size:.85rem;text-decoration:underline}.account-card .teacher-gate__privacy{border-top:1px solid var(--border);color:var(--muted);padding-top:1rem;line-height:1.6}.account-card .teacher-gate__privacy svg{min-width:1rem}.account-session-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;display:flex}.account-invitation{background:var(--primary-soft);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:1rem;margin:1rem 0;padding:1.25rem}.account-invitation textarea{resize:vertical;font-size:.8rem}.account-member{border-top:1px solid var(--border);align-items:center;gap:1rem;padding:1.2rem 0;display:flex}.account-avatar{background:var(--primary-soft);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:.8rem;flex-shrink:0;place-items:center;display:grid}.account-avatar svg{width:1.2rem}.account-member__info{overflow-wrap:anywhere;flex:1;gap:.25rem;min-width:0;display:grid}.account-member__info span,.account-member__info small{color:var(--muted);font-size:.8rem}.account-audit{margin:0;padding:0;list-style:none}.account-audit li{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.9rem 0;display:flex}.account-audit li div{gap:.3rem;display:grid}.account-audit span,.account-audit time{color:var(--muted);font-size:.8rem}.teacher-welcome{border:1px solid var(--border);background:linear-gradient(120deg, var(--primary-soft), var(--surface));border-radius:1.25rem;padding:clamp(1.2rem,3vw,2rem)}.teacher-welcome h2{margin:.5rem 0;font-size:clamp(1.4rem,2vw,2rem)}.teacher-welcome>p{color:var(--muted)}.teacher-overview{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem;display:grid}.teacher-overview button{text-align:start;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:.85rem;gap:.45rem;padding:1rem;display:grid}.teacher-overview strong{color:var(--primary);font-size:1.75rem}.teacher-overview span{font-size:.8rem}.teacher-overview svg{width:2rem;height:2rem;color:var(--primary)}@media (width<=1050px){.account-gate{grid-template-columns:1fr;gap:2rem}.account-intro{max-width:38rem}.account-intro h1{font-size:2.3rem}.account-benefits{display:none}.account-card{max-width:38rem}}@media (width<=600px){.account-gate{min-height:auto;padding:1rem}.account-intro h1{font-size:1.9rem}.account-member{flex-wrap:wrap}.account-member .teacher-actions{width:100%}.account-audit li{flex-direction:column;gap:.5rem}.teacher-overview{grid-template-columns:1fr}.teacher-overview button{grid-template-columns:2.5rem 1fr;align-items:center}}.account-gate{isolation:isolate;border:1px solid var(--border);background:radial-gradient(ellipse at 5% 5%, color-mix(in srgb, var(--teal) 16%, transparent), transparent 55%), radial-gradient(ellipse at 95% 100%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 55%), var(--bg);position:relative;overflow:clip}.account-gate:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--teal) 24%, transparent);width:24rem;height:24rem;box-shadow:0 0 0 3rem color-mix(in srgb, var(--teal) 4%, transparent), 0 0 0 6rem color-mix(in srgb, var(--teal) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset-block-end:-16rem;inset-inline-start:-9rem}.account-kicker{border:1px solid color-mix(in srgb, var(--teal) 28%, var(--border));background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:99px;width:fit-content;padding:.5rem .8rem}.account-intro h1{text-wrap:balance}[dir=rtl] .account-intro h1{letter-spacing:0;line-height:1.4}.account-benefits{gap:.65rem}.account-benefits>div{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface) 65%, transparent);border-radius:.9rem;padding:.75rem .9rem}.account-benefits svg{flex-shrink:0}.account-card{border-top:3px solid var(--teal)}.account-card .teacher-gate__icon{background:color-mix(in srgb, var(--teal) 12%, var(--surface));color:var(--teal)}[dir=rtl] .account-student-link svg,[dir=rtl] .account-card .teacher-button--wide>svg:not(.loading-spinner){transform:scaleX(-1)}.dark .teacher-button:not(.teacher-button--ghost,.teacher-button--danger){color:#082f49}.teacher-button,.teacher-icon-button,.teacher-navigation button,.teacher-overview button{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.teacher-overview button:hover{border-color:var(--primary);box-shadow:var(--shadow)}.teacher-field input:focus-visible,.teacher-field select:focus-visible,.teacher-field textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.teacher-button:hover:not(:disabled),.teacher-overview button:hover{transform:translateY(-2px)}.teacher-button:active:not(:disabled),.teacher-overview button:active{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.account-intro{animation:.42s ease-out both workspace-enter}.account-card{animation:.46s ease-out 70ms both workspace-enter}.teacher-content>fieldset>*,.teacher-notice{animation:.24s ease-out workspace-enter}}@keyframes workspace-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width<=600px){.account-gate{border-inline:0;border-radius:0;gap:1.5rem}.account-intro>p{font-size:.95rem}.account-card{padding:1.25rem}}.brand,.mobile-brand{text-decoration:none}.brand img,.mobile-brand img{flex-shrink:0}.header-context{display:none}.home-page{max-width:1260px;margin:auto;padding:clamp(18px,2.7vw,40px)}.home-hero{isolation:isolate;color:#f5fff9;background:radial-gradient(at 80% 20%,#246f65 0,#0000 58%),linear-gradient(125deg,#143d38,#0b2929);border-radius:32px;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px;min-height:490px;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #10413521}.home-hero:after{content:"";z-index:-1;opacity:.13;pointer-events:none;background-image:radial-gradient(#b5f5d5 .65px,#0000 .65px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000,#000);mask-image:linear-gradient(100deg,#0000,#000)}.home-hero-copy{z-index:2;min-width:0;position:relative}.home-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#cae9dd;overflow-wrap:anywhere;align-items:center;gap:9px;margin:0 0 24px;font-size:.7rem;font-weight:750;display:flex}.home-eyebrow>span{background:#c7ee93;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 5px #c7ee9314}.home-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4vw,4.8rem);font-weight:760;line-height:1.08}.home-hero h1 em{color:#d3f2a2;font-style:normal}.home-intro{color:#c7dfd6;max-width:29rem;margin:23px 0 28px;font-size:1.02rem;line-height:1.85}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.home-primary-link,.home-secondary-link{border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 18px;font-size:.9rem;font-weight:750;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.home-primary-link{color:#153a2a;background:#d3f2a2;box-shadow:0 5px 14px #0000001a}.home-primary-link:hover{background:#e3ffc1;box-shadow:0 9px 25px #00000024}.home-secondary-link{color:#eaf7ef;border:1px solid #54786d}.home-secondary-link:hover{background:#31594c}.home-primary-link svg,.home-secondary-link svg{flex-shrink:0;width:18px;height:18px}.home-assurances{color:#bbd7cb;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:.72rem;display:flex}.home-assurances>span{align-items:center;gap:6px;display:inline-flex}.home-assurances svg{color:#d3f2a2;width:14px;height:14px}.wash-scene{direction:ltr;place-items:center;min-width:0;height:380px;display:grid;position:relative}.wash-orbit{pointer-events:none;border:1px solid #cdf5e126;border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.wash-orbit-one{width:310px;height:310px;box-shadow:0 0 0 34px #cdf5e108}.wash-orbit-two{opacity:.55;border-style:dashed;width:430px;height:430px}.wash-machine{background:linear-gradient(135deg,#fff,#dae9e0);border:2px solid #f5fcf8;border-radius:27px;width:236px;height:283px;padding:16px;transition:transform .38s;position:relative;transform:rotate(-7deg);box-shadow:10px 17px #92b2a5,18px 30px 50px #00000047,inset 0 0 0 3px #ffffff4d}.wash-machine-top{border-bottom:1px solid #bdd5c8;justify-content:space-between;align-items:center;gap:10px;height:45px;padding-bottom:13px;display:flex}.wash-drawer{border:1px solid #bed1c8;border-radius:4px;width:57px;height:17px;box-shadow:inset 0 -4px #cfdfd6}.wash-control{background:#b5cbc0;border:5px solid #f9fffb;border-radius:50%;width:25px;height:25px;box-shadow:1px 2px 4px #a3bfb0}.wash-display{background:#184238;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:53px;height:23px;display:flex}.wash-display i{background:#c5eaa3;border-radius:1px;width:4px;height:9px;display:block}.wash-display i:nth-child(2){height:13px}.wash-door{background:linear-gradient(130deg,#f8fffa,#b9d0c2);border:2px solid #b8d0c2;border-radius:50%;place-items:center;width:176px;height:176px;margin:15px auto 0;display:grid;box-shadow:0 5px 9px #1a41322b,inset 0 0 0 7px #eaf5ef}.wash-glass{background:linear-gradient(150deg,#3e7368,#15382e);border:7px solid #204d43;border-radius:50%;width:140px;height:140px;position:relative;overflow:hidden;box-shadow:inset 7px 3px 13px #00000038}.wash-glass:after{content:"";border-top:5px solid #ffffff38;border-radius:50%;position:absolute;inset:10px 30px 50px 10px;transform:rotate(-35deg)}.wash-water{background:linear-gradient(#74c5b2,#2b8f7a);border-radius:45%;width:175px;height:105px;position:absolute;bottom:-40px;left:-23px;transform:rotate(-10deg);box-shadow:0 -8px #90dec724}.wash-shirt{color:#e4f2c7;fill:#c4dbaa;filter:drop-shadow(0 4px 5px #194c3b);width:71px;height:71px;position:absolute;top:25px;left:30px;transform:rotate(18deg)}.wash-bubble{border:1px solid #e7fff399;border-radius:50%;position:absolute}.wash-bubble-one{width:14px;height:14px;bottom:25px;left:18px}.wash-bubble-two{width:8px;height:8px;bottom:17px;right:23px}.wash-machine-bottom{color:#496b5b;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px;font-weight:800;display:flex}.wash-machine-bottom i{border-bottom:2px solid #a7c0b3;width:19px;height:7px}.wash-tag{color:#244838;white-space:nowrap;background:#f6fff8;border:1px solid #bad5c5;border-radius:13px;align-items:center;gap:9px;padding:12px 15px;font-size:.72rem;font-weight:750;display:inline-flex;position:absolute;box-shadow:0 12px 35px #00000029}.wash-tag svg{color:#08766c;width:18px;height:18px}.wash-tag-weight{top:48px;left:-4px;transform:rotate(-4deg)}.wash-tag-dose{background:#e4f7c2;border-color:#d3e9ad;bottom:69px;right:-8px;transform:rotate(5deg)}.wash-spark{color:#d3f2a2;position:absolute}.wash-spark-one{top:27px;right:15px;transform:rotate(15deg)}.wash-spark-two{opacity:.55;bottom:45px;left:21px}.wash-spark-two svg{width:17px}.wash-scene-caption{letter-spacing:.17em;color:#b5d3c8;text-align:center;font-size:9px;position:absolute;bottom:0}.home-tools{margin-top:40px}.home-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.section-eyebrow{color:var(--teal);letter-spacing:.1em;margin:0 0 8px;font-size:.7rem;font-weight:800}.home-section-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:750}.home-section-heading>span{color:var(--muted);font-size:.78rem}.home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-tool{border:1px solid var(--border);background:var(--surface);border-radius:23px;flex-direction:column;min-width:0;padding:26px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 3px 8px #0e372805}.home-tool-top{justify-content:space-between;align-items:start;display:flex}.home-tool-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:15px;place-items:center;display:grid}.home-tool-icon svg{width:23px;height:23px}.home-tool-stains .home-tool-icon{color:#966519;background:#fcf1db}.home-tool-guide .home-tool-icon{color:#6259a6;background:#edf0fe}.dark .home-tool-stains .home-tool-icon{color:#ebc880;background:#3d3321}.dark .home-tool-guide .home-tool-icon{color:#bdb6f2;background:#2c2e48}.home-tool-number{color:var(--muted);font-size:.72rem;font-weight:700}.home-tool h3{letter-spacing:-.02em;margin:23px 0 10px;font-size:1.25rem;font-weight:750}.home-tool p{color:var(--muted);margin:0 0 24px;font-size:.85rem;line-height:1.8}.home-tool-action{border-top:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:.8rem;font-weight:750;display:flex}.home-tool-action svg{width:17px;height:17px}.home-teacher-strip{border:1px solid var(--border);background:var(--surface);border-radius:22px;align-items:center;gap:18px;margin-top:22px;padding:24px 26px;display:flex}.home-teacher-icon{border:1px solid var(--border);width:48px;height:48px;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.home-teacher-strip h2{margin:0 0 5px;font-size:1rem;font-weight:750}.home-teacher-strip p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.home-teacher-strip a{min-height:44px;color:var(--primary);white-space:nowrap;align-items:center;gap:10px;margin-inline-start:auto;font-size:.8rem;font-weight:750;text-decoration:none;display:inline-flex}.home-teacher-strip a svg{width:17px;height:17px}.home-care-note{color:var(--muted);align-items:start;gap:8px;margin:22px 0 0;padding:0 8px;font-size:.74rem;line-height:1.7;display:flex}.home-care-note svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.calculator-masthead{justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px;display:flex}.calculator-masthead-title{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:750}.calculator-masthead .muted{margin:0;font-size:.85rem}.calculator-masthead>svg{background:var(--primary-soft);width:50px;height:50px;color:var(--primary);border-radius:16px;flex-shrink:0;padding:12px}.wizard-progress{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;padding:18px 12px}.wizard-progress ol,.wizard-progress li{position:relative}.wizard-progress li>span:first-child{z-index:1;position:relative}.wizard-progress li:not(:last-child):after{content:"";top:18px;background:var(--border);width:calc(100% - 36px);height:1px;position:absolute;inset-inline-start:calc(50% + 22px)}.wizard-progress [aria-current=step]>span:first-child{box-shadow:0 0 0 5px var(--primary-soft)}.wizard-progress li>span:last-child{text-wrap:balance}.experience-page{padding-bottom:50px}.wizard-surface{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow);padding:clamp(22px,3vw,36px)}.choice-card{background:var(--surface);border-color:var(--border);transition:transform .18s,border-color .18s,box-shadow .18s}.choice-card:has(input:checked){background:color-mix(in srgb, var(--primary-soft) 55%, var(--surface));border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent)}.wizard-actions{border-top:1px solid var(--border);padding-top:22px}.wizard-actions button{transition:transform .15s,box-shadow .15s,background-color .15s}.result-hero{isolation:isolate;background:radial-gradient(at 100% 0,#d7ebbd,#0000 65%),#e3f4ec;border-color:#b6d7ca;padding:36px 20px;position:relative;overflow:hidden}.result-hero:after{content:"";z-index:-1;border:1px solid #1c6f4d1f;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-150px;right:-100px;box-shadow:0 0 0 26px #1c6f4d0a,0 0 0 52px #1c6f4d08}.dark .result-hero{background:radial-gradient(at 100% 0,#28503c,#0000 65%),#123b31;border-color:#2d6154}.guide-page>header,.stains-page>header{border-inline-start:3px solid var(--teal);padding-block:5px;padding-inline-start:22px}.guide-page details{transition:border-color .16s}.guide-page details[open]{border-color:var(--primary)}.teacher-content .teacher-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;padding:clamp(18px,2.5vw,28px)}.teacher-content .teacher-section-stack{gap:22px}.teacher-content .teacher-section-stack>.teacher-panel+.teacher-panel{border-top:1px solid var(--border);padding-top:clamp(18px,2.5vw,28px)}.teacher-navigation button[aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 15%, transparent)}.project-credit{margin-top:10px}[dir=rtl] .home-hero h1{letter-spacing:0;line-height:1.35}[dir=rtl] .home-eyebrow,[dir=rtl] .section-eyebrow{letter-spacing:0}[dir=rtl] .home-primary-link>svg,[dir=rtl] .home-tool-action>svg,[dir=rtl] .home-teacher-strip a>svg{transform:scaleX(-1)}@media (width>=1024px){.app-shell{grid-template-columns:245px minmax(0,1fr)}.app-header{justify-content:space-between}.header-context{color:var(--muted);align-items:center;gap:13px;font-size:.72rem;display:flex}.header-context>span:first-child{letter-spacing:.09em;font-size:.64rem}.header-context strong{color:var(--text);font-weight:600}.side-nav{gap:7px}.side-nav .nav-link{min-height:49px;font-size:.85rem}.brand{padding-bottom:34px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.home-tool:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 14px 30px #1041351a}.home-primary-link:hover{transform:translateY(-2px)}.wash-scene:hover .wash-machine{transform:rotate(-3deg)translateY(-7px)}.choice-card:hover:not(:has(input:disabled)){box-shadow:var(--shadow);transform:translateY(-2px)}.wizard-actions button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}}@media (prefers-reduced-motion:no-preference){.home-hero-copy{animation:.55s ease-out both experience-enter}.wash-scene{animation:.7s ease-out .1s both experience-enter}.wash-shirt{animation:1.2s ease-out .15s both laundry-turn}.home-tool{animation:.45s ease-out .1s both experience-enter}.home-tool:nth-child(2){animation-delay:.16s}.home-tool:nth-child(3){animation-delay:.22s}.wizard-surface{animation:.25s ease-out experience-enter}.result-hero{animation:.42s ease-out experience-enter}}@keyframes experience-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes laundry-turn{0%{transform:rotate(-100deg)}to{transform:rotate(18deg)}}@media (width<=1150px) and (width>=720px){.home-hero{gap:10px;padding:30px}.home-hero h1{font-size:3rem}.wash-machine{width:218px;height:273px;padding:12px}.wash-tag{padding:9px 10px;font-size:.65rem}.home-tool{padding:20px}}@media (width<=719px){.home-page{padding:16px}.home-hero{border-radius:25px;grid-template-columns:1fr;gap:10px;padding:30px 24px 20px}.home-hero h1{font-size:clamp(2.65rem,8vw,3.5rem)}.home-intro{margin:18px 0 22px;font-size:.9rem}.home-eyebrow{margin-bottom:20px;font-size:.65rem}.home-hero-actions{gap:10px}.home-primary-link,.home-secondary-link{padding:10px 14px;font-size:.8rem}.home-assurances{gap:10px;font-size:.68rem}.wash-scene{height:285px;margin-top:10px}.wash-machine{transform:rotate(-7deg)scale(.78)}.wash-orbit-one{width:235px;height:235px}.wash-orbit-two{width:310px;height:310px}.wash-tag{padding:8px 10px;font-size:.65rem}.wash-tag-weight{top:26px;left:0}.wash-tag-dose{bottom:41px;right:0}.wash-spark-one{top:12px;right:16px}.wash-spark-two{bottom:20px;left:5px}.wash-scene-caption{font-size:8px;bottom:-5px}.home-section-heading{flex-direction:column;align-items:start;gap:6px}.home-tools{margin-top:30px}.home-tools-grid{grid-template-columns:1fr;gap:14px}.home-tool{padding:22px}.home-tool h3{margin-top:16px}.home-teacher-strip{flex-wrap:wrap;gap:14px;padding:20px}.home-teacher-strip>div{flex:1;min-width:160px}.home-teacher-strip a{border-top:1px solid var(--border);justify-content:space-between;width:100%;margin-inline-start:0;padding-top:12px}.calculator-masthead{margin-bottom:20px}.calculator-masthead-title{font-size:1.4rem}.calculator-masthead>svg{width:42px;height:42px;padding:10px}.wizard-progress{border-radius:18px;padding-inline:6px}.wizard-progress li>span:last-child{margin-top:9px;font-size:.62rem;line-height:1.4}.experience-page{padding-bottom:90px}.teacher-content .teacher-panel{border-radius:18px;padding:17px}}@media (prefers-reduced-motion:reduce){.home-tool,.home-primary-link,.home-secondary-link,.choice-card,.wash-machine{transition:none}}@media print{.experience-page{padding:0}.wizard-surface,.teacher-content .teacher-panel{box-shadow:none;border:0;padding:0}.result-hero{border-color:#333;background:#fff!important}.result-hero:after{display:none}}.confirmation-dialog .dialog-footer .button{min-width:92px}@media (width<=600px){.account-gate .account-intro h1{margin:.7rem 0;font-size:1.6rem}.account-gate .account-intro>p{display:none}.account-gate .account-kicker{font-size:.72rem}.account-gate .account-student-link{font-size:.82rem}}html{scrollbar-gutter:stable;scrollbar-color:var(--scroll-thumb) var(--bg);scrollbar-width:thin;scroll-padding-top:100px}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:9px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--bg);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.route-stage{view-transition-name:route-content;min-width:0}.experience-page :is(h1,h2,h3,[tabindex="-1"]){scroll-margin-top:100px}.experience-page :is(input,select,textarea){color-scheme:inherit}.experience-page :is(button,summary,a,input,select),.nav-link,.teacher-navigation button,.teacher-button{transition:background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s var(--ease-fluid)}.experience-page button:active:not(:disabled),.teacher-button:active:not(:disabled){transform:scale(.98)}.wizard-progress li>span{transition:color .3s,background .3s,box-shadow .3s}.wizard-progress li[aria-current=step]>span:first-child{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.wizard-surface{border-radius:26px}.choice-card{box-shadow:none}.choice-card:has(input:checked)>span:first-of-type{background:var(--primary-soft)}.choice-card:has(input:checked)>span:last-child{border-color:var(--action);background:var(--action);color:#fff}.guide-page>header,.stains-page>header{border:1px solid var(--border);background:radial-gradient(ellipse at 0 0, var(--primary-soft), transparent 75%), var(--surface);max-width:none;box-shadow:var(--shadow);border-radius:25px;padding:clamp(22px,3vw,34px);position:relative}.guide-page>header h1,.stains-page>header h1{letter-spacing:-.035em}.guide-page>header>p:last-child,.stains-page>header>p:last-child{max-width:58ch;font-size:1rem;line-height:1.8}.guide-process-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.guide-process-track>li{box-shadow:var(--shadow);border-radius:22px;padding:24px 20px;position:relative}.guide-process-track>li h3{line-height:1.6}.guide-process-track>li p{line-height:1.85}.guide-process-track>li>div>span:last-child{color:var(--muted);opacity:.6;font-variant-numeric:tabular-nums;font-size:1.2rem}.guide-carousel-controls{display:none}.guide-page details{border-radius:22px;overflow:clip}.guide-page summary{padding:22px}.guide-page details[open]{box-shadow:var(--shadow)}.guide-page details[open]>div{background:color-mix(in srgb, var(--surface-muted) 35%, var(--surface))}@supports (interpolate-size:allow-keywords){.guide-page details{interpolate-size:allow-keywords}.guide-page details::details-content{block-size:0;transition:block-size .35s var(--ease-fluid), content-visibility .35s allow-discrete;overflow:clip}.guide-page details[open]::details-content{block-size:auto}}.teacher-navigation{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scroll-padding-inline:10px}.teacher-navigation button{scroll-snap-align:start}.teacher-navigation button svg{transition:transform .25s var(--ease-fluid)}.teacher-navigation button[aria-current=page] svg{transform:scale(1.08)}.teacher-content{min-width:0}.route-loading{max-width:850px;margin:40px auto;padding:24px}.route-loading>div{background:var(--surface-muted);border:1px solid var(--border);border-radius:18px;height:80px;margin-bottom:20px}.route-loading>div:nth-child(2){height:230px}.route-loading>div:nth-child(3){width:55%;height:45px}.route-loading span{color:var(--muted);font-size:.85rem}::view-transition-group(route-content){animation-duration:.38s;animation-timing-function:var(--ease-fluid)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){display:none}@keyframes route-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes route-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.route-stage,.teacher-content{animation:route-in .38s var(--ease-fluid) both}.guide-process-track>li{animation:experience-enter .45s var(--ease-fluid) both}.guide-process-track>li:nth-child(2){animation-delay:50ms}.guide-process-track>li:nth-child(3){animation-delay:.1s}.guide-process-track>li:nth-child(4){animation-delay:.15s}.guide-page details[open]>div{animation:.25s experience-enter}:is(html:active-view-transition .route-stage,html:active-view-transition .wizard-surface,html:active-view-transition .teacher-content){animation:none}}@media (width<=1100px) and (width>=720px){.guide-process-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){html{scroll-padding-top:24px}.experience-page :is(h1,h2,h3,[tabindex="-1"]){scroll-margin-top:24px}.guide-process-track{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scroll-behavior:smooth;padding:5px 2px 15px;display:flex;overflow-x:auto}.guide-process-track>li{scroll-snap-align:start;flex:0 0 86%}.guide-carousel-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.guide-carousel-controls span{color:var(--muted);font-size:.75rem}.guide-carousel-controls button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.guide-carousel-controls>div{gap:8px;display:flex}.guide-page>header,.stains-page>header{border-radius:22px}.wizard-surface{border-radius:22px;padding:20px 16px}.wizard-progress{position:relative}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.guide-process-track,.teacher-navigation{scroll-behavior:auto}.guide-page details::details-content{transition:none}}@media print{.guide-carousel-controls{display:none}.guide-process-track{display:grid;overflow:visible}}.app-header:after{content:"";inset-inline-start:0;transform-origin:0;background:var(--primary);opacity:0;width:100%;height:2px;transition:transform .5s var(--ease-fluid), opacity .2s;position:absolute;bottom:0;transform:scaleX(0)}.app-shell[data-navigating] .app-header:after{opacity:1;transform:scaleX(.8)}[dir=rtl] .app-header:after{transform-origin:100%}@media (width<=600px){.app-header{position:relative}}::view-transition{pointer-events:none}::view-transition-group(*){pointer-events:none}::view-transition-old(*){pointer-events:none}::view-transition-new(*){pointer-events:none}:root{--bg:#f3f6f2;--surface:#fffefa;--surface-muted:#eaf1ed;--text:#173a35;--muted:#526c64;--border:#d5e2da;--primary:#087469;--primary-hover:#06584f;--primary-soft:#def2e9;--teal:#087469;--action:#087469;--action-hover:#06584f;--on-action:#fff;--accent-border:#90cdb9;--accent-ring:#08746925;--focus:#078172;--violet:#68549c;--violet-soft:#eee9f7;--amber:#956519;--amber-soft:#faf0d8;--success:#246545;--success-text:#246545;--success-soft:#e7f4eb;--success-border:#abcdb5;--warning:#80561a;--warning-text:#80561a;--warning-soft:#fff4dc;--warning-border:#e4c78e;--danger:#a23d3b;--danger-text:#a23d3b;--danger-soft:#fceeed;--danger-border:#dfb5b1;--shadow:0 4px 6px -4px #163d3212, 0 16px 40px -24px #163d3230;--shadow-raised:0 8px 16px -8px #163d3220, 0 24px 50px -24px #163d3240;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--scroll-thumb:#8ca99d;--duration-fast:.16s;--duration-ui:.24s;--duration-panel:.36s;--ease-fluid:cubic-bezier(.22, 1, .36, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--header-height:72px;--route-shift:18px}:root.dark{--bg:#0b191b;--surface:#12292b;--surface-muted:#1b3536;--text:#edf7f1;--muted:#adc7bd;--border:#2b4846;--primary:#79e4ca;--primary-hover:#b1f3df;--primary-soft:#1b423c;--teal:#79e4ca;--action:#79e4ca;--action-hover:#a0efdc;--on-action:#103c32;--accent-border:#4f8f7d;--accent-ring:#79e4ca28;--focus:#91edd5;--violet:#c8b9ef;--violet-soft:#342f46;--amber:#e4c786;--amber-soft:#3c3527;--success:#abe2bb;--success-text:#abe2bb;--success-soft:#1e3c30;--success-border:#416b50;--warning:#edce92;--warning-text:#edce92;--warning-soft:#373023;--warning-border:#75613b;--danger:#f0b2ad;--danger-text:#f0b2ad;--danger-soft:#3b292c;--danger-border:#815154;--shadow:0 12px 32px -14px #00000045;--shadow-raised:0 20px 45px -14px #00000065;--scroll-thumb:#50756a}:root[dir=rtl]{--route-shift:-18px}body{-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3,p,label,button,summary{overflow-wrap:break-word}h1,h2,h3{text-wrap:pretty}[dir=rtl]{letter-spacing:normal}[dir=rtl] :is(h1,h2,h3,.page-intro-title){letter-spacing:0;line-height:1.55}input,select,textarea{accent-color:var(--primary)}bdi,input[type=number],.result-hero strong{font-variant-numeric:tabular-nums}::selection{background:var(--primary);color:var(--bg)}.app-header{min-height:var(--header-height);background:color-mix(in srgb, var(--surface) 93%, transparent)}.side-nav{isolation:isolate;position:relative}.bottom-nav,.teacher-navigation{isolation:isolate}.active-indicator{pointer-events:none;z-index:-1;opacity:0;background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 40%, transparent);border-radius:14px;position:absolute;top:0;left:0}.nav-link,.teacher-navigation button{position:relative}.nav-link.nav-link-active,.teacher-navigation button[aria-current=page]{box-shadow:none;color:var(--primary);background:0 0}.nav-link-active svg{stroke-width:2.4px}.nav-link:focus-visible,.teacher-navigation button:focus-visible{outline-offset:-3px}.experience-page{max-width:1120px}.calculator-page,.stains-page{max-width:1000px}.page-intro,.guide-page>.page-intro,.stains-page>.page-intro{--intro-accent:var(--primary);--intro-soft:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(ellipse at 100% 100%, var(--intro-soft), transparent 70%), var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:clamp(24px,4vw,38px);display:flex;position:relative;overflow:hidden}.page-intro.page-intro--violet{--intro-accent:var(--violet);--intro-soft:var(--violet-soft)}.page-intro.page-intro--amber{--intro-accent:var(--amber);--intro-soft:var(--amber-soft)}.page-intro-copy{flex:1;min-width:0}.page-intro-eyebrow{color:var(--intro-accent);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:9px;margin:0 0 12px;font-size:.7rem;font-weight:750;display:flex}.page-intro-eyebrow>span{width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--intro-accent) 10%, transparent);background:currentColor;border-radius:50%}.page-intro-title{letter-spacing:-.045em;max-width:22ch;margin:0;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:760;line-height:1.16}.page-intro-description{max-width:60ch;color:var(--muted);margin:14px 0 0;font-size:.94rem;line-height:1.8}.page-intro-art{width:130px;height:130px;color:var(--intro-accent);flex:none;place-items:center;display:grid;position:relative}.page-intro-art>svg{stroke-width:1.5px;width:34px;height:34px;position:absolute}.page-intro-art .flow-mark{width:100%;height:100%}.page-intro-orbit-dot{inset-inline-end:4px;width:10px;height:10px;box-shadow:0 0 0 6px var(--surface);background:currentColor;border-radius:50%;position:absolute;top:32px}.flow-mark{width:76px;height:76px;color:var(--primary);flex:none;place-items:center;display:inline-grid;position:relative}.flow-mark>span{opacity:.22;border:1px solid;border-radius:42% 58% 53% 47%/46% 42% 58% 54%;position:absolute;inset:0}.flow-mark>span:nth-child(2){opacity:.35;inset:12%;rotate:55deg}.flow-mark>span:nth-child(3){opacity:.45;background:color-mix(in srgb, currentColor 5%, transparent);inset:24%;rotate:-30deg}.flow-mark>i{opacity:.75;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;position:absolute;inset:0}.page-intro .flow-mark{color:var(--intro-accent)}:is(.button,.teacher-button){border-radius:var(--radius-sm);min-height:44px;font-size:.9rem;font-weight:700;line-height:1.45}:is(.button-primary,.teacher-button):not(.teacher-button--ghost,.teacher-button--danger,.teacher-button--secondary){background:var(--action);color:var(--on-action);box-shadow:0 3px 0 color-mix(in srgb, var(--action) 20%, transparent);border-color:#0000}:is(.button-primary,.teacher-button):not(.teacher-button--ghost,.teacher-button--danger,.teacher-button--secondary):hover:not(:disabled){background:var(--action-hover);color:var(--on-action)}:is(.button-danger,.teacher-button--danger){background:var(--danger-soft);color:var(--danger-text);border:1px solid var(--danger-border);box-shadow:none}:is(.button-danger,.teacher-button--danger):hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, var(--danger-soft));color:var(--danger-text)}.button:disabled,.teacher-button:disabled,.guide-carousel-controls button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}:is(.button,.teacher-button)[aria-busy=true]{cursor:progress}.button svg,.teacher-button svg{flex:none}.input,.teacher-field :is(input,select,textarea){border-radius:var(--radius-sm);border:1px solid var(--border);min-height:48px;color:var(--text);background:var(--surface);box-shadow:inset 0 1px 2px #00000004}.input:hover:not(:disabled),.teacher-field :is(input,select,textarea):hover:not(:disabled){border-color:var(--accent-border)}.input:focus,.teacher-field :is(input,select,textarea):focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-ring)}:is(.input,.teacher-field input,.teacher-field select,.teacher-field textarea)[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 12%, transparent)}.teacher-field__label,.field-label{color:var(--text);font-size:.88rem;font-weight:700}.teacher-field__hint,.field-hint{color:var(--muted);font-size:.8rem;line-height:1.65}.teacher-field__error,.field-error{color:var(--danger-text);font-size:.8rem}.choice-card{border-radius:var(--radius-md);background:var(--surface)}.choice-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 5px 18px -12px var(--primary);background:color-mix(in srgb, var(--primary-soft) 45%, var(--surface))}.choice-card:has(input:checked)>span:last-child{background:var(--action);color:var(--on-action)}.choice-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:4px}.wizard-progress{padding-bottom:20px;position:relative;overflow:hidden}.wizard-progress:after{content:"";inset-inline-start:0;height:3px;width:var(--progress,0%);background:var(--primary);border-radius:4px;position:absolute;bottom:0}.wizard-progress li[data-complete=true]>span:first-child{background:var(--primary-soft);color:var(--primary);border-color:var(--accent-border)}.wizard-surface{box-shadow:var(--shadow)}.result-hero{position:relative;overflow:hidden}.result-hero>*{z-index:1;position:relative}.result-hero:after{pointer-events:none}.guide-process-track>li:nth-child(2){--primary-soft:var(--violet-soft);--primary:var(--violet)}.guide-process-track>li:nth-child(3){--primary-soft:var(--amber-soft);--primary:var(--amber)}.guide-process-track>li{border-top:3px solid var(--primary)}.guide-page summary{min-height:76px}.guide-page details[open] summary{background:var(--primary-soft)}.guide-page summary svg:last-child{transition:rotate var(--duration-ui) var(--ease-fluid)}.guide-page details[open] summary svg:last-child{rotate:180deg}.dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031d1cb0}.dialog-content{border-radius:var(--radius-lg);--dialog-x:-50%;transform:translate(var(--dialog-x), -50%);max-height:min(88dvh,850px);box-shadow:0 30px 100px #00000040}[dir=rtl] .dialog-content,.dialog-content[dir=rtl]{--dialog-x:50%;transform:translate(var(--dialog-x), -50%)}.dialog-heading{padding:24px}.dialog-title{letter-spacing:-.025em;font-size:1.45rem}.dialog-description{line-height:1.75}.dialog-body{padding:24px}.dialog-footer{background:color-mix(in srgb, var(--surface-muted) 50%, var(--surface));padding:18px 24px}.teacher-area{background:var(--bg)}.teacher-topbar{z-index:1;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(110deg, var(--primary-soft), var(--surface));margin:24px 24px 0;padding:24px;position:relative;top:auto}.teacher-layout{grid-template-columns:215px minmax(0,1fr)}.teacher-navigation{top:calc(var(--header-height) + 12px);max-height:calc(100dvh - var(--header-height) - 24px);border:0;padding:18px 10px;font-size:.79rem}.teacher-content{padding:24px}.teacher-content .teacher-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(20px,2.5vw,30px)}.teacher-panel__header{border-bottom:1px solid var(--border);gap:16px;padding-bottom:20px}.teacher-panel__header h2{letter-spacing:-.025em;font-size:1.45rem}.teacher-panel__header p{color:var(--muted);max-width:65ch;font-size:.9rem;line-height:1.8}.teacher-editor,.teacher-list-item{border-radius:var(--radius-md);border-color:var(--border)}.teacher-editor{background:color-mix(in srgb, var(--surface-muted) 45%, var(--surface))}.teacher-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md)}.teacher-table-wrap table :is(th,td){padding:14px 16px}.teacher-table-wrap table th{background:var(--surface-muted);color:var(--muted);font-size:.75rem}.teacher-table-wrap table tr:last-child td{border-bottom:0}.teacher-table-wrap table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 35%, var(--surface))}.teacher-table-wrap table input{min-width:60px;min-height:44px}.teacher-badge{background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:.72rem}.teacher-badge--success,.teacher-notice--success{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.teacher-badge--warning,.teacher-notice--warning{background:var(--warning-soft);color:var(--warning-text);border-color:var(--warning-border)}.teacher-notice--danger,.teacher-danger-zone{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.teacher-notice--info{background:var(--primary-soft);color:var(--text);border-color:var(--accent-border)}.teacher-notice{border-radius:var(--radius-md);border-style:solid;border-width:1px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:.88rem;line-height:1.7;display:flex}.teacher-notice>svg{flex:none;width:20px;height:20px;margin-top:2px}.teacher-notice>div{flex:1;min-width:0}.teacher-notice>div>svg{display:none}.teacher-empty{border:1px dashed var(--border);background:var(--surface-muted);border-radius:var(--radius-md);color:var(--muted);text-align:center;justify-items:center;gap:12px;padding:36px 24px;display:grid}.teacher-empty>svg{width:30px;height:30px;color:var(--primary);stroke-width:1.5px}.teacher-empty p{margin:0}.teacher-welcome{background:radial-gradient(ellipse at 100% 0, var(--primary-soft), transparent 70%), var(--surface);border-radius:var(--radius-lg)}.teacher-overview button{border-radius:var(--radius-md)}.account-gate{min-height:650px}.account-card{border-radius:var(--radius-lg)}.account-intro{position:relative}.account-intro .flow-mark{width:108px;height:108px;margin-bottom:28px}.account-card h2{letter-spacing:-.03em}.account-invitation{border-color:var(--accent-border)}.account-audit time{white-space:nowrap;font-variant-numeric:tabular-nums}.state-display{text-align:center;min-height:300px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px 24px;display:flex}.state-display>p{color:var(--muted);max-width:45ch;margin:0}.state-display-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:22px;place-items:center;display:grid}.state-display--error .state-display-icon{color:var(--danger-text);background:var(--danger-soft)}.state-display-icon svg{width:28px;height:28px}.teacher-content .state-display{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:180px}@media (width>=1024px){.app-header{height:var(--header-height)}}@media (width<=1279px){.teacher-layout{display:block}.teacher-navigation{top:var(--header-height);z-index:10;background:var(--surface);border-bottom:1px solid var(--border);max-height:none;margin-top:16px;padding:10px 16px;display:flex;overflow-x:auto}.teacher-navigation button{flex:none}}@media (width<=719px){.page-intro,.guide-page>.page-intro,.stains-page>.page-intro{gap:12px;margin-bottom:22px;padding:24px 22px}.page-intro-title{font-size:1.8rem}.page-intro-description{font-size:.86rem}.page-intro-art{align-self:flex-start;width:64px;height:64px;margin-top:4px}.page-intro-art>svg{width:23px;height:23px}.page-intro-orbit-dot{top:12px;width:6px;height:6px;inset-inline-end:0}.page-intro-eyebrow{letter-spacing:.07em;font-size:.63rem}.teacher-topbar{flex-wrap:wrap;margin:16px 16px 0;padding:20px}.teacher-content{padding:16px}.teacher-navigation button span{display:inline}.teacher-navigation button{justify-content:flex-start;gap:8px;font-size:.82rem}.teacher-overview{grid-template-columns:repeat(2,1fr)}.teacher-overview button:last-child{grid-column:1/-1;align-items:center;gap:14px;display:flex}.teacher-panel__header h2{font-size:1.3rem}.account-intro .flow-mark{display:none}.dialog-heading,.dialog-body{padding:20px}.dialog-title{font-size:1.25rem}}@media (width<=600px){.teacher-navigation{top:0}}@media print{.page-intro-art,.active-indicator{display:none}.page-intro,.teacher-content .teacher-panel{box-shadow:none;background:#fff;border:0}}.account-help-disclosure summary{cursor:pointer;list-style-position:inside}.teacher-overview strong{unicode-bidi:isolate}#main-content{overflow-x:clip}.teacher-gate__privacy{color:var(--muted)}.guide-process-track:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:16px}.teacher-navigation{scroll-snap-type:none}:is(.button,.teacher-button,.teacher-icon-button,.icon-button,.nav-link,.choice-card,.teacher-overview button,.guide-carousel-controls button){transition:background-color var(--duration-ui), border-color var(--duration-ui), color var(--duration-ui), box-shadow var(--duration-ui), transform var(--duration-ui) var(--ease-fluid)}:is(.input,.teacher-field input,.teacher-field select,.teacher-field textarea){transition:border-color var(--duration-fast), box-shadow var(--duration-ui), background-color var(--duration-ui)}.active-indicator{transition:width var(--duration-panel) var(--ease-fluid), height var(--duration-panel) var(--ease-fluid), transform var(--duration-panel) var(--ease-fluid), opacity var(--duration-fast)}.wizard-progress:after{transition:width .48s var(--ease-fluid)}.motion-panel,.wizard-surface,.result-hero,.home-tool,.guide-process-track>li,.teacher-content{animation:none}:is(.button,.teacher-button,.icon-button,.teacher-icon-button,.choice-card,.teacher-overview button):active:not(:disabled){transform:scale(.98)}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(.button,.teacher-button,.teacher-overview button):hover:not(:disabled){box-shadow:var(--shadow-raised);transform:translateY(-2px)}.page-intro:hover .flow-mark>span:nth-child(2){rotate:85deg}.page-intro:hover .flow-mark>span:nth-child(3){rotate:0deg}}.flow-mark>span{transition:rotate .9s var(--ease-fluid)}.dialog-overlay[data-state=open]{animation:.22s both veil-in}.dialog-overlay[data-state=closed]{animation:.16s both veil-out}.dialog-content[data-state=open]{animation:dialog-in .36s var(--ease-fluid) both}.dialog-content[data-state=closed]{animation:dialog-out .16s var(--ease-exit) both;pointer-events:none}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes veil-out{to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(var(--dialog-x,-50%), calc(-50% + 16px)) scale(.96)}to{opacity:1;transform:translate(var(--dialog-x,-50%), -50%) scale(1)}}@keyframes dialog-out{to{opacity:0;transform:translate(var(--dialog-x,-50%), calc(-50% + 8px)) scale(.98)}}@keyframes cycle-settle{0%{rotate:-100deg}to{rotate:0deg}}@keyframes cycle-wait{to{rotate:360deg}}@keyframes surface-arrive{0%{box-shadow:0 0 0 8px var(--accent-ring)}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:no-preference){.page-intro-art .flow-mark>i{animation:cycle-settle 1.2s var(--ease-fluid)}.flow-mark--loading>i{animation:1.2s linear infinite cycle-wait}.result-hero{animation:surface-arrive .9s var(--ease-fluid)}.teacher-notice,.field-error,.teacher-field__error{animation:.18s veil-in}.route-stage{animation:route-arrive var(--duration-panel) var(--ease-fluid)}html:active-view-transition .route-stage{animation:none}}@keyframes route-arrive{0%{transform:translateX(var(--route-shift))}to{transform:translate(0)}}::view-transition-group(route-content){animation-duration:var(--duration-panel)}::view-transition-old(route-content){animation:.16s both route-leave}::view-transition-new(route-content){animation:route-enter var(--duration-panel) var(--ease-fluid) both}@keyframes route-enter{0%{opacity:.5;transform:translateX(var(--route-shift))}to{opacity:1;transform:translate(0)}}@keyframes route-leave{to{opacity:0;transform:translateX(calc(var(--route-shift) * -.5))}}@supports (interpolate-size:allow-keywords){details{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size .32s var(--ease-fluid), content-visibility .32s allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}}html[data-page-hidden] *,html[data-page-hidden] :before,html[data-page-hidden] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}