@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";.problem-activity{color:#d9e5ed;gap:24px;width:min(100%,1120px);margin:0 auto;padding:clamp(18px,3vw,32px);line-height:1.8;display:grid}.problem-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.problem-heading>div:first-child{min-width:0}.problem-heading>div:last-child{flex-shrink:0}.problem-heading span{color:#8edbdf;font-size:.84rem}.problem-heading h1{margin-top:8px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.6}.problem-scenario{background:#172c3c;border:1px solid #446881;border-radius:20px;padding:22px}.problem-scenario>p{color:#e8f1f8;margin:0 0 20px;font-size:1.12rem}.problem-scene-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.problem-scene-pair>div{border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:24px 14px;display:flex}.problem-scene-pair svg{width:32px;height:32px}.problem-scene-pair svg:nth-child(2){width:50px;height:50px}.problem-scene-pair strong{text-align:center;flex-basis:100%}.problem-night{color:#b9d3ec;background:#121c35;border:1px solid #42567b}.problem-night svg:nth-child(3){color:#ffdb8d;filter:drop-shadow(0 0 8px #ffd77888)}.problem-day{color:#f5deac;background:#403829;border:1px solid #84724e}.problem-day svg:nth-child(3){color:#adadab}.problem-question h2{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.8}.problem-question p{color:#acbecf;margin:8px 0}.problem-question>span{color:#88d6db;font-size:.88rem}.problem-options{gap:14px;display:grid}.problem-option{width:100%;font:inherit;text-align:left;color:#dbe5f0;background:#142334;border:1px solid #415570;border-radius:16px;gap:18px;padding:20px;display:grid}button.problem-option{cursor:pointer}button.problem-option:hover:not(:disabled){background:#1b3045;border-color:#93d8ee}button.problem-option:disabled{cursor:default}.problem-option:focus-visible,.problem-reasons summary:focus-visible{outline-offset:4px;outline:3px solid #85e4ed}.problem-option.is-selected{background:#1b3746;border:2px solid #8cdbeb}.problem-option.is-correct{background:#1a342d;border:2px solid #8cdaad}.problem-option-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.problem-option-heading>b{background:#ffffff12;border-radius:9px;place-items:center;width:34px;height:34px;font-size:1.2rem;display:grid}.problem-correct-label{color:#b6edca;align-items:center;gap:8px;margin-left:auto;font-size:.9rem;display:flex}.problem-plan-steps{grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:14px;display:grid}.problem-plan-steps>span{gap:8px;min-width:0;display:grid}.problem-plan-steps small{color:#9eb6c7;font-size:.8rem}.problem-plan-steps strong{font-size:1rem;font-weight:600;line-height:1.8}.problem-plan-steps svg{color:#82a1b5;width:22px}.problem-result{color:#b9d6df;gap:8px;font-size:.85rem;display:grid}.problem-result-track{background:#ffffff12;border-radius:8px;height:8px;display:block;overflow:hidden}.problem-result-track>span{background:#83c9de;height:100%;display:block}.is-correct .problem-result-track>span{background:#9be5b5}.problem-wait{color:#a8dbe5}.problem-explanation{background:#152c26;border:1px solid #5e8b74;border-radius:18px;gap:18px;padding:24px;display:grid}.problem-explanation h2{color:#b1ebc6;font-size:1.25rem;line-height:1.8}.problem-explanation p{margin:0}.problem-reasons{gap:10px;display:grid}.problem-reasons details{border-bottom:1px solid #ffffff20;padding-bottom:10px}.problem-reasons summary{cursor:pointer;color:#c9e5d6;padding:8px 0}.problem-reasons p{color:#b9ccca;margin-top:8px}.problem-explanation .problem-prompt{background:#ffffff06;border-left:3px solid #b5deca;padding:16px}.problem-explanation .problem-note{color:#a9c2b8;font-size:.86rem}.problem-explanation>strong{color:#c0e4ce}@media (width<=650px){.problem-activity{padding:18px 14px}.problem-plan-steps{grid-template-columns:1fr;gap:10px}.problem-plan-steps svg{margin-left:14px;transform:rotate(90deg)}.problem-plan-steps>span{grid-template-columns:100px 1fr;align-items:baseline;gap:12px}.problem-option,.problem-scenario,.problem-explanation{padding:18px}.problem-scene-pair{gap:10px}.problem-scene-pair>div{gap:12px;padding:16px 8px}.problem-scene-pair svg{width:22px;height:22px}.problem-scene-pair svg:nth-child(2){width:32px;height:32px}}.classroom-choice{flex-direction:column;justify-content:center;gap:20px;width:min(1080px,100% - 32px);min-height:100%;margin:0 auto;padding:clamp(22px,4vw,44px) 0;display:flex}.classroom-choice-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.classroom-choice-heading>div>span{color:var(--neon-blue);font-weight:800}.classroom-choice-heading h1{margin-top:6px;font-size:clamp(1.7rem,3.5vw,2.8rem)}.classroom-choice-question{border-left:4px solid var(--neon-blue);background:#00f0ff12;border-radius:18px;padding:18px 22px}.classroom-choice-question h2{margin:0 0 8px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.classroom-choice-question span{color:var(--neon-blue);font-size:.9rem;font-weight:700}.classroom-choice-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.classroom-choice-option{color:#fff;min-width:0;font:inherit;text-align:left;background:#131b2fd1;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:34px 42px 1fr auto;align-items:center;gap:12px;padding:18px;display:grid;position:relative}button.classroom-choice-option{cursor:pointer;transition:transform .18s,border-color .18s}button.classroom-choice-option:hover:not(:disabled){border-color:var(--neon-blue);transform:translateY(-2px)}.classroom-choice-option.is-selected{border-color:var(--neon-blue);box-shadow:0 0 20px #00f0ff26}.classroom-choice-option.is-correct{background:#50fa7b1a;border-color:#50fa7b}.classroom-choice-letter{width:32px;height:32px;color:var(--neon-blue);background:#ffffff17;border-radius:50%;place-items:center;font-weight:900;display:grid}.classroom-choice-icon{font-size:1.8rem}.classroom-choice-copy{gap:5px;min-width:0;display:grid}.classroom-choice-copy strong{line-height:1.5}.classroom-choice-copy small{color:var(--text-secondary);line-height:1.45}.classroom-choice-check{color:#50fa7b}.classroom-choice-result{color:#b9c8da;grid-column:3/-1;font-size:.82rem}.classroom-choice-message{text-align:center;min-height:24px;color:var(--neon-blue)}.classroom-choice-message p{margin:0}.classroom-choice-explanation{background:#50fa7b12;border:1px solid #50fa7b59;border-radius:16px;padding:18px 22px}.classroom-choice-explanation h2{color:#50fa7b;font-size:1.15rem}.classroom-choice-explanation p{color:#dce6f4;line-height:1.65}.classroom-choice-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.classroom-choice-flow span{align-items:center;gap:8px;display:flex}.classroom-choice-flow b{color:var(--neon-blue)}.classroom-choice-flow i{background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:.85rem;font-style:normal}.classroom-choice-objective{background:#50fa7b12;border-left:4px solid #50fa7b;border-radius:14px;gap:12px;padding:15px 18px;line-height:1.55;display:flex}.classroom-choice-objective strong{color:#50fa7b;white-space:nowrap}@media (width<=720px){.classroom-choice-options{grid-template-columns:1fr}.classroom-choice-option{grid-template-columns:32px 38px 1fr auto}.classroom-choice-objective{flex-direction:column;gap:4px}.classroom-choice-objective strong{white-space:normal}}.signal-lab{overflow-wrap:anywhere;border-radius:20px;gap:20px;min-width:0;padding:clamp(18px,3vw,28px);display:grid}.digital-lab{--signal-accent:#78e7fa;background:linear-gradient(145deg,#112f3c,#101b2d);border:1px solid #397e93}.analog-lab{--signal-accent:#ffd08a;background:linear-gradient(145deg,#33281c,#1d2029);border:1px solid #947344}.signal-heading{align-items:center;gap:14px;display:flex}.signal-heading>svg{color:var(--signal-accent);flex-shrink:0;width:32px;height:32px}.signal-heading span{color:var(--signal-accent);letter-spacing:.07em;font-size:.77rem}.signal-heading h3{color:#f0f5fa;font:inherit;margin-top:5px;font-size:clamp(1.1rem,2.3vw,1.45rem);font-weight:650;line-height:1.7}.signal-lab p{color:#d0dae4;margin:0;line-height:1.85}.signal-lab .signal-note{color:#aec0d0;font-size:.87rem}.signal-lab .signal-emphasis{border-left:3px solid var(--signal-accent);color:#ffe4b8;background:#ffffff07;border-radius:0 12px 12px 0;padding:16px 18px}.signal-chart{background:#07131b99;border-radius:14px;width:100%;min-width:0;height:auto;padding:8px;display:block}.signal-chart text,.signal-comparison svg text{fill:#b7c6d4;font-family:inherit;font-size:16px}.signal-grid{fill:none;stroke:#8293a533;stroke-dasharray:5 6}.signal-axis{fill:none;stroke:#8293a566}.signal-line{fill:none;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.digital-line{stroke:#6de4fa}.analog-line{stroke:#ffca79}.adc-line{stroke:#d3b1ff;stroke-width:3px}.signal-chart .signal-bit-label{fill:#87a7bb;font-size:21px}.digital-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.signal-button-group{flex-wrap:wrap;gap:10px;display:flex}.signal-button-group button,.signal-toggle{color:#b9f0fa;font:inherit;cursor:pointer;background:#102638;border:1px solid #4f7c8e;border-radius:10px;min-height:46px;padding:13px 18px}.signal-button-group button:hover,.signal-toggle:hover{background:#234657}.analog-lab .signal-button-group button{color:#ffdfa8;background:#31271d;border-color:#826746}.analog-lab .signal-button-group button[aria-pressed=true]{background:#53422b;border-color:#ffdfa8;box-shadow:inset 0 -2px #ffdfa8}.signal-lab button:focus-visible,.signal-lab input:focus-visible{outline:3px solid var(--signal-accent);outline-offset:4px}.logic-readout{background:#0a1824;border:1px solid #3e7184;border-radius:10px;align-items:center;gap:14px;padding:12px 20px;display:flex}.logic-readout span{color:#a6c3d3;font-size:.85rem}.logic-readout strong{color:#91edff;font-family:monospace;font-size:2.4rem;line-height:1}.signal-insight{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.binary-token{color:#86e8fb;background:#0a2231;border:1px solid #588092;border-radius:8px;padding:10px 18px;font-family:monospace;font-size:1.7rem}.signal-insight p{margin-left:auto;font-size:.9rem}.polarity-grid,.calibration-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.polarity-grid>div{text-align:center;background:#0c1f30;border:1px solid #3d6984;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:24px 14px;display:flex}.polarity-grid strong{color:#7ce6fb;font-family:monospace;font-size:4rem;line-height:1}.polarity-grid p{font-size:.86rem}.bit-calculator{align-items:stretch;gap:18px;display:flex}.bit-buttons{flex:1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bit-buttons button{cursor:pointer;color:#8ba9bd;font:inherit;background:#0c1f30;border:1px solid #446075;border-radius:12px;justify-items:center;gap:10px;padding:16px 8px;display:grid}.bit-buttons button[aria-pressed=true]{color:#b9f5ff;background:#174153;border-color:#8be9fd}.bit-buttons strong{font-family:monospace;font-size:2rem}.bit-buttons small,.decimal-result small{font-size:.8rem}.decimal-result{background:#22334d;border:1px solid #829fbd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 20px;display:flex}.decimal-result strong{color:#ddf5ff;font-family:monospace;font-size:2rem}.analog-console{grid-template-columns:110px 1fr auto;align-items:center;gap:24px;display:grid}.light-orb{flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.light-orb svg{color:#ffd58d;opacity:calc(.25 + var(--light-level) * .75);filter:drop-shadow(0 0 calc(var(--light-level) * 18px) #ffbf50)}.light-orb span{color:#c8b596;text-align:center;font-size:.8rem}.analog-slider{gap:16px;display:grid}.analog-slider label{color:#ffe0b0;font-weight:600;line-height:1.7}.analog-slider input{accent-color:#ffcf82;cursor:pointer;width:100%;height:32px;margin:0}.range-labels{color:#d4bea0;justify-content:space-between;font-size:.8rem;display:flex}.voltage-readout{text-align:center;gap:8px;min-width:110px;display:grid}.voltage-readout small{color:#dac29b}.voltage-readout strong{color:#ffe6b7;white-space:nowrap;font-family:monospace;font-size:1.9rem}.voltage-readout strong span{font-size:1rem}.analog-spectrum{color:#d4bea0;align-items:center;gap:14px;font-size:.85rem;display:flex}.analog-spectrum>div{background:linear-gradient(90deg,#33271a,#a77437,#ffd17f,#fff0c8);border:1px solid #9b7746;border-radius:20px;flex:1;height:20px}.adc-stages{align-items:center;gap:12px;display:flex}.adc-stages>div{text-align:center;background:#251e17;border:1px solid #7b6445;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:10px;min-width:0;padding:18px 10px;display:flex}.adc-stages>svg{color:#ad9b84;flex-shrink:0}.adc-stages .adc-chip{background:#2e243d;border-color:#8669aa}.adc-stages>div:last-child{background:#132b36;border-color:#47798c}.adc-stages strong{color:#fff0d6;font-family:monospace;font-size:1.65rem}.adc-stages small,.adc-stages span{color:#d0c0ad;font-size:.82rem;line-height:1.6}.raw-reading{text-align:center;background:#29223a;border:1px solid #8a70aa;border-radius:16px;justify-items:center;gap:12px;padding:24px;display:grid}.raw-reading strong{color:#d6baff;font-family:monospace;font-size:3.5rem;line-height:1.2}.raw-reading span{color:#d1bddb;line-height:1.8}.calibration-cards>div{background:#ffffff05;border:1px solid #695c49;border-radius:14px;padding:20px}.calibration-cards svg{color:#ffd58d;margin-bottom:12px}.calibration-cards h4{color:#f2dfc1;margin-bottom:8px;line-height:1.7}.calibration-cards p{font-size:.9rem}.signal-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.signal-comparison>div{border-radius:16px;min-width:0;padding:22px}.comparison-digital{background:#102b39;border:1px solid #437d94}.comparison-analog{background:#30271b;border:1px solid #8e724a}.signal-comparison>div>span{letter-spacing:.1em;color:#9bdcf1;font-size:.77rem}.signal-comparison .comparison-analog>span{color:#f6cd8f}.signal-comparison h3{color:#ecf3f9;margin:10px 0;font-size:1.1rem;line-height:1.7}.signal-comparison svg{width:100%;margin:20px 0;display:block}.signal-comparison p{color:#c3d1db;margin:0 0 14px;font-size:.94rem;line-height:1.85}.signal-comparison b{color:#e5f1f8;font-size:.88rem;line-height:1.85}.signal-comparison .comparison-footnote{color:#bacbd9;border:1px solid #435064;border-radius:12px;grid-column:1/-1;margin:0;padding:16px;font-size:.87rem}@media (width<=600px){.analog-console{grid-template-columns:70px 1fr;gap:16px}.voltage-readout{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.signal-comparison,.polarity-grid,.calibration-cards{grid-template-columns:1fr}.adc-stages{flex-direction:column}.adc-stages>svg{transform:rotate(90deg)}.adc-stages>div{width:100%;padding:16px}.bit-calculator{flex-direction:column}.decimal-result{flex-direction:row;justify-content:space-between}.signal-insight p{width:100%}.signal-button-group button{flex:1;padding:12px}.signal-chart{padding:4px}.signal-chart text{font-size:18px}}.signal-activity-review{text-align:left;width:min(100%,920px);min-width:0}.signal-activity-review>h2{color:#e7eff7;font-size:1.2rem;line-height:1.8}.signal-activity-review>p{color:#adbdcf;margin:8px 0 20px;font-size:.9rem;line-height:1.8}.signal-analog-title{color:#ffd08a;text-shadow:0 0 16px #ffbf5026}[data-signal=analog] .lesson-slide-section-title,[data-signal=analog] .lesson-eyebrow,[data-signal=analog] .lesson-slide-goals h2{color:#ffd08a}[data-signal=analog] .lesson-slide-goals{background:#ffc46a0c;border-left-color:#ffc46a}[data-signal=analog] .lesson-nav-page-btn.active{color:#ffd08a;background:#ffd08a18;border-color:#ffd08a;box-shadow:0 0 10px #ffd08a16}[data-signal=analog] .lesson-nav-arrow{color:#ffd08a;background:#ffd08a0c;border-color:#ffd08a66}.actuator-demo{border:1px solid var(--border-light);background-color:#0000004d;border-radius:16px;flex-direction:column;align-items:center;gap:20px;margin-top:20px;padding:30px 20px;display:flex;overflow-x:auto}.actuator-caption{color:var(--text-secondary);text-align:center;margin:0 0 10px;font-size:14px}.actuator-flow{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.actuator-layer{border:2px dashed var(--layer-accent);background-color:var(--layer-tint);width:var(--layer-width);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:15px;padding:20px;display:flex}.actuator-layer-title{color:var(--layer-accent);font-size:14px;font-weight:700}.actuator-wire{flex-shrink:0;width:60px;height:4px;position:relative}.actuator-wire-track{background-color:#4a5568;width:60px;height:4px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.actuator-device-row{align-items:center;gap:20px;display:flex}@media (width<=900px){.actuator-demo{gap:14px;padding:20px 12px}.actuator-flow{flex-direction:column}.actuator-layer{width:100%;max-width:320px;padding:16px}.actuator-wire{width:4px;height:56px}.actuator-wire-track{transform:translate(-50%,-50%)rotate(90deg)}}@media (width<=380px){.actuator-device-row{gap:10px}}.actuator-inner-wire{background-color:#4a5568;flex-shrink:0;width:40px;height:4px;position:relative;overflow:hidden}@media (width<=380px){.actuator-inner-wire{width:24px}}.wrap-graphic{background:#101e2b;border:1px solid #425a6c;border-radius:22px;gap:22px;min-width:0;margin:0;padding:clamp(18px,3vw,28px);line-height:1.8;display:grid}.wrap-graphic figcaption{align-items:center;gap:14px;display:flex}.wrap-graphic figcaption>svg{color:#8cdbb0;flex-shrink:0;width:30px;height:30px}.wrap-graphic figcaption span{color:#adbfcd;letter-spacing:.04em;font-size:.78rem}.wrap-graphic h3{color:#e8f2f8;margin:3px 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}.wrap-graphic p{margin:0}.wrap-graphic .wrap-note{color:#adbfce;font-size:.86rem;line-height:1.85}.wrap-choice{flex-wrap:wrap;gap:10px;display:flex}.wrap-choice button,.wrap-network-toggle{font:inherit;color:#d9e5ee;cursor:pointer;background:#172e3b;border:1px solid #577180;border-radius:10px;min-height:44px;padding:10px 20px}.wrap-choice button[aria-pressed=true]{color:#d9ffe7;background:#254e3d;border-color:#8ad9aa;box-shadow:inset 0 -2px #8ad9aa}.wrap-graphic button:focus-visible,.wrap-graphic summary:focus-visible{outline-offset:4px;outline:3px solid #aae8d0}.wrap-soil-picture{width:min(100%,300px);margin:auto;display:block}.wrap-sensing{background:linear-gradient(140deg,#28271e,#142b2b);border-color:#69754b}.wrap-sensing-body{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.wrap-graphic .wrap-picture-label{text-align:center;color:#c7ccbc;font-size:.85rem}.wrap-meter{background:#0b1c23;border-radius:16px;gap:12px;padding:24px;display:grid}.wrap-meter>span,.wrap-meter p{color:#b2c6c4;font-size:.86rem}.wrap-meter>strong{color:#c9edb3;font:3.1rem/1.2 monospace}.wrap-meter b{color:#d9e8d6}.wrap-meter-track{background:linear-gradient(90deg,#598b9a,#8b9470,#d8ab6f);border-radius:10px;height:14px;margin-top:8px;position:relative}.wrap-meter-track i{background:#15232b;border:1px solid #fff;border-radius:3px;width:5px;height:26px;position:absolute;top:-6px;transform:translate(-50%)}.wrap-meter-scale{color:#9cb4ba;justify-content:space-between;margin-top:-8px;font-size:.78rem;display:flex}.wrap-decision{background:radial-gradient(at top,#2f2746,#181f2c);border-color:#6b5a86}.wrap-decision figcaption>svg{color:#d9b9fb}.wrap-decision-tree{flex-direction:column;align-items:center;gap:12px;display:flex}.wrap-decision-tree>svg{color:#a3b3ca}.wrap-input-pill{color:#e9daf9;background:#252237;border:1px solid #7e7494;border-radius:40px;padding:10px 24px}.wrap-diamond{background:#332642;border:2px solid #bfa0e2;border-radius:16px;place-items:center;width:176px;height:176px;margin:36px 0;display:grid;transform:rotate(45deg)}.wrap-diamond>div{text-align:center;gap:6px;width:210px;display:grid;transform:rotate(-45deg)}.wrap-diamond small{color:#c8b1dc;font-size:.8rem}.wrap-diamond strong{color:#f0ddff;font-size:1.1rem}.wrap-diamond span{color:#dcd5e8;font-size:.78rem}.wrap-branches{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid;position:relative}.wrap-branches:before{content:"";background:#7a6b8d;width:50%;height:1px;position:absolute;top:-12px;left:25%}.wrap-branches>div{color:#91a1b3;flex-direction:column;align-items:center;gap:8px;display:flex}.wrap-branches>div>div{text-align:center;background:#141f2d;border:1px solid #526070;border-radius:14px;justify-items:center;gap:8px;width:100%;height:100%;padding:20px 12px;display:grid}.wrap-branches strong{font-size:1rem}.wrap-branches p{font-size:.82rem}.wrap-branches .is-selected{color:#b9f0cb}.wrap-branches .is-selected>div{background:#203f35;border:2px solid #97d8b1}.wrap-graphic .wrap-return{text-align:center;color:#cebedc;border:1px dashed #746b86;border-radius:12px;width:100%;padding:14px;font-size:.86rem}.wrap-network{background:linear-gradient(140deg,#152d41,#20223e);border-color:#527b99}.wrap-network figcaption>svg{color:#85d8f1}.wrap-network-toggle{justify-self:start}.wrap-network-layout{grid-template-columns:1fr 110px 1fr;align-items:center;gap:14px;display:grid}.wrap-board{text-align:center;background:#17342f;border:3px double #6aab9c;border-radius:10px;justify-items:center;gap:16px;padding:26px 16px;display:grid}.wrap-board svg{color:#a7e5bf}.wrap-board>strong{color:#dcf5e7;font:1.5rem monospace}.wrap-board span,.wrap-board b{color:#abd4c8;font-size:.83rem}.wrap-wireless{color:#e4b7a5;text-align:center;justify-items:center;gap:14px;font-size:.78rem;display:grid}.wrap-wireless.is-online{color:#83d6f4}.wrap-phone{text-align:center;background:#0a1727;border:3px solid #758ea8;border-radius:28px;justify-items:center;gap:12px;padding:16px 18px 24px;display:grid}.wrap-phone-camera{background:#465d75;border-radius:5px;width:40px;height:5px;margin-bottom:8px}.wrap-phone>span,.wrap-phone small{color:#acbfce;font-size:.78rem}.wrap-phone>svg{color:#a7d8b2}.wrap-phone>strong{color:#d6ebfb;font:2.3rem monospace}.wrap-phone p{color:#bce3f3;background:#253c51;border-radius:8px;padding:6px 10px;font-size:.8rem}.wrap-troubleshoot{background:#192330;border-color:#7b6f55}.wrap-troubleshoot figcaption>svg{color:#e5c187}.wrap-inspection-list{gap:12px;display:grid}.wrap-inspection-list details{background:#ffffff04;border-left:2px solid #7e725b;border-radius:0 12px 12px 0}.wrap-inspection-list summary{cursor:pointer;align-items:center;gap:12px;font-size:.96rem;line-height:1.8;display:flex;color:#dfd8c9!important;padding:16px!important}.wrap-inspection-list summary:after{content:"+";margin-left:auto;font-size:1.4rem}.wrap-inspection-list details[open] summary:after{content:"−"}.wrap-check-number{color:#ffe0a4;background:#57482e;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font:1rem monospace;display:grid}.wrap-inspection-list summary>svg{color:#d0bb97;flex-shrink:0;width:20px}.wrap-inspection-list details>div{gap:14px;padding:0 20px 20px;display:grid}.wrap-inspection-list p{color:#c3ced8;font-size:.94rem}.wrap-inspection-list strong{color:#e3c797;font-size:.88rem}.wrap-overview{background:#12222a;border-color:#4a7366}.wrap-device-layer{background:#152d27;border:1px solid #4b7162;border-radius:16px;padding:18px}.wrap-layer-label{color:#afd7bd;letter-spacing:.05em;margin-bottom:18px;font-size:.75rem;display:block}.wrap-system-devices{grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:10px;display:grid}.wrap-system-devices>div{text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.wrap-system-devices strong{color:#e5f0e8;font-size:.95rem}.wrap-system-devices span,.wrap-system-devices b{color:#bbd6c9;font-size:.78rem;line-height:1.8}.wrap-system-arrow{color:#91b5a6;width:24px}.wrap-system-controller{background:#0f211d;border:3px double #8da995;border-radius:10px;padding:24px 8px}.wrap-system-controller>svg{color:#98d8c0}.wrap-pump-circle{color:#93a8b7;background:#182934;border:5px solid #607887;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.is-running .wrap-pump-circle{color:#b4f0fa;background:#214955;border-color:#78d3e1;box-shadow:0 0 25px #6dcfe01a}.wrap-network-band{color:#94d6eb;background:#122e3c;border-block:1px dashed #49829b;align-items:center;gap:16px;padding:18px;font-size:.87rem;display:flex}.wrap-network-band>svg{flex-shrink:0}.wrap-network-band>svg:last-child{margin-left:auto}.wrap-service-band{color:#d9c7f0;background:#272239;border:1px solid #72648c;border-radius:16px;align-items:center;gap:18px;padding:20px;display:flex}.wrap-service-band>svg{flex-shrink:0}.wrap-service-band p{margin-top:8px;font-size:.9rem}.wrap-activity{z-index:1;gap:28px;width:min(100%,1000px);margin:0 auto;padding:clamp(12px,3vw,28px);display:grid;position:relative}.wrap-activity>header>span{color:#9cd9bb;letter-spacing:.05em;font-size:.8rem}.wrap-activity>header>h2{color:#e7f0f4;margin:10px 0;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.6}.wrap-activity>header>p{color:#b6c8d2;margin:0;line-height:1.9}.wrap-final-goal{background:#1b342b;border-left:3px solid #97d5b0;border-radius:0 14px 14px 0;align-items:flex-start;gap:14px;padding:20px;display:flex}.wrap-final-goal svg{color:#acdabc;flex-shrink:0;margin-top:4px}.wrap-final-goal p{color:#d3e8da;margin:0;line-height:1.9}@media (width<=650px){.wrap-sensing-body,.wrap-network-layout{grid-template-columns:1fr}.wrap-wireless>svg:last-child{transform:rotate(90deg)}.wrap-board,.wrap-phone{justify-self:center;width:min(100%,300px)}.wrap-system-devices{grid-template-columns:1fr;gap:18px}.wrap-system-arrow{justify-self:center;transform:rotate(90deg)}.wrap-system-controller{justify-self:center;width:min(100%,260px)}.wrap-system-sensor .wrap-soil-picture{max-width:220px}.wrap-branches{gap:12px}.wrap-branches>div>div{padding:16px 8px}.wrap-choice button{flex:1}.wrap-network-band,.wrap-service-band{gap:12px;padding:16px}.wrap-inspection-list summary{gap:8px;padding:12px!important}.wrap-inspection-list summary>svg{display:none}}@media (width<=420px){.wrap-diamond{width:140px;height:140px;margin:30px 0}.wrap-diamond>div{width:175px}.wrap-diamond strong{font-size:.98rem}.wrap-diamond small,.wrap-diamond span{font-size:.72rem}}.lesson-content{overflow-wrap:anywhere;width:min(100%,1060px);margin:0 auto;padding:clamp(20px,4vw,48px);line-height:1.9}.lesson-content h1,.lesson-content h2{font-family:inherit;line-height:1.55}.lesson-content h1{margin:12px 0 18px;font-size:clamp(1.6rem,3vw,2.6rem)}.lesson-content h2{color:var(--neon-blue);font-size:1.15rem}.lesson-content p{margin:10px 0 0}.lesson-header>p{color:#cbd5e1;font-size:1.12rem}.lesson-eyebrow{color:var(--neon-blue);letter-spacing:.12em;font-size:.8rem}.lesson-goals{border-left:3px solid var(--neon-blue);background:#00f0ff0d;border-radius:0 16px 16px 0;margin:28px 0;padding:22px 26px}.lesson-goals ul{margin:10px 0 0;padding-left:22px}.lesson-flow{flex-wrap:wrap;gap:10px;margin:28px 0;padding:0;list-style:none;display:flex}.lesson-flow li{background:#17253b;border:1px solid #2a435d;border-radius:12px;flex:140px;align-items:center;gap:10px;padding:12px;font-size:.9rem;display:flex}.lesson-flow li span{color:var(--neon-blue);font-weight:700}.lesson-sections{gap:16px;display:grid}.lesson-section{align-items:flex-start;gap:20px;padding:clamp(18px,3vw,28px);display:flex}.lesson-section-number{color:#99acbf;white-space:nowrap;flex:0 0 2ch;padding-top:4px;font-size:.9rem}.lesson-section p{color:#d0d9e5}.lesson-callout,.lesson-check{background:#00f0ff0b;border:1px solid #00f0ff38;border-radius:16px;margin-top:24px;padding:24px}.lesson-caution{background:#ffb86c0b;border-color:#ffb86c40}.lesson-caution h2{color:#ffca8c}.lesson-check{background:#b026ff0a;border-color:#b026ff4d}.lesson-check h2{color:#d8adff}.lesson-content summary,.student-lesson-notes>summary{cursor:pointer;color:var(--neon-blue);padding:12px 0;font-weight:600}.lesson-content summary:focus-visible,.student-lesson-notes>summary:focus-visible,.lesson-mode-button:focus-visible{outline:2px solid var(--neon-blue);outline-offset:5px}.lesson-check details{border-top:1px solid #ffffff1a;margin-top:12px}.lesson-code{white-space:pre-wrap;background:#080e18;border:1px solid #334155;border-radius:16px;padding:24px;line-height:1.9}.lesson-muted,.lesson-sources{color:#a8b6c9;font-size:.9rem}.lesson-sources{margin-top:28px}.lesson-sources a{color:var(--neon-blue);text-underline-offset:4px}.lesson-mode-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 16px 16px;display:flex}.lesson-mode-button{color:#cbd5e1;font:inherit;cursor:pointer;background:#131b2f;border:1px solid #35445c;border-radius:12px;padding:12px 24px}.lesson-mode-button[aria-pressed=true]{color:var(--neon-blue);border-color:var(--neon-blue);background:#00f0ff14}.host-learning-shell{background-color:var(--bg-primary);min-height:100vh}.host-learning-main{flex:1;min-width:0;position:relative}.host-learning-shell .host-navbar{flex-wrap:wrap}.host-activity>.full-screen{width:100%;height:auto;min-height:calc(100vh - 200px);padding:24px 16px 48px}.host-activity>.full-screen>div{flex-shrink:0}.host-activity>.full-screen>div[style*="70vh"]{min-height:65vh;height:auto!important}.student-learning-shell{background-color:var(--bg-primary);min-height:100vh}.student-scene>.full-screen{width:100%;height:auto;min-height:100svh;padding-top:56px!important;padding-bottom:32px!important}.student-scene>.full-screen>.glass-panel[style*="display: flex"]{flex-wrap:wrap}.student-lesson-notes{background:#101b2d;border:1px solid #2a435d;border-radius:16px;width:min(960px,100% - 32px);margin:0 auto 28px}.student-lesson-notes>summary{padding:18px 22px}.student-lesson-notes .lesson-content{padding-top:12px}.quiz-explanation{color:#d0d9e5;background:#00f0ff0d;border:1px solid #00f0ff40;border-radius:12px;padding:18px;line-height:1.8}@media (width<=700px){.student-scene>.full-screen>.glass-panel{max-width:min(100%,100vw - 32px)!important}.lesson-section{gap:12px}.lesson-section-number{display:none}.lesson-content{padding:20px 16px}.lesson-callout,.lesson-check,.lesson-goals{padding:18px}.lesson-mode-button{flex:1;padding:12px}.host-activity>.full-screen>div[style*="display: flex"]{flex-direction:column;width:100%!important}.host-activity>.full-screen>div[style*="display: grid"]{grid-template-columns:1fr!important;width:100%!important}.host-activity h1{font-size:1.8rem!important}}.lesson-slideshow{flex-direction:column;width:100%;height:100%;display:flex}.lesson-slideshow-stage{flex:1;align-items:stretch;display:flex;position:relative;overflow:hidden}.lesson-slideshow-slide{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#00f0ff4d transparent;justify-content:center;align-items:center;width:100%;padding:clamp(16px,4vw,48px) clamp(16px,4vw,56px);display:flex;overflow-y:auto}.lesson-slideshow-slide::-webkit-scrollbar{width:4px}.lesson-slideshow-slide::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.lesson-slide-body{flex-direction:column;gap:20px;width:min(100%,680px);display:flex}.lesson-slide-title{color:var(--text-primary);margin:0;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.35}.lesson-slide-intro{color:#cbd5e1;margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.85}.lesson-slide-goals{border-left:3px solid var(--neon-blue);background:#00f0ff0f;border-radius:0 14px 14px 0;padding:18px 20px}.lesson-slide-goals h2{color:var(--neon-blue);margin-bottom:8px;font-size:1rem}.lesson-slide-goals ul{color:var(--text-primary);margin:0;padding-left:20px;line-height:1.85}.lesson-slide-flow{flex-wrap:wrap;gap:8px;display:flex}.lesson-slide-flow-step{color:var(--text-primary);background:#17253b;border:1px solid #2a435d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;display:flex}.lesson-slide-flow-step b{color:var(--neon-blue)}.lesson-slide-section-num{color:#99acbf;letter-spacing:.08em;font-size:.78rem}.lesson-slide-section-title{color:var(--neon-blue);margin:0;font-size:clamp(1.2rem,3.5vw,1.9rem);line-height:1.35}.lesson-slide-section-text{color:#d0d9e5;margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.9}.lesson-slide-callout{background:#00f0ff0b;border:1px solid #00f0ff38;border-radius:14px;padding:18px 20px}.lesson-slide-callout h2{color:var(--neon-blue);margin-bottom:8px;font-size:1rem}.lesson-slide-callout p{color:#d0d9e5;margin:0;line-height:1.8}.lesson-slide-caution{background:#ffb86c0a;border:1px solid #ffb86c40;border-radius:14px;padding:18px 20px}.lesson-slide-caution h2{color:#ffca8c;margin-bottom:8px;font-size:1rem}.lesson-slide-caution p{color:#d0d9e5;margin:0;line-height:1.8}.lesson-slide-check{background:#b026ff0d;border:1px solid #b026ff4d;border-radius:14px;padding:18px 20px}.lesson-slide-check h2{color:#d8adff;margin-bottom:8px;font-size:1rem}.lesson-slide-check p{color:#d0d9e5;margin:0 0 10px;line-height:1.8}.lesson-slide-check details summary{cursor:pointer;color:var(--neon-blue);padding:8px 0;font-weight:600}.lesson-slide-check details p{margin-top:8px}.lesson-slideshow-nav{-webkit-backdrop-filter:blur(8px);background:#0a0f1aeb;border-top:1px solid #ffffff12;flex:none;justify-content:center;align-items:center;gap:10px;padding:10px 16px 12px;display:flex}.lesson-nav-arrow{width:40px;height:40px;color:var(--neon-blue);cursor:pointer;background:#00f0ff12;border:1px solid #00f0ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;transition:all .2s;display:flex}.lesson-nav-arrow:hover:not(:disabled){border-color:var(--neon-blue);background:#00f0ff2e}.lesson-nav-arrow:disabled{opacity:.25;cursor:not-allowed}.lesson-nav-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.lesson-nav-page-btn{min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-family:Outfit,sans-serif;font-size:.88rem;transition:all .2s;display:flex}.lesson-nav-page-btn:hover{color:var(--text-primary);border-color:#00f0ff66}.lesson-nav-page-btn.active{border-color:var(--neon-blue);color:var(--neon-blue);background:#00f0ff26;font-weight:700;box-shadow:0 0 10px #00f0ff33}.student-lesson-slideshow-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=480px){.lesson-nav-page-btn{min-width:30px;height:30px;font-size:.78rem}.lesson-nav-arrow{width:34px;height:34px;font-size:1.3rem}}.lesson-slideshow-stage{min-height:0}.lesson-slideshow-slide{align-items:flex-start}.lesson-slide-body{width:min(100%,920px);min-width:0;margin-block:auto}.section-explanation,.device-lesson,.lesson-recap{gap:22px;min-width:0;display:grid}.lesson-section>div{width:100%;min-width:0}.section-explanation{margin-top:16px}.section-detail{color:#b9c9dc;margin:0;font-size:1rem;line-height:1.95}.concept-graphic{background:linear-gradient(130deg,#132b3a,#151d33);border:1px solid #304861;border-radius:18px;margin:0;padding:22px}.concept-graphic figcaption{color:#a9c7de;margin-bottom:18px;font-size:.85rem;line-height:1.7}.concept-steps{align-items:stretch;gap:12px;margin:0;padding:0;list-style:none;display:flex}.concept-steps li{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.concept-node{text-align:center;background:#0e1b2d;border:1px solid #325267;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;gap:14px;min-width:0;padding:20px 12px;display:flex}.concept-node svg{color:#69e3eb;flex-shrink:0}.concept-node span{color:#e4eef7;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}.concept-steps li:last-child .concept-node{background:#112b2a;border-color:#467754}.concept-steps li:last-child svg{color:#a1edb0}.concept-arrow{color:#7799b6;flex-shrink:0}.section-takeaway{background:#142b28;border-left:3px solid #8cdea0;border-radius:0 12px 12px 0;gap:12px;padding:18px 20px;display:flex}.section-takeaway>svg{color:#8cdea0;flex-shrink:0;margin-top:3px}.section-takeaway h3{color:#a6e9b5;font-size:.92rem;line-height:1.7}.section-takeaway p{color:#e1ece6;margin:6px 0 0;line-height:1.85}.device-introduction{grid-template-columns:190px 1fr;align-items:center;gap:26px;display:grid}.device-portrait{color:#70e6ed;background:#142837;border:1px solid #335066;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:175px;padding:18px;display:flex}.device-portrait img{object-fit:cover;border-radius:12px;width:125px;height:125px}.device-portrait span{letter-spacing:.025em;font-size:.7rem;font-weight:700}.is-output .device-portrait{color:#d6b0ff;background:#251d3b;border-color:#584175}.device-kicker{color:#9ab4c9;font-size:.85rem}.device-purpose{color:#eef5fc;margin:8px 0 0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.85}.device-facts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.device-facts section{background:#121f30;border:1px solid #2a3d52;border-radius:14px;padding:20px}.device-facts h3,.device-simulation h3{color:#86e3eb;font-size:1rem;line-height:1.7}.device-facts p,.device-facts ul{color:#ccdae8;margin:10px 0 0;font-size:.97rem;line-height:1.9}.device-facts ul{padding-left:20px}.device-facts .device-limit{background:#27251f;border-color:#554735}.device-limit h3{color:#f3cc91}.device-simulation{gap:14px;display:grid}.device-simulation-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.device-simulation-header>span{color:#a5b6c9;font-size:.78rem}.device-state-buttons{flex-wrap:wrap;gap:10px;display:flex}.device-state-buttons button{cursor:pointer;color:#c6d5e5;font:inherit;background:#132136;border:1px solid #41546b;border-radius:12px;min-height:44px;padding:12px 18px}.device-state-buttons button[aria-pressed=true]{color:#aff7fc;background:#163841;border-color:#65dce8;box-shadow:inset 0 -2px #65dce8}.device-state-buttons button:focus-visible,.lesson-nav-page-btn:focus-visible,.lesson-nav-arrow:focus-visible,.catalog-device summary:focus-visible{outline-offset:4px;outline:2px solid #9debf2}.device-simulation-note{color:#a7bad0;margin:0;font-size:.85rem;line-height:1.8}.lesson-content>.lesson-recap{margin-top:36px}.device-recap-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.device-recap-item{background:#142034;border:1px solid #33475f;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.device-recap-item>svg{color:#91dce8;flex-shrink:0}.device-recap-item strong,.device-recap-item span{line-height:1.7;display:block}.device-recap-item span{color:#adc0d5;font-size:.87rem}.lesson-outcomes{background:#142a28;border:1px solid #396252;border-radius:16px;padding:24px}.lesson-outcomes h3{color:#a6e9b5;font-size:1.1rem;line-height:1.8}.lesson-outcomes p{color:#a9c1b8;margin:8px 0 16px;font-size:.9rem;line-height:1.8}.lesson-outcomes ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.lesson-outcomes li{align-items:flex-start;gap:12px;line-height:1.85;display:flex}.lesson-outcomes li svg{color:#a6e9b5;flex-shrink:0;margin-top:5px}.lesson-sources{flex-wrap:wrap;gap:10px;line-height:1.8;display:flex}.sensor-catalog{width:min(100%,1040px);margin:0 auto;padding:28px 20px}.sensor-catalog>h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.6}.sensor-catalog>p{color:#b4c5d8;line-height:1.8}.catalog-device{background:#101c2d;border:1px solid #354b64;border-radius:16px;margin-top:16px}.catalog-device>summary{cursor:pointer;align-items:center;gap:14px;padding:20px;line-height:1.8;display:flex}.catalog-device>summary>svg{color:#85e7ef;flex-shrink:0}.catalog-device>summary:after{content:"+";color:#85e7ef;margin-left:auto;font-size:1.5rem}.catalog-device[open]>summary:after{content:"−"}.catalog-device>.device-lesson{padding:0 20px 24px}.lesson-slideshow-nav{max-height:115px;overflow-y:auto}@media (width<=600px){.device-introduction{grid-template-columns:1fr;gap:18px}.device-portrait{flex-direction:row;gap:20px;min-height:100px}.device-portrait img{width:85px;height:85px}.device-facts,.device-recap-grid{grid-template-columns:1fr}.concept-steps,.concept-steps li{flex-direction:column;gap:8px}.concept-node{text-align:left;flex-direction:row;justify-content:flex-start;width:100%;padding:14px}.concept-arrow{transform:rotate(90deg)}.concept-graphic{padding:16px}.device-state-buttons button{flex:120px}.device-facts section,.lesson-outcomes{padding:18px}.lesson-slideshow-slide{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.lesson-slideshow-slide{transform:none!important}}:root{--bg-primary:#0a0f1a;--bg-secondary:#131b2f;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--neon-blue:#00f0ff;--neon-green:#39ff14;--neon-purple:#b026ff;--neon-pink:#ff007f;--neon-red:#ff4d4d;--neon-yellow:#ffd93d;--card-bg:#131b2f80;--card-border:#ffffff14;--border-light:#ffffff1f;--neumorph-shadow:8px 8px 16px #05080d, -8px -8px 16px #151c27;--neumorph-inset:inset 4px 4px 8px #05080d, inset -4px -4px 8px #151c27;--glass-blur:blur(16px);--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);background:radial-gradient(circle at 50% 0,#1a2238 0%,#0a0f1a 100%) fixed;min-height:100vh;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-family:Outfit,sans-serif}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.neu-button{background:var(--bg-secondary);box-shadow:var(--neumorph-shadow);color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-family:Outfit,sans-serif;font-weight:600;display:inline-flex}.neu-button:active,.neu-button.active{box-shadow:var(--neumorph-inset);color:var(--neon-blue)}.neu-button:hover:not(:active){transform:translateY(-2px);box-shadow:10px 10px 20px #05080d,-10px -10px 20px #151c27}.neu-input{background:var(--bg-secondary);box-shadow:var(--neumorph-inset);color:var(--text-primary);transition:var(--transition-normal);border:2px solid #0000;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:1.2rem}.neu-input:focus{box-shadow:var(--neumorph-inset), 0 0 15px #00f0ff1a;border-color:#00f0ff4d}.text-glow-blue{color:var(--neon-blue);text-shadow:0 0 10px #00f0ff80,0 0 20px #00f0ff4d}.box-glow-blue{border-color:#00f0ff80;box-shadow:0 0 15px #00f0ff4d,inset 0 0 15px #00f0ff1a}.flex-center{justify-content:center;align-items:center;display:flex}.full-screen{width:100vw;min-height:100vh}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-neon{0%{box-shadow:0 0 #00f0ff66}70%{box-shadow:0 0 0 20px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}.animate-pulse-neon{animation:2s infinite pulse-neon}:root{--font-size-sm:clamp(.75rem, .7rem + .25vw, .875rem);--font-size-base:clamp(.875rem, .8rem + .38vw, 1.0625rem);--font-size-md:clamp(1rem, .9rem + .5vw, 1.25rem);--font-size-lg:clamp(1.25rem, 1.1rem + .75vw, 1.625rem);--font-size-xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-2xl:clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);--font-size-3xl:clamp(2rem, 1.7rem + 1.5vw, 3rem);--font-size-4xl:clamp(2.5rem, 2rem + 2.5vw, 4rem);--font-size-huge:clamp(3rem, 2.5rem + 3.5vw, 6rem);--spacing-sm:clamp(.5rem, .4rem + .5vw, .75rem);--spacing-md:clamp(1rem, .8rem + 1vw, 1.5rem);--spacing-lg:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--spacing-xl:clamp(2rem, 1.5rem + 2.5vw, 3.5rem)}.responsive-grid{gap:var(--spacing-md);display:grid}.responsive-grid-2col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-flex-row{gap:var(--spacing-md);flex-direction:column;display:flex}.responsive-padding{padding:var(--spacing-md)}@media (width>=768px){.responsive-flex-row{flex-flow:wrap;justify-content:center}}@media (width<=480px){.glass-panel{padding:var(--spacing-md)!important;width:95%!important}.neu-button{font-size:var(--font-size-sm)!important;padding:12px 20px!important}.neu-input{font-size:var(--font-size-base)!important;padding:12px 16px!important}}.resp-row{flex-direction:row;gap:1.5rem;display:flex}@media (width<=768px){.resp-row{flex-direction:column}.glass-panel{width:95%!important;padding:1.5rem 1rem!important}}.bg-phase-lobby{background:radial-gradient(circle at 30%,#0d1a3a 0%,#0a0f1a 100%)!important}.bg-phase-architecture{background:radial-gradient(circle at 80% 20%,#00f0ff26 0%,#0a0f1a 80%)!important}.bg-phase-problem{background:radial-gradient(circle at 50% 80%,#ff3c3c26 0%,#0a0f1a 70%)!important}.bg-phase-digital{background:radial-gradient(circle at 20% 80%,#39ff141f 0%,#0a0f1a 80%)!important}.bg-phase-analog{background:radial-gradient(circle at 70% 70%,#ffa50026 0%,#0a0f1a 80%)!important}.bg-phase-catalog{background:radial-gradient(circle,#b026ff26 0%,#0a0f1a 100%)!important}.bg-phase-quiz{background:radial-gradient(circle at 10% 10%,#ff007f26 0%,#0a0f1a 70%)!important}.bg-phase-logic{background:radial-gradient(circle at 90% 90%,#8a2be226 0%,#0a0f1a 80%)!important}.bg-phase-wrapup{background:radial-gradient(circle at 50% 20%,#ffd70026 0%,#0a0f1a 80%)!important}