:root{--ink:#173c40;--muted:#586d70;--teal:#087c75;--teal-dark:#06615c;--mint:#e3f2ed;--line:#dce4df;--paper:#f7f8f3;--amber:#e7ab42;--red:#bd3f36;--white:#fff;--shadow:0 12px 35px #193a3310}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .18s,color .18s,border-color .18s}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d89425}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 13px;min-height:42px}button:hover{border-color:var(--teal);background:#f0f7f3}button:disabled{cursor:default;opacity:.48}button.primary{background:var(--teal);color:white;border-color:var(--teal);font-weight:650}button.primary:hover{background:var(--teal-dark)}button.run{background:#1d3f42;color:white;border-color:#1d3f42;font-weight:650}a{color:var(--teal)}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;background:#ffffffb8;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:27px;letter-spacing:-1.4px;font-weight:750;line-height:1.1}.brand-icon{width:49px;height:49px;display:grid;place-items:center;background:var(--teal);color:#fff;border-radius:14px;font-size:46px;line-height:1}.brand-light{font-weight:350}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:9px}.nav{border-color:transparent;background:none;font-size:14px;min-height:46px}.nav.active{background:var(--mint);color:var(--teal-dark);font-weight:650}.by{font-size:13px;color:var(--muted)}.by b{color:var(--ink);letter-spacing:1px}main{max-width:1690px;margin:auto;padding:32px 4.3% 45px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:4px 0 30px}.eyebrow{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--teal);margin:0 0 10px}h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 12px;font-weight:650}h1 span{color:var(--teal)}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.lab-tag{border:1px solid var(--line);border-radius:10px;background:white;padding:12px 18px;font-size:13px;white-space:nowrap}.lab-tag small{display:block;font-size:10px;color:var(--muted);padding-left:15px;margin-top:4px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:6px}h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0}h3{font-size:16px;margin:18px 0 9px}p{margin:8px 0 15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.section-title h2{font-size:16px;letter-spacing:0}.section-title h2 span{font:11px ui-monospace,monospace;padding:3px 7px;background:#e7ece5;border-radius:5px;margin-left:5px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{min-height:33px;padding:5px 10px;font-size:11px;background:transparent;border-color:transparent;border-radius:20px}.filters button.active{background:var(--ink);color:white}.projects{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:12px;overflow-x:auto;padding:2px 2px 17px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a6c8bd transparent}.project-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;text-align:left;white-space:normal;background:white;padding:15px 17px;min-height:145px;position:relative;box-shadow:0 4px 8px #193a3303}.project-card.selected{border:2px solid var(--teal);padding:14px 16px;background:#f1f9f4}.project-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-card .card-no{font:10px ui-monospace,monospace;color:var(--muted)}.project-card strong{display:block;font-size:14px;line-height:1.4;margin-bottom:5px}.project-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.project-card .level{font-size:9px;color:#456661;background:#edf2eb;padding:3px 6px;border-radius:4px}.project-icon{color:var(--teal)}.project-icon svg{width:23px;height:23px}.workspace{margin-top:16px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.workspace-head{padding:21px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.workspace-head h2{font-size:20px}.workspace-head .eyebrow{margin-bottom:4px;font-size:9px}.actions{display:flex;gap:9px;align-items:center}.chip{font-size:10px;background:#f0f1eb;border-radius:20px;padding:5px 9px;color:var(--muted)}.chip.loaded{background:var(--mint);color:var(--teal-dark)}.work-layout{display:grid;grid-template-columns:265px minmax(0,1fr)}.mission-panel{border-right:1px solid var(--line);background:#fcfcf9;max-height:780px;overflow:auto}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 10px;position:sticky;top:0;background:#fcfcf9;z-index:2}.tabs button{flex:1;border:none;border-bottom:2px solid transparent;background:none;border-radius:0;font-size:11px;padding:14px 7px}.tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:650}#side-content{padding:20px 18px}.mini-label{text-transform:uppercase;font:10px ui-monospace,monospace;letter-spacing:1.2px;color:var(--muted);margin-top:0}.goal{font-size:13px;line-height:1.7}.step{display:flex;gap:10px;margin:16px 0;font-size:12px;align-items:flex-start}.step span{background:var(--mint);color:var(--teal-dark);border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center;font-size:11px}.hint-box{background:#edf3e9;border:1px solid #d9e7d5;border-radius:9px;padding:12px;font-size:11px;line-height:1.7;margin-top:18px}.hint-box.amber{background:#fff7e7;border-color:#f1dfb9}.progress-bar{height:5px;background:#e3e8e1;border-radius:5px;overflow:hidden;margin:13px 0 6px}.progress-bar i{height:100%;display:block;background:var(--teal);transition:width .2s}.small{font-size:11px;color:var(--muted)}.wide{width:100%;margin-top:10px;font-size:12px}.bench{min-width:0;background:#f4f6f2}.bench-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line);background:#fafbf7}.tools{display:flex;gap:5px;align-items:center}.tools button{padding:4px 9px;min-height:32px;font-size:10px;border-color:transparent;background:transparent}.tools button:hover{background:#e5eee7}.color-label{display:flex;align-items:center;gap:5px;font-size:10px;margin-right:6px}.color-label input{padding:0;border:0;width:23px;height:23px;background:transparent;cursor:pointer}#zoom-label{font:10px ui-monospace,monospace;min-width:32px;text-align:center}.board-scroll{overflow:auto;max-height:660px;min-height:380px;scrollbar-width:thin;background-color:#f0f3ef;background-image:radial-gradient(#bdccc1 0.65px,transparent .65px);background-size:16px 16px}#board{display:block;width:100%;min-width:700px;user-select:none;touch-action:pan-x pan-y}.bench-footer{padding:9px 15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;background:#fafbf7}.accessible-wiring{font-size:11px;border-top:1px solid var(--line);padding:8px 14px;background:#fafbf7}.accessible-wiring summary{cursor:pointer}.manual-wire{display:flex;gap:10px;align-items:end;padding:12px 0;flex-wrap:wrap}.manual-wire label{flex:1;min-width:110px}.manual-wire select{width:100%;font-size:11px}select,input[type=number],input[type=search],textarea{padding:10px;border:1px solid #cbd8cf;border-radius:7px;color:var(--ink);background:white}label{display:block}textarea{width:100%;resize:vertical;min-height:110px}.connections{max-height:115px;overflow:auto;background:#fbfcfa;padding:0 12px;font-size:10px}.wire-row{display:flex;justify-content:space-between;gap:5px;align-items:center;border-top:1px solid var(--line);padding:3px 0}.wire-row button{min-height:28px;padding:2px 8px;font-size:10px}.monitor{padding:18px 24px;display:grid;grid-template-columns:1fr 180px 215px;gap:25px;align-items:center;border-top:1px solid var(--line);background:#fff}.monitor .eyebrow{font-size:9px;margin-bottom:5px}.monitor strong{display:block;font-size:14px}.monitor p{font-size:12px;margin:4px 0;color:var(--muted)}.monitor .bad{color:var(--red)}.measure{border-left:1px solid var(--line);padding-left:22px}.measure span{display:block;font-size:10px;color:var(--muted)}.measure b{display:block;font:30px ui-monospace,monospace;letter-spacing:-1.5px;color:var(--teal-dark)}.measure b small{font-size:12px;letter-spacing:0}.measure>small{display:block;font-size:10px;color:var(--muted)}.experiment label{font-size:11px}.experiment input{width:100%;accent-color:var(--teal)}.serial{background:#193a3d;color:#c2e9db;display:flex;gap:18px;padding:11px 22px;align-items:center;font:10px ui-monospace,monospace;min-height:49px}.serial>span{color:#9ab9b4;font-size:9px;letter-spacing:1px;white-space:nowrap}.serial output{flex:1}.serial button{padding:3px 8px;min-height:29px;border-color:#426365;background:transparent;color:#dce9e4;font-size:10px}.bottom-actions{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.bottom-actions span{margin-right:auto;font-size:10px;color:var(--muted)}.bottom-actions button{font-size:10px;min-height:32px;background:transparent}footer{border-top:1px solid var(--line);padding:23px 4.3%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer b{font-size:16px;color:var(--teal)}footer small{font-size:10px}.learn-hero{margin:20px 0 28px}.learn-hero h2{font-size:32px;margin-bottom:10px}.learn-hero p{color:var(--muted)}.search-label{font-size:12px;max-width:600px}.search-label input{display:block;margin-top:8px;width:100%}.theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.theory-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.theory-card .illustration{height:135px;display:flex;align-items:center;justify-content:center;background:#f1f5ef;border-radius:8px;margin-bottom:16px;overflow:hidden}.theory-card svg{width:200px;height:125px}.theory-card h3{margin:10px 0;font-size:16px}.theory-card p{font-size:13px;color:var(--muted);line-height:1.7}.theory-card .tag{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--teal)}.calculator,.sources,.notebook-card{margin-top:24px;padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.calculator p,.sources p{font-size:13px;color:var(--muted)}.calc-inputs{display:flex;gap:18px;margin:20px 0;flex-wrap:wrap}.calc-inputs label{font-size:12px;flex:1;min-width:130px}.calc-inputs input,.calc-inputs select{display:block;width:100%;margin-top:5px}.calculator output{display:block;font:15px ui-monospace,monospace;color:var(--teal-dark)}.sources a{display:inline-block;font-size:12px;margin-right:20px;margin-bottom:15px}.sources summary{cursor:pointer;font-size:13px}.notebook-card{max-width:900px;margin-left:auto;margin-right:auto}.notebook-card label{margin:20px 0 7px;font-size:13px;font-weight:600}.notebook-card .notebook-select{width:100%;margin:12px 0}.quiz{margin:20px 0;padding:20px;border-radius:10px;background:#eff5eb}.quiz p{font-size:13px}.quiz details{margin-top:15px;font-size:12px}.checklist{font-size:13px;line-height:1.9;padding-left:20px}.notebook-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:650px;width:calc(100% - 35px);max-height:85vh;color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#16332e70;backdrop-filter:blur(3px)}dialog h2{margin-right:25px}dialog p,dialog li{font-size:14px;line-height:1.8}#close-modal{position:absolute;right:12px;top:10px;border:0;font-size:24px;min-height:35px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(130px);transition:transform .2s;background:var(--ink);color:white;border-radius:10px;padding:13px 22px;max-width:90%;font-size:13px;box-shadow:var(--shadow);z-index:20}#toast.show{transform:translateX(-50%) translateY(0)}.part-item{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.part-item strong{display:block}.part-item .part-actions{display:flex;gap:6px;margin:7px 0;align-items:center}.part-item button{min-height:28px;font-size:10px;padding:3px 7px}.part-item select{font-size:11px;width:100%;padding:6px}.code{background:#193a3d;color:#d5eee5;border-radius:8px;padding:14px;overflow:auto;font:10px/1.9 ui-monospace,monospace;white-space:pre;max-height:470px}.part-picker{width:100%;font-size:12px;margin-top:12px}.scene{background:#e6f0e6;padding:18px 24px;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center}.scene[hidden]{display:none}.pitch{position:relative;width:250px;height:130px;border:2px solid #a2bba0;background:#5c9470;border-radius:7px;overflow:hidden}.pitch:before{content:'';position:absolute;inset:8px;border:1px solid #fff8}.pitch:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #fff8}.keeper{position:absolute;width:16px;height:32px;top:14px;background:#f6ce60;left:50%;z-index:1;border-radius:7px}.ball{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;bottom:10px;left:calc(50% - 6px);z-index:2}.ball.shot{animation:shoot 1s ease-out}.scene p{font-size:12px;margin:0}.scene button{font-size:12px}.svg-terminal{cursor:crosshair;outline-offset:0}.svg-terminal .hit{fill:transparent}.svg-terminal:hover .contact,.svg-terminal:focus .contact{stroke:#f6b237;stroke-width:4;fill:#fff4c4}.svg-terminal.selected .contact{fill:#efb844;stroke:#ffda80;stroke-width:4}.svg-terminal.same-net .contact{fill:#29b99b;stroke:#087c75;stroke-width:2}.svg-wire{cursor:pointer}.svg-wire:hover .visible-wire{stroke-width:6}.part-body{cursor:grab;touch-action:none}.part-body:active{cursor:grabbing}.svg-label{font-family:ui-monospace,monospace}.led-glow{filter:drop-shadow(0 0 7px currentColor)}@keyframes shoot{to{transform:translateY(-90px)}}@media(min-width:1700px){main{padding-left:55px;padding-right:55px}}@media(max-width:1100px){.by{display:none}.work-layout{grid-template-columns:225px minmax(0,1fr)}.monitor{grid-template-columns:1fr 150px}.experiment{grid-column:1/-1;max-width:400px}.bench-toolbar{flex-wrap:wrap}.theory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{padding:15px 5%;height:auto;flex-wrap:wrap;gap:15px}.brand{font-size:23px}.brand-icon{width:42px;height:42px;font-size:39px}nav{width:100%;justify-content:space-between}.nav{flex:1;min-height:44px}main{padding:22px 4%}.intro{margin-bottom:25px}.intro .eyebrow{font-size:8px}.lab-tag{display:none}h1{letter-spacing:-1px}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.projects{grid-auto-columns:210px}.workspace-head{padding:18px;align-items:flex-start;flex-direction:column;gap:12px}.actions{width:100%;flex-wrap:wrap}.actions button{flex:1;font-size:12px}.actions .chip{font-size:9px}.work-layout{display:flex;flex-direction:column}.mission-panel{max-height:none;border-right:0;border-bottom:1px solid var(--line)}#side-content{padding:15px 18px;max-height:310px;overflow:auto}.goal{margin-bottom:10px}.step{margin:10px 0}.bench-toolbar{gap:5px}.tools button{min-height:40px;font-size:10px}.board-scroll{min-height:350px;max-height:650px}#board{min-width:850px}.monitor{padding:18px;gap:15px;grid-template-columns:1fr}.measure{border-left:none;border-top:1px solid var(--line);padding:12px 0 0}.measure b{font-size:26px}.experiment{grid-column:auto}.serial{flex-wrap:wrap;padding:12px 18px;gap:9px}.serial output{min-width:180px}.bottom-actions span{width:100%;margin-bottom:5px}.theory-grid{grid-template-columns:1fr}.learn-hero h2{font-size:27px}.calculator,.sources,.notebook-card{padding:20px}.scene{flex-direction:column;align-items:flex-start}.theory-card{padding:20px}footer{flex-direction:column;align-items:flex-start;gap:5px}.manual-wire{flex-direction:column;align-items:stretch}.manual-wire label{width:100%}.bench-footer{font-size:10px}.filters button{min-height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){button{min-height:44px}.tools button,.bottom-actions button,.part-item button,.wire-row button,.filters button{min-height:44px}.tabs button{min-height:44px}.part-item select{min-height:44px}}