:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6ff;font-synthesis:none;background:#080d14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#080d14;min-height:100%;margin:0}body{overflow:hidden}button,select{font:inherit}#manual-debugging-hygiene-app{background:radial-gradient(circle at 80% 15%,#2ea0b429,#0000 28rem),radial-gradient(circle at 15% 85%,#724cbc29,#0000 32rem),#080d14;min-height:100vh;position:relative;overflow:hidden}#lesson-stage{position:absolute;inset:0;overflow:hidden}#lesson-stage>canvas.stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-hud{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0b1924f2,#070d16d1);border:1px solid #a1d1e23b;border-radius:18px;width:min(560px,100vw - 2rem);margin:2rem 0 0 2rem;padding:1.15rem;position:relative;box-shadow:0 24px 80px #00000073}.back-link,.source-note a{color:#9fddec;font-size:.7rem;text-decoration:none}.back-link:hover,.source-note a:hover{text-decoration:underline}.eyebrow{color:#80d4e9;letter-spacing:.18em;margin-top:1rem;font-size:.67rem;font-weight:700}h1{letter-spacing:-.06em;margin:.35rem 0 .55rem;font-size:clamp(2.1rem,4.8vw,3.5rem);line-height:.95}.intro{color:#c5d8e2;margin:0;font-size:.89rem;line-height:1.5}.status-panel{background:#040d1694;border:1px solid #80d4e94d;border-radius:10px;margin:1rem 0;padding:.7rem .8rem}.status-row{color:#f2fbff;justify-content:space-between;gap:.75rem;font-size:.78rem;font-weight:700;display:flex}.status-row span:last-child{color:#80d4e9;letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.status-detail{color:#a9c0cb;margin-top:.3rem;font-size:.71rem;line-height:1.4}.control-panel{gap:.7rem;display:grid}.field{color:#a9c0cb;gap:.3rem;font-size:.69rem;display:grid}select,button{color:#eef6ff;background:#132632db;border:1px solid #a1d1e24d;border-radius:8px;padding:.55rem .65rem;font-size:.72rem}button{cursor:pointer}button:hover,select:hover{border-color:#80d4e9}button:disabled{cursor:not-allowed;opacity:.48}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;display:grid}.metrics div{background:#091620bf;border:1px solid #a1d1e229;border-radius:8px;min-width:0;padding:.45rem}.metrics dt{color:#78909d;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.metrics dd{color:#f2fbff;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font:700 .76rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.contract-strip{color:#80d4e9;justify-content:space-between;gap:.8rem;font:.63rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.contract-strip span:last-child{color:#78909d;text-align:right}.error-panel{color:#ffdede;background:#4c1e2a;border:1px solid #df7878;border-radius:9px;margin-top:.8rem;padding:.7rem;font-size:.74rem}.error-panel span{margin-top:.3rem;display:block}.stage-overlay{z-index:2;color:#dffaff;pointer-events:none;white-space:pre;background:#00090fdb;border:1px solid #91dae74d;border-radius:9px;padding:.75rem;font:.72rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:1rem;left:1rem}.stage-overlay.right{left:auto;right:1rem}.demo-content{z-index:1;pointer-events:none;text-align:center;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.demo-content>div{color:#edf9ffeb;text-shadow:0 2px 18px #000;max-width:720px}.demo-content h2{letter-spacing:-.07em;margin:0 0 .4rem;font-size:clamp(2rem,7vw,6rem)}.demo-content p{margin:0;font-size:clamp(.9rem,2vw,1.25rem)}.capture-preview{z-index:3;border:1px solid #91dae74d;border-radius:8px;width:min(240px,28vw);position:absolute;bottom:1rem;right:1rem;box-shadow:0 10px 40px #0009}.focus-grid{justify-content:center;align-items:center;gap:1.2rem;display:flex;position:absolute;inset:0}.focus-card{color:#bdd7e0;text-align:center;justify-items:center;gap:.35rem;font-size:.7rem;display:grid}.focus-card canvas{background:#eda5c6;border:3px solid #0000;width:100px;height:100px}.focus-card canvas:focus{outline-offset:3px;border-color:#80d4e9;outline:3px solid #80d4e959}.hint,.source-note{color:#89a0aa;margin:.8rem 0 0;font-size:.68rem;line-height:1.5}.signature{z-index:5;color:#76909c;letter-spacing:.15em;font:.6rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:.9rem;right:1rem}@media (width<=780px){body{overflow:auto}.study-hud{margin:1rem}.metrics{grid-template-columns:repeat(2,1fr)}.signature{display:none}.focus-grid{gap:.4rem}}