@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--black:#090a08;--white:#f2f0e6;--green:#b7ff00;--purple:#b56cff;--orange:#ff4d00;--border:#20231c;--muted:#85877d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--green);color:var(--black)}main{min-height:100vh}.eyebrow{color:var(--green);letter-spacing:.12em;margin:0;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.section{border-top:1px solid var(--border);padding:120px 6vw}.section-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:80px;display:flex}.section-header h2{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(3rem,7vw,7rem);font-weight:600;line-height:.9}.navbar{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#090a08e0;justify-content:space-between;align-items:center;padding:28px 6vw;display:flex;position:sticky;top:0}.logo{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.nav-links{text-transform:uppercase;gap:32px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--green);width:0;height:1px;transition:width .18s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hero{min-height:100vh}.hero-content{padding:11vh 6vw 13vh;position:relative}.hero-content:before{content:"XUT_001";color:var(--border);font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;top:40px;right:6vw}.hero-content:after{content:"";border:1px solid var(--purple);opacity:.8;width:90px;height:90px;position:absolute;bottom:13vh;right:6vw;transform:rotate(45deg)}.hero .eyebrow{margin-bottom:42px}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(7rem,21vw,23rem);font-weight:700;line-height:.72}.hero h1 span{color:var(--green)}.hero-description{color:#c9c8bf;max-width:650px;margin:72px 0 0;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.45}.hero-actions{gap:12px;margin-top:42px;display:flex}.button{border:1px solid var(--white);text-transform:uppercase;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button.primary{border-color:var(--green);background:var(--green);color:var(--black)}.button.primary:hover{background:var(--white);border-color:var(--white)}.button.secondary:hover{border-color:var(--purple);color:var(--purple)}.projects-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.project-card{color:inherit;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:390px;padding:32px;text-decoration:none;transition:background .2s,transform .2s;position:relative}.project-card:hover{background:#0f110d;transform:translateY(-5px)}.project-card:nth-child(2):hover{background:#b56cff0f}.project-card:nth-child(3):hover{background:#ff4d000f}.project-number{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}.project-card h3{letter-spacing:-.05em;margin:100px 0 20px;font-size:clamp(2rem,4vw,4rem);line-height:.9}.project-card p{color:#aaa9a1;max-width:340px;margin:0;line-height:1.5}.project-tech{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.65rem;position:absolute;bottom:32px;left:32px}.about-section{position:relative}.about-section:before{content:"02";color:var(--purple);font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;top:115px;right:6vw}.about-content{grid-template-columns:1fr 1fr;gap:8vw;max-width:1100px;margin-left:auto;display:grid}.about-content p{letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1.2}.about-content p:nth-child(2){color:#999990}.blog-section{position:relative}.blog-post{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr auto;align-items:center;gap:32px;min-height:150px;padding:24px 0;transition:padding-left .18s,background .18s;display:grid}.blog-post:hover{background:#b56cff09;padding-left:20px}.blog-info{flex-direction:column;gap:12px;display:flex}.blog-category{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.blog-post h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.7rem);font-weight:500;line-height:1}.blog-post time{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.blog-more{justify-content:flex-end;margin-top:32px;display:flex}.blog-page .blog-post{min-height:190px}.blog-page .blog-post p{max-width:650px;color:var(--muted);margin:4px 0 0;line-height:1.5}.contact-section{padding-bottom:80px}.contact-links{flex-direction:column;align-items:flex-start;display:flex}.contact-links a{border-bottom:1px solid var(--border);letter-spacing:-.045em;width:100%;padding:24px 0;font-size:clamp(2rem,5vw,5rem);transition:color .18s,padding-left .18s}.contact-links a:first-child{border-top:1px solid var(--border)}.contact-links a:hover{color:var(--green);padding-left:20px}.contact-links a:nth-child(2):hover{color:var(--purple)}footer{border-top:1px solid var(--border);color:var(--muted);text-transform:uppercase;justify-content:space-between;padding:28px 6vw;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.hero-content>*{animation:.7s cubic-bezier(.2,.8,.2,1) both reveal}.hero-content .eyebrow{animation-delay:80ms}.hero-content h1{animation-delay:.16s}.hero-content .hero-description{animation-delay:.24s}.hero-content .hero-actions{animation-delay:.32s}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.navbar{padding:22px 5vw}.nav-links{gap:16px}.hero-content{padding:12vh 5vw 14vh}.hero-content:after{display:none}.hero h1{font-size:clamp(6rem,28vw,11rem)}.hero-description{margin-top:60px}.section{padding:90px 5vw}.section-header{margin-bottom:55px;display:block}.section-header h2{margin-top:28px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:330px}.about-content{grid-template-columns:1fr;gap:45px;margin-left:0}footer{padding:24px 5vw}}@media (max-width:520px){.nav-links{display:none}.hero .eyebrow{max-width:260px;line-height:1.6}.hero h1{font-size:28vw}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section-header h2{font-size:3.2rem}.project-card h3{margin-top:80px}footer{flex-direction:column;gap:8px}}.machines-page{min-height:calc(100vh - 80px)}.machine-back{color:var(--green);align-items:center;margin:0 0 25px;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}.machine-back svg{fill:currentColor;width:64px;height:40px;display:block}.machine-back:hover{opacity:.75;transform:translate(-6px)}.machine-back-bottom{border-top:1px solid var(--border);max-width:900px;margin:90px auto 0;padding-top:25px}.machine-back-bottom a{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-block}.machine-back-bottom a:hover{opacity:.75;transform:translate(-5px)}.machine-header{max-width:1200px;margin:0 auto;padding:40px 0 30px}.machine-header h1{color:var(--green);letter-spacing:-.075em;margin:20px 0 35px;font-size:clamp(5rem,12vw,11rem);font-weight:600;line-height:.82}.machine-header .machine-meta{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.machine-header .machine-meta span{border:1px solid var(--border);color:var(--muted);letter-spacing:.06em;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:.58rem}.machine-header .machine-meta span:first-child{color:var(--green);border-color:var(--green)}.machines-page .section-header h1{letter-spacing:-.06em;max-width:1000px;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:600;line-height:.85}.machines-list{border-top:1px solid var(--border)}.machine-row{border-bottom:1px solid var(--border);grid-template-columns:70px 1fr auto;gap:32px;padding:34px 0;transition:background .18s,padding-left .18s;display:grid;position:relative;overflow:hidden}.machine-row:hover{background:#b56cff09;padding-left:20px}.machine-difficulty-bar{width:3px;position:absolute;top:0;bottom:0;left:0}.machine-difficulty-bar.machine-difficulty-easy{background:#8ab2a6}.machine-difficulty-bar.machine-difficulty-medium{background:#f5c542}.machine-difficulty-bar.machine-difficulty-hard{background:#ff4d00}.machine-difficulty-bar.machine-difficulty-insane{background:#b56cff}.machine-difficulty-label{font-weight:600}.machine-index{color:var(--green);padding-left:20px;font-family:JetBrains Mono,monospace;font-size:.7rem}.machine-main{min-width:0}.machine-heading{justify-content:space-between;align-items:baseline;gap:30px;display:flex}.machine-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.95}.machine-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.machine-meta span{border:1px solid var(--border);color:var(--muted);letter-spacing:.06em;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:.58rem}.machine-meta span:first-child{color:var(--green);border-color:var(--green)}.machine-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.machine-tags span{color:#aaa9a1;font-family:JetBrains Mono,monospace;font-size:.65rem}.machine-tags span:not(:last-child):after{content:" /";color:var(--border);margin-left:8px}.machine-writeup{white-space:nowrap;justify-content:flex-end;align-items:center;min-width:150px;font-family:JetBrains Mono,monospace;font-size:.62rem;display:flex}.writeup-public{color:var(--green)}.writeup-private{color:var(--purple)}@media (max-width:800px){.machine-row{grid-template-columns:40px 1fr;gap:16px}.machine-heading{display:block}.machine-meta{justify-content:flex-start;margin-top:14px}.machine-writeup{grid-column:2;justify-content:flex-start;min-width:0}}.blog-page{min-height:calc(100vh - 80px)}.blog-page .section-header h1{letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:600;line-height:.85}.blog-list{border-top:1px solid var(--border)}.blog-row{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:70px 1fr auto;align-items:center;gap:32px;padding:34px 0;text-decoration:none;transition:padding-left .18s,background .18s;display:grid}.blog-row:hover{background:#b56cff09;padding-left:20px}.blog-index{color:var(--purple);font-family:JetBrains Mono,monospace;font-size:.7rem}.blog-main{min-width:0}.blog-heading{justify-content:space-between;align-items:baseline;gap:30px;display:flex}.blog-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.95}.blog-date{color:var(--muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.65rem}.blog-excerpt{max-width:650px;color:var(--muted);margin:14px 0 18px;line-height:1.6}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.blog-tags span{color:#aaa9a1;font-family:JetBrains Mono,monospace;font-size:.65rem}.blog-tags span:not(:last-child):after{content:" /";color:var(--border);margin-left:8px}.blog-arrow{color:var(--green);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:600;transition:transform .18s,opacity .18s}.blog-row:hover .blog-arrow{transform:translate(5px)}.blog-article{min-height:calc(100vh - 80px)}.blog-article .section-header{max-width:1100px;margin:0 auto;display:block}.blog-article .section-header h1{max-width:1000px;color:var(--green);letter-spacing:-.06em;margin:22px 0 0;font-size:clamp(4rem,9vw,9rem);font-weight:600;line-height:.85}.blog-article .blog-tags{margin-top:28px}.blog-post-excerpt{max-width:700px;color:var(--muted);margin:30px 0 0;font-size:1.1rem;line-height:1.6}.blog-layout{grid-template-columns:220px minmax(0,900px);align-items:start;gap:60px;max-width:1180px;margin:80px auto 0;display:grid}.blog-layout .writeup-toc{position:sticky;top:110px}.blog-layout .blog-content{max-width:none;margin:0}.blog-content{max-width:900px;margin:80px auto 0;font-size:17px;line-height:1.8}.blog-content h1{color:var(--white);letter-spacing:-.035em;margin:80px 0 30px;font-size:2.2rem;font-weight:600;line-height:1.15}.blog-content h2{color:var(--white);letter-spacing:-.02em;margin:55px 0 20px;font-size:1.45rem;font-weight:500;line-height:1.25}.blog-content h3{color:var(--white);margin:40px 0 15px;font-size:1.1rem;font-weight:500;line-height:1.35}.blog-content p{margin:0 0 22px}.blog-content ul,.blog-content ol{margin:20px 0;padding-left:28px}.blog-content li{margin:7px 0;line-height:1.7}.blog-content li::marker{color:var(--green)}.blog-content a{color:var(--green)}.blog-content strong{color:var(--white);font-weight:600}.blog-content blockquote{border-left:3px solid var(--border);color:var(--muted);background:#0d0f0b;margin:28px 0;padding:14px 18px}.blog-content blockquote p{margin:0}.blog-content code{font-family:JetBrains Mono,monospace}.blog-content :not(pre)>code{border:1px solid var(--border);color:#c8d8d0;white-space:nowrap;background:#10120f;padding:2px 6px;font-size:.78em}.blog-content pre{border:1px solid var(--border);background:#0b0d0a;margin:28px 0;padding:20px;overflow-x:auto}.blog-content hr{border:0;border-top:1px solid var(--border);margin:50px 0}@media (max-width:800px){.blog-row{grid-template-columns:40px 1fr;gap:16px}.blog-heading{display:block}.blog-date{margin-top:10px;display:block}.blog-arrow{display:none}.blog-content{margin-top:50px;font-size:16px}.blog-article .section-header h1{font-size:clamp(3.5rem,16vw,6rem)}.blog-layout{margin-top:50px;display:block}.blog-layout .writeup-toc{margin-bottom:50px;position:static}.blog-layout .blog-content{margin:0}.blog-back-bottom{margin-top:60px}.blog-back{margin-top:25px}.blog-back svg{width:52px;height:33px}.blog-filters{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:50px}.blog-count{margin-left:0}.blog-date-filter select,.blog-clear-filter{width:100%}.blog-month{margin-bottom:50px}.blog-month-header{font-size:.7rem}}.blog-back{width:64px;color:var(--green);margin:-75px 0 35px -3vw;text-decoration:none;display:block}.blog-back svg{fill:currentColor;width:64px;height:40px;transition:transform .18s,opacity .18s;display:block}.blog-back:hover svg{opacity:.75;transform:translate(-6px)}.blog-back-bottom{border-top:1px solid var(--border);max-width:900px;margin:90px auto 0;padding-top:25px}.blog-back-bottom a{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-block}.blog-back-bottom a:hover{opacity:.75;transform:translate(-5px)}.latest-machines-section .machines-list{margin-top:10px}.latest-machines-section .blog-more{margin-top:30px}.writeup-countdown{color:var(--purple);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.62rem}.machine-filters{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:70px;padding:24px 0}.machine-filter-group{align-items:flex-start;gap:25px;margin-bottom:18px;display:flex}.machine-filter-group:last-of-type{margin-bottom:0}.machine-filter-label{min-width:80px;color:var(--muted);letter-spacing:.08em;padding-top:8px;font-family:JetBrains Mono,monospace;font-size:.58rem}.machine-filter-options{flex-wrap:wrap;gap:7px;display:flex}.machine-filter-options button{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:.58rem;transition:color .15s,border-color .15s,background .15s}.machine-filter-options button:hover{color:var(--white);border-color:var(--muted)}.machine-filter-options button.active{color:var(--black);border-color:var(--green);background:var(--green)}.machine-filter-reset{color:var(--purple);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-family:JetBrains Mono,monospace;font-size:.58rem}.machine-filter-reset:hover{color:var(--white)}.machine-results{color:var(--muted);justify-content:flex-end;padding:16px 0;font-family:JetBrains Mono,monospace;font-size:.58rem;display:flex}.machines-empty{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);padding:60px 0;font-family:JetBrains Mono,monospace;font-size:.65rem}@media (max-width:800px){.machine-filter-group{display:block}.machine-filter-label{margin-bottom:9px;display:block}.machine-filter-options{gap:6px}}.machine-filter-more{color:var(--purple)!important;border-color:var(--purple)!important}.machine-filter-more:hover{color:var(--white)!important;border-color:var(--white)!important}.course-list{border-top:1px solid var(--border);margin-top:70px}.course-row{border-bottom:1px solid var(--border);color:var(--white);grid-template-columns:70px 1fr auto 30px;align-items:center;gap:25px;padding:25px 0;text-decoration:none;transition:padding .15s,background .15s;display:grid}.course-row:hover{background:#ffffff05;padding-left:12px;padding-right:12px}.course-id{color:var(--green);font-family:JetBrains Mono,monospace;font-size:.65rem}.course-main h2{margin:0 0 8px;font-size:1rem;font-weight:500}.course-main p{max-width:650px;color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.course-meta{color:var(--muted);letter-spacing:.06em;gap:15px;font-family:JetBrains Mono,monospace;font-size:.55rem;display:flex}.course-arrow{color:var(--purple);font-size:1rem}.course-description{max-width:700px;color:var(--muted);margin-top:25px;font-size:.85rem;line-height:1.7}.course-header-meta{color:var(--green);letter-spacing:.06em;gap:15px;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:flex}.course-unit-list,.course-note-list{border-top:1px solid var(--border);margin-top:70px}.course-unit-row,.course-note-row{border-bottom:1px solid var(--border);color:var(--white);grid-template-columns:70px 1fr 30px;align-items:center;gap:25px;padding:22px 0;text-decoration:none;transition:padding .15s,background .15s;display:grid}.course-unit-row:hover,.course-note-row:hover{background:#ffffff05;padding-left:12px;padding-right:12px}.course-unit-title,.course-note-title{font-size:.9rem}.course-breadcrumb{color:var(--muted);gap:10px;margin-top:25px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:flex}.course-breadcrumb a{color:var(--purple);text-decoration:none}.course-breadcrumb a:hover{color:var(--white)}@media (max-width:800px){.course-row{grid-template-columns:45px 1fr 25px;gap:15px}.course-meta{display:none}.course-unit-row,.course-note-row{grid-template-columns:45px 1fr 25px;gap:15px}}.course-note-navigation{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:20px;margin-top:80px;padding-top:25px;display:grid}.course-note-nav{color:var(--white);flex-direction:column;gap:8px;padding:18px 0;text-decoration:none;transition:padding .15s;display:flex}.course-note-nav:hover{background:#ffffff05;padding-left:10px;padding-right:10px}.course-note-nav span{color:var(--purple);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.55rem}.course-note-nav strong{font-size:.8rem;font-weight:500}.course-note-nav-next{text-align:right}@media (max-width:800px){.course-note-navigation{grid-template-columns:1fr}.course-note-nav-next{text-align:left}}.machine-content .machine-image{cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:650px;margin:30px auto;transition:opacity .15s;display:block}.machine-content .machine-image:hover{opacity:.85}.image-lightbox{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-lightbox-image{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;width:auto;max-width:95vw;height:auto;max-height:95vh}.image-lightbox-close{z-index:10000;width:45px;height:45px;color:var(--white);cursor:pointer;background:#0009;border:1px solid #ffffff40;border-radius:50%;font-family:Arial,sans-serif;font-size:2rem;font-weight:300;line-height:1;transition:background .15s,border-color .15s;position:absolute;top:20px;right:25px}.image-lightbox-close:hover{background:#ffffff1f;border-color:#ffffff80}.machine-content{max-width:900px;margin:80px auto 0;font-size:17px;line-height:1.8}.machine-content h1{color:var(--white);letter-spacing:-.035em;margin:80px 0 30px;font-size:2.2rem;font-weight:600;line-height:1.15}.machine-content h2{color:var(--white);letter-spacing:-.02em;margin:55px 0 20px;font-size:1.45rem;font-weight:500;line-height:1.25}.machine-content h3{color:var(--white);margin:40px 0 15px;font-size:1.1rem;font-weight:500;line-height:1.35}.machine-content h4{color:var(--white);margin:30px 0 12px;font-size:.95rem;font-weight:500;line-height:1.4}.machine-content p{margin:0 0 22px}.machine-content ul,.machine-content ol{margin:0 0 25px;padding-left:25px}.machine-content li{margin-bottom:8px}.machine-content a{color:var(--green)}.machine-content strong{color:var(--white);font-weight:600}@media (max-width:800px){.machine-content .machine-image{max-height:500px}.image-lightbox{padding:20px}.image-lightbox-image{max-width:96vw;max-height:90vh}.image-lightbox-close{top:12px;right:12px}.machine-content{margin-top:50px;font-size:16px}.machine-content h1{margin-top:60px;font-size:1.8rem}.machine-content h2{margin-top:45px;font-size:1.3rem}.machine-content h3{margin-top:35px;font-size:1.05rem}.machine-content h4{margin-top:25px;font-size:.9rem}}.machine-header{padding:20px 0}.machine-header h1{margin-top:18px;font-size:clamp(4rem,20vw,7rem);line-height:.85}.machine-header{position:relative}.machine-header-difficulty-bar{width:3px;position:absolute;top:20px;bottom:20px;left:-20px}.machine-header.machine-difficulty-easy .machine-header-difficulty-bar{background:#8ab2a6}.machine-header.machine-difficulty-medium .machine-header-difficulty-bar{background:#f5c542}.machine-header.machine-difficulty-hard .machine-header-difficulty-bar{background:#ff4d00}.machine-header.machine-difficulty-insane .machine-header-difficulty-bar{background:#b56cff}.machine-title-row{align-items:baseline;gap:24px;display:flex}.machine-header-id{color:var(--muted);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.7rem}.machine-header-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.machine-header-tags span{color:#aaa9a1;font-family:JetBrains Mono,monospace;font-size:.65rem}.machine-header-tags span:not(:last-child):after{content:" /";color:var(--border);margin-left:8px}.machine-layout{grid-template-columns:220px minmax(0,900px);align-items:start;gap:80px;max-width:1280px;margin:0 auto;display:grid}.machine-content{min-width:0}.machine-content h1,.machine-content h2,.machine-content h3{scroll-margin-top:120px}.writeup-toc{align-self:start;padding-top:8px;position:sticky;top:120px}.writeup-toc-title{color:var(--green);letter-spacing:.12em;margin-bottom:22px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.writeup-toc nav{flex-direction:column;gap:2px;display:flex}.writeup-toc-item{color:var(--muted);gap:10px;padding-top:7px;padding-bottom:7px;font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.35;text-decoration:none;transition:color .16s,opacity .16s,padding-left .16s;display:flex;position:relative}.writeup-toc-level-1{color:var(--white);margin-top:8px;padding-left:0;font-weight:600}.writeup-toc-level-2{color:var(--muted);padding-left:12px}.writeup-toc-level-3{color:var(--muted);padding-left:24px}.writeup-toc-item:hover{color:var(--green);opacity:1;padding-left:5px}.writeup-toc-item.active{opacity:1}.writeup-toc-level-1.active{color:var(--white)}.writeup-toc-level-2.active,.writeup-toc-level-3.active{color:var(--green)}.writeup-toc-item.active:before{content:"";background:var(--green);width:2px;position:absolute;top:4px;bottom:4px;left:-12px}.writeup-toc-item:not(.active){opacity:.55}.writeup-toc-number{color:var(--border);flex:none}.writeup-toc-text{min-width:0}@media (max-width:1000px){.machine-layout{grid-template-columns:1fr;gap:50px}.writeup-toc{border:1px solid var(--border);background:#0d0f0b;padding:20px;position:relative;top:auto}.writeup-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;display:grid}.writeup-toc-level-2{padding-left:0}.writeup-toc-level-3{padding-left:12px}}@media (max-width:600px){.machine-layout{gap:35px}.writeup-toc nav{grid-template-columns:1fr}}.code-block{border:1px solid var(--border);background:#0b0d0a;margin:28px 0;position:relative;overflow:hidden}.code-block-header{border-bottom:1px solid var(--border);background:#10120f;justify-content:space-between;align-items:center;min-height:36px;padding:0 12px;display:flex}.code-language{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:600}.code-copy{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:.6rem;transition:color .16s,border-color .16s,background .16s}.code-copy:hover{border-color:var(--green);color:var(--green);background:#8ab2a60d}.code-block pre{margin:0;padding:20px;overflow-x:auto;background:0 0!important}.code-block code{color:#d7ddd4;white-space:pre;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7}.callout{border:1px solid var(--border);background:#0d0f0b;border-left-width:3px;margin:28px 0}.callout-label{border-bottom:1px solid var(--border);letter-spacing:.12em;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:600}.callout-content{color:var(--muted);padding:15px 16px;font-size:.88rem;line-height:1.7}.callout-content p{margin:0}.callout-note{border-left-color:var(--green)}.callout-note .callout-label{color:var(--green)}.callout-tip{border-left-color:#8ab2a6}.callout-tip .callout-label{color:#8ab2a6}.callout-warning{border-left-color:#d99a4a}.callout-warning .callout-label{color:#d99a4a}.callout-important{border-left-color:#d05c5c}.callout-important .callout-label{color:#d05c5c}.callout-success{border-left-color:#9b7ede}.callout-success .callout-label{color:#9b7ede}.machine-content table{border-collapse:collapse;border:1px solid var(--border);background:#0b0d0a;width:100%;margin:28px 0;font-size:.84rem}.machine-content th,.machine-content td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 14px}.machine-content th{color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:#10120f;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.machine-content td{color:var(--muted);line-height:1.6}.machine-content tr:hover td{background:#8ab2a606}.machine-content table code{font-size:.72rem}.machine-content hr{border:0;border-top:1px solid var(--border);margin:50px 0}.machine-content ul,.machine-content ol{color:var(--muted);margin:20px 0;padding-left:28px}.machine-content li{margin:7px 0;padding-left:4px;line-height:1.7}.machine-content li::marker{color:var(--green)}.machine-content ul ul,.machine-content ol ol,.machine-content ul ol,.machine-content ol ul{margin:8px 0}.machine-content a{color:var(--green);border-bottom:1px solid #8ab2a659;text-decoration:none;transition:color .16s,border-color .16s}.machine-content a:hover{color:#b6d2c8;border-color:var(--green)}.machine-content blockquote{border-left:3px solid var(--border);color:var(--muted);background:#0d0f0b;margin:28px 0;padding:14px 18px}.machine-content blockquote p{margin:0}.machine-content blockquote p+p{margin-top:12px}.machine-content :not(pre)>code{border:1px solid var(--border);color:#c8d8d0;white-space:nowrap;background:#10120f;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.78em}.blog-browser{margin-top:70px}.blog-browser .blog-list{border-top:0}.blog-filters{align-items:flex-end;gap:30px;margin-bottom:70px;display:flex}.blog-date-filter{flex-direction:column;gap:10px;display:flex}.blog-date-filter select{border:1px solid var(--border);background:var(--black);height:42px;color:var(--white);cursor:pointer;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:.8rem}.blog-date-filter select:focus{border-color:var(--green);outline:none}.blog-date-filter select option{background:var(--black);color:var(--white)}.blog-date-filter label{color:var(--muted);letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:.7rem}.blog-date-filter input{border:1px solid var(--border);height:42px;color:var(--white);background:0 0;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:.8rem}.blog-date-filter input:focus{border-color:var(--green);outline:none}.blog-clear-filter{border:1px solid var(--border);height:42px;color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:.7rem}.blog-clear-filter:hover{color:var(--green);border-color:var(--green)}.blog-count{color:var(--muted);letter-spacing:.08em;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.7rem}.blog-month{margin-bottom:70px}.blog-month-header{color:var(--green);letter-spacing:.12em;align-items:center;gap:20px;margin-bottom:0;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.blog-month-header:after{content:"";background:var(--border);flex:1;height:1px}.blog-month-posts{margin-top:0}.blog-empty{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:70px 0}.blog-empty span{color:var(--muted);letter-spacing:.12em;margin-bottom:25px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.blog-empty button{color:var(--green);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;font-family:JetBrains Mono,monospace;font-size:.75rem}.blog-empty button:hover{opacity:.7}.blog-navigation{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:40px;margin-top:100px;padding-top:35px;display:grid}.blog-navigation-link{color:inherit;flex-direction:column;gap:12px;text-decoration:none;transition:transform .18s,opacity .18s;display:flex}.blog-navigation-link span{color:var(--green);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.blog-navigation-link strong{max-width:500px;color:var(--white);letter-spacing:-.03em;font-size:1.4rem;font-weight:500;line-height:1.1}.blog-navigation-previous{text-align:left;align-items:flex-start}.blog-navigation-next{text-align:right;align-items:flex-end}.blog-navigation-previous:hover{transform:translate(-6px)}.blog-navigation-next:hover{transform:translate(6px)}.blog-navigation-link:hover span{opacity:.75}@media (max-width:800px){.blog-navigation{grid-template-columns:1fr;gap:35px}.blog-navigation-next{text-align:left;align-items:flex-start}}@media (max-width:1200px){.blog-layout{grid-template-columns:1fr;gap:50px}.blog-layout .writeup-toc{border:1px solid var(--border);background:#0d0f0b;padding:20px;position:static}.blog-layout .writeup-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;display:grid}.blog-layout .writeup-toc .writeup-toc-level-2{padding-left:0}.blog-layout .writeup-toc .writeup-toc-level-3{padding-left:12px}}