:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#eaf7ff;background:#07101e;font-synthesis:none;--cyan:#4ddcff;--green:#4ce6a1;--panel:rgba(9,22,37,.86);--line:rgba(116,202,238,.18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 355px;height:100%;background:#07101e}.stage{position:relative;min-width:0;overflow:hidden}#viewport,.canvas{width:100%;height:100%;display:block}.canvas{touch-action:none}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 34px #00000042,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.top{position:absolute;z-index:5;top:18px;left:18px;right:18px;min-height:66px;padding:11px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.eyebrow{color:#72b6d3;font:700 10px ui-monospace,monospace;letter-spacing:.15em}h1{font-size:19px;margin:4px 0 0;letter-spacing:.03em}.power{display:flex;gap:10px;align-items:center;color:#91abba;font:600 11px ui-monospace,monospace}.power i{width:8px;height:8px;border-radius:50%;background:#50efa1;box-shadow:0 0 12px #50efa1}.power b{border:1px solid #317d96;color:#67ddfa;border-radius:6px;padding:5px 7px}.panel{border-left:1px solid #173045;background:linear-gradient(180deg,#091525,#07111f);padding:18px 16px;display:flex;flex-direction:column;gap:11px;overflow:auto}.panel section{padding:14px;border-radius:13px}.section-title{display:flex;justify-content:space-between;align-items:center;color:#bfd5e1;font-size:12px;font-weight:700}.section-title small{font:700 10px ui-monospace,monospace;color:#567b91}.section-title>b{font:700 10px ui-monospace,monospace;color:#ffba5d;border:1px solid #6a4c28;background:#2c241c;border-radius:6px;padding:5px 7px}.section-title>b.on{color:#64e8b0;border-color:#277456;background:#112d28}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.values>div{text-align:center;background:#0b1927;border:1px solid #1a4054;border-radius:9px;padding:9px 5px}.values small{display:block;color:#69899c;font:10px ui-monospace,monospace}.values b{display:block;font:700 27px ui-monospace,monospace;color:#55defc;text-shadow:0 0 13px rgba(77,220,255,.5)}.values span{display:block;color:#7795a7;font-size:9px}.values i{display:block;width:23px;height:23px;margin:5px auto 4px;border:3px solid #8f1118;border-radius:50%;background:#f00008;box-shadow:0 0 8px red,0 0 20px #f00c}.values i.off{background:#421719;box-shadow:none;border-color:#682629}.explain{color:#9eb4c2;font-size:11px;line-height:1.7;margin:12px 0 0;border-left:2px solid #40caea;padding-left:10px}.schematic-card svg{width:100%;height:auto;margin-top:9px;background:#081621;border-radius:9px}.schematic-card svg text{fill:#7797aa;font:9px ui-monospace,monospace}.schematic-card svg .wire,.schematic-card svg path,.schematic-card svg line{stroke:#668da1;stroke-width:2;fill:none}.schematic-card svg rect{fill:#132c3b;stroke:#63cce8}.schematic-card svg circle{fill:#75dff8}.schematic-card #svgLed{fill:#f00008;stroke:#ff5960;filter:drop-shadow(0 0 7px #ff0000)}.schematic-card #svgLed.off{fill:#472024;stroke:#78343a;filter:none}.schematic-card .flow{display:none}.conducting .schematic-card .input-path,.conducting .schematic-card .base-path,.conducting .schematic-card .output-path{stroke:#4be4a2;filter:drop-shadow(0 0 3px #38da93)}table{width:100%;margin-top:10px;border-collapse:separate;border-spacing:0 5px;text-align:center;font:11px ui-monospace,monospace}th{color:#66879a;font-size:9px}td{background:#0b1927;padding:7px;color:#91aab8}td:first-child{border-radius:6px 0 0 6px}td:last-child{border-radius:0 6px 6px 0}tr.active td{background:#34b4d33b;color:#e1fbff;box-shadow:inset 0 1px #3cb9da,inset 0 -1px #3cb9da}.learn-card p{color:#89a3b2;font-size:10px;line-height:1.55;margin:10px 0}.learn-card p b{color:#e2f4fa}.learn-card button,.view-tools button{cursor:pointer;border:1px solid #285a71;background:#102536;border-radius:8px;padding:8px 10px}.learn-card button{width:100%;margin-top:3px;color:#7ce4fd}.view-tools{position:absolute;z-index:6;top:100px;right:18px;padding:6px;border-radius:10px;display:flex;gap:4px}.view-tools button{font-size:11px}.switch-button{position:absolute;z-index:6;left:20px;bottom:58px;width:178px;padding:11px 13px;border-radius:12px;cursor:pointer;text-align:left}.switch-button span{display:block;color:#7294a7;font:700 9px ui-monospace,monospace;letter-spacing:.1em}.switch-button b{display:block;color:#ffb958;margin:4px 0 2px}.switch-button small{color:#617e90}.switch-button.on{border-color:#48e4a173}.switch-button.on b{color:#53e4a2}.hint{position:absolute;left:20px;bottom:24px;color:#617f91;font-size:10px;pointer-events:none}.part-card{position:absolute;z-index:15;left:20px;top:112px;width:290px;border-radius:13px;padding:16px;opacity:0;transform:translate(-15px);pointer-events:none;transition:.22s}.part-card.visible{opacity:1;transform:none;pointer-events:auto}.part-card .close{position:absolute;right:8px;top:6px;border:0;background:none;color:#7793a4;font-size:22px;cursor:pointer}.part-card em{font:700 9px ui-monospace,monospace;color:#4fd9fa;letter-spacing:.13em}.part-card h2{font-size:15px;margin:8px 0 5px}.part-card strong{color:#ffbb62;font:12px ui-monospace,monospace}.part-card p{color:#9bb1bf;font-size:11px;line-height:1.65;margin:9px 0 0}.toast{position:absolute;z-index:20;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#102737;border:1px solid #3b879f;border-radius:9px;padding:9px 14px;font-size:11px}.toast.visible{opacity:1;transform:translate(-50%)}.loading{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;gap:11px;color:#7093a5;font-size:11px;background:#07101e;transition:.45s}.loading.done{opacity:0;pointer-events:none}.loading i{width:20px;height:20px;border:2px solid #1b526b;border-top-color:#55dcff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){html,body,#app{overflow:auto}.shell{grid-template-columns:1fr;grid-template-rows:58vh auto;height:auto;min-height:100%}.stage{min-height:58vh}.panel{border-left:0;border-top:1px solid #173045;display:grid;grid-template-columns:1fr 1fr}.top{top:8px;left:8px;right:8px}.top h1{font-size:15px}.power span{display:none}.view-tools{top:82px;right:8px}.switch-button{left:8px;bottom:36px}.hint{left:9px;bottom:14px}.part-card{left:8px;top:84px}.toast{bottom:12px}}@media(max-width:570px){.shell{grid-template-rows:55vh auto}.stage{min-height:55vh}.panel{grid-template-columns:1fr}.top .eyebrow{display:none}.view-tools button{font-size:9px;padding:6px}.switch-button{width:145px;padding:8px 10px}.part-card{width:calc(100% - 16px)}.toast{white-space:nowrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}