@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-600:#f05100;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c2;--color-yellow-300:#ffe02a;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-yellow-800:#874b00;--color-yellow-900:#733e0a;--color-yellow-950:#432004;--color-emerald-50:#ecfdf5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-500:#00bb7f;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-cyan-50:#ecfeff;--color-cyan-100:#cefafe;--color-cyan-300:#53eafd;--color-cyan-600:#0092b5;--color-cyan-800:#005f78;--color-blue-700:#1447e6;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#ffccd3;--color-rose-300:#ffa2ae;--color-rose-400:#ff667f;--color-rose-500:#ff2357;--color-rose-600:#e70044;--color-rose-700:#c20039;--color-rose-900:#8b0836;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-neutral-50:#fafafa;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-500:#737373;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a6a09b;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--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-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-yellow-50:lab(98.6846% -1.79055 9.7766);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-300:lab(89.7033% -.480294 84.4917);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-yellow-900:lab(32.3865% 21.1273 38.5959);--color-yellow-950:lab(16.8146% 15.7422 23.1133);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-cyan-50:lab(98.3304% -5.97432 -2.62108);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-cyan-300:lab(85.3886% -36.7636 -21.5716);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-cyan-800:lab(36.5114% -17.1989 -21.6292);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-rose-50:lab(96.2369% 4.94155 1.28011);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-200:lab(86.806% 19.1909 4.07754);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-rose-900:lab(29.7104% 51.514 12.6253);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-neutral-50:lab(98.26% 0 0);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-stone-50:lab(98.2686% -.0991821 .364304);--color-stone-100:lab(96.5286% -.0991821 .364268);--color-stone-200:lab(91.055% .663072 .865579);--color-stone-300:lab(84.7909% .928015 1.59738);--color-stone-400:lab(66.2166% 1.88044 3.20326)}}}@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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-72{height:calc(var(--spacing) * 72)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[100px\]{min-width:100px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.border-spacing-1\.5{--tw-border-spacing-x:calc(var(--spacing) * 1.5);--tw-border-spacing-y:calc(var(--spacing) * 1.5);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-cyan-300{border-color:var(--color-cyan-300)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-300{border-color:var(--color-rose-300)}.border-rose-500{border-color:var(--color-rose-500)}.border-slate-600{border-color:var(--color-slate-600)}.border-stone-100{border-color:var(--color-stone-100)}.border-stone-200{border-color:var(--color-stone-200)}.border-stone-300{border-color:var(--color-stone-300)}.border-teal-200{border-color:#c4e5e8}.border-yellow-300{border-color:var(--color-yellow-300)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-800\/85{background-color:#1d293dd9}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/85{background-color:color-mix(in oklab, var(--color-slate-800) 85%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-teal-50{background-color:#f0f9fa}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-800{color:var(--color-cyan-800)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-orange-600{color:var(--color-orange-600)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-900{color:var(--color-rose-900)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-stone-300{color:var(--color-stone-300)}.text-teal-700{color:#25656c}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.text-yellow-950{color:var(--color-yellow-950)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-rose-500{accent-color:var(--color-rose-500)}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}@media (hover:hover){.group-hover\:text-slate-600:is(:where(.group):hover *){color:var(--color-slate-600)}.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}.hover\:border-amber-400:hover{border-color:var(--color-amber-400)}.hover\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\:border-rose-400:hover{border-color:var(--color-rose-400)}.hover\:border-stone-400:hover{border-color:var(--color-stone-400)}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-300:hover{background-color:var(--color-amber-300)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-cyan-100:hover{background-color:var(--color-cyan-100)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-stone-50:hover{background-color:var(--color-stone-50)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}.hover\:text-rose-900:hover{color:var(--color-rose-900)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--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)}}.active\:bg-amber-700:active{background-color:var(--color-amber-700)}.active\:bg-yellow-600:active{background-color:var(--color-yellow-600)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-neutral-300:disabled{background-color:var(--color-neutral-300)}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:h-80{height:calc(var(--spacing) * 80)}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--background:#fafaf7;--foreground:#1f2937;--surface:#fff;--surface-2:#f5f5f0;--line:#e5e7eb;--muted:#6b7280;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif}html{font-family:var(--font-sans)}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}.glass-card{border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px #0000000a}@keyframes current-flow{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes bulb-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.05)}}ruby rt{color:#475569;font-size:.55em;font-weight:500}.light-page{background:var(--background);color:var(--foreground)}.light-page strong{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
.lesson-site{--ink:#243d3a;--soft-ink:#667672;--paper:#f8f8f2;--green:#226b5d;--border:#dfe5dc;background:var(--paper);min-height:100vh;color:var(--ink)}.lesson-site *{box-sizing:border-box}.lesson-site button,.lesson-site a,.lesson-site input{-webkit-tap-highlight-color:transparent}.lesson-site button{cursor:pointer}.lesson-site button:disabled{cursor:default}.lesson-site a:focus-visible,.lesson-site button:focus-visible,.lesson-site input:focus-visible,.diagram-control:focus-visible{outline-offset:4px;outline:3px solid #c58b21}.lesson-site section[id],.lesson-site div[id]{scroll-margin-top:105px}.lesson-container{width:min(1160px,100% - 72px);margin-inline:auto}.lesson-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f8f8f2f2;position:sticky;top:0}.lesson-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 64px);min-height:88px;margin:auto;display:flex}.lesson-brand{letter-spacing:.025em;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#f6cc65;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.lesson-brand small{letter-spacing:.14em;margin-top:2px;font-size:9px;font-weight:500;display:block}.lesson-header nav{align-items:center;gap:28px;font-size:13px;font-weight:500;display:flex}.lesson-header nav a{align-items:center;gap:5px;min-height:44px;display:flex;position:relative}.lesson-header nav a[aria-current=page]:after{content:"";background:var(--green);border-radius:2px;width:100%;height:3px;position:absolute;bottom:0}.lesson-header a:hover{color:var(--green)}.eyebrow{letter-spacing:.12em;color:var(--green);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.tiny-line{background:#b99751;width:22px;height:2px}.home-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:44px;padding:66px 0 50px;display:grid}.hero-copy h1{letter-spacing:-.065em;margin:27px 0 22px;font-size:clamp(35px,4.1vw,53px);font-weight:700;line-height:1.6}.hero-copy h1 em{color:var(--green);text-underline-offset:10px;font-style:normal;-webkit-text-decoration:underline #e7b64a;text-decoration:underline #e7b64a;text-decoration-thickness:5px}.hero-description{color:var(--soft-ink);font-size:14px;line-height:2}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.primary-button,.secondary-button{text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:13px 20px;font-size:13px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.primary-button{background:var(--green);color:#fff;border:1px solid var(--green)}.primary-button:hover{background:#185346;transform:translateY(-1px)}.secondary-button{color:var(--ink);background:#fff;border:1px solid #becbc0}.secondary-button:hover{background:#edf2e9}.text-button{color:var(--green);justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.hero-facts{color:#6d7b76;flex-wrap:wrap;gap:13px;margin-top:27px;font-size:10px;display:flex}.hero-facts span+span{border-left:1px solid #cdd5c9;padding-left:13px}.home-experiment{background:#fffef8;border:1px solid #dce4d7;border-radius:20px;padding:22px 24px 15px;transform:rotate(1deg);box-shadow:0 16px 42px -27px #36573e44}.experiment-topline{color:#718274;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.experiment-topline>span:first-child{color:var(--green);align-items:center;gap:7px;font-weight:700;display:flex}.experiment-topline i,.player-state i{background:#d5a345;border-radius:50%;width:6px;height:6px;display:inline-block}.home-experiment h2{letter-spacing:-.03em;margin-top:22px;font-size:22px;font-weight:700}.home-diagrams{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.home-diagrams>div{flex-direction:column;align-items:center;display:flex}.home-diagrams .teaching-diagram{height:216px}.experiment-chip{color:#69816e;background:#f4f7ef;border:1px solid #d9e2d4;border-radius:20px;padding:4px 12px;font-size:10px}.home-predictions{grid-template-columns:1fr .8fr 1fr;gap:8px;display:grid}.home-predictions button{background:#fff;border:1px solid #d4ddce;border-radius:7px;justify-content:center;align-items:center;gap:3px;min-height:43px;font-size:11px;font-weight:700;display:flex}.home-predictions button:hover,.home-predictions button[aria-pressed=true]{color:#315e41;background:#e6efdf;border-color:#577b59}.home-answer{min-height:63px;padding-top:14px;font-size:11px;line-height:1.9}.home-answer p{color:#788174;justify-content:center;align-items:center;gap:7px;display:flex}.home-answer strong{color:var(--green);margin-right:5px}.home-answer a{color:var(--green);align-items:center;gap:7px;padding-top:5px;font-weight:700;display:flex}.learning-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:45px;padding:24px 0;font-size:12px;display:flex}.learning-strip span{align-items:center;gap:12px;display:flex}.learning-strip b{color:#b58b3b;font-size:11px;font-weight:500}.learning-strip>svg{color:#afbfae}.units-section{padding:70px 0 65px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px;display:flex}.section-heading h2{letter-spacing:-.04em;margin-top:12px;font-size:28px;font-weight:700;line-height:1.5}.section-heading>p{color:var(--soft-ink);padding-bottom:4px;font-size:12px}.unit-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.unit-card{background:#f0f3e8;border:1px solid #dce2d4;border-radius:13px;padding:24px;transition:transform .2s,box-shadow .2s}.unit-card:hover{transform:translateY(-5px);box-shadow:0 14px 25px -19px #304c46}.unit-card-1{background:#eaf2ed;border-color:#d1e0d5}.unit-card-2{background:#f5efdf;border-color:#e5ddc7}.unit-card-top{color:#728267;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.unit-card h3{letter-spacing:-.04em;margin-top:32px;font-size:21px;font-weight:700}.unit-card p{color:var(--soft-ink);margin-top:10px;font-size:12px}.unit-card-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:34px;display:flex}.unit-card-bottom>span:first-child{color:#66775f;align-items:center;gap:8px;font-size:10px;display:flex}.unit-card-bottom i,.unit-hero .eyebrow i{background:#9eab96;border-radius:50%;width:3px;height:3px;display:inline-block}.round-arrow{border:1px solid #bfcab7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.magnetic-section{background:#e8edef;border-radius:17px;grid-template-columns:.9fr 1.5fr;gap:40px;padding:42px;display:grid}.magnetic-intro .eyebrow{color:#647a84}.magnetic-intro h2{letter-spacing:-.035em;margin-top:22px;font-size:30px;font-weight:700;line-height:1.65}.magnetic-intro p{color:#718189;margin-top:15px;font-size:13px;line-height:1.9}.magnetic-intro .text-button{margin-top:15px}.magnetic-links a{border-bottom:1px solid #cfdadd;align-items:center;gap:18px;padding:21px 0;display:flex}.magnetic-links a:first-child{padding-top:8px}.magnetic-links a:last-child{border:0;padding-bottom:8px}.magnetic-links a>svg{flex-shrink:0;margin-left:auto}.magnet-icon{color:#5b7981;background:#f4f7f7;border:1px solid #d8e1e1;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.magnetic-links h3{font-size:15px;font-weight:700}.magnetic-links p{color:#718189;margin-top:6px;font-size:11px}.magnetic-links a:hover h3{text-underline-offset:4px;text-decoration:underline}.free-invitation{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:53px 0;display:flex}.free-invitation h2{letter-spacing:-.03em;margin-top:13px;font-size:23px;font-weight:700}.free-invitation p{color:var(--soft-ink);margin-top:12px;font-size:12px}.teacher-note{text-align:center;color:#7b877d;padding:26px 0 42px;font-size:10px;line-height:1.8}.lesson-footer{border-top:1px solid var(--border);background:#f1f3ed}.lesson-footer footer{background:0 0;border:0}.breadcrumbs{color:#788779;align-items:center;gap:12px;padding-top:27px;font-size:11px;display:flex}.breadcrumbs a:hover{text-decoration:underline}.unit-hero{padding:33px 0 30px}.unit-hero h1{letter-spacing:-.04em;margin:17px 0 15px;font-size:35px;font-weight:700;line-height:1.5}.unit-hero>p:not(.eyebrow){color:var(--soft-ink);max-width:710px;font-size:13px;line-height:1.9}.unit-jumps{flex-wrap:wrap;align-items:center;gap:25px;margin-top:16px;display:flex}.unit-jumps a{min-height:38px;color:var(--green);align-items:center;gap:8px;font-size:11px;display:flex}.experiment-tabs{background:#e8eee3;border-radius:10px;gap:5px;width:fit-content;margin-bottom:16px;padding:5px;display:flex}.experiment-tabs button{color:#6a7b68;border-radius:7px;min-height:42px;padding:10px 20px;font-size:12px}.experiment-tabs button[aria-pressed=true]{color:var(--green);background:#fff;font-weight:700;box-shadow:0 1px 4px #24433214}.problem-player{background:#fffef9;border:1px solid #d9e2d3;border-radius:16px;padding:26px;overflow:hidden}.player-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-state{color:#8c8b70;align-items:center;gap:6px;font-size:10px;display:flex}.player-state.is-result{color:var(--green)}.player-state.is-result i{background:var(--green)}.player-question{letter-spacing:-.035em;margin-top:19px;font-size:23px;font-weight:700;line-height:1.6}.unit-note{color:var(--soft-ink);margin-top:10px;font-size:11px;line-height:1.8}.player-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:28px;margin-top:23px;display:grid}.player-visual{background-color:#f6f8f1;background-image:radial-gradient(#adbba025 .8px,#0000 .8px);background-size:15px 15px;border:1px solid #e2e7d9;border-radius:12px;flex-direction:column;justify-content:space-between;min-width:0;display:flex}.diagram-toolbar{color:#788570;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 15px 0;font-size:10px;display:flex}.diagram-toolbar button{color:#57744c;background:#fffef8;border:1px solid #cdd8c4;border-radius:6px;min-height:32px;padding:5px 9px}.diagram-pair{grid-template-columns:1fr 1fr;align-items:center;gap:6px;padding:14px 8px 3px;display:grid}.diagram-pair>div+div{border-left:1px dashed #cdd8c5}.diagram-panel{text-align:center;min-width:0}.diagram-caption{color:#65765b;background:#e8efdf;border-radius:20px;padding:4px 12px;font-size:11px;display:inline-block}.battery-readout{color:#5c7253;flex-direction:column;gap:5px;padding:4px 8px 14px;font-size:11px;display:flex}.battery-readout b{color:var(--green);padding-left:7px}.teaching-diagram{width:100%;height:auto;display:block;overflow:visible}.diagram-pair .teaching-diagram{height:295px}.diagram-single{width:100%;max-width:530px;margin:auto;padding:0 15px}.diagram-single .teaching-diagram{max-height:350px}.diagram-small{fill:#637367;font-size:14px;font-weight:500}.diagram-letter{fill:#334e46;font-size:20px;font-weight:700}.diagram-value{fill:#226b5d;font-size:22px;font-weight:700}.diagram-question{fill:#a98b48;font-size:17px;font-weight:700}.diagram-control{cursor:pointer;outline:none}.diagram-control:hover>rect:first-child{fill:#deead4;fill-opacity:.6}.diagram-bottom{color:#7d8975;border-top:1px solid #e4e9dd;justify-content:center;align-items:center;gap:20px;min-height:44px;font-size:10px;display:flex}.diagram-bottom button{color:#547049;justify-content:center;align-items:center;gap:5px;min-height:40px;display:flex}.current-dots{animation:lesson-current var(--flow-time,1.6s) linear infinite}.current-dots.is-paused{animation-play-state:paused}@keyframes lesson-current{to{stroke-dashoffset:-36px}}.bulb-glow{animation:.6s ease-out both lesson-light}@keyframes lesson-light{0%{opacity:0;transform:scale(.6)}}.equivalent-node{animation:.4s ease-out lesson-equivalent}@keyframes lesson-equivalent{0%{opacity:0}}.answer-panel{padding:6px 0}.answer-label{margin-bottom:14px;font-size:12px;font-weight:700;display:block}.answer-options{flex-direction:column;gap:9px;display:flex}.answer-options button{text-align:left;background:#fff;border:1px solid #d9e1d2;border-radius:8px;align-items:center;gap:12px;min-height:49px;padding:12px 14px;font-size:12px;display:flex}.answer-options button>span{color:#8c9d81;width:19px;font-size:18px}.answer-options button>svg{margin-left:auto}.answer-options button[aria-pressed=true],.bulb-choices button[aria-pressed=true],.none-choice[aria-pressed=true]{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#eaf3e8}.answer-options button:hover:not(:disabled),.bulb-choices button:hover:not(:disabled){border-color:#6a8f63}.check-button{width:100%;margin-top:18px}.hint-area{border-top:1px solid var(--border);margin-top:19px;padding-top:5px}.hint-button{color:#867446;align-items:center;gap:6px;width:100%;min-height:44px;font-size:11px;display:flex}.hint-button>svg:last-child{margin-left:auto}.hint-button:disabled{opacity:.5}.hint-area>p{color:#737c67;align-items:baseline;gap:9px;padding:7px 0;font-size:11px;line-height:1.9;display:flex}.hint-area>p b{color:#ae8a3c}.hint-area .text-button{width:100%;font-size:10px}.bulb-choices{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.bulb-choices button{background:#fff;border:1px solid #d9e1d2;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:53px;font-size:16px;font-weight:700;display:flex}.none-choice{border:1px solid #d9e1d2;border-radius:7px;width:100%;min-height:43px;margin-top:9px;font-size:12px;display:block}.fraction-input{background:#fff;border:1px solid #b7cbb0;border-radius:8px;align-items:center;display:flex;overflow:hidden}.fraction-input input{width:100%;min-width:0;color:var(--green);padding:14px;font-size:26px;font-weight:700}.fraction-input span{white-space:nowrap;color:#738469;padding-right:12px;font-size:10px}.answer-format{color:#7a8472;margin-top:9px;font-size:10px;line-height:1.9}.input-error{color:#ae482e;margin-top:11px;font-size:12px;line-height:1.8}.answer-result{background:#f7efd9;border-radius:9px;margin-top:15px;padding:15px}.answer-result.is-correct{background:#e7f0e1}.answer-result>span{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.answer-result p{margin-top:8px;font-size:12px;line-height:1.8}.explanation{border-top:1px solid var(--border);grid-template-columns:1fr 245px;gap:35px;margin-top:25px;padding-top:24px;display:grid}.explanation h3{margin-top:10px;font-size:20px;font-weight:700}.explanation p{color:var(--soft-ink);margin-top:12px;font-size:13px;line-height:2}.result-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:10px;display:flex}.reason-values{flex-wrap:wrap;gap:14px;margin-top:15px;display:flex}.reason-values span{background:#f2f6ec;border:1px solid #d7e2cf;border-radius:7px;align-items:center;gap:14px;padding:8px 13px;font-size:11px;display:flex}.reason-values b{color:var(--green);font-size:19px;font-weight:700}.highlight-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.highlight-actions button{color:var(--green);text-underline-offset:4px;padding:8px 0;font-size:11px;text-decoration:underline}.model-note{color:#899280;margin-top:18px;font-size:9px;line-height:1.8}.understand-section,.problem-list-section,.reduction-section,.switch-lab{padding-top:62px}.understand-grid{grid-template-columns:1.25fr .8fr;align-items:center;gap:50px;display:grid}.understand-points>div{border-bottom:1px solid var(--border);gap:23px;padding:21px 0;display:flex}.understand-points>div:first-child{padding-top:0}.understand-points>div>span{color:#ac8d47;font-size:11px;line-height:2.2}.understand-points p{font-size:14px;line-height:2}.understand-example{background:#edf2e6;border-radius:12px;padding:22px}.understand-example .teaching-diagram{max-height:230px}.understand-example p{color:#71816a;font-size:11px;line-height:1.8}.reduction-grid{background:#fffef8;border:1px solid #d6e0cf;border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.reduction-figure{background:#edf3e7;align-items:center;padding:24px;display:flex}.reduction-figure .teaching-diagram{max-height:390px}.reduction-task{flex-direction:column;justify-content:center;align-items:flex-start;padding:36px;display:flex}.reduction-task h3{margin-top:17px;font-size:22px;font-weight:700;line-height:1.6}.reduction-task p{color:var(--soft-ink);margin-top:14px;font-size:13px;line-height:1.9}.reduction-task form{width:100%;margin-top:20px}.reduction-input{border:1px solid #bacbb1;border-radius:7px;width:100%;max-width:220px;padding:12px;font-size:22px}.reduction-task .primary-button{margin-top:12px}.reduction-task form .primary-button{display:flex}.reduction-task .text-button{margin-top:10px}.reduction-task .secondary-button{margin-top:20px}.reduction-task .reduction-hint{background:#f6f0df;border-radius:7px;padding:12px;font-size:12px}.progress-count{color:var(--green);font-size:28px;font-weight:700}.progress-count small{color:#788674;font-size:11px;font-weight:500}.lesson-progress-track{background:#e1e7da;border-radius:4px;height:4px;margin-bottom:17px}.lesson-progress-track>div{background:#528969;border-radius:4px;height:100%;transition:width .3s}.problem-list{grid-template-columns:1fr 1fr;column-gap:35px;display:grid}.problem-list a{border-bottom:1px solid var(--border);align-items:center;gap:18px;min-width:0;padding:19px 0;display:flex}.question-number{color:#929e85;flex-shrink:0;width:20px;font-size:11px}.problem-list a>span:nth-child(2){font-size:13px;font-weight:500;line-height:1.6}.problem-list small{color:#909d84;margin-top:5px;font-size:9px;display:block}.problem-list a:hover>span:nth-child(2){color:var(--green)}.problem-badge{color:#99a68b;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:10px;display:flex}.problem-badge.solved{color:var(--green)}.problem-badge.review{color:#a78033}.lesson-faq{border-top:1px solid var(--border);margin-top:65px;padding-top:30px}.lesson-faq h2{margin-top:15px;font-size:20px;font-weight:700}.lesson-faq p{color:var(--soft-ink);max-width:800px;margin-top:15px;font-size:13px;line-height:2}.next-unit{margin:36px 0 60px}.next-unit a{background:#e8f0e2;border:1px solid #d6e2cf;border-radius:12px;justify-content:space-between;align-items:center;padding:22px 28px;font-size:19px;font-weight:700;display:flex}.next-unit small{color:#7d8b71;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.focused-problem{padding-top:28px;padding-bottom:60px}.back-link{color:#6c8063;align-items:center;gap:7px;min-height:40px;font-size:11px;display:inline-flex}.problem-page-title{margin:14px 0 24px;font-size:19px;font-weight:700}@media (min-width:1500px){.home-hero{padding-block:88px 65px}}@media (max-width:1000px){.lesson-container{width:calc(100% - 44px)}.home-hero{gap:25px}.hero-copy h1{font-size:36px}.hero-description{font-size:12px}.hero-facts{gap:8px;font-size:9px}.hero-facts span+span{padding-left:8px}.home-experiment{padding:19px 18px 12px}.home-diagrams .teaching-diagram{height:190px}.player-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.unit-card{padding:20px}.unit-card h3{font-size:18px}.unit-card-bottom>span:first-child{font-size:9px}.magnetic-section{padding:32px}}@media (max-width:760px){.lesson-container{width:calc(100% - 32px)}.lesson-header-inner{gap:10px;width:calc(100% - 32px);min-height:70px}.lesson-brand{gap:8px;font-size:17px}.brand-mark{border-radius:10px;width:34px;height:34px}.lesson-brand small{font-size:7px}.lesson-header nav{gap:16px;font-size:11px}.lesson-header nav .magnet-nav{display:none}.home-hero{grid-template-columns:1fr;gap:32px;padding:37px 0 32px}.hero-copy h1{letter-spacing:-.055em;margin:21px 0 22px;font-size:clamp(30px,6.8vw,44px);line-height:1.6}.hero-copy .eyebrow{font-size:10px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{gap:16px;margin-top:22px}.hero-actions .primary-button{min-height:48px;padding:12px 15px;font-size:12px}.hero-facts{margin-top:18px}.home-experiment{width:100%;max-width:540px;margin:auto;padding:20px 17px 12px;transform:none}.home-experiment h2{margin-top:19px;font-size:22px}.home-diagrams{margin-top:20px}.home-diagrams .teaching-diagram{height:190px}.home-predictions button{min-height:46px;font-size:11px}.learning-strip{gap:14px;padding:20px 0;font-size:10px}.learning-strip span{flex-direction:column;align-items:flex-start;gap:5px}.learning-strip>svg{width:13px}.units-section{padding:43px 0}.section-heading{align-items:start;margin-bottom:22px}.section-heading h2{margin-top:12px;font-size:23px}.section-heading>p{display:none}.unit-cards{grid-template-columns:1fr;gap:12px}.unit-card{padding:22px;position:relative}.unit-card-top>svg{width:33px;height:33px;position:absolute;top:27px;right:24px}.unit-card h3{margin-top:19px;font-size:23px}.unit-card-bottom{margin-top:20px}.unit-card-bottom>span:first-child{font-size:11px}.magnetic-section{grid-template-columns:1fr;gap:28px;padding:25px}.magnetic-intro h2{margin-top:15px;font-size:27px;line-height:1.5}.magnetic-intro p{font-size:12px}.magnetic-links a{gap:13px;padding:18px 0}.magnetic-links p{font-size:10px;line-height:1.7}.magnetic-links h3{font-size:14px}.magnet-icon{width:40px;height:40px}.free-invitation{flex-direction:column;align-items:start;gap:20px;padding:35px 0}.free-invitation h2{font-size:23px;line-height:1.5}.free-invitation p{font-size:12px;line-height:1.8}.teacher-note{text-align:left;padding-block:23px 30px}.breadcrumbs{padding-top:21px;font-size:10px}.unit-hero{padding:25px 0 23px}.unit-hero h1{margin-top:13px;font-size:28px;line-height:1.55}.unit-hero>p:not(.eyebrow){font-size:12px}.unit-jumps{gap:17px;margin-top:13px}.unit-jumps a{font-size:10px}.experiment-tabs{gap:3px;width:100%;margin-bottom:12px}.experiment-tabs button{flex:1;padding:10px 5px;font-size:11px}.problem-player{border-radius:12px;padding:17px 14px}.player-heading{flex-wrap:wrap;gap:8px}.player-heading .eyebrow{font-size:10px}.player-state{font-size:9px}.player-question{margin-top:15px;font-size:19px;line-height:1.65}.player-workspace{grid-template-columns:1fr;gap:18px;margin-top:18px}.diagram-toolbar{padding:7px 10px 0;font-size:9px}.diagram-toolbar button{min-height:44px}.diagram-pair{grid-template-columns:1fr;gap:10px;padding:12px 8px 0}.diagram-pair>div+div{border-top:1px dashed #cdd8c5;border-left:0;padding-top:12px}.diagram-pair .teaching-diagram{height:185px}.diagram-caption{padding:4px 10px;font-size:10px}.diagram-single{max-width:380px;padding:0 9px}.diagram-single .teaching-diagram{max-height:290px}.diagram-bottom{font-size:9px}.answer-panel{padding:0 2px}.answer-label{margin-bottom:10px}.answer-options{flex-direction:row;gap:7px}.answer-options button{text-align:center;flex-wrap:wrap;flex:1;place-content:center;gap:3px;min-width:0;min-height:55px;padding:10px 5px;font-size:11px}.answer-options button>span{width:100%;font-size:17px;line-height:1}.answer-options button>svg{width:12px;margin-left:0}.check-button{min-height:48px;margin-top:12px}.bulb-choices{grid-template-columns:repeat(4,1fr)}.bulb-choices button{gap:5px;min-height:49px;font-size:15px}.none-choice{min-height:40px}.hint-area{margin-top:13px}.hint-area>p{font-size:12px}.model-note{font-size:9px}.explanation{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-top:20px}.explanation h3{font-size:18px}.explanation p{font-size:12px}.result-actions{grid-template-columns:1fr;display:grid}.understand-section,.reduction-section,.switch-lab,.problem-list-section{padding-top:43px}.understand-grid{grid-template-columns:1fr;gap:22px}.understand-points>div{gap:17px;padding:17px 0}.understand-points p{font-size:13px}.understand-example .teaching-diagram{max-height:240px}.reduction-grid{grid-template-columns:1fr}.reduction-figure{padding:14px}.reduction-figure .teaching-diagram{max-height:280px}.reduction-task{padding:23px}.reduction-task h3{font-size:19px}.reduction-task p{font-size:12px}.problem-list{grid-template-columns:1fr}.problem-list a{gap:14px;padding:17px 0}.problem-list a>span:nth-child(2){font-size:12px}.progress-count{white-space:nowrap;font-size:25px}.progress-count small{font-size:9px}.lesson-faq{margin-top:42px}.lesson-faq h2{font-size:18px;line-height:1.7}.lesson-faq p{font-size:12px}.next-unit{margin:28px 0 40px}.focused-problem{padding-top:17px}.problem-page-title{margin:11px 0 18px;font-size:17px;line-height:1.7}}@media (max-width:360px){.lesson-header-inner{width:calc(100% - 24px)}.lesson-brand{font-size:15px}.lesson-header nav{gap:10px;font-size:10px}.brand-mark{display:none}.hero-copy h1{font-size:29px}.hero-actions{gap:8px}.hero-facts{font-size:8px}.learning-strip{gap:8px;font-size:9px}.diagram-pair .teaching-diagram{height:170px}.bulb-choices{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.current-dots{animation:none}.home-experiment{transform:none}.lesson-site *{scroll-behavior:auto}}
.lesson-site.lesson-studio{--ink:#e4ecdf;--soft-ink:#a5b79e;--paper:#101c16;--green:#caef92;--border:#365044;background:var(--paper)}.studio-container,.studio-header,.studio-footer{width:min(1240px,100% - 40px);margin-inline:auto}.studio-header{z-index:25;align-items:center;gap:26px;min-height:66px;display:flex;position:relative}.studio-home{color:#c6ef95;border:1px solid #3b5541;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.studio-header nav{align-items:center;gap:5px;display:flex}.studio-header nav a{color:#a7b99f;border-radius:8px;place-items:center;min-height:40px;padding:0 18px;font-size:12px;display:grid}.studio-header nav a[aria-current=page]{color:#daf5b1;background:#2d4531}.studio-free{color:#bdd2b4;align-items:center;gap:7px;min-height:42px;margin-left:auto;font-size:11px;display:flex}.studio-unit-heading{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.studio-unit-heading h1{letter-spacing:-.03em;font-size:21px;font-weight:700}.studio-unit-heading a{color:#b7ceaa;align-items:center;gap:8px;padding:10px 0 10px 10px;font-size:11px;display:flex}.studio-unit .experiment-tabs{background:0 0;gap:5px;margin-bottom:12px;padding:0;display:flex}.studio-unit .experiment-tabs button{color:#aebfa6;border:1px solid #354d3a;border-radius:7px;min-height:40px;padding:9px 17px;font-size:11px}.studio-unit .experiment-tabs button[aria-pressed=true]{color:#d4f0b3;box-shadow:none;background:#304734;border-color:#708b60}.studio-back{color:#a9bba0;align-items:center;gap:7px;padding:10px 0 16px;font-size:11px;display:inline-flex}.studio-footer{color:#94a48c;z-index:17;flex-wrap:wrap;gap:22px;padding:25px 0;font-size:10px;display:flex;position:relative}.studio-footer span{color:#acbb9e;margin-left:auto}.practice-player{--practice-accent:#cbef94;color:#e4ecd9;background:#17281e;border:1px solid #365044;border-radius:18px;padding:20px 22px 10px}.practice-player button{cursor:pointer;-webkit-tap-highlight-color:transparent}.practice-player button:disabled{cursor:default}.practice-player button:focus-visible,.practice-player a:focus-visible,.practice-player input:focus-visible{outline-offset:3px;outline:2px solid #d1f79a}.practice-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-number{color:#d1eeac;align-items:baseline;gap:6px;font:600 18px ui-monospace,monospace;display:flex}.practice-number small{color:#9fb396;font-size:11px}.practice-number em{font:10px var(--font-sans), sans-serif;color:#b9c9a6;border:1px solid #566d48;border-radius:4px;margin-left:6px;padding:3px 6px}.practice-progress{align-items:center;display:flex}.practice-progress a{place-items:center;width:23px;height:32px;display:grid}.practice-progress span{border:1px solid #839675;border-radius:50%;width:6px;height:6px;display:block}.practice-progress a[data-status=solved] span{background:#c6ed8d;border-color:#c6ed8d}.practice-progress a[data-status=review] span{background:#b88b55;border-color:#b88b55}.practice-progress a[aria-current=step] span{border-color:#d4f799;box-shadow:0 0 0 4px #657b4655}.practice-question{letter-spacing:-.025em;margin:10px 0 0;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.55}.practice-reference{color:#9fb095;margin-top:6px;font-size:10px}.practice-workspace{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:22px;margin-top:14px;display:grid}.practice-visual{min-width:0;scroll-margin-top:12px}.practice-viewbar{color:#acbfa1;justify-content:space-between;align-items:center;min-height:40px;padding-bottom:6px;font-size:10px;display:flex}.practice-viewbar>div{gap:3px;display:flex}.practice-tool{color:#b8d3a7;background:#213b29;border:1px solid #405b40;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.practice-tool:hover,.practice-tool[aria-pressed=true]{color:#d0f397;background:#37523a}.practice-diagrams{gap:10px;display:grid}.practice-diagrams.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-diagrams.is-single{grid-template-columns:minmax(0,1fr)}.practice-figure{background:#14231b;border:1px solid #38513c;border-radius:12px;min-width:0;position:relative}.practice-figure.is-correct:after{content:"";z-index:16;pointer-events:none;border:2px solid #badf7b;border-radius:12px;position:absolute;inset:0}.practice-figure[data-selected=true]:not(.is-correct){border-color:#9dba82}.practice-figure-heading{z-index:17;pointer-events:none;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;inset:8px 8px auto}.practice-figure-heading>span{color:#d2e4bd;background:#213529ed;border:1px solid #57754b;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.practice-figure-heading .practice-tool{pointer-events:auto;background:#203627ee;width:31px;height:31px}.practice-figure .circuit3d{border:0;border-radius:12px}.practice-figure .circuit3d-window{height:clamp(260px,100svh - 330px,520px)!important}.practice-figure .circuit3d-readout{border-radius:0 0 12px 12px;min-height:40px}.practice-figure.is-symbols{background:#e8eddf;padding:40px 8px 12px}.practice-figure .teaching-diagram{width:100%;height:clamp(220px,100svh - 382px,468px)}.practice-figure.is-symbols .diagram-small{font-size:13px}.practice-battery-life{z-index:16;color:#b8cdaa;justify-content:center;align-items:center;gap:9px;padding:8px;font-size:10px;display:flex;position:relative}.practice-battery-life b{color:#d8f39c;font-size:15px}.practice-scale{color:#acbd9e;text-align:center;padding-top:6px;font-size:10px}.practice-viewbar .circuit-number-toggle button{min-width:39px;padding-inline:7px}.practice-figure.is-symbols .circuit-numbers{margin:0 -8px -12px}@media (max-width:400px){.practice-diagrams.is-pair .circuit-numbers{flex-direction:column;gap:3px}}.practice-answer{z-index:17;min-width:0;position:relative}.practice-options{gap:8px;display:flex}.practice-options>button{color:#c3d4b5;background:#203728;border:1px solid #4a6245;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:78px;padding:10px 4px;display:flex;position:relative}.practice-options b{font-size:22px;font-weight:500;line-height:1}.practice-options button>span:not(.practice-choice-dot){white-space:nowrap;font-size:10px}.practice-options button[aria-pressed=true],.practice-bulbs button[aria-pressed=true]{color:#e7f7cd;background:#3b5034;border-color:#c1dc91}.practice-options button[data-correct=true],.practice-bulbs button[data-correct=true]{color:#1d341b;background:#c3e991;border-color:#c3e991}.practice-options button:hover:not(:disabled),.practice-bulbs button:hover:not(:disabled){border-color:#c4e69b}.practice-choice-check,.practice-choice-dot{position:absolute;top:5px;right:5px}.practice-choice-dot{background:#d6f4ac;border-radius:50%;width:5px;height:5px;display:block}.practice-bulbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.practice-bulbs button{color:#bed3ae;background:#233b29;border:1px solid #48623e;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:54px;font-size:15px;display:flex}.practice-bulbs .practice-none{grid-column:1/-1;min-height:40px;font-size:11px}.practice-primary,.practice-secondary{text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.practice-primary{color:#22351c;background:#caef92;border:1px solid #caef92;width:100%;margin-top:12px}.practice-primary:hover:not(:disabled){background:#defaaa}.practice-primary:disabled{opacity:.35}.practice-secondary{color:#c6dab4;background:#2a4230;border:1px solid #516843}.practice-input{background:#102117;border:1px solid #7b9663;border-radius:9px;align-items:center;display:flex;overflow:hidden}.practice-input input{color:#d6f1b1;width:100%;min-width:0;padding:11px 14px;font-size:26px;font-weight:700;outline-offset:-3px!important}.practice-input input::placeholder{color:#819675;font-size:17px;font-weight:400}.practice-input span{color:#a6ba98;white-space:nowrap;padding-right:12px;font-size:10px}.practice-error{color:#ffbb96;margin-top:7px;font-size:11px}.practice-help{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.practice-help button{color:#afc69f;justify-content:center;align-items:center;gap:5px;min-height:40px;font-size:11px;display:inline-flex}.practice-help button:hover{color:#ddf1c1}.practice-hint{background:#2c3624;border:1px solid #5c6843;border-radius:10px;margin-top:8px;padding:5px 12px 10px}.practice-hint>div{color:#d5d7a6;justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.practice-hint .practice-tool{background:0 0;border:0}.practice-hint p{color:#d9e0ba;padding-block:4px;font-size:12px;line-height:1.8}.practice-hint nav{justify-content:flex-end;gap:4px;display:flex}.practice-hint nav button{color:#d8e5b5;border:1px solid #65704b;border-radius:6px;place-items:center;width:36px;height:34px;display:grid}.practice-hint nav button:disabled{opacity:.25}.practice-result{background:#343a25;border:1px solid #727744;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:13px 10px;font-size:13px;display:flex}.practice-result>span{color:#e0d8a6;white-space:nowrap;align-items:center;gap:6px;display:flex}.practice-result.is-correct{background:#2d442b;border-color:#688753}.practice-result.is-correct>span{color:#daefa9}.practice-result strong{color:#ebf5d4;text-align:right;font-size:15px}.practice-next{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.practice-reason{z-index:16;background:#24392a;border:1px solid #48633e;border-radius:11px;margin-top:18px;padding:17px 19px;position:relative}.practice-reason p{color:#d0dfbf;max-width:850px;font-size:13px;line-height:1.9}.practice-reason-values{color:#b8c8a9;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:11px;display:flex}.practice-reason-values b{color:#d7f5a4;padding-left:8px;font-size:16px}.practice-highlight{gap:8px;margin-top:12px;display:flex}.practice-highlight button{color:#d7eab8;border:1px solid #6d8954;border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:6px 10px;font-size:11px;display:flex}.practice-highlight button[aria-pressed=true]{color:#102815;background:#c7e890}.practice-model{color:#92a587;margin-top:9px;font-size:9px}.practice-model summary{cursor:pointer;align-items:center;gap:6px;width:fit-content;min-height:30px;display:flex}.practice-model summary:before{content:"+";font-size:12px}.practice-model[open] summary:before{content:"−"}.practice-model p{max-width:650px;padding-bottom:8px;line-height:1.8}.practice-list-section{padding:36px 0 20px}.practice-list-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.practice-list-heading h2{font-size:17px;font-weight:700}.practice-list-heading>span{color:#cee9a9;font-size:19px}.practice-list-heading small{color:#93a686;font-size:11px}.practice-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.practice-list>a{color:#d1dfc4;background:#1b2e21;border:1px solid #344c36;border-radius:10px;align-items:center;gap:14px;min-height:65px;padding:12px 16px;font-size:12px;display:flex}.practice-list>a:hover{background:#2a4030;border-color:#86a168}.practice-list-number{color:#9cb38a;font:16px ui-monospace,monospace}.practice-list-status{color:#98b082;place-items:center;margin-left:auto;display:grid}.practice-list>a[data-status=solved] .practice-list-status{color:#d4f59b}.practice-list>a[data-status=review] .practice-list-status{color:#d9b980}.studio-notes{border:1px solid #3e573b;border-radius:10px;margin-top:10px}.studio-notes>summary{color:#b9cea9;cursor:pointer;align-items:center;gap:8px;min-height:52px;padding:12px 16px;font-size:12px;list-style:none;display:flex}.studio-notes>summary>svg:last-child{margin-left:auto}.studio-notes-body{--ink:#243d3a;--soft-ink:#667672;--green:#226b5d;--border:#dfe5dc;color:#243d3a;background:#f8f8f2;border-radius:0 0 10px 10px;padding:22px}.studio-notes-body .understand-section{padding-top:0}.studio-unit .next-unit{margin:20px 0 0}.studio-unit .next-unit>a{color:#d3e6bd;background:#213726;border:1px solid #40573d;border-radius:10px;padding:16px}.studio-unit .next-unit small{color:#9eaf92}@media (max-width:960px){.practice-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.practice-options>button{flex-direction:row;gap:9px;min-height:58px}.practice-options button>span:not(.practice-choice-dot){font-size:12px}.practice-answer{width:min(520px,100%);margin:auto}.practice-figure .circuit3d-window{height:clamp(220px,100svh - 430px,390px)!important}.practice-figure .teaching-diagram{height:clamp(168px,100svh - 482px,338px)}}@media (max-width:700px){.studio-container,.studio-header,.studio-footer{width:calc(100% - 20px)}.studio-header{gap:10px;min-height:54px}.studio-home{width:32px;height:32px}.studio-header nav{gap:2px}.studio-header nav a{min-height:36px;padding:0 10px;font-size:11px}.studio-free{gap:5px;font-size:10px}.studio-unit-heading{padding:7px 2px 10px}.studio-unit-heading h1{font-size:17px}.studio-unit .experiment-tabs{margin-bottom:9px}.studio-unit .experiment-tabs button{min-height:35px;padding:7px 12px}.practice-player{border-radius:13px;padding:12px 10px 4px}.practice-heading{gap:6px}.practice-number{gap:4px;font-size:16px}.practice-progress a{width:19px;height:24px}.practice-progress span{width:5px;height:5px}.practice-question{margin-top:7px;font-size:17px;line-height:1.6}.practice-workspace{gap:10px;margin-top:8px}.practice-viewbar{padding-bottom:5px}.practice-tool{width:36px;height:36px}.practice-diagrams{gap:7px}.practice-figure .circuit3d-window{height:clamp(200px,100svh - 430px,300px)!important}.practice-diagrams.is-single .circuit3d-window{height:clamp(220px,100svh - 400px,350px)!important}.practice-figure .teaching-diagram{height:clamp(148px,100svh - 482px,248px)}.practice-diagrams.is-single .teaching-diagram{height:clamp(168px,100svh - 452px,298px)}.practice-figure-heading{inset:6px 6px auto}.practice-figure-heading>span{padding:3px 6px;font-size:10px}.practice-figure-heading .practice-tool{width:30px;height:30px}.practice-options{gap:6px}.practice-options>button{gap:6px;min-height:50px;padding:8px 4px}.practice-options b{font-size:20px}.practice-options button>span:not(.practice-choice-dot){font-size:11px}.practice-primary{margin-top:9px}.practice-help{margin-top:2px}.practice-reason{margin-top:12px;padding:12px}.practice-reason p{font-size:12px}.practice-list{grid-template-columns:1fr;gap:6px}.practice-list>a{min-height:56px;padding:10px 13px;font-size:11px}.practice-list-heading h2{font-size:15px}.studio-notes-body{padding:14px}.studio-footer{gap:16px;font-size:9px}}@media (max-width:360px){.studio-header{gap:6px}.studio-header nav a{padding-inline:8px}.studio-free span{display:none}.practice-progress a{width:17px}.practice-question{font-size:16px}}.practice-viewbar{flex-wrap:wrap;gap:8px}.practice-display-controls{flex-wrap:wrap;gap:6px;display:flex}.answer-feedback{--answer-accent:#e9fa9b;isolation:isolate;border:2px solid var(--answer-accent);color:var(--answer-accent);outline-offset:4px;background:radial-gradient(at 20% 20%,#658b374d,#0000 75%),#263e26;border-radius:18px;grid-template-columns:80px 1fr;align-items:center;gap:3px 12px;margin-top:12px;padding:22px 16px;scroll-margin-block:100px;animation:.4s cubic-bezier(.2,.9,.25,1.25) both answer-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 0 32px #b3e76e19}.answer-feedback.is-wrong{--answer-accent:#ffb4a4;box-shadow:none;background:#3b2625;animation:.38s ease-out answer-nudge}.answer-feedback.is-shown{--answer-accent:#b8d9ed;box-shadow:none;background:#213542}.answer-seal{background:#ffffff0a;border:1px solid;border-radius:50%;grid-row:span 2;width:80px;height:80px}.answer-seal svg{fill:none;stroke:currentColor;stroke-width:8px;stroke-linecap:round;width:100%;height:100%}.answer-feedback.is-correct circle{stroke-dasharray:202;animation:.5s ease-out both answer-draw}.answer-verdict{letter-spacing:.04em;font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.25}.answer-value{color:#f2f5e6;flex-wrap:wrap;align-items:baseline;gap:3px 8px;display:flex}.answer-value>span{opacity:.75;font-size:10px}.answer-value>b{font-size:17px}.answer-sparks{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.answer-sparks i{width:5px;height:8px;transform:rotate(var(--angle)) translateY(15px);animation:answer-spark .9s var(--delay) ease-out both;background:#f7e58c;border-radius:1px;position:absolute;top:50%;left:45%}.answer-sparks i:nth-child(3n){background:#b4f4d0}.answer-sparks i:nth-child(3n+1){background:#fff6c9}.practice-retry-actions{gap:8px;display:grid}.practice-options button[data-wrong=true],.practice-bulbs button[data-wrong=true],.practice-input[data-wrong=true]{color:#ffd2c7;background:#432c2b;border-color:#f6a08e}.practice-player[data-result=correct] .practice-progress [aria-current=step] span{background:#e1f99d;box-shadow:0 0 12px #c7ed90}@keyframes answer-enter{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}@keyframes answer-draw{0%{stroke-dashoffset:202px}to{stroke-dashoffset:0}}@keyframes answer-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(15px)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(160px) rotate(110deg)}}@keyframes answer-nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}65%{transform:translate(4px)}}@media (max-width:700px){.answer-feedback{grid-template-columns:62px 1fr;padding:14px 16px}.answer-seal{width:62px;height:62px}.answer-verdict{font-size:29px}}@media (prefers-reduced-motion:reduce){.answer-feedback,.answer-feedback.is-correct circle,.answer-sparks i{animation:none}.answer-sparks{display:none}}
.lab-navigation{z-index:40;color:#e5efd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101c16f5;border-bottom:1px solid #3a5140;position:sticky;top:0}.lab-navigation-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1240px;min-height:64px;margin:auto;padding:8px 0;display:flex}.lab-title{white-space:nowrap;align-items:center;gap:9px;font-size:15px;font-weight:700;display:inline-flex}.lab-title svg{color:#c9ef93}.lab-navigation nav{gap:5px;display:flex}.lab-navigation nav a{color:#a8bda0;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:11px 17px;font-size:12px;display:flex}.lab-navigation nav a[aria-current=page]{color:#e7f9cd;background:#304831;box-shadow:inset 0 -2px #c9ef93}.lab-navigation a:hover{color:#edffd5}.lab-navigation a:focus-visible,.home-entry:focus-visible,.practice-topic:focus-visible{outline-offset:3px;outline:2px solid #ceeea0}.lesson-studio>.lab-navigation{padding-inline:20px}.lab-unit-nav{color:#a7bc9a;align-items:center;gap:6px;width:min(1240px,100% - 40px);margin:auto;padding:10px 0;font-size:11px;display:flex}.lab-unit-nav>span{color:#849c7d;margin-right:6px}.lab-unit-nav a{border-radius:6px;padding:7px 12px}.lab-unit-nav a[aria-current=page]{color:#def6b9;background:#2b402d}.home-welcome{max-width:1240px;margin:auto;padding:28px 0 26px}.home-welcome h1{letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.4}.home-welcome>p{color:#a5b89c;margin-top:7px;font-size:12px}.home-entries{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.home-entry{color:#d9f6ac;background:#283f2b;border:1px solid #627d4b;border-radius:15px;grid-template-columns:145px 1fr auto;align-items:center;gap:17px;padding:18px 22px;transition:background .15s;display:grid;position:relative}.home-entry:hover{background:#345435}.home-entry:last-child{color:#c1d9c0;background:#1c3025;border-color:#496b50}.home-entry:last-child:hover{background:#2c4937}.lab-mode-picture{width:100%;max-width:180px}.home-entry strong{color:#edfadf;font-size:21px;display:block}.home-entry small{color:#adc4a1;margin-top:5px;font-size:11px;display:block}.practice-hub{min-height:100svh}.practice-hub-heading{padding:28px 0 23px}.practice-hub-heading h1{font-size:26px;font-weight:700}.practice-hub-heading p{color:#b0c5a1;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.practice-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.practice-topic{color:#d8e8c9;background:#1d3224;border:1px solid #4b6743;border-radius:14px;grid-template-columns:1fr auto;gap:12px;padding:24px;display:grid}.practice-topic:hover{background:#2c4530}.practice-topic>svg:first-child{color:#c9ee99;grid-column:1/-1;width:42px;height:42px}.practice-topic :is(h2,h3){font-size:18px;font-weight:700}.practice-topic p{color:#a9bf9a;margin-top:6px;font-size:11px}.practice-topic small{color:#99ac8d;font-size:10px}.practice-topic>svg:last-child{grid-area:2/2/4;align-self:center}.practice-hub-other{color:#9cb490;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:11px;display:flex}.practice-steps{color:#94ac85;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.practice-steps .is-active{color:#d4f3a8;font-weight:700}.practice-visual{scroll-margin-top:85px}@media (max-width:800px){.home-entry{grid-template-columns:1fr auto;gap:8px;padding:15px}.home-entry .lab-mode-picture{grid-column:1/-1;width:120px}.home-entry strong{font-size:19px}.home-entry small{font-size:10px}}@media (max-width:640px){.lab-navigation-inner{flex-direction:column;align-items:stretch;gap:5px;padding-block:7px 6px}.lab-title{gap:6px;width:fit-content;font-size:12px}.lab-title svg{width:15px;height:15px}.lab-navigation nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.lab-navigation nav a{gap:0;min-height:44px;padding:9px 3px;font-size:11px}.lab-navigation nav a>svg{display:none}.lesson-studio>.lab-navigation{padding-inline:10px}.lab-unit-nav{gap:3px;width:calc(100% - 20px);padding-block:7px;font-size:10px}.lab-unit-nav a{padding:6px 10px}.home-welcome{padding:24px 0 20px}.home-welcome h1{font-size:25px}.home-welcome>p{font-size:11px}.home-entries{gap:9px;margin-top:18px}.home-entry{padding:12px}.home-entry strong{font-size:16px}.home-entry small{line-height:1.6}.home-entry>svg:last-child{width:16px}.practice-hub-heading{padding-block:20px}.practice-hub-heading h1{font-size:23px}.practice-topics{grid-template-columns:1fr;gap:10px}.practice-topic{grid-template-columns:45px 1fr auto;align-items:center;gap:4px 14px;padding:18px}.practice-topic>svg:first-child{grid-area:1/1/3;width:34px}.practice-topic>div{grid-column:2}.practice-topic :is(h2,h3){font-size:17px}.practice-topic small{grid-column:2}.practice-topic>svg:last-child{grid-area:1/3/3}.practice-visual{scroll-margin-top:90px}}.view-switch{background:#17291d;border:1px solid #4b6342;border-radius:9px;align-items:center;gap:3px;padding:3px;display:inline-flex}.view-switch button{color:#c0d0ad;white-space:nowrap;border-radius:6px;min-height:34px;padding:4px 11px;font-size:11px}.view-switch button[aria-pressed=true]{color:#24341e;background:#cbed99}.flow-toggle{color:#bdcfaa;white-space:nowrap;border:1px solid #4b6342;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:40px;padding:5px 9px;font-size:11px;display:inline-flex}.flow-toggle[aria-pressed=true]{color:#e1f6bd;background:#365238;border-color:#a9cc7f}.home-material-links{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;display:grid}.home-material-links a{color:#c4d7b5;border:1px solid #465f43;border-radius:10px;align-items:center;gap:9px;min-height:46px;padding:12px 16px;font-size:12px;display:flex}.home-material-links a>svg:last-child{margin-left:auto}.home-material-links a:hover{background:#253c2a}.materials-page{min-height:100svh}.materials-heading{padding:26px 0 10px}.materials-heading h1{font-size:26px;font-weight:700}.materials-heading nav{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.materials-heading nav a{color:#b6cfa0;border:1px solid #435c3c;border-radius:8px;padding:10px 12px;font-size:11px}.materials-section{padding:20px 0;scroll-margin-top:110px}.materials-section h2{margin-bottom:12px;font-size:17px;font-weight:700}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.material-link{background:#203324;border:1px solid #405d3e;border-radius:12px;align-items:center;gap:13px;min-width:0;padding:19px 17px;display:flex}.material-link>svg{color:#c5e89d;flex-shrink:0}.material-link>svg:last-child{width:16px;margin-left:auto}.material-link h3{color:#e2efd7;font-size:14px;font-weight:700}.material-link p{color:#a8bd9a;margin-top:5px;font-size:11px}.material-link:hover{background:#2e4730;border-color:#8aa56d}.material-link:focus-visible,.materials-heading a:focus-visible,.home-material-links a:focus-visible{outline-offset:3px;outline:2px solid #ceeea0}@media (max-width:900px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.home-material-links{gap:9px}.home-material-links a{gap:6px;padding:10px;font-size:11px}.materials-heading h1{font-size:23px}.materials-grid{grid-template-columns:1fr}.materials-section{padding-block:15px}.material-link{padding:14px}}
.material-page{--lab-page:#101c16;--lab-panel:#1c3024;--lab-inset:#15271d;--lab-line:#3f5940;--lab-text:#e3edd8;--lab-muted:#a9bea0;--lab-accent:#c9ed9b;background:var(--lab-page);min-height:100svh;color:var(--lab-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.material-page>.lab-navigation{padding-inline:20px}.material-heading{width:min(1240px,100% - 40px);margin:auto;padding:14px 0 17px}.material-heading-top{justify-content:space-between;gap:14px;display:flex}.material-heading-top a{color:var(--lab-muted);align-items:center;gap:6px;min-height:28px;font-size:11px;display:inline-flex}.material-title{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.material-title h1{font-size:23px;font-weight:700}.material-title>span{color:var(--lab-muted);font-size:12px}.material-heading>nav{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.material-heading>nav a{border:1px solid var(--lab-line);color:var(--lab-muted);border-radius:9px;padding:9px 15px;font-size:12px}.material-heading>nav a[aria-current=page]{color:#e7f9cd;background:#304831;border-color:#a0c57b}.material-page :is(button,a,input,summary):focus-visible{outline:2px solid var(--lab-accent);outline-offset:3px}.material-page button{cursor:pointer}.material-page button:disabled{cursor:default}.material-page input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.material-page input[type=range]{accent-color:var(--lab-accent);min-height:28px}.material-page ruby rt{color:var(--lab-muted)}.material-page :is(.bg-white,.bg-white\/90){background-color:var(--lab-panel)}.material-page :is(.bg-stone-50,.bg-neutral-50,.bg-slate-50,.bg-neutral-200,.bg-neutral-300){background-color:var(--lab-inset)}.material-page :is(.border-stone-100,.border-stone-200,.border-stone-300,.border-neutral-200,.border-neutral-300,.border-slate-600){border-color:var(--lab-line)}.material-page :is(.text-slate-900,.text-slate-800,.text-neutral-900,.text-neutral-800){color:var(--lab-text)}.material-page :is(.text-slate-700,.text-neutral-700,.text-stone-700){color:#c6d6bd}.material-page :is(.text-slate-600,.text-slate-500,.text-slate-400,.text-neutral-500){color:var(--lab-muted)}.material-page :is(.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900){color:#ebcf8c}.material-page :is(.text-rose-500,.text-rose-600,.text-rose-700,.text-rose-900){color:#f6b4aa}.material-page :is(.text-emerald-700,.text-emerald-800,.text-emerald-900){color:#b6e6ba}.material-page .text-blue-700{color:#98c2fa}.material-page .text-cyan-600{color:#9ddbeb}.material-page .text-orange-600{color:#ffb275}.material-page :is(.bg-amber-50,.bg-amber-100){background-color:#302e20}.material-page :is(.border-amber-200,.border-amber-300,.border-amber-400){border-color:#736344}.material-page .bg-rose-50{background-color:#352726}.material-page .bg-rose-100{background-color:#49312e}.material-page :is(.border-rose-200,.border-rose-300,.border-rose-400){border-color:#795650}.material-page .bg-emerald-50{background-color:#203d2b}.material-page :is(.border-emerald-200,.border-emerald-300){border-color:#4c7751}.material-page :is(button,a):is(.bg-rose-500,.bg-amber-500,.bg-emerald-500,.bg-amber-400){background:var(--lab-accent);border-color:var(--lab-accent);color:#20331c}.material-page :is(button,a):is(.bg-rose-500,.bg-amber-500,.bg-emerald-500,.bg-amber-400):hover:not(:disabled){background:#dcf8b8}.material-page :is(button,a):is(.hover\:bg-stone-50,.hover\:bg-rose-50):hover{background-color:#2b4631}.material-page :is(.hover\:text-slate-900,.hover\:text-rose-900,.hover\:text-amber-900):hover{color:#efffd8}.material-page .font-black{font-weight:700}.reading-page>article{padding-top:0}.reading-page>.material-heading{max-width:992px}.reading-narrow>.material-heading{max-width:736px}.material-section-heading{background:var(--lab-panel);border-color:var(--lab-accent)}.material-number{background:var(--lab-accent);color:#20331c}.reading-page article>section:is(.bg-amber-50,.bg-rose-50){background:var(--lab-panel);border-color:var(--lab-line)}.magnetic-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;width:min(1280px,100%);margin:auto;padding:0 20px 24px;display:grid}.magnetic-stage{background:#14231b;border:1px solid #3f5940;border-radius:18px;height:clamp(400px,100svh - 237px,760px);position:sticky;top:80px;overflow:hidden}.magnetic-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.magnetic-controls>:is(div,details){flex-shrink:0}.magnetic-controls button{border-radius:8px;min-height:40px}.magnetic-controls :is(.bg-amber-50,.bg-rose-50,.bg-emerald-50){background-color:var(--lab-panel);border-color:var(--lab-line)}.magnetic-controls :is(.text-amber-700,.text-rose-700){color:var(--lab-accent)}.magnetic-modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.magnetic-modes,.magnetic-control-content{grid-column:1/-1}.magnetic-mode{border:1px solid var(--lab-line);color:var(--lab-muted);justify-content:center;align-items:center;gap:6px;padding:11px 6px;font-size:11px;display:flex}.magnetic-mode[aria-pressed=true]{background:var(--lab-accent);color:#20331c;border-color:var(--lab-accent)}.lab-guide{border:1px solid var(--lab-line);color:var(--lab-muted);border-radius:12px;order:10;padding:0 14px 12px}.lab-guide:not([open]){padding-bottom:0}.lab-guide>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:700;list-style:none;display:flex}.lab-guide>summary:after{content:"+";font-size:18px;font-weight:400}.lab-guide[open]>summary:after{content:"−"}.lab-guide p{line-height:1.8}@media (max-width:1023px){.magnetic-workspace{grid-template-columns:1fr}.magnetic-stage{height:clamp(270px,45svh,430px);position:relative;top:0}.magnetic-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.magnetic-controls>.lab-guide{grid-column:1/-1}}@media (max-width:640px){.material-page>.lab-navigation{padding-inline:10px}.material-heading{width:calc(100% - 20px);padding-top:8px}.material-title h1{font-size:20px}.material-heading>nav{gap:5px}.material-heading>nav a{text-align:center;flex:1;padding:9px 5px;font-size:11px}.magnetic-workspace{gap:10px;padding:0 10px 18px}.magnetic-controls{align-items:stretch;display:flex}.magnetic-stage{border-radius:14px;height:290px}}