@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:1.1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-family:"Press Start 2P",cursive;font-size:.85rem;color:var(--text-primary);letter-spacing:-.5px}.nav-brand:hover{color:var(--accent-color)}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:.82rem;color:var(--text-secondary);padding:.45rem .85rem;text-transform:uppercase;letter-spacing:1.5px;position:relative;border:2px solid transparent;transition:all .15s ease}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);background:var(--bg-card)}.lang-toggle{display:flex;align-items:center;gap:0;margin-left:.75rem;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);overflow:hidden;flex-shrink:0}.lang-btn{font-family:"Press Start 2P",cursive;font-size:.52rem;padding:.45rem .7rem;background:var(--bg-secondary);color:var(--text-muted);border:none;cursor:pointer;letter-spacing:1px;transition:background .15s ease,color .15s ease,transform .1s ease;line-height:1;position:relative}.lang-btn:hover{background:var(--bg-card);color:var(--text-primary)}.lang-btn.active{background:var(--bg-dark);color:#fff}.lang-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-color)}.lang-sep{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--border-color);background:var(--bg-secondary);padding:0 1px;-webkit-user-select:none;user-select:none}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);cursor:pointer;z-index:200;flex-shrink:0}.hamburger-line{display:block;width:100%;height:2px;background:var(--text-primary);transition:transform .25s ease,opacity .25s ease}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn-primary{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.82rem;background:var(--accent-color);color:#fff;padding:.8rem 1.6rem;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;transition:transform .1s ease,box-shadow .1s ease}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color);color:#fff}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow-color)}.btn-secondary{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.82rem;background:var(--bg-card);color:var(--text-primary);padding:.8rem 1.6rem;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;transition:transform .1s ease,box-shadow .1s ease}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow-color)}.btn-text{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.82rem;color:var(--accent-color);display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent-color);padding-bottom:2px;transition:color .15s ease,border-color .15s ease}.btn-text:hover{color:var(--accent-secondary);border-color:var(--accent-secondary)}.hero{flex:1;display:flex;align-items:center;min-height:calc(100vh - 76px);padding-top:2rem;padding-bottom:3rem}.hero-content{max-width:720px}.hero-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.hero h1{font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:1.5rem;line-height:2}.hero-description{font-size:1rem;color:var(--text-secondary);max-width:540px;margin-bottom:2.5rem;line-height:1.85}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:4rem}.stats-row{display:flex;gap:3rem;padding-top:3rem;border-top:2px dashed var(--border-light)}.stat-item{text-align:left}.about-section{padding:5rem 0 6rem;border-top:2px dashed var(--border-light)}.about-header{margin-bottom:3.5rem}.about-bio{font-size:1rem;color:var(--text-secondary);line-height:1.9;max-width:720px;margin-top:1rem}.about-block{margin-bottom:3.5rem}.about-block-title{font-size:.72rem;margin-bottom:1.75rem;color:var(--text-primary)}.journey-timeline{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border-color);margin-left:2.5rem;padding-left:0}.journey-step{display:flex;align-items:center;gap:1rem;padding:.85rem 0 .85rem 1.5rem;position:relative;transition:background .15s ease}.journey-step:hover{background:var(--bg-card)}.journey-year{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--text-muted);min-width:46px;text-align:right;flex-shrink:0}.journey-dot{width:10px;height:10px;background:var(--bg-primary);border:2px solid var(--border-color);position:absolute;left:-6px;top:50%;transform:translateY(-50%)}.journey-step:last-child .journey-dot{background:var(--accent-color);border-color:var(--accent-color)}.journey-label{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--text-primary);line-height:1.5}.about-callout{display:flex;gap:1.75rem;padding:2rem;margin-bottom:3.5rem;align-items:flex-start}.about-callout:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow-color)}.about-callout-icon{font-size:2rem;flex-shrink:0;line-height:1}.about-callout-title{font-size:.72rem;margin-bottom:.75rem;color:var(--accent-color)}.about-callout-body p{font-size:.88rem;color:var(--text-secondary);line-height:1.85;margin:0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.testimonial-card{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;margin:0}.testimonial-quote{font-size:.88rem;line-height:1.85;color:var(--text-secondary);font-style:italic;flex:1}.testimonial-footer{display:flex;flex-direction:column;gap:.15rem;padding-top:1rem;border-top:1px dashed var(--border-light)}.testimonial-role{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.75rem;color:var(--text-primary)}.testimonial-context{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.education-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.education-card{padding:1.75rem;display:flex;flex-direction:column;gap:.5rem}.education-period{font-family:"Press Start 2P",cursive;font-size:.55rem;color:var(--text-muted);letter-spacing:1px}.education-school{font-size:.72rem;color:var(--text-primary);line-height:1.6;margin:0}.education-degree{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin:0}.oss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.oss-card{padding:1.75rem;display:flex;flex-direction:column;gap:.85rem;text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.oss-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow-color)}.oss-card-header{display:flex;align-items:center;gap:.75rem}.oss-icon{font-size:1.3rem;line-height:1}.oss-name{font-size:.72rem;color:var(--text-primary);margin:0}.oss-desc{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--text-secondary);line-height:1.7;margin:0;flex:1}.oss-tags{display:flex;flex-wrap:wrap;gap:.4rem}.oss-link{font-family:"Press Start 2P",cursive;font-size:.55rem;color:var(--accent-color);letter-spacing:.5px;margin-top:.25rem}.page-section{padding:5rem 0 6rem}.section-header{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.section-header-text{flex:1}.section-eyebrow{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);margin-bottom:.75rem}.section-title{font-size:clamp(1rem,2.2vw,1.4rem);margin-bottom:.75rem;color:var(--text-primary)}.section-subtitle{color:var(--text-secondary);font-size:.92rem;max-width:500px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;margin-top:0}.card{display:flex;flex-direction:column;height:100%}.card-content{padding:1.75rem;flex:1;display:flex;flex-direction:column}.card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-title{font-size:.78rem;margin-bottom:.75rem;font-family:"Press Start 2P",cursive;line-height:1.7}.card-desc{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.5rem;flex:1;line-height:1.8}.card-footer{display:flex;gap:1.25rem;margin-top:auto;padding-top:1rem;border-top:1px dashed var(--border-light)}.card-link{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;transition:color .15s ease}.card-link:hover{color:var(--accent-secondary)}.article-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.75rem;padding:1.75rem}.article-number{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:var(--border-light);min-width:50px;text-align:center}.article-body{flex:1}.article-date{font-size:.78rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.article-title{font-family:"Press Start 2P",cursive;font-size:.72rem;line-height:1.7;margin-bottom:.5rem}.article-excerpt{color:var(--text-secondary);font-size:.88rem;line-height:1.75}.article-action{align-self:center}.tech-strip{display:flex;flex-wrap:wrap;gap:.5rem}.tech-chip{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;padding:.35rem .7rem;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);letter-spacing:.5px;transition:all .15s ease}.tech-chip:hover{border-color:var(--accent-color);color:var(--accent-color)}footer{padding:2.5rem 0;border-top:2px solid var(--border-color);background:var(--bg-secondary);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.78rem}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.72rem;color:var(--text-secondary);transition:color .15s ease}.footer-links a:hover{color:var(--accent-color)}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{position:relative}.timeline-header{padding:1.25rem 1.75rem;width:100%;font-family:inherit}.timeline-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}.timeline-left{min-width:120px}.timeline-center{text-align:left}.timeline-title{font-family:"Press Start 2P",cursive;font-size:.72rem;line-height:1.6;margin-bottom:.25rem}.timeline-role{font-size:.82rem;color:var(--text-secondary)}.timeline-toggle{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--text-muted);padding:.25rem}.timeline-header.active{border-bottom:none;box-shadow:5px 5px 0 var(--shadow-color)}.timeline-body{background:var(--bg-card);border:2px solid var(--border-color);border-top:1px dashed var(--border-light);padding:2rem 1.75rem;margin-top:-2px;box-shadow:5px 5px 0 var(--shadow-color)}.timeline-context{color:var(--text-secondary);font-size:.9rem;line-height:1.85;margin-bottom:2rem;max-width:700px;font-style:italic}.use-cases{display:flex;flex-direction:column;gap:1rem}.use-case{display:grid;grid-template-columns:50px 1fr;gap:1.25rem;padding:1.5rem}.use-case-number{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:var(--border-light);text-align:center;padding-top:.25rem}.use-case-content{flex:1}.use-case-title{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.92rem;margin-bottom:.5rem;color:var(--text-primary)}.use-case-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.8}.article-page{padding:3rem 0 6rem}.article-container{max-width:820px;margin:0 auto;padding:0 2rem;width:100%}.article-container p{max-width:70ch}.article-page-header{margin-bottom:0}.article-back{display:inline-block;font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2rem;transition:color .15s ease}.article-back:hover{color:var(--accent-color)}.article-page-title{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.8;margin-bottom:1rem}.article-page-meta{display:flex;gap:.5rem;color:var(--text-muted);font-size:.85rem}.article-body-content{font-size:.95rem;line-height:1.9;color:var(--text-primary)}.article-body-content p{margin-bottom:1.5rem}.article-body-content h2{font-size:.9rem;margin-top:3.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);line-height:1.6}.article-body-content h3{font-size:.72rem;margin-top:2rem;margin-bottom:1rem;color:var(--accent-color);line-height:1.6}.article-lead{font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1.85}.article-body-content strong{color:var(--text-primary);font-weight:600}.article-body-content em{font-style:italic;color:var(--text-secondary)}.article-list{margin:1.5rem 0 2rem;padding-left:0}.article-list li{position:relative;padding:.75rem 0 .75rem 1.5rem;border-bottom:1px dashed var(--border-light)}.article-list li:before{content:"▸";position:absolute;left:0;color:var(--accent-color);font-family:"Press Start 2P",cursive;font-size:.55rem;top:1rem}.article-list li:last-child{border-bottom:none}.article-callout{display:flex;gap:1.25rem;align-items:flex-start;padding:1.75rem;margin:2rem 0;background:var(--bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color)}.article-callout.accent{border-left:5px solid var(--accent-color)}.article-callout-stat{font-family:"Press Start 2P",cursive;font-size:1.4rem;color:var(--accent-color);flex-shrink:0;line-height:1.4}.article-callout-label{font-size:.92rem;line-height:1.75;color:var(--text-secondary)}.article-callout-source{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.article-figure{margin:2.5rem 0;text-align:center}.article-figure img{max-width:100%;border:2px solid var(--border-color);box-shadow:5px 5px 0 var(--shadow-color);image-rendering:auto}.article-table-wrap{overflow-x:auto;margin:1.5rem 0 2.5rem}.article-table{width:100%;border-collapse:collapse;font-size:.82rem;font-family:IBM Plex Mono,monospace}.article-table thead th{font-family:"Press Start 2P",cursive;font-size:.55rem;text-transform:uppercase;letter-spacing:1px;padding:.85rem 1rem;text-align:left;background:var(--bg-dark);color:#fff;border:2px solid var(--border-color)}.article-table tbody td{padding:.85rem 1rem;border:1px solid var(--border-light);background:var(--bg-card);vertical-align:top;line-height:1.6}.article-table tbody tr:hover td{background:var(--bg-secondary)}.article-references{padding-left:1.5rem;margin-top:1.5rem}.article-references li{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.7;list-style:decimal}.article-references li em{color:var(--text-primary)}.article-card.featured{border-left:4px solid var(--accent-color);background:var(--bg-card)}@media(max-width:768px){.hamburger{display:flex}.nav-links{display:none;position:fixed;inset:0;background:var(--bg-secondary);flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:150;padding:2rem}.nav-links.nav-open{display:flex}.nav-links .nav-link{font-size:1rem;padding:.75rem 1.5rem}.nav-links .nav-socials{display:flex;margin-left:0;margin-top:1rem}.nav-links .lang-toggle{margin-left:0;margin-top:.5rem}.hero h1{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start}.stats-row{flex-direction:column;gap:1.5rem}.footer-content{flex-direction:column;gap:1.25rem;text-align:center}.section-header{flex-direction:column;align-items:flex-start}.article-card{grid-template-columns:1fr;gap:1rem}.article-number{display:none}.article-action{justify-self:start}.timeline-header-inner{grid-template-columns:1fr auto;gap:1rem}.timeline-left{grid-column:1 / -1;min-width:auto}.use-case{grid-template-columns:1fr;gap:.75rem}.use-case-number{font-size:.9rem;text-align:left}.article-callout{flex-direction:column;gap:.75rem}.article-callout-stat{font-size:1.1rem}.article-table{font-size:.72rem}.article-table thead th{font-size:.5rem;padding:.6rem .5rem}.article-table tbody td{padding:.6rem .5rem}.journey-timeline{margin-left:1rem}.journey-year{min-width:38px;font-size:.5rem}.about-callout{flex-direction:column;gap:1rem}.testimonials-grid,.education-grid,.oss-grid{grid-template-columns:1fr}.container{padding-left:1rem;padding-right:1rem}.article-container{padding:0 1rem}.lab-cs-impact-bar{flex-direction:column;gap:1rem}.lab-cs-impact-val{font-size:1rem}.lab-cs-code{font-size:.62rem;padding:1rem}.lab-cs-diagram{max-width:100%}.lab-cs-section h2{font-size:.78rem}.lab-cs-section h3{font-size:.65rem}.lab-cs-callout{font-size:.72rem;padding:1rem}.lab-cs-table{font-size:.68rem}.lab-cs-table thead th{font-size:.52rem;padding:.6rem .5rem}.lab-cs-table tbody td{padding:.6rem .5rem}.lab-cs-design-grid{grid-template-columns:1fr!important}.lab-cs-arch-item{grid-template-columns:1fr;gap:.5rem}.lab-cs-toc ol{font-size:.72rem}.lab-grid{grid-template-columns:1fr}}.nav-socials{display:flex;align-items:center;gap:.4rem;margin-left:.5rem}.nav-social-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-muted);border:2px solid transparent;transition:all .15s ease}.nav-social-link:hover{color:var(--text-primary);border-color:var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);background:var(--bg-card)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;margin-top:2.5rem}.lab-card{display:block}.lab-card-inner{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);padding:2rem;height:100%;display:flex;flex-direction:column;gap:1rem;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.lab-card-inner:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color)}.lab-card-meta{display:flex;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--text-muted)}.lab-card-industry{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.lab-card-title{font-family:"Press Start 2P",cursive;font-size:.85rem;color:var(--text-primary);line-height:1.6;margin:0}.lab-card-subtitle{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--text-secondary);line-height:1.7;flex:1}.lab-card-impact{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:.75rem;letter-spacing:.5px}.lab-card-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.lab-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}.lab-card-cta{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--accent-color);white-space:nowrap;transition:letter-spacing .15s ease}.lab-card-inner:hover .lab-card-cta{letter-spacing:1px}.lab-card.disabled{pointer-events:none}.lab-card.disabled .lab-card-inner{filter:grayscale(.2);opacity:.85;cursor:default}.lab-card.disabled .lab-card-inner:hover{transform:none;box-shadow:4px 4px 0 var(--shadow-color)}.article-tag{font-family:IBM Plex Mono,monospace;font-size:.62rem;font-weight:600;padding:.2rem .5rem;border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary)}.article-tag.tag-green{color:var(--accent-secondary);border-color:var(--accent-secondary)}.article-tag.tag-blue{color:var(--accent-tertiary);border-color:var(--accent-tertiary)}.article-tag.tag-warm{color:var(--accent-warm);border-color:var(--accent-warm)}.lab-cs-impact-bar{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color)}.lab-cs-impact-item{display:flex;flex-direction:column;gap:.25rem}.lab-cs-impact-val{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:var(--accent-color);line-height:1}.lab-cs-impact-label{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.lab-cs-toc{margin:2.5rem 0;padding:1.25rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-color);border-left:4px solid var(--accent-color)}.lab-cs-toc-title{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.lab-cs-toc ol{padding-left:1.5rem;margin:0;display:flex;flex-direction:column;gap:.4rem}.lab-cs-toc a{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--text-secondary);transition:color .15s ease}.lab-cs-toc a:hover{color:var(--accent-color)}.lab-cs-diagram{width:100%;max-width:700px;margin:2rem auto;display:block;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);image-rendering:pixelated}.lab-cs-table-wrap{overflow-x:auto;margin:1.25rem 0;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color)}.lab-cs-table{width:100%;border-collapse:collapse;font-family:IBM Plex Mono,monospace;font-size:.78rem}.lab-cs-table thead tr{background:var(--bg-dark)}.lab-cs-table thead th{padding:.75rem 1rem;text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);border-bottom:2px solid var(--border-color);white-space:nowrap}.lab-cs-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s ease}.lab-cs-table tbody tr:hover{background:var(--bg-card)}.lab-cs-table tbody td{padding:.7rem 1rem;color:var(--text-secondary);line-height:1.5}.lab-cs-table tbody td strong{color:var(--text-primary)}.lab-cs-table code{font-family:IBM Plex Mono,monospace;font-size:.8em;background:var(--bg-dark);color:var(--accent-color);padding:.1em .4em;border:1px solid var(--border-color)}.lab-cs-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.article-title-accent{color:var(--accent-color)}.lab-cs-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.5rem 0}.lab-cs-design-card{padding:1.25rem;background:var(--bg-card);border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color)}.lab-cs-design-label{font-family:"Press Start 2P",cursive;font-size:.55rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.lab-cs-design-card p{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin:0}.lab-cs-arch-list{display:flex;flex-direction:column;gap:0;margin:1.5rem 0;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color)}.lab-cs-arch-item{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;transition:background .1s ease}.lab-cs-arch-item:last-child{border-bottom:none}.lab-cs-arch-item:hover{background:var(--bg-card)}.lab-cs-arch-title{font-family:"Press Start 2P",cursive;font-size:.55rem;color:var(--text-primary);line-height:1.6}.lab-cs-arch-desc{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--text-secondary);line-height:1.7;max-width:70ch}.lab-cs-arch-sources{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--text-muted)}.lab-cs-code{background:#1a1a2e;color:#e2e8f0;font-family:IBM Plex Mono,monospace;font-size:.72rem;line-height:1.8;padding:1.5rem;margin:1.25rem 0;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);overflow-x:auto;white-space:pre}.lab-cs-code code{color:inherit;background:none;padding:0;font-size:inherit}.lab-cs-section{margin-top:3.5rem;padding-top:2rem;border-top:2px solid var(--border-color)}.lab-cs-section-num{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:.75rem}.lab-cs-section h2{font-size:.9rem;margin-bottom:1.5rem;padding-bottom:.75rem;line-height:1.6}.lab-cs-section h3{font-size:.72rem;margin-top:2rem;margin-bottom:1rem;color:var(--accent-color);line-height:1.6}.lab-cs-callout{padding:1.25rem 1.5rem;margin:1.5rem 0;background:var(--bg-card);border:2px solid var(--border-color);border-left:4px solid var(--accent-color);font-family:IBM Plex Mono,monospace;font-size:.78rem;line-height:1.8;color:var(--text-secondary)}.lab-cs-callout strong{color:var(--text-primary)}.lab-cs-diagram-caption{text-align:center;font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--text-muted);margin-top:-1rem;margin-bottom:2rem}.lab-cs-refs{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.lab-cs-refs a{color:var(--accent-color);text-decoration:underline}:root{--bg-primary: #f5f0e8;--bg-secondary: #ebe5d9;--bg-card: #fdfbf7;--bg-dark: #2d2a3e;--text-primary: #1e1b2e;--text-secondary: #6e6883;--text-muted: #9e97b0;--accent-color: #b85c78;--accent-secondary: #4a7c63;--accent-tertiary: #5f7ab8;--accent-warm: #c08b5c;--border-color: #1e1b2e;--border-light: rgba(30, 27, 46, .12);--shadow-color: #1e1b2e;--pixel-size: 4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:IBM Plex Mono,monospace;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.008) 3px,rgba(0,0,0,.008) 6px)}h1,h2,h3{font-family:"Press Start 2P",cursive;line-height:1.6;letter-spacing:0px}h4,h5,h6{font-family:IBM Plex Mono,monospace;font-weight:600;line-height:1.4}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}img{max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}.container{max-width:1080px;margin:0 auto;padding:0 6%}.container-narrow{max-width:720px;margin:0 auto;padding:0 6%}.pixel-card{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:5px 5px 0 var(--shadow-color);transition:transform .15s ease,box-shadow .15s ease}.pixel-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow-color)}.soft-card{background:var(--bg-card);border:1px solid var(--border-light);border-left:3px solid var(--accent-color);box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.soft-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f;border-left-color:var(--accent-secondary)}.soft-card.green{border-left-color:var(--accent-secondary)}.soft-card.green:hover{border-left-color:var(--accent-color)}.soft-card.blue{border-left-color:var(--accent-tertiary)}.soft-card.blue:hover{border-left-color:var(--accent-color)}.text-accent{color:var(--accent-color)}.text-green{color:var(--accent-secondary)}.text-blue{color:var(--accent-tertiary)}.text-warm{color:var(--accent-warm)}.text-muted{color:var(--text-muted)}.pixel-tag{display:inline-block;font-family:"Press Start 2P",cursive;font-size:.5rem;padding:.35rem .65rem;background:var(--accent-color);color:#fff;border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);text-transform:uppercase;letter-spacing:.5px}.pixel-tag.green{background:var(--accent-secondary)}.pixel-tag.blue{background:var(--accent-tertiary)}.pixel-tag.warm{background:var(--accent-warm)}.pixel-tag.outline{background:transparent;color:var(--text-primary)}.divider{border:none;border-top:2px dashed var(--border-light);margin:4rem 0}.divider-solid{border:none;border-top:2px solid var(--border-color);margin:4rem 0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink-cursor:after{content:"▊";animation:blink 1.1s step-end infinite;color:var(--accent-color);font-size:.8em;margin-left:2px}@keyframes pixelFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:pixelFadeIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}::selection{background:var(--accent-color);color:#fff}.stat-number{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:var(--accent-color);display:block;margin-bottom:.5rem}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.scroll-row{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.scroll-row::-webkit-scrollbar{height:4px}.scroll-row::-webkit-scrollbar-track{background:transparent}.scroll-row::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}