@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
*{box-sizing:border-box}body{margin:0;background:#0b0e11;color:#eaecef;font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{padding:22px 3%;border-bottom:1px solid #2b3139;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#f0b90b;letter-spacing:2px;font-weight:700;font-size:18px}.brand span{font:10px 'IBM Plex Mono';color:#929ba8;letter-spacing:1px}header>div{display:flex;gap:22px;align-items:center;font:10px 'IBM Plex Mono'}.badge{border:1px solid #635219;border-radius:3px;color:#f0b90b;padding:8px}main{max-width:1850px;margin:auto;padding:30px 3%}h1{font:40px 'Instrument Serif';margin:0}h1 em{color:#f0b90b;font-weight:400}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.topline p{color:#929ba8;font-size:12px;margin-bottom:0}.phase{font:11px 'IBM Plex Mono';color:#f0b90b}.console{border:1px solid #2b3139;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.browser{min-width:0;border-right:1px solid #2b3139}.address{display:flex;gap:14px;background:#181a20;padding:12px;font:10px 'IBM Plex Mono';border-bottom:1px solid #2b3139}.address span{color:#635219;white-space:nowrap}.address a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7bdc6}.address b{margin-left:auto;font-weight:400;color:#929ba8;white-space:nowrap}.screen{position:relative;aspect-ratio:11/7;background:#101419;overflow:hidden}.screen img{width:100%;height:100%;object-fit:contain;display:block}.screen img[hidden]{display:none}#offline{position:absolute;inset:0;background:#0b0e11e8;display:grid;place-content:center;color:#929ba8;padding:30px;text-align:center}#offline[hidden]{display:none}#cursor{position:absolute;color:#f0b90b;font-size:25px;text-shadow:0 1px 2px #000;pointer-events:none;line-height:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 16px;gap:12px;border-top:1px solid #2b3139}.metrics b{display:block;font:22px 'IBM Plex Mono'}.metrics span{display:block;font:8px 'IBM Plex Mono';color:#929ba8;margin-top:7px}aside{min-width:0;background:radial-gradient(ellipse at 60% 25%,#f0b90b08,transparent 60%)}.specimen-wrap{height:290px;position:relative;overflow:hidden}.specimen-wrap>span{position:absolute;left:20px;top:15px;color:#929ba8;font:8px 'IBM Plex Mono';z-index:2}#specimen{position:absolute;inset:-105px 0 0;filter:sepia(1) saturate(3.3);cursor:grab;touch-action:pan-y}#specimen canvas{display:block;width:100%;height:100%}.hero-stars{display:none}label{font:9px 'IBM Plex Mono';color:#929ba8;letter-spacing:1px}.activity{padding:0 20px 18px}#trace{display:block;width:100%;height:100px;margin-top:10px}.voltages{display:flex;justify-content:space-between;font:10px 'IBM Plex Mono';color:#e5cf77}.selection{padding:20px;border-top:1px solid #2b3139}.selection strong{display:block;font-size:22px;margin:10px 0 6px}.selection>span{color:#f0b90b;font:12px 'IBM Plex Mono'}.selection p{font-size:12px;line-height:1.6;color:#929ba8}.lower{display:grid;grid-template-columns:1.65fr 1fr;gap:35px;padding:28px 0}h2{font-size:13px;font-weight:500}#journal{height:235px;overflow:auto;border-top:1px solid #2b3139}.event{border-bottom:1px solid #22272e;padding:10px 0;font:10px/1.6 'IBM Plex Mono';display:grid;grid-template-columns:65px 1fr;gap:15px}.event time{color:#697587}.event b{color:#f0b90b;font-weight:400}.event p{margin:3px 0;color:#b7bdc6}.checklist{font-size:12px;color:#929ba8}.checklist h2{color:#eaecef}.checklist li{margin:10px 0}.checklist ul{padding-left:18px}button{background:#f0b90b;color:#0b0e11;border:0;padding:12px 16px;cursor:pointer;font-weight:600}.checklist>a{display:block;margin-top:18px;font-size:11px}a:focus-visible,button:focus-visible{outline:2px solid #f0b90b;outline-offset:4px}@media(max-width:800px){header{flex-wrap:wrap;padding:18px 4%}.brand span{font-size:8px}header>div{gap:10px;font-size:8px}main{padding:24px 4%}.topline{display:block}h1{font-size:32px}.phase{margin-top:18px}.console,.lower{grid-template-columns:1fr}.browser{border-right:0}aside{border-top:1px solid #2b3139}.specimen-wrap{height:265px}.lower{gap:20px}.metrics b{font-size:16px}.metrics span{font-size:7px}}