*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--bg:#000;--fg:#b3b3b3;--fg2:#fff;--m1:#7a7a7a;--m2:#9a9a9a;--b1:#1a1a1a;--b2:#2a2a2a;--p:#050505;--cb:#0a0a0a;--er:#ff6b6b;--ok:#51cf66;--wn:#ffd93d;--stroke:var(--b1);--stroke-strong:var(--b2);--stroke-width:1px}.skip-link{position:absolute;top:-40px;left:0;background:var(--fg);color:var(--bg);padding:8px;text-decoration:none;z-index:100;font-size:12px}.skip-link:focus{top:0}body{background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.11) 1px,transparent 1px),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(1px 1px at 40% 60%,rgba(255,255,255,.13) 1px,transparent 1px),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 30% 10%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 15% 45%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 75% 75%,rgba(255,255,255,.11) 1px,transparent 1px),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 25% 75%,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(1px 1px at 65% 85%,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(1px 1px at 95% 35%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 45% 25%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 35% 85%,rgba(255,255,255,.11) 1px,transparent 1px),radial-gradient(1px 1px at 80% 45%,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(1px 1px at 12% 12%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 88% 88%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 35% 55%,rgba(255,255,255,.11) 1px,transparent 1px),radial-gradient(1px 1px at 72% 28%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 48% 78%,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(1px 1px at 22% 62%,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(1px 1px at 92% 58%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 38% 38%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 68% 18%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 8% 28%,rgba(255,255,255,.11) 1px,transparent 1px),radial-gradient(1px 1px at 62% 52%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 78% 92%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 18% 72%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(1px 1px at 42% 42%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 58% 38%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 88% 72%,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(1px 1px at 28% 22%,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(1px 1px at 76% 62%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(1px 1px at 52% 68%,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(1px 1px at 98% 15%,rgba(255,255,255,.11) 1px,transparent 1px),var(--bg);background-size:100% 100%;background-attachment:fixed;color:var(--fg);font-family:'Inter','Helvetica Neue',sans-serif;font-weight:300;font-size:16px;line-height:1.6;letter-spacing:0.5px;color-scheme:dark;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-wrap:break-word;word-break:break-word}nav{background-color:var(--bg);border-bottom:1px solid var(--b1);padding:1.8rem 0;position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:center;align-items:center;gap:2.5rem}nav a{text-decoration:none;color:var(--fg);font-size:13px;font-weight:300;letter-spacing:1.5px;text-transform:uppercase;position:relative;transition:color 0.3s ease,text-shadow 0.3s ease;padding:8px 0;display:inline-block;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}nav a:focus{outline:none}nav a:hover{color:var(--fg);text-shadow:0 0 8px rgba(179,179,179,0.3)}nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--fg);transition:width 0.3s ease}.container{max-width:900px;margin:0 auto;padding:3rem 2rem}.content-section{margin-bottom:3.5rem}h1{font-size:3rem;font-weight:300;letter-spacing:1px;margin-bottom:1rem;color:var(--fg);line-height:1.2;-webkit-text-size-adjust:none}h2{font-size:2rem;font-weight:300;letter-spacing:1px;margin-bottom:1.2rem;margin-top:2rem;color:var(--fg);line-height:1.2;word-break:break-word}h3{font-size:1.3rem;font-weight:300;letter-spacing:0.5px;margin-bottom:0.8rem;color:var(--fg)}h1,h2,h3,h4,h5,h6{word-wrap:break-word}p{color:var(--fg);margin-bottom:1.2rem;font-weight:300;word-break:break-word;overflow-wrap:break-word;line-height:1.7}.secondary-text{color:var(--m1);font-size:14px}.placeholder{color:var(--m1);font-style:italic;font-size:14px}a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--b1);transition:border-color 0.2s ease,color 0.2s ease;position:relative;word-break:break-word}a:hover{border-color:var(--fg);color:var(--fg2)}a:focus{outline:2px solid var(--fg);outline-offset:2px;border-radius:2px}a:visited{color:var(--m2)}a[href^="http"]:not([rel*="noopener"]){border-bottom:1px dashed var(--fg)}.profile-photo{width:180px;height:180px;background-color:var(--cb);border:1px solid var(--b1);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--m1);font-size:12px}ul{list-style:none;margin-left:0;padding:0}li{margin-bottom:1.2rem;padding-left:0;line-height:1.6}li::marker{content:''}.blog-post-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid var(--b1);padding-bottom:1.5rem;gap:1.5rem}.blog-post-title{color:var(--fg);font-size:1.1rem;font-weight:300;margin-bottom:0.3rem}.blog-post-date{color:var(--m1);font-size:13px;white-space:nowrap}input:invalid,textarea:invalid,select:invalid{border-color:var(--er)}input[type="email"]::placeholder,input[type="text"]::placeholder,textarea::placeholder{color:var(--m1);opacity:0.7}input[type="email"]:autofill,input[type="text"]:autofill,textarea:autofill{-webkit-autofill-box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:var(--fg)}label{display:block;margin-bottom:0.5rem;color:var(--fg);font-weight:300;font-size:14px}small{display:block;color:var(--m1);font-size:12px;margin-top:4px;font-weight:300}input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea,select{width:100%;max-width:100%;padding:12px;margin-bottom:0.5rem;border:1px solid var(--b1);background-color:var(--cb);color:var(--fg);font-family:'Inter',sans-serif;font-size:14px;transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{background-color:transparent;border:1px solid var(--b1);color:var(--fg);padding:0.8rem 1.5rem;font-family:'Inter','Helvetica Neue',sans-serif;font-weight:300;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.2s ease;position:relative;min-height:44px;min-width:44px;border-radius:2px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button:hover{border-color:var(--fg);background-color:var(--cb);text-shadow:0 0 8px rgba(179,179,179,0.3)}button:active{opacity:0.8;transform:translateY(1px)}button:disabled{opacity:0.5;cursor:not-allowed;border-color:var(--b2)}button:focus{outline:2px solid var(--fg);outline-offset:2px}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-group label{font-size:13px;letter-spacing:0.5px;margin-bottom:0.5rem;color:var(--fg)}.form-group label span{color:var(--er);margin-left:0.25rem}.machine-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid var(--b1)}.machine-name{color:var(--fg);font-weight:300;flex:1}.machine-difficulty{color:var(--m1);font-size:13px;margin:0 2rem;min-width:80px;text-align:right}.machine-description{color:var(--m1);font-size:13px;flex:1;text-align:right}.code-placeholder{background-color:var(--cb);border:1px solid var(--b1);padding:1.5rem;margin:1.5rem 0;font-family:'Courier New',monospace;font-size:12px;color:var(--m1);overflow-x:auto;line-height:1.5}.screenshot-placeholder{width:100%;height:300px;background-color:#0a0a0a;border:1px solid #1a1a1a;margin:1.5rem 0;display:flex;align-items:center;justify-content:center;color:#7a7a7a;font-size:12px}.timeline-item{margin-bottom:3rem;padding-left:0}.timeline-date{color:#7a7a7a;font-size:13px;margin-bottom:0.5rem}.timeline-title{color:#b3b3b3;font-weight:300;margin-bottom:0.5rem}.timeline-description{color:#7a7a7a;font-size:14px}.spacer{height:1rem}footer{background-color:var(--bg);border-top:1px solid var(--b1);padding:3rem 2rem 2rem;margin-top:4rem;color:var(--fg)}.footer-container{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding-bottom:1.5rem;border-bottom:none}.footer-section{flex:1;min-width:150px}.footer-section h3{font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--m1);margin-bottom:0.75rem;font-weight:400}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:0.8rem;padding:0;line-height:1.5}.footer-section a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--b1);transition:color 0.2s ease,border-color 0.2s ease;font-size:0.95rem;padding:4px 0;display:inline-block}.footer-section a:hover{color:var(--fg2);border-color:var(--fg)}.footer-section a:focus{outline:2px solid var(--fg);outline-offset:2px;border-radius:2px}.footer-section a:visited{color:var(--m2)}.footer-bottom{text-align:center;max-width:100%;margin:1rem 0 0;padding-top:2rem;border-top:1px solid var(--b1);color:var(--m1);font-size:12px}.hero{padding:3rem 2rem;text-align:left;max-width:900px;margin:0 auto;border-bottom:1px solid var(--b1)}.hero h1{font-size:3.5rem;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;color:var(--m1);margin-bottom:2rem;font-weight:300;max-width:600px}.social-links{display:flex;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.social-links a{font-size:13px;letter-spacing:0.5px;border:none;transition:color 0.2s ease}.social-links a:hover{color:#b3b3b3}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem}.nav-container{gap:1.5rem;flex-wrap:wrap}nav a{font-size:11px}.container{padding:2.5rem 1rem}.content-section{margin-bottom:2.5rem}.blog-post-item,.machine-item{flex-direction:column;margin-bottom:2rem}.machine-difficulty,.machine-description{text-align:left;margin:1rem 0}.footer-container{flex-direction:column;gap:1.5rem}.hero{padding:2.5rem 1rem}.hero h1{font-size:2rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}button{width:100%;text-align:center}input,textarea,button{min-height:44px;min-width:44px}.social-links{flex-direction:column;gap:1rem}.form-group label{font-size:12px}footer{padding:1.5rem 1rem}.footer-bottom{font-size:11px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-color-scheme:light){body{background-color:#f5f5f5;color:#1a1a1a}*{color-scheme:light}}:focus-visible{outline:2px solid #b3b3b3;outline-offset:2px;border-radius:2px}::selection{background-color:#b3b3b3;color:#000}::-moz-selection{background-color:#b3b3b3;color:#000}@media print{nav,footer{display:none}body{background:#fff;color:#000}a{text-decoration:underline;color:#00e}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{max-width:100%;page-break-inside:avoid}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}*{scrollbar-color:#1a1a1a #000;scrollbar-width:thin}img[src*="data:"]{max-width:100%}object,embed,iframe{display:none !important}@media (prefers-contrast:more){a{border-bottom-width:2px}button{border-width:2px}}@media print{nav,footer{display:none}body{background:#fff;color:#000}a{color:#00f}.content-section{page-break-inside:avoid}}body{pointer-events:auto}a[data-no-follow="true"]{cursor:not-allowed;opacity:0.6;pointer-events:none}input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#ff6b6b;background-color:rgba(255,107,107,0.05)}input[aria-invalid="true"]:focus,textarea[aria-invalid="true"]:focus{outline-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,0.1)}input[aria-valid="true"],textarea[aria-valid="true"]{border-color:#51cf66}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover::after,[data-tooltip]:focus::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);padding:8px 12px;background:#1a1a1a;color:#b3b3b3;border-radius:2px;white-space:nowrap;font-size:12px;z-index:1000;pointer-events:none;border:1px solid #2a2a2a}@keyframes spin{to{transform:rotate(360deg)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}style,link[rel="stylesheet"]{integrity:check}input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible{box-shadow:0 0 0 4px rgba(179,179,179,0.15)}[role="switch"]{cursor:pointer;user-select:none}[role="switch"][aria-checked="true"]{background-color:#2a2a2a}[role="switch"][aria-checked="false"]{background-color:#0a0a0a}input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea{will-change:background-color,border-color}ul,ol{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-padding-start:2em}a[href*="javascript:"]{display:none;visibility:hidden}a:link{color:#b3b3b3}a:visited{color:#9a9a9a}a:hover{color:#fff}a:active{color:#7a7a7a}[aria-label]{font-size:inherit}[aria-describedby]{outline-color:#b3b3b3}[aria-invalid="true"]{border-color:#ff6b6b !important;background-color:rgba(255,107,107,0.05)}[aria-invalid="false"]{border-color:#51cf66 !important}:focus-visible{outline:3px dashed #b3b3b3 !important;outline-offset:2px !important}@media (hover:none) and (pointer:coarse){button,a,input{min-height:48px;min-width:48px}}input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea,select{font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}*{scrollbar-color:#1a1a1a #000;scrollbar-width:thin}script[src*="analytics"],img[alt=""],iframe[src*="ads"]{display:none !important}.form-group:focus-within{background-color:rgba(179,179,179,0.02);border-radius:2px}img,video{display:block}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,100%{content:"..."}}[role="alert"]{color:#ff6b6b;padding:12px;background-color:rgba(255,107,107,0.1);border:1px solid #ff6b6b;border-radius:2px;margin-bottom:1rem}[role="status"]{color:#51cf66;padding:12px;background-color:rgba(81,207,102,0.1);border:1px solid #51cf66;border-radius:2px;margin-bottom:1rem}link[rel="preload"]{display:none}article{line-height:1.6;letter-spacing:0.3px}body{max-width:100%;overflow-x:hidden}button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}@media (prefers-contrast:more){body{color:#fff;background:#000}button,input,textarea{border-width:2px}a{text-decoration:underline}}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset !important}input:-webkit-autofill::first-line{color:#b3b3b3 !important}script[integrity]{display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--fg)}main,section,nav,article,aside{display:block}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.form-group{margin-bottom:1.5rem;padding:12px;border-radius:2px;transition:background-color 0.2s ease}.form-group:focus-within{background-color:rgba(179,179,179,0.03)}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,textarea:focus,select:focus{border-color:var(--fg);outline:none;box-shadow:0 0 0 2px rgba(179,179,179,0.1);background-color:var(--bg)}select{cursor:pointer;padding:12px}textarea{resize:vertical;min-height:120px;font-family:'Inter',monospace}button[type="submit"]{background-color:var(--b1);color:var(--fg);border:1px solid #2a2a2a;padding:12px 24px;font-size:14px;font-weight:400;cursor:pointer;transition:all 0.2s ease;border-radius:2px;min-height:44px;min-width:44px;user-select:none}button[type="submit"]:hover{background-color:#2a2a2a;border-color:#b3b3b3;color:#fff}button[type="submit"]:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}button[type="submit"]:focus-visible{outline:2px solid #b3b3b3;outline-offset:2px;border-radius:2px}button[type="submit"]:disabled{opacity:0.5;cursor:not-allowed;background-color:#0a0a0a}input[aria-invalid="true"]{border-color:#ff6b6b;background-color:rgba(255,107,107,0.05)}input[aria-invalid="true"]:focus{box-shadow:0 0 0 2px rgba(255,107,107,0.2)}input[aria-valid="true"]{border-color:#51cf66;background-color:rgba(81,207,102,0.05)}input[aria-valid="true"]:focus{box-shadow:0 0 0 2px rgba(81,207,102,0.2)}fieldset{border:none;padding:0;margin:0}legend{display:block;width:100%;padding:0;margin-bottom:1rem;color:#b3b3b3;font-weight:400}input[type="checkbox"],input[type="radio"]{width:18px;height:18px;cursor:pointer;margin-right:8px;vertical-align:middle}input[type="checkbox"]:focus,input[type="radio"]:focus{outline:2px solid #b3b3b3;outline-offset:2px}input[type="file"]{padding:8px;cursor:pointer}label span[aria-label="required"]{color:#ff6b6b;margin-left:2px}@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (min-width:1100px){:root{--stroke-width:1.25px}}nav,footer,.footer-container,.footer-bottom,.blog-post-item,.machine-item,.code-placeholder,.screenshot-placeholder,input,textarea,button,.profile-photo,a{border-color:var(--stroke);border-width:var(--stroke-width)}a{border-bottom-width:var(--stroke-width)}nav{border-bottom-width:2px}.container{border-left-width:2px;border-right-width:2px}blockquote{border-left-width:3px}hr{border-top-width:2px}@media (max-width:768px){nav{padding:1rem 0}.nav-container{flex-wrap:wrap}.nav-container a{padding:0.5rem}}.content-section p{max-width:72ch}.content-section ul{max-width:72ch}.back-to-top{display:inline-block;margin-right:1rem;color:#b3b3b3;font-size:12px;text-decoration:none;border-bottom:1px solid #1a1a1a}.back-to-top:hover{color:#fff;border-color:#b3b3b3}.back-to-top:focus-visible{outline:2px solid #b3b3b3;outline-offset:2px}@media (max-width:900px){.container{padding:2.5rem 1.5rem}h1{font-size:2.4rem}h2{font-size:1.6rem}nav{padding:1.2rem 0}.nav-container{gap:1.5rem;flex-wrap:wrap}.footer-container{flex-direction:column;gap:1.5rem}}@media (max-width:600px){body{font-size:15px}.container{padding:2rem 1.1rem}h1{font-size:2rem;line-height:1.2}h2{font-size:1.4rem}.hero{padding:1.5rem 1rem 1rem}.nav-container{justify-content:center;gap:1rem}.nav-container a{font-size:12px}.footer-bottom{padding-top:1rem}.back-to-top{margin-bottom:0.5rem;display:block}.content-section p,.content-section ul{max-width:100%}}