.mos-loading{background:var(--ink);color:var(--lime);font:800 11px var(--mono),monospace;margin:0 7vw 100px;padding:75px}.mos-workbench{border:1px solid var(--line);background:#f8f7f2;grid-template-columns:.48fr 1.52fr;margin:0 7vw;display:grid}.mos-workbench aside{background:var(--ink);color:#fff;padding:34px}.mos-workbench aside .eyebrow{color:var(--lime)}.mos-mode{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:22px;display:grid}.mos-mode button{color:#c1cacf;font:800 8px var(--mono),monospace;cursor:pointer;background:0 0;border:1px solid #526169;padding:12px}.mos-mode button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.mos-workbench label{border-top:1px solid #3b474d;padding:22px 0;display:block}.mos-workbench label span{justify-content:space-between;font-size:11px;display:flex}.mos-workbench input{width:100%;accent-color:var(--lime);margin-top:18px}.mos-readout{border:1px solid #caff4380;flex-direction:column;gap:6px;padding:18px;display:flex}.mos-readout small{color:var(--lime);font:700 8px var(--mono),monospace}.mos-readout strong{font-size:28px}.mos-readout span,.mos-workbench aside>p:last-child{color:#acb8bd;font-size:9px;line-height:1.65}.mos-device{flex-direction:column;justify-content:center;padding:38px;display:flex}.mos-cross{background:#d5bf94;border:1px solid #9f8c69;height:330px;position:relative;overflow:hidden}.mos-gate{color:#fff;text-align:center;height:72px;font:700 9px var(--mono),monospace;z-index:3;background:#51606a;place-items:center;display:grid;position:absolute;top:20px;left:30%;right:30%}.mos-oxide{height:18px;font:700 7px var(--mono),monospace;z-index:3;background:#79c5d5;place-items:center;display:grid;position:absolute;top:92px;left:30%;right:30%}.mos-sd{color:#fff;width:30%;height:92px;font:800 9px var(--mono),monospace;z-index:2;background:#527cff;place-items:center;display:grid;position:absolute;top:110px}.mos-sd.source{left:0}.mos-sd.drain{right:0}.mos-channel{z-index:2;background:#caff43;height:35px;position:absolute;top:110px;left:28%;right:28%;box-shadow:0 10px 28px #caff43b3}.mos-body{color:#5b4b35;height:128px;font:800 9px var(--mono),monospace;place-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.mos-state{border:1px solid var(--line);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.mos-state span{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:15px;font-size:9px;display:flex}.mos-plots{margin:70px 7vw}.mos-plots article{border-top:1px solid var(--line);grid-template-columns:.6fr 1.4fr;align-items:center;gap:45px;padding:45px 0;display:grid}.mos-plots h2{letter-spacing:0;margin:0;font-size:clamp(36px,4vw,58px);line-height:.98}.mos-plots article>div>p:last-child{color:#566268;font-size:12px;line-height:1.65}.mos-plots figure{border:1px solid var(--line);margin:0;padding:14px}.mos-plots canvas{width:100%;height:300px}.mos-plots figcaption,.mos-legend{font:700 8px var(--mono),monospace;color:#657176}.mos-legend{gap:20px;display:flex}.mos-legend span:first-child{color:#527cff}.mos-legend span:last-child{color:#ff7548}.mos-metrics{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 7vw;display:grid}.mos-metrics>div{border-right:1px solid var(--line);flex-direction:column;padding:25px;display:flex}.mos-metrics .eyebrow{margin:0}.mos-metrics strong{font-size:32px}.mos-metrics span{color:#68757a;font-size:9px}.mos-evidence{background:#dcdad2;grid-template-columns:1.35fr 1.2fr repeat(3,.48fr);margin:70px 7vw 110px;display:grid}.mos-evidence>div,.mos-evidence>a{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:6px;padding:24px;display:flex}.mos-evidence .eyebrow{margin:0}.mos-evidence span{color:#657176;font-size:9px}.mos-evidence>a{font:800 9px var(--mono),monospace}@media (max-width:950px){.mos-workbench,.mos-plots article{grid-template-columns:1fr}.mos-evidence{grid-template-columns:1fr 1fr}.mos-device{padding:24px}}@media (max-width:620px){.mos-workbench,.mos-plots,.mos-metrics,.mos-evidence{margin-left:20px;margin-right:20px}.mos-device,.mos-workbench aside{padding:20px}.mos-cross{height:270px}.mos-state,.mos-metrics,.mos-evidence{grid-template-columns:1fr}.mos-plots article{gap:20px}.mos-plots canvas{height:260px}}
