@font-face{font-family:'ServerMono';src:url('./ServerMono-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}:root{--background:#0A0C0E;--foreground:#F4F4F5;--accent:#FD6163}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:'ServerMono',Menlo,Monaco,Consolas,"Courier New",monospace;overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}.app-container{position:relative;height:100vh;width:100%;overflow:hidden;background-color:var(--background);color:var(--foreground)}::selection{background-color:var(--accent);color:var(--background)}#ascii-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.scanlines{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2));background-size:100% 4px;position:absolute;inset:0;pointer-events:none;z-index:50}main{position:relative;z-index:10;display:flex;height:100%;width:100%;align-items:center;justify-content:center;padding:1rem}.terminal-border{position:relative;width:100%;max-width:48rem;transition:all 0.5s ease}.terminal-border.large{max-width:64rem}.terminal-border-row{display:flex;font-size:1.125rem;line-height:1;font-weight:bold;color:#334455;user-select:none}.terminal-border-fill{flex:1;text-align:center;white-space:nowrap;overflow:hidden;letter-spacing:-0.05em;height:18px}.terminal-middle{display:flex;align-items:stretch}.terminal-side-border{display:flex;flex-direction:column;font-size:1.125rem;line-height:1;font-weight:bold;color:#334455;user-select:none;width:1ch;overflow:hidden}.terminal-side-border span{display:block;height:18px;line-height:18px}.terminal-side-border.right{align-items:flex-end}.content-area{flex:1;background-color:rgba(6,6,6,0.95);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(0,0,0,0.8),0 0 10px rgba(79,209,255,0.15);padding:1.5rem;position:relative;overflow-y:auto;overflow-x:hidden;max-height:80vh;transition:height 0.5s ease-in-out;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}@media (min-width:768px){.content-area{padding:3rem}}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--accent)}.content-area::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.view-home{position:relative;overflow:hidden}.bg-decoration{position:absolute;width:16rem;opacity:0.5;pointer-events:none;mix-blend-mode:screen;bottom:-24px;right:-48px}.header-line{margin-bottom:2.5rem;font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;opacity:0.6;font-weight:500;display:flex;align-items:center;justify-content:space-between}@media (min-width:768px){.header-line{font-size:0.875rem}}.social-links{display:flex;align-items:center;gap:1rem}.social-links a{opacity:0.6;transition:all 0.3s}.social-links a:hover{opacity:1;color:var(--accent)}.main-title{margin-bottom:1.5rem;font-size:2.25rem;font-weight:bold;letter-spacing:-0.05em;line-height:1}@media (min-width:768px){.main-title{font-size:4.5rem}}.subtitle{font-size:1.25rem;opacity:0.6;line-height:1.625}@media (min-width:768px){.subtitle{font-size:1.25rem}}.body-text{margin-bottom:3rem;font-size:1rem;line-height:1.625;opacity:0.8;max-width:36rem;font-weight:500}@media (min-width:768px){.body-text{font-size:1.25rem}}.text-accent{color:var(--accent)}.action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.btn{position:relative;display:inline-flex;align-items:center;padding:0.5rem 1rem;font-size:1.125rem;font-weight:bold;border:1px solid transparent;transition:all 0.3s}.btn:hover{background-color:var(--accent);color:var(--background)}.term-switcher{display:inline-block;position:relative;width:auto;min-width:2ch;height:1.25em;vertical-align:bottom;font-family:'ServerMono',monospace;line-height:1;white-space:nowrap;overflow:hidden;transition:width 0.5s cubic-bezier(0.4,0,0.2,1)}.ts-bracket{display:inline-block;position:absolute;top:0;line-height:1}.ts-bracket.left{left:0}.ts-bracket.right{right:0}.ts-word{display:inline-block;position:absolute;top:0;left:1ch;white-space:nowrap}.ts-highlight{color:var(--accent);font-weight:bold}@keyframes fall{0%{transform:translateY(-100%);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}100%{transform:translateY(100%);opacity:0}}@keyframes bracketLeft{0%{transform:translateX(-10px);opacity:0}20%{transform:translateX(0);opacity:1}80%{transform:translateX(0);opacity:1}100%{transform:translateX(-10px);opacity:0}}@keyframes bracketRight{0%{transform:translateX(10px);opacity:0}20%{transform:translateX(0);opacity:1}80%{transform:translateX(0);opacity:1}100%{transform:translateX(10px);opacity:0}}.animate-fall{animation:fall 2.5s cubic-bezier(0.4,0,0.2,1)}.animate-bracket-left{animation:bracketLeft 2.5s cubic-bezier(0.4,0,0.2,1)}.animate-bracket-right{animation:bracketRight 2.5s cubic-bezier(0.4,0,0.2,1)}@keyframes asciiDissolve{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}@keyframes asciiAppear{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}.animate-dissolve{animation:asciiDissolve 250ms ease-out forwards}.animate-appear{animation:asciiAppear 300ms ease-out forwards}.view-works-list{padding:1rem;font-family:monospace;font-size:0.875rem}@media (min-width:768px){.view-works-list{padding:2rem}}.nav-header{margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.nav-btn{display:flex;align-items:center;gap:0.5rem;opacity:0.6;transition:opacity 0.3s}.nav-btn:hover{opacity:1}.tree-item{cursor:default}.tree-content{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0;opacity:0.7;transition:all 0.2s;cursor:pointer}.tree-content:hover{opacity:1;color:var(--accent)}.tree-content.active{color:var(--accent);opacity:1;font-weight:bold}.tree-children{padding-left:0.7rem;position:relative;display:none}.tree-item.open>.tree-children{display:block}.tree-line-vertical{position:absolute;left:0;top:-10px;bottom:0;width:1px;background-color:rgba(244,244,245,0.1)}.work-item-expanded{padding-left:1.5rem;padding-top:1rem;padding-right:0.5rem;position:relative;margin-left:0.5rem}@media (min-width:768px){.work-item-expanded{padding-left:3rem;padding-right:1rem;margin-left:2.2rem}}.work-line-connector-v{position:absolute;top:0;height:28px;left:0;width:1px;background-color:rgba(244,244,245,0.1)}.work-line-connector-h{position:absolute;top:28px;left:0;width:1rem;height:1px;background-color:rgba(244,244,245,0.1)}.expanded-content{position:relative;animation:asciiAppear 0.3s ease-out}.work-desc{opacity:0.7;margin-bottom:1.5rem;max-width:36rem;line-height:1.625}.open-project-btn{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:bold;transition:color 0.3s;cursor:pointer}.open-project-btn:hover{color:var(--accent)}.open-project-btn .prompt{opacity:0.5;transition:opacity 0.3s}.open-project-btn:hover .prompt{opacity:1}.cursor-blink{opacity:0;color:var(--accent);transition:opacity 0.3s}.open-project-btn:hover .cursor-blink{opacity:1;animation:blink 1s step-end infinite}.footer-info{margin-top:3rem;opacity:0.3;font-size:0.75rem}.particle-burst{position:fixed;pointer-events:none;z-index:100}.particle{position:absolute;width:2px;height:2px;background-color:var(--accent);border-radius:50%}.view-work-detail{font-family:monospace;font-size:0.875rem;min-height:50vh;display:flex;flex-direction:column;max-width:56rem;margin:0 auto}.detail-header{width:100%;border-bottom:1px solid rgba(244,244,245,0.2);padding-bottom:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;opacity:0.7;flex-wrap:nowrap}.header-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-right{flex-shrink:0;margin-left:auto}.nav-link{cursor:pointer;transition:color 0.3s}.nav-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.hidden-mobile{display:none}@media (min-width:768px){.hidden-mobile{display:inline}}.fade-in-up{animation:asciiAppear 0.3s ease-out}.detail-content section{margin-bottom:3rem}.section-title{color:var(--accent);font-weight:bold;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em;font-size:0.75rem;opacity:0.6}.section-body{padding-left:1rem;border-left:1px solid rgba(244,244,245,0.1)}.work-title{font-size:1.25rem;font-weight:bold;letter-spacing:-0.025em}@media (min-width:768px){.work-title{font-size:1.5rem}}.work-description{line-height:1.625;opacity:0.8;max-width:42rem;white-space:pre-wrap}.preview-container{width:100%;max-width:28rem;aspect-ratio:16/9;background-color:rgba(244,244,245,0.05);border:1px solid rgba(244,244,245,0.2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-placeholder{text-align:center;position:relative;z-index:10}.preview-text{font-size:2.25rem;margin-bottom:0.5rem;opacity:0.2;font-family:monospace}.preview-sub{font-size:0.625rem;opacity:0.3;font-family:monospace}.scanlines-overlay{position:absolute;inset:0;opacity:0.1;pointer-events:none;background-image:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));background-size:100% 2px,3px 100%}.ascii-overlay{position:absolute;inset:0;opacity:0;transition:opacity 0.5s;background-color:var(--accent);mix-blend-mode:overlay}.preview-container:hover .ascii-overlay{opacity:1}.stack-list{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;max-width:42rem;list-style:none}@media (min-width:768px){.stack-list{grid-template-columns:1fr 1fr 1fr}}.stack-list li{display:flex;align-items:center;gap:0.5rem;opacity:0.7}.links-container{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:640px){.links-container{flex-direction:row}}.link-item{display:flex;align-items:center;gap:0.5rem;transition:color 0.3s}.link-item:hover{color:var(--accent)}.link-item svg{opacity:0.5;transition:opacity 0.3s}.link-item:hover svg{opacity:1}.eof{padding-top:3rem;font-size:0.75rem;opacity:0.2}.hidden{display:none !important}.view-contact{font-family:monospace;font-size:0.875rem;min-height:50vh;display:flex;flex-direction:column;max-width:56rem;margin:0 auto}