.page{--bg:#1f5eff;--bg-deep:#0a3bcc;--bg-elev:#1748d8;--text:#d6e2ff;--text-h:#f5f8ff;--muted:#9bb5f0;--border:#ffffff61;--ink:#06091a;--ink-h:#11162a;--sans:"Pixelify Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--sans);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;max-width:1140px;min-height:100svh;margin:0 auto;padding:32px 40px 56px;font-size:17px;line-height:1.55;display:flex;position:relative}.page:before{content:"";z-index:-10;pointer-events:none;background-color:#1f5eff;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;position:fixed;inset:0}.page ::selection{background:var(--ink);color:var(--text-h)}.topbar{justify-content:space-between;align-items:center;margin-top:9px;padding-bottom:28px;display:flex;position:relative}.nav-toggle,.nav-burger{display:none}.brand{font-family:var(--sans);color:var(--text-h);font-size:22px;font-weight:600}.topbar nav{gap:28px;font-size:15px;display:flex}.topbar nav a{color:var(--text);transition:color .18s}.topbar nav a:hover{color:var(--text-h)}.hero{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:72px;padding:80px 0;display:grid}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:56px;padding:48px 0}}@media (max-width:600px){.nav-burger{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;gap:5px;width:40px;height:32px;padding:6px 8px;display:inline-flex}.nav-burger span{background:var(--text-h);width:100%;height:4px;box-shadow:2px 2px 0 0 var(--ink);border-radius:0;transition:transform .2s steps(3,end),opacity .12s step-end;display:block}.nav-toggle:checked~.nav-burger span:first-child{transform:translateY(9px)rotate(45deg)}.nav-toggle:checked~.nav-burger span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-burger span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.topbar nav{background:var(--bg-deep);border:1px solid var(--border);z-index:50;flex-direction:column;gap:0;min-width:168px;padding:6px;display:none;position:absolute;top:calc(100% - 10px);right:0;box-shadow:0 16px 40px -16px #000000b3}.nav-toggle:checked~nav{display:flex}.topbar nav a{color:var(--text-h);padding:11px 14px;display:block}.topbar nav a:hover{background:#ffffff14}}.workbench{box-shadow:8px 8px 0 0 var(--bg-deep), 0 30px 60px -20px #0009;background-color:#0000;background-image:radial-gradient(#ffffff0f 1px,#0000 1.4px),linear-gradient(#06183f,#030d24);background-position:0 0;background-repeat:repeat;background-size:14px 14px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff1a;width:100%;max-width:420px;margin:0 auto;padding:28px;position:relative}.workbench:before{content:"";pointer-events:none;border:1px dashed #ffffff26;position:absolute;inset:8px}.board{aspect-ratio:480/670;filter:drop-shadow(0 20px 30px #00000080);width:100%;margin:0 auto;position:relative}.circuit{width:100%;height:100%;display:block;position:absolute;inset:0}.board-center{flex-direction:column;align-items:center;gap:12px;padding-top:9.8%;display:flex;position:absolute;inset:0}.oled{aspect-ratio:128/64;cursor:pointer;background:0 0;border:none;border-radius:0;outline:none;width:56.7%;max-width:100%;padding:0;position:relative}.oled:focus-visible{outline:2px solid var(--text-h);outline-offset:2px}.oled .oled-hint{pointer-events:none;font-family:var(--sans);color:var(--text-h);text-shadow:1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:600;animation:1.1s cubic-bezier(.22,1,.36,1) infinite oled-hint-pulse;display:inline-flex;position:absolute;bottom:12%;right:8%}.oled .oled-hint__cursor{color:var(--text-h);font-size:16px;line-height:1;display:inline-block}@keyframes oled-hint-pulse{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(-3px,-3px)}}@media (prefers-reduced-motion:reduce){.oled .oled-hint{animation:none}}.oled .scanlines{pointer-events:none;mix-blend-mode:multiply;opacity:.55;background-image:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px);position:absolute;inset:0}.oled canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#04060a;display:block}.copy{max-width:560px}.eyebrow{font-family:var(--sans);letter-spacing:.04em;color:var(--text-h);text-transform:none;margin:0 0 18px;font-size:18px;font-weight:500}.page h1{letter-spacing:0;color:var(--text-h);text-transform:uppercase;text-shadow:4px 4px 0 var(--bg-deep), 8px 8px 0 #00000047;font-size:clamp(56px,8vw,96px);font-weight:700;line-height:.96;font-family:var(--sans);margin:0 0 32px}.lede{font-family:var(--sans);color:var(--text);max-width:56ch;margin:0 0 32px;font-size:18px;font-weight:400;line-height:1.55}.tags{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 32px;padding:0;font-size:14px;list-style:none;display:flex}.tag{font-family:var(--sans);letter-spacing:.01em;align-items:center;font-weight:500;display:inline-flex}.tag-date,.tag-place{background:var(--ink);color:var(--text-h);padding:3px 10px}.cta{flex-wrap:wrap;gap:12px;margin-bottom:44px;display:flex}.btn{font-family:var(--sans);letter-spacing:.02em;border:2px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 0 var(--ink);border-radius:0;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.btn:active{box-shadow:0 0 0 0 var(--ink);transform:translate(4px,4px)}.btn.primary{background:var(--text-h);color:var(--ink)}.btn.primary:hover{background:var(--ink);color:var(--text-h)}.btn.ghost{color:var(--text-h);border-color:var(--text-h);background:0 0}.btn.ghost:hover{background:var(--text-h);color:var(--ink);border-color:var(--text-h)}.foot{font-family:var(--sans);color:var(--muted);justify-content:center;align-items:center;gap:12px;padding-top:28px;font-size:14px;display:flex}.foot a{transition:color .18s}.foot a:hover{color:var(--text-h)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}