.halftone-reveal{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:crosshair}.halftone-reveal canvas{display:block;width:100%;height:100%}:root{--bg-color: #000000;--text-color: #f0f0f0;--text-dim: #888888;--text-bright: #ffffff;--accent-color: #ffffff;--border-color: #555555;--box-bg: #050505;--crt-scanline: rgba(255, 255, 255, .04);--crt-glow: 0 0 4px rgba(255, 255, 255, .3);--font-mono: "Courier New", Courier, Monaco, "Consolas", monospace;--header-height: 48px}body.theme-green{--text-color: #33ff33;--text-dim: #008800;--text-bright: #66ff66;--accent-color: #33ff33;--border-color: #006600;--box-bg: #000d00;--crt-scanline: rgba(51, 255, 51, .05);--crt-glow: 0 0 5px rgba(51, 255, 51, .4)}body.theme-amber{--text-color: #ffb000;--text-dim: #996600;--text-bright: #ffd066;--accent-color: #ffb000;--border-color: #885500;--box-bg: #0f0a00;--crt-scanline: rgba(255, 176, 0, .05);--crt-glow: 0 0 5px rgba(255, 176, 0, .4)}body.theme-cyan{--text-color: #00f3ff;--text-dim: #006688;--text-bright: #80f9ff;--accent-color: #00f3ff;--border-color: #005577;--box-bg: #000e14;--crt-scanline: rgba(0, 243, 255, .05);--crt-glow: 0 0 5px rgba(0, 243, 255, .4)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);font-size:14px;line-height:1.4;scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;position:relative;text-shadow:var(--crt-glow)}::selection{background-color:var(--text-color);color:var(--bg-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000;border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--text-dim);border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:linear-gradient(rgba(18,16,16,0) 50%,var(--crt-scanline) 50%);background-size:100% 4px;opacity:.9;transition:opacity .3s ease}.crt-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;box-shadow:inset 0 0 100px #000000bf}body.crt-off .crt-overlay,body.crt-off .crt-vignette{display:none!important}html,body,#root{margin:0}#app-content{min-height:100vh;display:flex;flex-direction:column}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.45}#boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);z-index:10000;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;font-family:var(--font-mono);color:var(--text-color);transition:opacity .5s ease,transform .5s ease}#boot-screen.power-off{opacity:0;transform:scaleY(.005) scaleX(.2);pointer-events:none}.boot-terminal{max-width:900px;margin:0 auto;width:100%}.boot-log-line{margin-bottom:.5rem;white-space:pre-wrap;word-break:break-all}.boot-log-line .ok-text{color:var(--text-bright);font-weight:700;float:right}.boot-cursor-line{margin-top:1.5rem;font-size:1.1rem;font-weight:700}.cursor-blink{animation:blink .8s infinite steps(1)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.boot-footer-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:1rem;font-size:.85rem;color:var(--text-dim)}.btn-retro{background:transparent;color:var(--text-color);border:1px solid var(--border-color);padding:.3rem .8rem;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.btn-retro:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}#app-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:1rem 1.5rem 4rem}.status-header{position:sticky;top:0;z-index:1000;background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:.5rem 0;margin-bottom:1.5rem}.status-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.status-left{display:flex;align-items:center;gap:1rem}.status-controls{display:flex;gap:.5rem;flex-wrap:wrap}.status-controls button{font-size:.75rem;padding:.2rem .5rem}.retro-nav{margin-bottom:2.5rem}.nav-box{border:1px solid var(--text-color);background:var(--box-bg);padding:.75rem 1rem}.nav-ascii-border{color:var(--text-dim);font-size:.8rem;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:pre}.nav-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 0}.nav-item{color:var(--text-color);text-decoration:none;font-weight:700;font-size:.95rem;position:relative;padding:.2rem .4rem;border:1px solid transparent;transition:all .15s ease;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--bg-color);background:var(--text-color);border-color:var(--text-color)}.nav-hover-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.65rem;color:var(--text-dim);pointer-events:none;white-space:nowrap;display:none}.nav-item:hover .nav-hover-label{display:block}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4rem;padding-top:1rem}.portrait-wrapper{position:relative;display:inline-block;margin-bottom:2rem;border:1px solid var(--border-color);padding:.75rem;background:var(--box-bg);width:min(28rem,calc(100vw - 2rem));aspect-ratio:711 / 943;max-width:100%;overflow:hidden}.hero-title-box{margin-top:1rem}.hero-name{font-size:2.2rem;letter-spacing:.6rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.hero-subtitle{font-size:1rem;color:var(--text-dim);letter-spacing:.15rem;margin-bottom:1rem}.hero-status{display:inline-block;border:1px dashed var(--border-color);padding:.3rem .8rem;font-size:.85rem}.portfolio-section{margin-bottom:4.5rem;opacity:.3;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.portfolio-section.visible{opacity:1;transform:translateY(0)}.section-header-box{border-bottom:1px solid var(--text-color);padding-bottom:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.5rem}.section-title{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem}.section-tag{font-size:.8rem;color:var(--text-dim)}.dos-window{border:1px solid var(--border-color);background:var(--box-bg)}.dos-window-header{background:var(--border-color);color:var(--bg-color);padding:.3rem .75rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dos-window-body{padding:1.5rem}.about-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.tab-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);padding:.3rem .7rem;font-family:var(--font-mono);font-size:.85rem;cursor:pointer}.tab-btn.active,.tab-btn:hover{color:var(--text-color);border-color:var(--text-color);background:#ffffff0d}.about-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-bottom:1.5rem}.meta-item{border-left:2px solid var(--text-color);padding-left:.75rem}.meta-label{font-size:.75rem;color:var(--text-dim);margin-bottom:.2rem}.meta-value{font-weight:700;font-size:.95rem}.about-text-content{line-height:1.6;white-space:pre-wrap;color:var(--text-color)}.interests-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag-badge{border:1px solid var(--border-color);padding:.2rem .5rem;font-size:.8rem}.dir-header{color:var(--text-dim);font-size:.85rem;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}.project-dir-card{border:1px solid var(--border-color);background:var(--box-bg);padding:1rem;cursor:pointer;position:relative;transition:border-color .2s,transform .2s}.project-dir-card:hover{border-color:var(--text-color);transform:translateY(-2px)}.project-dir-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.project-dir-card:hover .project-dir-title{color:var(--text-bright)}.project-desc-short{font-size:.85rem;color:var(--text-dim);margin-bottom:.8rem;line-height:1.4}.project-stack{display:flex;flex-wrap:wrap;gap:.4rem}.stack-tag{font-size:.7rem;border:1px dashed var(--border-color);padding:.1rem .4rem;color:var(--text-color)}.project-action-text{font-size:.75rem;color:var(--text-dim);margin-top:.75rem;text-align:right}.skills-container{display:grid;grid-template-columns:1fr;gap:1.5rem}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem}.skill-name{width:140px;font-weight:700;flex-shrink:0}.skill-bar-wrapper{flex-grow:1;font-family:var(--font-mono);letter-spacing:1px;color:var(--text-color);word-break:break-all}.skill-percent{width:45px;text-align:right;color:var(--text-dim);font-size:.85rem;flex-shrink:0}.diagnostic-terminal{border:1px solid var(--border-color);background:var(--box-bg);padding:.8rem;font-size:.8rem;color:var(--text-dim);height:90px;overflow-y:auto}.diag-log{margin-bottom:.3rem}.hardware-lab-box{border:1px solid var(--border-color);background:var(--box-bg);padding:1.5rem;overflow-x:auto}.ascii-schematic{font-family:var(--font-mono);font-size:clamp(9px,1.2vw,13px);line-height:1.15;white-space:pre;color:var(--text-color);-webkit-user-select:none;user-select:none;margin:0 auto;display:table}.schematic-signal{color:var(--text-bright);font-weight:700;text-shadow:0 0 6px var(--text-color)}.lab-node-info{margin-top:1.5rem;border-top:1px dashed var(--border-color);padding-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;font-size:.85rem}.node-card{border:1px solid var(--border-color);padding:.75rem}.node-card-title{font-weight:700;margin-bottom:.3rem;border-bottom:1px dashed var(--border-color);padding-bottom:.2rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.dos-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.8rem;color:var(--text-dim)}.dos-input,.dos-textarea{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-mono);font-size:.9rem;padding:.5rem;outline:none;transition:border-color .2s}.dos-input:focus,.dos-textarea:focus{border-color:var(--text-color);box-shadow:0 0 4px var(--text-color)}.dos-textarea{resize:vertical;min-height:100px}.form-feedback{font-size:.85rem;min-height:1.2rem}.contact-links-list{display:flex;flex-direction:column;gap:.8rem}.contact-link-item{border:1px solid var(--border-color);padding:.75rem;display:flex;align-items:center;justify-content:space-between;color:var(--text-color);text-decoration:none;transition:all .2s}.contact-link-item:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-box{border:2px solid var(--text-color);background:var(--box-bg);max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 20px #000000e6}.modal-header{background:var(--text-color);color:var(--bg-color);padding:.4rem .8rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.modal-close-btn{background:transparent;border:none;color:var(--bg-color);font-weight:700;cursor:pointer;font-family:var(--font-mono);font-size:1rem}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.modal-progress-container{border:1px dashed var(--border-color);padding:.75rem;font-size:.85rem}.modal-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.retro-footer{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:2rem;text-align:center;color:var(--text-dim);font-size:.85rem}.footer-ascii-art{font-size:.75rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color);white-space:pre}.footer-info-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.counter-badge{display:inline-block;border:1px solid var(--text-color);padding:.2rem .6rem;color:var(--text-color);font-weight:700;background:#0a0a0a}@media(max-width:600px){#app-content{padding:.75rem}.hero-name{font-size:1.6rem;letter-spacing:.3rem}.nav-links{justify-content:center}.skill-name{width:100px;font-size:.8rem}}