html{font-size:100%;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:scroll;background-color:var(--bg-color);transition:background-color .22s ease}html.theme-changing,html.theme-changing body,html.theme-changing .main-nav,html.theme-changing .card,html.theme-changing .project-card,html.theme-changing .proj-item,html.theme-changing .proj-grid,html.theme-changing .featured-item,html.theme-changing .status-inner,html.theme-changing .modal-card,html.theme-changing .proj-modal-panel,html.theme-changing .proj-modal-header,html.theme-changing .proj-modal-close,html.theme-changing .proj-modal-toc-inner,html.theme-changing .toc-container,html.theme-changing pre,html.theme-changing code,html.theme-changing .copy-button,html.theme-changing .dark-toggle,html.theme-changing .hero-scope{transition:background-color .22s ease,color .22s ease,border-color .22s ease!important}html.theme-changing .nav-logo img{transition:filter .22s ease!important}:root{--bg-color:#ffffff;--text-color:#333333;--nav-border:#e0e0e0;--comment-color:#999999;--font-main:"Consolas", monospace;--highlight-bg:#dcedc8;--highlight-text:#1b381d;--row-hover-bg:#f0f0f0;--overlay-bg:rgba(40,40,40,0.5);--modal-shadow:rgba(0,0,0,0.12)}[data-theme=dark]{--bg-color:#0e0e0e;--text-color:#cccccc;--nav-border:#242424;--comment-color:#555555;--highlight-bg:#172d1b;--highlight-text:#dcedc8;--row-hover-bg:#161616;--overlay-bg:rgba(0,0,0,0.65);--modal-shadow:rgba(0,0,0,0.5)}body{background-color:initial;color:var(--text-color);font-family:var(--font-main);margin:0;line-height:1.6;padding-top:80px}::selection{background:var(--highlight-bg);color:var(--highlight-text)}::-moz-selection{background:var(--highlight-bg);color:var(--highlight-text)}main{max-width:850px;margin:40px auto;padding:0 20px;box-sizing:border-box}.content img,.content video{max-width:100%;height:auto;display:block;margin:20px auto}h1,h2,h3,h4{color:var(--text-color);font-weight:700}h1::before{content:"// ";color:var(--comment-color)}.bio-box h1::before{content:none}h2::before{content:"// ";color:var(--comment-color)}h3::before{content:"/* ";color:var(--comment-color)}h3::after{content:" */";color:var(--comment-color)}.scroll-anchor{scroll-margin-top:100px}.main-nav{position:fixed;top:0;left:0;z-index:2000;width:100%;border-bottom:2px solid var(--nav-border);background-color:var(--bg-color)}.nav-container{max-width:850px;margin:0 auto;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;border:none}.nav-logo img{height:40px;width:auto;display:block;transition:filter .25s}[data-theme=dark] .nav-logo img{filter:invert(1)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:30px}.main-nav li{font-size:1.1rem;font-weight:700}a{color:var(--text-color);text-decoration:none;transition:color .2s ease,background-color .2s ease,border-bottom-color .2s ease}main a:not(.card):not(.project-card):not(.back-arrow):not(.fixed-side-arrow),.modal-content a{border-bottom:4px solid var(--highlight-bg);color:var(--highlight-text)}a:not(.card):not(.nav-logo):not(.project-card):not(.back-arrow):not(.fixed-side-arrow):not(.toc-link):not(.proj-item):not(.featured-item):hover,.modal-content a:hover{background-color:var(--highlight-bg);color:var(--highlight-text);border-bottom:none;padding:0 4px;margin:0 -4px}.card{position:relative;display:block;border:1px solid var(--nav-border);border-radius:0;padding:25px;margin-bottom:30px;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);text-decoration:none;transition:border-color .2s}.card::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--highlight-bg);transition:width .15s cubic-bezier(0,0,.2,1);z-index:0}.card h2,.card p,.card div{position:relative;z-index:1}.card:hover{border-color:var(--highlight-text)}.card:hover::before{width:5px}.card h2{margin-top:0}a.card:hover h2,a.card:hover p,a.card:hover span{color:var(--text-color)}.card.no-hover:hover{border-color:var(--nav-border)}.card.no-hover:hover::before{width:0}.status-inner{position:relative;border:1px solid var(--nav-border);border-radius:0;padding:20px 20px 20px 28px;background:var(--bg-color);overflow:hidden}.status-inner::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--highlight-text);z-index:0}.status-inner p{position:relative;z-index:1}.project-card{position:relative;border:1px solid var(--nav-border);border-radius:0;overflow:hidden;margin-bottom:40px;display:block;text-decoration:none;color:var(--text-color);transition:border-color .2s,background .15s;background:var(--bg-color)}.project-card:hover{border-color:var(--highlight-text);background:var(--row-hover-bg)}.project-info{padding:20px}.project-card img{width:100%;height:250px;object-fit:cover;display:block;border-bottom:1px solid var(--nav-border)}.project-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:20px}.card .project-grid{margin-top:0}.card .project-card.inner-card,.card .project-card.featured-card{margin-bottom:0;border:1px solid var(--nav-border);transition:border-color .2s,background .15s}.card .project-card.inner-card:hover,.card .project-card.featured-card:hover{border-color:var(--highlight-text);background:var(--row-hover-bg)}.project-card.featured-card{display:flex;flex-direction:row;height:220px;align-items:stretch;margin-bottom:30px}.featured-image-container{flex:0 0 40%;min-width:200px;border-right:1px solid var(--nav-border)}.project-card.featured-card img{width:100%;height:100%;object-fit:cover;border-bottom:none}.project-card.featured-card .project-info{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:none;justify-content:center;align-items:flex-end;padding:0;background:rgba(255,255,255,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .5s ease,backdrop-filter .5s ease}.modal-overlay.visible{background:rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-wrapper{position:relative;max-width:650px;width:100%;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:0}.modal-card{width:100%;max-height:calc(100vh - 100px);height:85vh;margin-bottom:0;overflow-y:auto;background:#fff;padding:40px;position:relative;border-color:var(--nav-border);box-shadow:0 -10px 40px rgba(0,0,0,.15)!important;border:1px solid var(--nav-border);border-radius:0;border-bottom:none;transform:translateY(100vh);transition:transform .5s cubic-bezier(.19,1,.22,1)}.modal-overlay.visible .modal-card{transform:translateY(0)}.modal-card:hover{transform:none!important;box-shadow:0 -10px 40px rgba(0,0,0,.15)!important;border-color:var(--nav-border)!important}.modal-card::before{width:0!important}.back-arrow-modal{position:absolute;left:-80px;top:0;z-index:3001;font-size:2rem;color:var(--comment-color);background:0 0;border:none;line-height:1;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .5s ease .1s,transform .2s ease,color .2s ease}.modal-overlay.visible .back-arrow-modal{opacity:1}.back-arrow-modal:hover{color:var(--highlight-text);background-color:rgba(0,0,0,3%);transform:translateX(-5px)}.toc-sidebar{position:fixed;top:100px;right:50px;left:auto;width:200px;z-index:10}.toc-container{font-size:.85rem;font-family:var(--font-main);border-left:2px solid #eee;padding-left:15px}.toc-container h4{margin-top:0;margin-bottom:15px;color:var(--comment-color);font-size:.8rem}.toc-container nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.toc-container nav ul ul{margin-top:6px;padding-left:12px;display:flex;flex-direction:column;gap:4px}.toc-container li{display:block;line-height:1.3}.toc-container a{text-decoration:none;color:#888;transition:all .2s;display:block;border-bottom:none!important}.toc-container a:hover{color:var(--text-color);transform:translateX(-3px)}.toc-container a.active{color:var(--highlight-text);font-weight:700}.fixed-side-arrow{position:fixed;top:100px;left:calc(50vw - 480px);font-size:2rem;color:var(--comment-color);text-decoration:none;line-height:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s;z-index:100}.fixed-side-arrow:hover{color:var(--highlight-text);background-color:rgba(0,0,0,3%);transform:translateX(-5px)}pre{background-color:var(--row-hover-bg);padding:15px;border-radius:0;border:1px solid var(--nav-border);overflow-x:auto;font-size:.9rem;margin-bottom:30px}code{font-family:consolas,monospace;background-color:var(--row-hover-bg);padding:2px 5px;border-radius:0}pre code{background-color:initial;padding:0}.copy-button{position:absolute;top:10px;right:10px;background-color:var(--bg-color);border:1px solid var(--nav-border);border-radius:0;color:var(--comment-color);font-family:var(--font-main);font-size:.75rem;padding:4px 8px;cursor:pointer;transition:all .2s;opacity:.7}.copy-button:hover{opacity:1;color:var(--text-color);border-color:var(--comment-color)}.copy-button.success{border-color:var(--highlight-text);color:var(--highlight-text);background-color:var(--highlight-bg)}.dark-toggle{background:0 0;border:1px solid var(--nav-border);color:var(--comment-color);font-family:var(--font-main);font-size:.72rem;padding:3px 8px;cursor:pointer;letter-spacing:.06em;transition:border-color .2s,color .2s;line-height:1.6}.dark-toggle:hover{border-color:var(--highlight-text);color:var(--highlight-text)}.hero-split{display:flex;gap:28px;align-items:center;margin-bottom:50px}.hero-text{flex:1;min-width:0}.hero-name{font-size:2.15rem;font-weight:700;letter-spacing:.1em;margin:0 0 2px;line-height:1.15;color:var(--text-color)}.hero-sub{font-size:.82rem;color:var(--comment-color);letter-spacing:.04em;margin-bottom:20px}.hero-sub .accent{color:var(--highlight-text)}.hero-blurb{font-size:.93rem;line-height:1.7;color:var(--text-color);margin:0}.hero-blurb p{margin:0}.hero-scope{flex:initial;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;max-width:37rem;border:0;background:0 0}.hero-scope::before,.hero-scope::after{display:none}#scope-pre{font-family:Consolas,courier new,monospace;font-size:10.5px;line-height:11px;letter-spacing:0;margin:0;padding:0;white-space:pre;display:block;overflow:hidden;user-select:none;cursor:default;background:0 0;border:0;box-shadow:none;padding:0;color:var(--text-color);filter:none}.ascii-wash{position:fixed;inset:0;z-index:9000;display:grid;place-items:stretch;pointer-events:none;opacity:0;visibility:hidden;background:0 0;transition:opacity 320ms ease,visibility 0s linear 320ms}[data-ascii-wash=pending] .ascii-wash,[data-theme=dark] .ascii-wash{background:0 0}[data-ascii-wash=pending] .ascii-wash{opacity:1;visibility:visible;transition:none}.ascii-wash.is-visible{opacity:1;visibility:visible;transition:opacity 140ms ease}.ascii-wash.is-exiting{opacity:0}.ascii-wash__blur{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-color) 26%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:clip-path}.ascii-wash__pre{margin:0;padding:14px 16px;width:100%;height:100%;box-sizing:border-box;overflow:hidden;white-space:pre;user-select:none;background:0 0;border:0;font-family:Consolas,courier new,monospace;font-size:clamp(8px,.78vw,12px);line-height:1;letter-spacing:0;color:var(--text-color)}.ascii-wash__canvas{position:relative;z-index:1;width:100%;height:100%;display:block}@media(max-width:600px){.ascii-wash__canvas{width:100%;height:100%}}@media(prefers-reduced-motion:reduce){.ascii-wash{display:none}}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background-color:var(--nav-border);border:1px solid var(--nav-border);margin-bottom:40px}.proj-item{background:var(--bg-color);display:flex;flex-direction:column;text-decoration:none;color:var(--text-color);transition:background .15s;cursor:pointer}.proj-item img{width:100%;height:170px;object-fit:cover;display:block;border-bottom:1px solid var(--nav-border)}.proj-item:hover{background:var(--highlight-bg)}.proj-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.proj-title{font-weight:700;font-size:.9rem;color:var(--text-color)}.proj-summary{font-size:.78rem;color:var(--comment-color);line-height:1.5}.proj-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.proj-tag{font-size:.67rem;color:var(--comment-color);border:1px solid var(--nav-border);padding:1px 5px;letter-spacing:.03em;transition:border-color .15s ease,color .15s ease}.proj-item:hover .proj-tag{border-color:var(--comment-color);color:var(--text-color)}.proj-title::after{content:' →';opacity:0;transition:opacity .15s ease;font-weight:400;color:var(--comment-color)}.proj-item:hover .proj-title::after{opacity:1}.scroll-anchor{--trace-dur:0.5s;--resolve-dur:0.3s}.section-header{position:relative}.section-header::after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:0;background:var(--highlight-text);opacity:.45;transition:width var(--trace-dur)cubic-bezier(.19,1,.22,1)}.scroll-anchor.sig-visible .section-header::after{width:100%}.scroll-anchor>*:not(.section-header){opacity:0;transform:translateY(5px);transition:opacity var(--resolve-dur)ease var(--trace-dur),transform var(--resolve-dur)ease var(--trace-dur)}.scroll-anchor.sig-visible>*:not(.section-header){opacity:1;transform:translateY(0)}.scroll-anchor.sig-instant>*:not(.section-header),.scroll-anchor.sig-instant .section-header::after{transition:none}.featured-item{display:flex;border:1px solid var(--nav-border);text-decoration:none;color:var(--text-color);transition:border-color .2s,background .15s;margin-bottom:40px;cursor:pointer}.featured-item:hover{border-color:var(--highlight-text);background:var(--highlight-bg)}.featured-item .fi-img{flex:0 0 42%}.featured-item .fi-img img{width:100%;height:200px;object-fit:cover;display:block;border-right:1px solid var(--nav-border)}.featured-item .fi-info{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:6px}.featured-item .fi-info h3{margin:0;font-size:1rem}.featured-item .fi-info p{margin:0;font-size:.85rem;color:var(--comment-color)}.proj-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4000;display:none;justify-content:center;align-items:flex-end;background:0 0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .5s ease,backdrop-filter .5s ease}.proj-modal-overlay.visible{background:0 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.proj-modal-panel{width:100%;max-width:700px;height:calc(100vh - 48px);background:var(--bg-color);border:1px solid var(--nav-border);border-bottom:none;display:flex;flex-direction:column;transform:translateY(100vh);transition:transform .5s cubic-bezier(.19,1,.22,1)}.proj-modal-overlay.visible .proj-modal-panel{transform:translateY(0)}.proj-modal-header{background:var(--bg-color);border-bottom:1px solid var(--nav-border);padding:10px 20px;display:flex;align-items:center;gap:14px;flex-shrink:0}.proj-modal-close{background:0 0;border:1px solid var(--nav-border);color:var(--comment-color);font-family:var(--font-main);font-size:.8rem;padding:3px 10px;cursor:pointer;transition:border-color .2s,color .2s}.proj-modal-close:hover{border-color:var(--highlight-text);color:var(--highlight-text)}.proj-modal-filename{font-size:.78rem;color:var(--comment-color);font-style:italic}.proj-modal-article{flex:1;min-width:0;padding:30px 30px 80px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.proj-modal-article::-webkit-scrollbar{display:none}.proj-modal-toc-outer{position:absolute;left:calc(50% + 350px + 20px);bottom:0;width:190px;height:calc(100vh - 48px);padding-top:24px;overflow-y:auto;transform:translateY(100vh);transition:transform .5s cubic-bezier(.19,1,.22,1);pointer-events:none}.proj-modal-overlay.visible .proj-modal-toc-outer{transform:translateY(0);pointer-events:auto}.proj-modal-toc-inner{border-left:2px solid var(--nav-border);padding-left:14px}.proj-modal-toc-inner h4{margin:0 0 10px;color:var(--comment-color);font-size:.76rem}.proj-modal-toc-inner ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.proj-modal-toc-inner ul ul{margin-top:4px;padding-left:10px}.proj-modal-toc-inner a{color:var(--comment-color);text-decoration:none;border-bottom:none!important;display:block;font-size:.76rem;line-height:1.4;transition:color .15s;padding:0!important;margin:0!important}.proj-modal-toc-inner a:hover{color:var(--text-color);background:0 0!important}.proj-modal-toc-inner a.toc-active{color:var(--highlight-text);font-weight:700}@media(max-width:600px){.hero-split{flex-direction:column;gap:20px}.hero-scope{display:none}.proj-grid{grid-template-columns:1fr}.featured-item{flex-direction:column}.featured-item .fi-img img{border-right:none;border-bottom:1px solid var(--nav-border);height:180px}.proj-modal-toc-outer{display:none}}footer{text-align:center;margin-top:50px;margin-bottom:20px;color:var(--comment-color);font-size:.8rem;width:100%}@media(max-width:768px){.fixed-side-arrow,.toc-sidebar{display:none!important}.back-arrow-modal{left:10px;top:10px;z-index:3005;background:rgba(255,255,255,.8)}body{padding-top:140px}.content img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,5%)}.nav-container{flex-direction:column;padding:15px 20px;gap:15px;height:auto}.nav-logo{margin-right:0;justify-content:center}.main-nav ul{gap:15px;flex-wrap:wrap;justify-content:center;width:100%}main{margin-top:20px;padding:0 15px}.project-card.featured-card{flex-direction:column;height:auto}.featured-image-container{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--nav-border)}}.zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:5000;pointer-events:none;transition:background .5s ease,backdrop-filter .5s ease;display:flex;align-items:center;justify-content:center}.zoom-overlay.visible{background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;cursor:zoom-out}.zoom-clone{position:fixed;z-index:5001;cursor:zoom-out;border-radius:0;transform-origin:top left;transition:transform .5s cubic-bezier(.19,1,.22,1)}.content img.zoomable{cursor:zoom-in;transition:opacity .3s}.content img.zoomable.hidden{opacity:0}:root{--sc-0:#c8c8c8;--sc-1:#efefef;--sc-2:#1f1f1f;--sc-3:#d7d7d7;--sc-4:#747474;--sc-5:#181818;--sc-6:#3d3d3d;--sc-7:#8a8a8a;--sc-8:var(--scope-accent, #7c9f55);--sc-9:var(--scope-accent-strong, #56743a)}[data-theme=dark]{--sc-0:#6f6f6f;--sc-1:#f2f2f2;--sc-2:#d0d0d0;--sc-3:#8b8b8b;--sc-4:#bababa;--sc-5:#d7d7d7;--sc-6:#f5f5f5;--sc-7:#9a9a9a;--sc-8:var(--scope-accent, #8fcb8a);--sc-9:var(--scope-accent-strong, #b7ef9e)}#schematic-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}@media(prefers-reduced-motion:reduce){#schematic-bg{display:none}}main,footer{text-shadow:0 0 6px var(--bg-color),0 0 10px var(--bg-color)}.featured-item{background-color:var(--bg-color)}.card,.proj-item,.featured-item,.proj-modal-panel,.modal-card,.modal-wrapper,.bio-box,.project-card,#scope-pre{text-shadow:none}.hero-scope{background-color:color-mix(in srgb,var(--bg-color) 88%,transparent)}