:root{--background-dark: #12101e;--line-dark: #1a1c2c;--text-dark: #c7d2fe;--text-header-dark: #ffffff;--prompt-dark: #4ade80;--link-dark: #4ade80;--link-hover-dark: #a7f3d0;--border-dark: #2d3748;--gray-dark: #a0aec0;--input-bg-dark: #1a202c;--input-border-dark: #2d3748;--background-light: #f1f0f7;--line-light: #e2e8f0;--text-light: #2d3748;--text-header-light: #1a202c;--prompt-light: #10b981;--link-light: #10b981;--link-hover-light: #34d399;--border-light: #cbd5e0;--gray-light: #718096;--input-bg-light: #ffffff;--input-border-light: #cbd5e0}body{font-family:Space Mono,monospace;transition:background-color .3s,color .3s}.dark-mode{background-color:var(--background-dark);color:var(--text-dark)}.light-mode{background-color:var(--background-light);color:var(--text-light)}#topographic-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;transition:opacity .5s ease-in-out}.hidden{display:none!important}#terminal-input:focus{outline:none;box-shadow:none}h1{font-weight:700!important;font-size:2.25rem!important;line-height:2.5rem!important;margin-bottom:.5rem!important}@media(min-width:768px){h1{font-size:3rem!important;line-height:1!important}}.dark-mode h1{color:var(--text-header-dark)!important}.light-mode h1{color:var(--text-header-light)!important}.form-prompt:before{content:"> latebrix@forms:";color:var(--prompt-dark);-webkit-user-select:none;user-select:none;margin-right:8px;font-weight:400}.light-mode .form-prompt:before{color:var(--prompt-light)}.link-style,.internal-link{text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--link-dark);text-decoration-color:var(--link-dark);transition:all .2s}.light-mode .link-style,.light-mode .internal-link{color:var(--link-light);text-decoration-color:var(--link-light)}.link-style:hover,.internal-link:hover{color:var(--link-hover-dark);text-decoration-color:var(--link-hover-dark);background-color:#4ade801a}.light-mode .link-style:hover,.light-mode .internal-link:hover{color:var(--link-hover-light);background-color:#10b9811a}.contact-divider{width:1px;height:20px;background:linear-gradient(180deg,transparent,#2a3441,transparent);flex-shrink:0}.light-mode .contact-divider{background:linear-gradient(180deg,transparent,var(--border-light),transparent)}@media(max-width:639px){.contact-divider{display:none}}.nav-link{padding:8px 16px;border-radius:4px;border:1px solid transparent;transition:all .2s;cursor:pointer;color:#8b949e;font-size:.85rem;flex:1;text-align:center}.nav-link:hover{color:var(--prompt-dark);background-color:#4ade800f;border-color:#2a3441}.nav-link.active{color:var(--prompt-dark);background-color:#4ade801a;border-color:var(--prompt-dark)}.light-mode .nav-link:hover{color:var(--prompt-light);background-color:#10b9810f;border-color:var(--border-light)}.light-mode .nav-link.active{color:var(--prompt-light);background-color:#10b9811a;border-color:var(--prompt-light)}.image-loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0d1117d9;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.image-loader-overlay.active{opacity:1;pointer-events:auto}.image-loader-box{background-color:#161b22;border:1px solid #2a3441;border-radius:6px;padding:16px 28px;display:flex;flex-direction:column;align-items:center;gap:8px}.image-loader-box span{font-size:.75rem;color:#8b949e;letter-spacing:.05em;font-family:Space Mono,monospace}.image-progress-track{width:160px;height:4px;background-color:#0d1117;border-radius:2px;overflow:hidden}.image-progress-bar{height:100%;width:0%;background-color:#4ade80;border-radius:2px;transition:width .1s linear}@keyframes progress-indeterminate{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.image-progress-bar.indeterminate{animation:progress-indeterminate 1.2s ease-in-out infinite}.metrloom-logo{height:1em;width:auto;vertical-align:middle;display:inline;margin-right:3px}.light-mode .metrloom-logo{filter:brightness(0) saturate(100%)}.metrloom-link{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6;cursor:pointer;transition:all .2s}.metrloom-link:hover{text-decoration-color:#fff;background-color:#ffffff0f}.light-mode .metrloom-link{color:#1a202c;text-decoration-color:#1a202c66}.light-mode .metrloom-link:hover{text-decoration-color:#1a202c;background-color:#1a202c0f}.card-desc{font-size:.875rem;color:#d1d5db}.light-mode .card-desc{color:#4a5568}.pixel-art-container{position:relative;border-width:2px;border-radius:.25rem;overflow:hidden;border-color:var(--border-dark)}.light-mode .pixel-art-container{border-color:var(--border-light)}.text-highlight{color:var(--prompt-dark)}.light-mode .text-highlight{color:var(--prompt-light)}hr{border-color:var(--border-dark)}.light-mode hr{border-color:var(--border-light)}.form-input{border-radius:.25rem;border-width:1px;width:100%;padding:.5rem .75rem;background-color:var(--input-bg-dark)!important;color:var(--text-dark)!important;border-color:var(--input-border-dark)!important}.light-mode .form-input{background-color:var(--input-bg-light)!important;color:var(--text-light)!important;border-color:var(--input-border-light)!important}.card{border:1px solid var(--border-dark);border-radius:.25rem;padding:1rem;transition:background-color .2s}.light-mode .card{border-color:var(--border-light)}.card:hover{background-color:#2d374880}.light-mode .card:hover{background-color:#cbd5e080}.whitespace-normal{white-space:normal!important}.break-words{overflow-wrap:anywhere;word-break:break-word}.form-prompt,.font-mono.text-xs{max-width:100%}.terminal-panel{border:1px solid #2a3441;border-radius:6px;overflow:hidden;background-color:#0d1117}.light-mode .terminal-panel{border-color:var(--border-light);background-color:#f8f9fa}.terminal-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background-color:#161b22;border-bottom:1px solid #2a3441;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8b949e;font-family:Space Mono,monospace}.light-mode .terminal-panel-header{background-color:#e9ecef;border-bottom-color:var(--border-light);color:#6c757d}.terminal-panel-body{padding:1.25rem}.terminal-panel-green{border-color:#1a4d2e}.light-mode .terminal-panel-green{border-color:#2d8a56}.terminal-panel-green .terminal-panel-header{background-color:#0d2818;border-bottom-color:#1a4d2e;color:#4ade80}.light-mode .terminal-panel-green .terminal-panel-header{background-color:#d1fae5;border-bottom-color:#2d8a56;color:#10b981}.project-card{border:1px solid var(--border-dark);border-radius:6px;overflow:hidden;transition:all .2s;cursor:pointer;display:block;text-decoration:none;color:inherit}.light-mode .project-card{border-color:var(--border-light)}.project-card:hover{border-color:var(--prompt-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.light-mode .project-card:hover{border-color:var(--prompt-light);box-shadow:0 4px 12px #0000001a}.project-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border-dark)}.light-mode .project-card-image{border-bottom-color:var(--border-light)}.project-card-body{padding:1rem}.tech-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:.7rem;background-color:#4ade801a;color:var(--prompt-dark);border:1px solid rgba(74,222,128,.2);letter-spacing:.02em}.light-mode .tech-tag{background-color:#10b9811a;color:var(--prompt-light);border-color:#10b98133}.tech-tag-rich{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:.7rem;letter-spacing:.02em;background-color:rgba(var(--tag-rgb),.1);color:var(--tag-color);border:1px solid rgba(var(--tag-rgb),.25);transition:all .2s;white-space:nowrap}.tech-tag-rich:hover{background-color:rgba(var(--tag-rgb),.2);border-color:rgba(var(--tag-rgb),.4)}.light-mode .tech-tag-rich{background-color:rgba(var(--tag-rgb),.08);border-color:rgba(var(--tag-rgb),.2)}.light-mode .tech-tag-rich:hover{background-color:rgba(var(--tag-rgb),.15)}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#2a3441 30%,#2a3441 70%,transparent);margin:0}.light-mode .section-divider{background:linear-gradient(90deg,transparent,var(--border-light) 30%,var(--border-light) 70%,transparent)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.draggable-panel{position:relative;isolation:isolate;transition:box-shadow .2s,transform .15s}.draggable-panel.is-dragging{box-shadow:0 8px 30px #00000080,0 0 0 1px #4ade8026}.light-mode .draggable-panel.is-dragging{box-shadow:0 8px 30px #00000026,0 0 0 1px #10b98126}.capstone-item{padding:6px 0;font-size:.9rem;line-height:1.5}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.pageclip-form .success-message{display:none;align-items:center;justify-content:center;width:100%}.form-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:form-spin .6s linear infinite}.form-btn-loading{opacity:.8;cursor:not-allowed!important;min-width:90px;display:inline-flex!important;align-items:center;justify-content:center}@keyframes form-spin{to{transform:rotate(360deg)}}.form-success-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;animation:form-fade-in .4s ease}.form-success-circle{width:56px;height:56px;border-radius:50%;background:#4ade80;border:none;display:flex;align-items:center;justify-content:center;animation:form-scale-in .4s cubic-bezier(.34,1.56,.64,1)}.form-success-check{width:28px;height:28px;color:#000;stroke-dasharray:30;stroke-dashoffset:30;animation:form-draw-check .5s ease .3s forwards}.form-success-text{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:#e6edf3;text-align:center}.form-success-sub{font-size:.8rem;color:#8b949e;text-align:center}.form-error{color:#f87171;font-size:.8rem;margin-top:.5rem;font-family:Space Mono,monospace}@keyframes form-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes form-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes form-draw-check{to{stroke-dashoffset:0}}.light-mode .form-success-circle{background:#22c55e}.light-mode .form-success-check{color:#000}.light-mode .form-success-text{color:#1f2937}.light-mode .form-success-sub{color:#6b7280}.light-mode .form-error{color:#dc2626}.terminal-scroll::-webkit-scrollbar{width:8px}.terminal-scroll::-webkit-scrollbar-track{background:#0d1117}.terminal-scroll::-webkit-scrollbar-thumb{background-color:#30363d;border-radius:4px}.terminal-scroll::-webkit-scrollbar-thumb:hover{background-color:#484f58}.md-content h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-header-dark)}.light-mode .md-content h1{color:var(--text-header-light)}.md-content h2{font-size:1.35rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--prompt-dark)}.light-mode .md-content h2{color:var(--prompt-light)}.md-content h3{font-size:1.1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.md-content p{margin-bottom:1rem;line-height:1.7}.md-content ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.md-content li{margin-bottom:.4rem;line-height:1.6}.md-content a{color:var(--link-dark);text-decoration:underline;text-underline-offset:3px}.light-mode .md-content a{color:var(--link-light)}.md-content img{max-width:100%;border-radius:6px;border:1px solid var(--border-dark);margin:1rem 0}.light-mode .md-content img{border-color:var(--border-light)}.md-content code{background-color:#4ade801a;padding:2px 6px;border-radius:3px;font-size:.85em;color:var(--prompt-dark)}.light-mode .md-content code{color:var(--prompt-light)}.md-content blockquote{border-left:3px solid var(--prompt-dark);padding-left:1rem;margin:1rem 0;opacity:.85}.light-mode .md-content blockquote{border-left-color:var(--prompt-light)}.md-content strong{color:var(--text-header-dark)}.light-mode .md-content strong{color:var(--text-header-light)}.back-link{display:inline-flex;align-items:center;gap:6px;color:#8b949e;font-size:.85rem;transition:color .2s;cursor:pointer;text-decoration:none}.back-link:hover{color:var(--prompt-dark)}.light-mode .back-link:hover{color:var(--prompt-light)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1rem 0}.gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;border:1px solid var(--border-dark);cursor:pointer;transition:transform .2s,border-color .2s}.light-mode .gallery-grid img{border-color:var(--border-light)}.gallery-grid img:hover{transform:scale(1.02);border-color:var(--prompt-dark)}.light-mode .gallery-grid img:hover{border-color:var(--prompt-light)}.screenshots-grid{display:flex;gap:.75rem;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.screenshots-grid .screenshot-img{flex:0 0 auto;width:calc(33.333% - .5rem);min-width:120px;border-radius:6px;border:1px solid var(--border-dark);object-fit:cover;cursor:pointer;transition:transform .2s,border-color .2s}.light-mode .screenshots-grid .screenshot-img{border-color:var(--border-light)}.screenshots-grid .screenshot-img:hover{transform:scale(1.02);border-color:var(--prompt-dark)}.light-mode .screenshots-grid .screenshot-img:hover{border-color:var(--prompt-light)}@media(max-width:480px){.screenshots-grid{gap:.4rem}.screenshots-grid .screenshot-img{width:calc(33.333% - .27rem);min-width:90px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#4ade8033;border-radius:10px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#4ade8066}.light-mode ::-webkit-scrollbar-thumb{background-color:#10b98140}.light-mode ::-webkit-scrollbar-thumb:hover{background-color:#10b98173}*{scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.2) transparent}.light-mode *{scrollbar-color:rgba(16,185,129,.25) transparent}body::-webkit-scrollbar-thumb{background-color:transparent}body:hover::-webkit-scrollbar-thumb{background-color:#4ade8033}body:hover::-webkit-scrollbar-thumb:hover{background-color:#4ade8066}.isef-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:gold;background:linear-gradient(135deg,#ffd7001f,#daa5202e);border:1px solid rgba(255,215,0,.35);border-radius:5px;padding:.2rem .6rem;margin-left:.4rem;vertical-align:middle;text-shadow:0 0 8px rgba(255,215,0,.3);box-shadow:0 0 12px #ffd70014}.light-mode .isef-badge{color:#b8860b;background:linear-gradient(135deg,#b8860b1a,#daa52026);border-color:#b8860b59;text-shadow:none}.elwai-card-body{background-color:#0d0a15!important}.light-mode .elwai-card-body{background-color:#f0eef5!important}.pdf-section{margin-bottom:2rem}.pdf-tabs{display:flex;gap:.25rem;padding:.5rem .75rem 0;overflow-x:auto}.pdf-tab{padding:.4rem .85rem;font-family:Space Mono,monospace;font-size:.7rem;color:#8b949e;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;transition:all .2s;white-space:nowrap}.pdf-tab:hover{color:#c9d1d9;background:#ffffff0a}.pdf-tab.active{color:#4ade80;background:#161b22;border-color:#30363d}.pdf-viewer-wrap{position:relative;background:#0d1117;border-top:1px solid #30363d;min-height:600px}.pdf-viewer-wrap iframe{width:100%;height:700px;border:none;display:block}.pdf-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d1117;z-index:5;transition:opacity .3s}.pdf-loading.hidden{opacity:0;pointer-events:none}.pdf-loading-bar{width:200px;height:3px;background:#21262d;border-radius:2px;overflow:hidden;margin-top:.75rem}.pdf-loading-bar-fill{height:100%;width:0%;background:#4ade80;border-radius:2px;transition:width .3s;animation:pdfLoadPulse 1.5s ease-in-out infinite}@keyframes pdfLoadPulse{0%{width:10%}50%{width:70%}to{width:90%}}.pdf-loading-text{font-family:Space Mono,monospace;font-size:.75rem;color:#8b949e}.light-mode .pdf-tab{color:#6c757d}.light-mode .pdf-tab:hover{color:#495057;background:#00000008}.light-mode .pdf-tab.active{color:#2e7d32;background:#f8f9fa;border-color:var(--border-light)}.light-mode .pdf-viewer-wrap{background:#f8f9fa;border-top-color:var(--border-light)}.light-mode .pdf-loading{background:#f8f9fa}.light-mode .pdf-loading-bar{background:#e0e0e0}.light-mode .pdf-loading-bar-fill{background:#2e7d32}.light-mode .pdf-loading-text{color:#6c757d}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease;cursor:zoom-out}.lightbox-overlay.active{opacity:1}.lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0009;transform:scale(.92);transition:transform .25s ease}.lightbox-overlay.active img{transform:scale(1)}@media(max-width:640px){#terminal-modal{width:95vw!important;max-width:95vw!important;height:70vh!important}nav.flex{flex-wrap:wrap}.nav-link{font-size:.75rem;padding:6px 10px}h1{font-size:1.75rem!important;line-height:2rem!important}#links-grid{grid-template-columns:1fr!important}.ascii pre{font-size:.35rem;line-height:1.1;overflow-x:auto}#thumbnail-row img{height:48px;width:72px}}@media(max-width:400px){body{padding:.5rem!important}h1{font-size:1.5rem!important}.terminal-panel-header{font-size:.6rem;padding:6px 10px}.terminal-panel-body{padding:.75rem}.capstone-item{font-size:.8rem}.form-prompt:before{content:">"}}#hero-image,.gallery-grid img,#thumbnail-row img{cursor:pointer}