:root{--ink:#284b5d;--muted:#71838a;--blue:#367c99;--teal:#3e8785;--paper:#f7f6ef;--line:#dce4df;--gold:#bb9457}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1500px;margin:auto;padding:24px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}a{color:inherit}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.8px;font-weight:750;text-decoration:none}.brand-mark{font-size:30px;color:var(--blue);line-height:1}.level{font-size:10px;letter-spacing:1.8px}main{max-width:1500px;padding:0 5%;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0 32px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#7b916b;margin:0 0 14px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,82px);letter-spacing:-2.5px;line-height:1.02;margin:0}h1 em{color:#6c9a9d;font-weight:400}.hero-copy>p:first-child{font-size:21px;line-height:1.45;margin:10px 0 20px}.hero-tag{font-size:10px;letter-spacing:1px;color:#7e979b}.tiny{font-size:10px;color:var(--muted)}button,input,select,textarea{font:inherit}button{border:1px solid #c8d7d2;border-radius:8px;padding:9px 12px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}button:hover{background:#e3ede7}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bf9453;outline-offset:3px}.sequence-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sequence-nav button{background:#edf0e8;text-align:left;padding:12px 16px;font-size:12px;border-color:var(--line)}.sequence-nav small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.sequence-nav .active{background:var(--ink);color:white;border-color:var(--ink)}.sequence-nav .active small{color:#bbd7df}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:19px 0;font-size:10px;color:var(--muted)}.session-bar>div{display:flex;gap:6px;flex-wrap:wrap}.session-bar button{font-size:10px;padding:7px 9px}.work-tabs{display:flex;gap:6px;padding:5px;border-radius:11px;background:#e5ece7;margin:0 0 23px;flex-wrap:wrap}.work-tabs button{flex:1;border:0;padding:11px 9px;font-size:12px;white-space:nowrap}.work-tabs button[aria-selected=true]{background:var(--blue);color:white;box-shadow:0 2px 5px #244b5f22}.workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(290px,1fr);border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fffef8;box-shadow:0 10px 30px #284b5d08}.board-scene,.connection-scene{min-width:0;background:radial-gradient(ellipse at 50% 45%,#eff7f4,#e3edf0)}.scene-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 23px 0;font-size:10px;font-weight:650;letter-spacing:.7px}.scene-top button{font-size:10px;letter-spacing:0;font-weight:400;background:#fffdf5b3;padding:7px 9px}.board-scene svg,.connection-scene svg{display:block;width:100%;height:auto}.scene-bottom{padding:0 23px 20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.scene-bottom span:last-child{font-size:8px;letter-spacing:.5px;text-align:right}.component-panel{border-left:1px solid var(--line);padding:28px}.component-panel h2,.sensor-test h2{font:400 29px/1.2 Georgia,serif;margin:0 0 15px}.component-panel>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7}.detail-box{background:#edf2e7;padding:17px;border-radius:10px;font-size:12px;line-height:1.7;color:#6b805b;margin:23px 0}.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:600}.primary:hover{background:#2c657f}.wide{width:100%}.component-panel .wide{font-size:11px;margin-top:12px}.concept-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.concept-row article{padding:20px 23px;background:#edf0e7;border-radius:11px}.concept-row article>span{font-size:9px;letter-spacing:1px;color:#8b976f}.concept-row h3{font-size:14px;font-weight:550;margin:10px 0}.concept-row p{font-size:12px;color:var(--muted);margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:8px 0 17px}.section-head h2{font:400 31px/1.2 Georgia,serif;margin:0}.section-head .eyebrow{margin-bottom:10px}.counter{font-size:10px;border:1px solid var(--line);padding:7px 11px;border-radius:18px;color:var(--muted)}.intro-text{font-size:12px;color:var(--muted);max-width:1050px}.sensor-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.sensor-card{background:#fffef8;border:1px solid var(--line);padding:10px 14px 13px;text-align:left;border-radius:12px;cursor:grab;min-width:0}.sensor-card.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#e8f2ef}.sensor-card svg{display:block;width:100%;height:125px}.sensor-card b{font-size:12px;font-weight:600;display:block}.sensor-card small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.sensor-drawing text{font-family:system-ui;font-size:10px;fill:#537783}.sensor-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:20px}.connection-scene{border:1px solid var(--line);border-radius:14px;overflow:hidden}.connection-scene>.tiny{margin:14px 22px 20px}.port-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 20px}.port-summary button{background:#fffef7b3;text-align:left;font-size:10px;padding:9px 7px}.port-summary b{display:block;font-size:11px;margin-bottom:3px}.port-target{cursor:pointer}.port-target:hover .port-outline,.port-target.drag-over .port-outline{stroke:#d5a654!important;fill:#efd78255!important}[data-component]{cursor:pointer}[data-component]:hover{filter:brightness(1.15)}.protective-cover{pointer-events:none}.sensor-test{border:1px solid var(--line);border-radius:14px;padding:23px;background:#fffef8;min-width:0}.sensor-test h2{font-size:25px;margin-bottom:0}.sensor-test #sensorLarge svg{width:100%;height:155px;display:block}.connection-status{font-size:11px;color:#8a8d62;margin:0 0 16px}.sensor-test label,.test-controls label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px}.sensor-test input[type=range],.test-controls input[type=range]{width:100%;accent-color:var(--blue)}.sensor-test input[type=range]{margin-top:10px}.sensor-test output{font-size:19px;color:var(--blue)}.control-hint{font-size:10px;color:var(--muted);margin:7px 0}.sensor-reading{border-radius:9px;background:#e9f0e8;padding:15px;margin-top:16px;margin-bottom:18px}.sensor-reading span{display:block;font-size:10px;color:var(--muted)}.sensor-reading strong{font-size:29px;font-weight:550;display:block;line-height:1.4}.sensor-reading small{font-size:9px;color:#819171;display:block}.contact-toggle{width:100%;background:#edf2e6;padding:10px}.contact-toggle[aria-pressed=true]{background:#d7e7d0;border-color:#8daa75}.line-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}.line-options button{font-size:10px;padding:7px}.line-options button[aria-pressed=true]{background:#dbe9d3;border-color:#7a9971}.line-floor{display:flex;border:2px solid #89a0a1;border-radius:6px;overflow:hidden;height:28px;margin:9px 0}.line-floor span{flex:1}.feedback{font-size:12px;color:#7d8b61;min-height:22px}.light-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;margin-top:22px}.light-experiment{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fffef8}.light-experiment>svg{display:block;width:100%;height:auto}.svg-label{font:12px system-ui;fill:#4e6e76}.light-controls{padding:23px}.light-controls>label:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}.light-controls output{font-size:22px;color:var(--blue)}input[type=range]{accent-color:var(--blue);cursor:pointer}.light-controls input[type=range]{width:100%;margin:13px 0 0}.bounds{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.presets{display:flex;gap:7px;margin:16px 0}.presets button{flex:1;font-size:11px}.check-label{display:flex;gap:7px;align-items:center;font-size:11px}.check-label input{accent-color:var(--blue);width:16px;height:16px}.light-number{border-top:1px solid var(--line);margin-top:19px;padding-top:16px}.light-number span{font-size:11px;display:block;color:var(--muted)}.light-number strong{display:block;font-size:48px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}.light-number small{display:block;font-size:10px;color:#7f966e}.scope-panel{border-radius:13px;background:#193648;color:#e6efe6;padding:22px;min-width:0}.scope-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1px;color:#a3c6c9}.scope-head>span:last-child{font-size:9px;letter-spacing:0;color:#dfd9a7}.scope-panel>svg{width:100%;height:auto;display:block;margin:22px 0 10px}.scope-actions{display:flex;gap:7px;flex-wrap:wrap}.scope-actions button{border-color:#547a86;color:#d7e9e1;font-size:10px}.scope-actions button.primary{background:#72b6b2;color:#133e47;border-color:#72b6b2}.scope-actions button:hover{background:#345a68}.scope-panel .tiny{color:#91b1b8;font-size:9px;line-height:1.7}.light-observations{font-size:11px;margin-top:17px;padding-top:14px;border-top:1px solid #476976;color:#c9d7cc}.light-observations p{margin:5px 0}.observation-question{padding:23px;background:#edf1e6;border-radius:11px;margin-top:23px}.observation-question label{display:block;font-size:13px;font-weight:550;margin-bottom:11px}textarea,input[type=text],select{border:1px solid #c6d6ce;border-radius:7px;background:#fffef8;color:var(--ink);padding:10px 12px}textarea{width:100%;resize:vertical;line-height:1.7;font-size:13px}.program-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.8fr);gap:22px;margin-top:22px}.rule-card{background:#fffef8;border:1px solid var(--line);border-radius:13px;padding:23px}.rule-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 18px}.rule-card>label{display:block;font-size:11px}.rule-card select{width:100%;margin-top:6px;font-size:12px}.program-block{display:flex;flex-direction:column;gap:9px;margin:18px 0;background:#e9eee1;border-radius:10px;padding:17px}.program-block>span{font-size:9px;letter-spacing:1px;color:#8b9470}.program-block strong{font-size:14px;font-weight:550}.program-block label{display:flex;align-items:center;gap:8px;font-size:10px}.program-block input{width:75px;padding:6px;border:1px solid #c7d3c3;border-radius:5px;background:#fffef7;color:var(--ink)}.program-buttons{display:flex;gap:7px;margin-bottom:10px}.program-buttons button{font-size:10px;flex:1}.rule-card>#resetProgram{font-size:10px}.rule-card .feedback{font-size:11px}.action-scene{background:#e9f0ef;border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.information-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chain-step{background:#fffef6;border:1px solid #d0dcd4;padding:11px 8px;border-radius:7px;font-size:9px;position:relative;min-width:0}.chain-step strong{display:block;font-size:11px;font-weight:550}.chain-step.active{background:#e5cf93;border-color:#bfa262}.chain-step.done{background:#d7e7d4;border-color:#98b797}.chain-step:not(:last-child):after{content:'→';position:absolute;right:-9px;top:15px;z-index:1;color:#ab8841}.action-scene #actionRobot svg{display:block;width:100%;height:auto}.motor-result{text-align:center;border:1px solid #c9d9cd;background:#fffef6;border-radius:9px;padding:12px}.motor-result span{font-size:10px;display:block;color:var(--muted)}.motor-result strong{font-size:22px;font-weight:500;display:block}.action-scene>.tiny{font-size:9px;line-height:1.7}.test-controls{padding:13px;background:#f8fbf1;border-radius:9px;margin-top:15px}.test-controls input[type=range]{margin-top:9px}.test-controls .sensor-drawing{height:95px}.word-bank{font-size:11px;color:#8b9065;margin:9px 0 13px}.robot-running .robot-wheel{animation:wheel 1.4s linear infinite}.paused .robot-wheel{animation-play-state:paused!important}@keyframes wheel{to{transform:rotate(360deg)}}.student-fields{display:flex;gap:17px;flex-wrap:wrap;margin:23px 0}.student-fields label{font-size:11px;flex:1;min-width:160px}.student-fields input{display:block;width:100%;margin-top:6px;font-size:13px}.sheet-sensors{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sheet-sensor{border:1px solid var(--line);border-radius:12px;background:#fffef8;padding:20px;min-width:0}.sheet-sensor svg{display:block;height:100px;width:100%}.sheet-sensor h3{font-size:15px;margin:6px 0}.sheet-sensor .recorded-observation{font-size:10px;background:#eaf0e4;border-radius:6px;padding:9px;color:#71875b}.sheet-sensor label,.sheet-section>label{display:block;font-size:11px;font-weight:550;margin:14px 0 6px}.sheet-sensor textarea{font-size:12px}.sheet-section{padding:23px;border:1px solid var(--line);border-radius:12px;background:#fffef8;margin-top:20px}.sheet-section h3{font-size:18px;font-weight:500;margin:0 0 15px}#sheetDiagram svg{display:block;max-width:600px;margin:0 auto 20px;width:100%;height:auto}.vocab-row{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.vocab-row select{width:100%;font-size:11px;padding:9px}.vocab-row.correct select{border-color:#7c9e68;background:#edf4e4}.vocab-row.wrong select{border-color:#bd8b61}.sheet-section #checkVocab{margin-top:16px}.review-row{display:flex;align-items:start;gap:8px;font-size:12px;margin:10px 0}.review-row input{margin-top:4px;accent-color:var(--blue)}.teacher{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:12px;color:var(--muted);margin-top:35px}.teacher summary{color:var(--ink);cursor:pointer}.teacher>div{max-width:1100px;padding-top:7px}.teacher p{line-height:1.7}.teacher a{color:var(--blue)}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;padding:30px 0}.print-answer{display:none}.svg-sensor-label{font:11px system-ui;fill:#527887}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.robot-wheel{animation:none!important}*{scroll-behavior:auto!important}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr)}.component-panel{padding:23px}.sensor-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr)}.sensor-test{padding:20px}.sensor-palette{gap:9px}.sensor-card svg{height:100px}.light-layout{grid-template-columns:1fr 1fr}.scope-panel{padding:18px}.program-layout{grid-template-columns:1fr 1.5fr}.hero-copy>p:first-child{font-size:18px}.scene-top{padding-left:18px;padding-right:18px}.sequence-nav button{padding:11px 12px}.sheet-sensor{padding:17px}}@media(max-width:800px){.workspace,.sensor-layout,.light-layout,.program-layout{grid-template-columns:1fr}.component-panel{border-left:0;border-top:1px solid var(--line)}.board-scene>div:nth-child(2)>svg{max-height:510px}.light-experiment>svg{max-height:330px}.hero{align-items:start;gap:20px;padding-top:30px}h1{font-size:58px;letter-spacing:-2px}.hero-copy{padding-top:25px}.hero-copy>p:first-child{font-size:16px}.hero-tag{font-size:8px;max-width:160px;display:block;line-height:1.8}.hero-copy .tiny{font-size:9px;max-width:160px}.sequence-nav{gap:5px}.sequence-nav button{font-size:10px;padding:10px 8px}.sequence-nav small{font-size:8px}.session-bar{align-items:start;flex-direction:column;gap:10px}.work-tabs button{font-size:10px;padding:10px 6px}.sensor-palette{grid-template-columns:1fr 1fr}.sensor-card svg{height:130px}.sensor-test #sensorLarge svg{height:175px}.scope-panel>svg{max-height:370px}.sensor-test #sensorControls input[type=range]{max-height:25px}.section-head{align-items:start;flex-direction:column;gap:12px}.concept-row{gap:10px}.concept-row article{padding:16px}.concept-row h3{font-size:12px}.concept-row p{font-size:11px}.action-scene #actionRobot svg{max-height:300px}.brand{font-size:9px;letter-spacing:1px}.level{font-size:9px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:1px}.sheet-sensors{grid-template-columns:1fr}.vocab-row{grid-template-columns:1fr;gap:7px}}@media(max-width:450px){h1{font-size:44px}.hero{gap:12px}.hero-copy{padding-top:15px}.hero-copy>p:first-child{font-size:14px;margin-bottom:12px}.hero-copy .tiny,.hero-tag{max-width:126px}.sequence-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sequence-nav button{padding:9px 4px;font-size:8px}.sequence-nav small{font-size:7px;line-height:1.3}.work-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.work-tabs button{font-size:10px;white-space:normal}.session-bar button{font-size:9px;padding:6px 7px}.scene-top{align-items:start;font-size:9px;gap:8px;padding:16px 15px 0}.scene-top>span{max-width:145px}.scene-top button{font-size:9px;max-width:150px}.scene-bottom{padding:0 15px 16px;font-size:9px}.scene-bottom span:last-child{display:none}.concept-row{grid-template-columns:1fr}.sensor-card{padding:9px 10px 12px}.sensor-card svg{height:100px}.sensor-card b{font-size:11px}.sensor-card small{font-size:9px}.port-summary{grid-template-columns:1fr 1fr;padding:0 15px}.connection-scene>.tiny{margin-left:15px;margin-right:15px}.section-head h2{font-size:27px}.information-chain{grid-template-columns:1fr 1fr}.chain-step:not(:last-child):after{display:none}.action-scene{padding:17px}.student-fields{gap:12px}.sheet-section{padding:18px}.scope-panel{padding:15px}.scope-head{font-size:8px}.scope-head>span:last-child{font-size:8px}.scope-actions button{font-size:9px;padding:8px}.observation-question{padding:19px}.light-controls{padding:19px}footer span{max-width:150px}}@media print{body{background:white;color:black}header,.hero,.sequence-nav,.session-bar,.work-tabs,.teacher,footer,#panel-explore,#panel-sensors,#panel-light,#panel-action,#printSheet,#checkVocab,#reviewChecklist{display:none!important}main{padding:0;max-width:none}#panel-sheet[hidden],#panel-sheet{display:block!important}.section-head h2{font-size:24px}.counter{display:none}.student-fields{margin:14px 0}.student-fields input{border:0;padding:0;font-size:12px}.sheet-sensors{grid-template-columns:1fr 1fr;gap:10px}.sheet-sensor{padding:12px;break-inside:avoid}.sheet-sensor svg{height:65px}.sheet-sensor h3{font-size:12px}.sheet-sensor label{font-size:10px;margin-top:8px}.sheet-sensor textarea,.sheet-section textarea{display:none}.print-answer{display:block;white-space:pre-wrap;min-height:32px;font-size:11px;line-height:1.6;border-bottom:1px dotted #aaa;padding:4px 0}.sheet-section{padding:13px;margin-top:14px;break-inside:avoid}.sheet-section h3{font-size:15px}#sheetDiagram svg{max-width:320px;margin-bottom:15px}.vocab-row{grid-template-columns:1.6fr 1fr;font-size:10px;gap:10px;padding:7px 0}.vocab-row select{font-size:10px;padding:2px;border:0}.sheet-section .tiny{font-size:9px}.recorded-observation{font-size:9px!important}.word-bank{font-size:10px}.review-row{font-size:10px}}
.label-row{display:grid;grid-template-columns:80px 2fr 1fr 1.2fr;gap:12px;padding:14px 8px;border-bottom:1px solid #d9e2df;align-items:center}.label-row label{font-size:.8rem}.label-row select{width:100%;min-width:0}.sheet-sensor details{margin:12px 0;padding:12px;background:#edf4f2;border-radius:10px}.sheet-sensor label{display:block;margin-top:14px}#exploded{max-width:850px;margin:auto}#exploded svg{width:100%}#sheetDiagram svg{max-height:370px}.sheet-section>details{padding:15px;background:#edf4f2;margin:12px 0}@media(max-width:700px){.label-row{grid-template-columns:1fr}.label-row>strong{margin-top:8px}}@media print{.label-row{break-inside:avoid;font-size:9pt;grid-template-columns:60px 2fr 1fr 1.2fr}details{display:none}#exploded{max-width:470px}select{appearance:none;border:0;background:none!important}#labelExercises{font-size:9pt}}
.component-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #c5d8d8;border-radius:22px;padding:25px;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #19364355}.component-dialog::backdrop{background:#17344399;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.5px}.dialog-heading button{font-size:18px;line-height:1;padding:10px}#componentDialogDrawing{height:130px;text-align:center;margin:12px auto}#componentDialogDrawing svg{height:100%;max-width:100%}.component-dialog h2{font-size:27px;margin:15px 0}.component-dialog p{line-height:1.65}#componentDialogExample{font-size:11px;font-weight:700;letter-spacing:.4px;padding:12px 0}[data-component]{cursor:pointer}[data-component]:hover{filter:brightness(1.18)}@media print{.component-dialog{display:none!important}}
.sensor-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.principle-demo{background:#eaf2f1;border-radius:14px;margin-top:12px}.principle-demo svg{display:block;width:100%}.principle-demo text{font:12px system-ui;fill:#355b6b}.principle-progress{min-height:120px;display:flex;gap:12px;align-items:flex-start;padding:16px 0}.principle-progress span{white-space:nowrap;background:#d9e9e4;padding:3px 8px;border-radius:8px;font-size:12px}.principle-progress strong{font-size:14px;line-height:1.6}.wave-out{animation:wave-out 9s linear both}.wave-back{animation:wave-back 9s linear both}.pusher{animation:push-object 9s ease both}.lever-animated{transform-origin:244px 139px;animation:lever-push 9s ease both}.contact-info{animation:contact-lit 9s both}.sound-waves{animation:sound-wave 1.5s ease-in-out 6}.membrane{animation:mic-vibrate .16s linear 56}.air-flow{animation:air-flow 2s ease-in-out 4}.person-moving{animation:person-move 9s ease both}.paused .principle-demo *{animation-play-state:paused!important}@keyframes wave-out{0%{transform:translate(95px,100px);opacity:0}5%{opacity:1}38%{transform:translate(329px,100px);opacity:1}40%,100%{transform:translate(329px,100px);opacity:0}}@keyframes wave-back{0%,40%{transform:translate(329px,170px);opacity:0}43%{opacity:1}83%{transform:translate(95px,170px);opacity:1}86%,100%{transform:translate(95px,170px);opacity:0}}@keyframes push-object{0%,15%{transform:translateY(-15px)}48%,100%{transform:translateY(47px)}}@keyframes lever-push{0%,25%{transform:rotate(0)}53%,100%{transform:rotate(30deg)}}@keyframes contact-lit{0%,52%{fill:#a7b6b7}55%,100%{fill:#31a484}}@keyframes sound-wave{0%{opacity:.15;transform:translateX(-12px)}70%{opacity:1}100%{opacity:.15;transform:translateX(12px)}}@keyframes mic-vibrate{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}@keyframes air-flow{0%{opacity:.2;transform:translateX(-12px)}60%{opacity:1}100%{opacity:.2;transform:translateX(12px)}}@keyframes person-move{0%{transform:translateX(45px)}80%,100%{transform:translateX(-50px)}}@media(max-width:900px){.sensor-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.sensor-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.principle-demo *{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.worksheet-task{padding:22px 26px;border:1px solid #cfb984;border-left:5px solid #bc9450;border-radius:12px;background:#fbf4df;margin:20px 0 25px}.task-number{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#806123}.worksheet-task h3{font-family:Georgia,serif;font-size:25px;margin:8px 0}.worksheet-task p{margin:9px 0}.worksheet-task li{margin:7px 0}.task-reminder{font-weight:650;font-size:13px}.principle-homework,.drawing-task{background:#fbf4df;border:1px solid #e7d7af;border-radius:10px;padding:15px;margin:12px 0 20px;font-size:13px}.principle-homework p,.drawing-task p{margin:9px 0}.drawing-space{min-height:110px;border:1px dashed #b7bda8;border-radius:8px;background:#fffdf5;padding:10px}.drawing-space span{font-size:10px;color:#80908a}@media print{.drawing-task{background:white;border:0;padding:0;margin:10px 0}.drawing-space{min-height:110px}.sheet-sensor{break-inside:avoid}.drawing-task p{font-size:9px}}
mark{background:#ffe95b;color:#263f4c;padding:.08em .22em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.task-number mark{background:#ffdf3b}.principle-homework mark,.drawing-task mark{line-height:1.8}@media print{mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.sensor-layout{display:block}.connection-scene #connectionFigure{max-width:920px;margin:auto}.sensor-layout>.worksheet-task{margin:22px 0}.sensor-layout>.sensor-test{max-width:850px;margin:24px auto;padding:28px}.sensor-test #sensorLarge{max-width:290px;margin:auto}.sensor-test .principle-demo{max-width:640px;margin:16px auto}.written-example{padding:20px 23px;background:#eef5f1;border-left:4px solid #4d8c85;border-radius:10px;margin:18px 0}.written-example>strong{font-size:16px;color:#2d6966}.written-example p{margin:10px 0 0;line-height:1.8}.sheet-sensor .written-example{padding:12px;font-size:12px}.sheet-sensor .written-example>strong{font-size:13px}#selectedDrawingHint{font-weight:650}@media(max-width:560px){.sensor-layout>.sensor-test{padding:17px}.written-example{padding:15px}}@media print{.written-example{background:white;border-left:2px solid #4d8c85}.written-example p{font-size:10px}}
.work-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.water-drop{animation:water-fall .8s linear infinite}.paused .water-drop{animation-play-state:paused}@keyframes water-fall{from{transform:translateY(-8px);opacity:0}30%{opacity:1}to{transform:translateY(27px);opacity:0}}@media(prefers-reduced-motion:reduce){.water-drop{animation:none}}
.work-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.role-keywords{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px;font-size:18px;font-weight:650}.role-flow{display:grid;grid-template-columns:1fr 85px 1fr 85px 1fr;align-items:center;gap:12px;margin:30px 0 16px}.role-flow article{align-self:stretch;text-align:center;padding:22px 18px;border:1px solid #d2e0da;border-radius:16px;background:#edf4f1}.role-flow article>span{font-size:10px;letter-spacing:1.2px;color:#557d83;font-weight:750}.role-flow h3{font:24px Georgia,serif;margin:12px 0}.role-flow p{font-size:14px}.role-icon svg{width:150px;height:100px;max-width:100%;margin-bottom:15px}.role-arrow{text-align:center;color:#448588}.role-arrow span{font-size:10px;display:block}.role-arrow b{font-size:40px;line-height:1.3}.role-example{max-width:1000px;margin:28px auto;padding:28px}.role-example>strong{font-size:20px}.role-example p{font-size:19px;line-height:1.95}@media(max-width:750px){.role-flow{grid-template-columns:1fr}.role-flow article{padding:16px}.role-arrow b{display:inline-block;transform:rotate(90deg)}.role-example{padding:18px}.role-example p{font-size:17px}.role-flow .role-icon{height:95px}.role-icon svg{height:80px}.role-keywords{font-size:16px}}
.principle-intro{background:#edf4f1;padding:18px;border-radius:12px;margin:15px 0}.principle-intro>strong{color:#2f7678}.principle-intro p{line-height:1.8;margin:8px 0 0}.work-tabs button{white-space:normal;min-width:0}
.work-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.verso-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px;align-items:start}.verso-scene{padding:22px;background:#eaf1ef;border:1px solid #ccdeda;border-radius:18px}.verso-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.verso-legend>span{padding:6px 10px;border-radius:7px;background:#d9e2e2}.legend-info{color:#155c91;background:#e0f0fa!important}.legend-energy{color:#965916;background:#fff0db!important}#versoRobot svg{display:block;width:100%;margin:12px auto}.piece-node{cursor:pointer;transform:translate(0,0);transition:transform 1.2s ease;transform-box:view-box}.piece-node:hover{filter:brightness(1.08)}.piece-node:focus-visible{outline:3px solid #258ab2;outline-offset:5px}.selected-piece{filter:drop-shadow(0 0 6px #2f7ba7)}.assembled .piece-node,.assembled .board-assembly{transform:translate(var(--shift-x),var(--shift-y))}.board-assembly{transition:transform 1.2s ease;transform-box:view-box}.assembled .piece-number{opacity:0;pointer-events:none}.verso-editor{padding:24px;border:1px solid #d0e0da;border-radius:18px;background:#fffdf6;position:sticky;top:15px}.verso-editor h3{font:25px Georgia,serif}.verso-editor label{display:block;font-size:13px;margin:16px 0}.verso-editor select{display:block;width:100%;margin-top:5px;min-width:0}.verso-editor fieldset{border:1px solid #d2e0da;border-radius:10px;padding:12px;display:flex;flex-wrap:wrap;gap:8px}.verso-editor legend{font-size:12px;padding:0 6px}.paint-info{background:#e0f0fa;color:#155c91;border:2px solid #88b4d3}.paint-energy{background:#fff0db;color:#965916;border:2px solid #d9ae74}.paint-info[aria-pressed=true]{background:#287bad;color:white;border-color:#155c91}.paint-energy[aria-pressed=true]{background:#bc7422;color:white;border-color:#965916}.verso-editor>button{margin-top:12px}.verso-navigation{display:flex;gap:8px;justify-content:space-between;margin:18px 0}.verso-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.verso-labels button{text-align:left;display:flex;align-items:center;gap:8px;background:#fffdf6;font-size:11px}.verso-labels button>span{flex-shrink:0;color:white;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:750}.verso-labels .selected-label{outline:2px solid #3d8dab;outline-offset:1px}.verso-chains{border:1px solid #d0e0da;padding:25px;border-radius:16px;margin:25px 0}.verso-chains h3{font:25px Georgia,serif}.chain-information,.chain-energy{padding:16px;margin:16px 0;border-radius:12px}.chain-information{background:#e0f0fa;border-left:4px solid #368cbe}.chain-energy{background:#fff0db;border-left:4px solid #df943d}.verso-chains strong{font-size:11px;letter-spacing:1px}.verso-chains span{margin:0 10px}.verso-correction{padding:24px;border:1px solid #bad5c9;border-radius:16px;background:#edf5ef;margin-top:22px}.correction-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;border-bottom:1px solid #d2e0da;padding:12px 0;font-size:13px}.correction-row span{padding:3px 7px;border-radius:5px}@media(max-width:1050px){.work-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.verso-layout{grid-template-columns:1fr}.verso-editor{position:static}.verso-labels{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.work-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.verso-labels{grid-template-columns:1fr 1fr}.verso-scene,.verso-editor{padding:15px}.correction-row{grid-template-columns:1fr}.verso-chains p{line-height:2}.verso-chains span{margin:0 3px}.verso-chains{padding:17px}}@media(prefers-reduced-motion:reduce){.piece-node,.board-assembly{transition:none}}
.verso-scene,.verso-editor,.verso-labels button{min-width:0}.verso-labels button{overflow-wrap:anywhere}.verso-editor fieldset{min-width:0}@media(max-width:1050px){.verso-layout{grid-template-columns:minmax(0,1fr)}}
.original-palette{background:#edf4f1;border:1px solid #d1e0da;border-radius:14px;padding:20px;margin:22px 0}.original-palette h3{font-size:15px;margin:12px 0 8px}.label-bank{display:flex;gap:7px;flex-wrap:wrap}.drag-label{background:#fffdf6;border:1px solid #c1d5cf;font-size:12px;cursor:grab}.drag-label[aria-pressed=true]{outline:3px solid #368cad;outline-offset:1px}.original-scroll{overflow:auto;border:1px solid #cdded9;border-radius:15px;background:white;max-width:100%}.original-stage{position:relative;width:100%;min-width:1120px;aspect-ratio:1400/1100}.original-stage>svg{position:absolute;inset:0;width:100%;height:100%}.original-stage [data-color-part]{cursor:pointer}.original-stage [data-color-part]:hover{stroke:#3785a4;stroke-width:2}.original-callout{position:absolute;background:#fffdf6;border:1px solid #a6bfc7;border-radius:9px;padding:7px;box-shadow:0 2px 7px #284b5d12;font-size:11px}.original-callout>strong{font-size:10px;display:block;letter-spacing:.4px;margin-bottom:4px;color:#527c8e}.drop-slot{display:block;width:100%;border:1px dashed #9bb7bf;border-radius:5px;background:#edf4f2;margin:4px 0;padding:5px 6px;font-size:11px;text-align:left;line-height:1.3;min-height:39px}.drop-slot small{display:block;color:#6a8994;font-size:8px;text-transform:uppercase;margin-bottom:2px}.drop-color{display:block;width:100%;font-size:9px;padding:5px 3px;margin-top:5px}.over-drop{outline:3px solid #3d9cbb;background:#e0f1ed}.color-information{background:#e0effa;color:#165a86;border-color:#6e9fbc}.color-energie{background:#ffedce;color:#8e5716;border-color:#d9ad6c}.color-support{background:#e5eaeb;color:#52666d}.answer-right{border:3px solid #368e75}.answer-wrong{border:3px solid #d99747}.original-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#originalCorrection{background:#edf5ef;border:1px solid #bad4c9;padding:22px;border-radius:12px}.original-palette #labelSelection{font-size:12px;font-weight:650;margin:15px 0 0}
.original-palette{position:sticky;top:5px;z-index:10;max-height:38vh;overflow:auto;box-shadow:0 5px 15px #284b5d14}.original-stage{margin-bottom:18px}@media(max-width:600px){.original-palette{padding:12px;max-height:35vh}.drag-label{font-size:11px;padding:7px}}
.sequence-nav>a{display:flex;flex-direction:column;gap:3px;padding:14px 17px;border-radius:9px;background:#edf2eb;border:1px solid var(--line);text-decoration:none;font-size:12px;font-weight:650}.sequence-nav>a small{font-size:10px;font-weight:400}.sequence-nav>a.active{color:#fff;background:var(--ink);border-color:var(--ink)}

.session-bar .download-sheet{display:inline-block;text-decoration:none;padding:9px 13px;border-radius:8px;background:#eef3ef;border:1px solid #c4d5d4;font-size:12px;color:var(--ink)}.session-bar .download-sheet:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

.hero-with-mbot{flex-wrap:wrap}.hero-with-mbot>div:first-child{flex:1}.hero-with-mbot .hero-copy{flex:1}.hero-mbot{display:block;width:clamp(150px,21vw,265px);height:auto;object-fit:contain;flex:0 0 auto}
@media(max-width:700px){.hero-with-mbot{gap:15px}.hero-with-mbot>div:first-child{flex-basis:55%}.hero-with-mbot .hero-copy{flex-basis:100%;padding-top:0}.hero-mbot{width:30%;max-width:180px}}

@media(min-width:1000px){.hero-with-mbot{display:grid;grid-template-columns:minmax(430px,1.5fr) minmax(180px,.8fr) minmax(220px,1fr);gap:24px;align-items:center}.hero-with-mbot h1{font-size:clamp(54px,5.2vw,74px)}.hero-with-mbot .hero-mbot{width:100%;max-width:240px;justify-self:center}.hero-with-mbot .hero-copy{justify-self:end}.hero-with-mbot .header-doc-actions{grid-column:1/-1}}