@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@font-face{font-family:Pixeloid;src:url(/assets/PixeloidSans-BrLPhVwP.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Pixeloid;src:url(/assets/PixeloidSans-Bold-DAT9AfCI.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Ishmeria;src:url(/assets/Ishmeria-ksvpseuJ.woff) format("woff"),url(/assets/Ishmeria-Dz6NlDoT.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ChiKareGo2;src:url(/assets/ChiKareGo2-CcYaC1yW.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Everyday;src:url(/assets/Everyday-Datpeb6q.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:LotaGrotesque;src:url(/assets/LotaGrotesque-Regular-_JcUBx6V.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:LotaGrotesque;src:url(/assets/LotaGrotesque-Bold-B-g8BuRN.otf) format("opentype");font-weight:700;font-style:normal}:root{--color-bg-primary: #d4d0c8;--color-bg-secondary: #ece9d8;--color-bg-tertiary: #c0c0c0;--color-bg-window: #ffffff;--color-bg-desktop: #008080;--color-accent-blue: #000080;--color-accent-teal: #008080;--color-accent-maroon: #800000;--color-accent-olive: #808000;--color-accent-purple: #800080;--color-accent-red: #c0392b;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #666666;--color-text-link: #0000ee;--color-text-link-visited: #551a8b;--color-window-bar: #000080;--color-window-bar-inactive: #808080;--color-window-bar-text: #ffffff;--color-border-light: #ffffff;--color-border-dark: #808080;--color-border-darker: #404040;--color-border: #808080;--shadow-window: 2px 2px 0px #000000;--shadow-inset: inset 1px 1px 0px var(--color-border-dark), inset -1px -1px 0px var(--color-border-light);--shadow-outset: inset 1px 1px 0px var(--color-border-light), inset -1px -1px 0px var(--color-border-dark);--font-pixel: "Pixeloid", "VT323", monospace;--font-heading: "Ishmeria", "Pixeloid", serif;--font-accent: "ChiKareGo2", "Pixeloid", monospace;--font-body: "Everyday", "Pixeloid", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-overlay: 400;--z-max: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-pixel);font-size:1rem;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-desktop);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border:1px solid var(--color-border-dark)}::-webkit-scrollbar-thumb{background:var(--color-bg-primary);border:2px outset var(--color-border-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-secondary)}::-webkit-scrollbar-button{background:var(--color-bg-primary);border:2px outset var(--color-border-light);height:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;color:var(--color-text-primary)}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}p{font-family:var(--font-pixel);font-size:.875rem;color:var(--color-text-secondary)}a{color:var(--color-text-link);text-decoration:underline;transition:var(--transition-fast)}a:hover{color:var(--color-accent-maroon)}a:visited{color:var(--color-text-link-visited)}::selection{background:var(--color-accent-blue);color:#fff}.text-blue{color:var(--color-accent-blue)}.text-teal{color:var(--color-accent-teal)}.text-maroon{color:var(--color-accent-maroon)}.text-olive{color:var(--color-accent-olive)}.text-purple{color:var(--color-accent-purple)}.pixel-font{font-family:var(--font-pixel)}.heading-font{font-family:var(--font-heading)}.accent-font{font-family:var(--font-accent)}.body-font{font-family:var(--font-body)}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.retro-window{background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);box-shadow:var(--shadow-window);overflow:hidden}.retro-window-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 3px;background:linear-gradient(90deg,var(--color-window-bar) 0%,#1084d0 100%);color:var(--color-window-bar-text)}.retro-window-left{display:flex;align-items:center;gap:var(--space-sm)}.retro-window-icon{width:16px;height:16px;image-rendering:pixelated}.retro-window-title{font-family:var(--font-pixel);font-size:.75rem;color:var(--color-window-bar-text);font-weight:700}.retro-window-buttons{display:flex;gap:2px}.retro-window-btn{width:16px;height:14px;background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:8px;font-weight:700;color:var(--color-text-primary);padding:0;line-height:1}.retro-window-btn:hover{background:var(--color-bg-secondary)}.retro-window-btn:active{border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker)}.retro-window-btn.close:after{content:"X"}.retro-window-btn.minimize:after{content:"_"}.retro-window-btn.maximize:after{content:"□"}.retro-window-content{padding:var(--space-md);background:var(--color-bg-window)}.retro-btn{font-family:var(--font-pixel);font-size:.75rem;padding:var(--space-xs) var(--space-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);cursor:pointer;text-decoration:none;display:inline-block}.retro-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.retro-btn:active{border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker);padding:calc(var(--space-xs) + 1px) calc(var(--space-md) - 1px) calc(var(--space-xs) - 1px) calc(var(--space-md) + 1px)}.retro-btn.primary{background:var(--color-accent-blue);color:#fff}.retro-btn.primary:hover{background:#00a}.retro-input{font-family:var(--font-pixel);font-size:.875rem;padding:var(--space-xs) var(--space-sm);background:#fff;color:var(--color-text-primary);border:2px solid;border-color:var(--color-border-dark) var(--color-border-light) var(--color-border-light) var(--color-border-dark);outline:none}.retro-input:focus{outline:1px dotted var(--color-text-primary);outline-offset:-3px}.retro-input::placeholder{color:var(--color-text-muted)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-blink{animation:blink 1s infinite}.animate-fade-in{animation:fade-in .5s ease-out}@media (max-width: 768px){:root{--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}h1{font-size:1.125rem}h2{font-size:.875rem}h3{font-size:.75rem}.retro-btn{font-size:.5rem;padding:var(--space-sm) var(--space-lg)}}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-lg);padding-top:80px}@media (max-width: 768px){.main-content{padding:var(--space-md);padding-top:70px}}.retro-window{position:relative}.retro-window.small{max-width:300px}.retro-window.medium{max-width:500px}.retro-window.large{max-width:800px}.retro-window.full{width:100%;max-width:none}.home-page{display:flex;flex-direction:column;gap:var(--space-lg);max-width:900px;margin:0 auto;padding:var(--space-md)}.welcome-window{width:100%}.welcome-content{text-align:center}.welcome-content h1{margin-bottom:var(--space-md)}.welcome-content p{margin-bottom:var(--space-md);text-align:left}.welcome-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}.windows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.about-content h3{margin-bottom:var(--space-sm);font-size:.875rem}.about-list{list-style:none;padding:0;margin:0}.about-list li{padding:var(--space-xs) 0;font-size:.875rem}.about-list li:before{content:"- "}.now-content h3{margin-bottom:var(--space-sm);font-size:.875rem}.now-list{list-style:none;padding:0;margin:0 0 var(--space-md) 0}.now-list li{padding:var(--space-xs) 0;font-size:.875rem}.now-list li:before{content:"- "}.now-updated{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.links-content h3{margin-bottom:var(--space-sm);font-size:.875rem}.quick-links{list-style:none;padding:0;margin:0}.quick-links li{padding:var(--space-xs) 0}.quick-links a{font-size:.875rem}.skills-content{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-category{display:flex;flex-direction:column;gap:2px}.skill-label{font-family:var(--font-pixel);font-size:.75rem;font-weight:700;color:var(--color-accent-blue)}.skill-tags{font-family:var(--font-pixel);font-size:.75rem;color:var(--color-text-secondary)}@media (max-width: 768px){.home-page{padding:var(--space-sm)}.windows-grid{grid-template-columns:1fr}.welcome-buttons{flex-direction:column}}.projects-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.projects-header{text-align:center;padding:var(--space-xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.project-card,.project-card .retro-window{height:100%}.project-card .retro-window.coming-soon{opacity:.7}.project-card .retro-window.coming-soon:hover{opacity:1}.project-content{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.project-header{display:flex;justify-content:space-between;align-items:center}.status-badge{font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;border:1px solid var(--color-border-dark)}.status-badge.active{color:#006400;background:#90ee90}.status-badge.coming-soon{color:#8b4513;background:#ffe4b5}.project-title{font-size:1.125rem}.project-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tech-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-primary);background:var(--color-bg-secondary);padding:2px 6px;border:1px solid var(--color-border-dark)}.project-links{display:flex;gap:var(--space-sm);margin-top:auto;flex-wrap:wrap}.project-btn{font-size:.5rem;padding:var(--space-sm) var(--space-md)}.coming-soon-text{font-family:var(--font-mono);color:var(--color-text-secondary);font-style:italic}.stats-window{max-width:600px;margin:0 auto}.stats-content{display:flex;justify-content:space-around;text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-value{font-family:var(--font-pixel);font-size:2rem}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}@media (max-width: 768px){.page-title{font-size:1.25rem}.projects-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.stats-content{flex-direction:column;gap:var(--space-lg)}}.blog-page{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.blog-header{text-align:center;padding:var(--space-xl) 0}.blog-grid{display:flex;flex-direction:column;gap:var(--space-xl)}.blog-post{width:100%}.post-content{display:flex;flex-direction:column;gap:var(--space-md)}.post-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.875rem}.post-date{font-weight:700}.post-read-time{color:var(--color-text-muted)}.post-title{font-size:1.25rem;color:var(--color-text-primary);line-height:1.4}.post-excerpt{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.post-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-primary);background:var(--color-bg-secondary);padding:2px 6px;border:1px solid var(--color-border-dark)}.post-read-btn{align-self:flex-start;margin-top:var(--space-sm)}.coming-soon-window{max-width:500px;margin:0 auto}.coming-soon-content{text-align:center}.ascii-notice{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent-yellow);margin-bottom:var(--space-md)}.coming-soon-content p{color:var(--color-text-secondary)}@media (max-width: 768px){.page-title{font-size:1.5rem}.title-icon{font-size:2rem}.post-title{font-size:1rem}.post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.blog-post-page{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.back-link{font-family:var(--font-pixel);font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-text-primary)}.blog-post-content{display:flex;flex-direction:column;gap:var(--space-lg)}.post-header{border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-lg)}.post-title{font-size:1.5rem;margin-bottom:var(--space-md)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;font-size:.875rem}.post-date{font-family:var(--font-mono);color:var(--color-text-secondary)}.post-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.post-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-title-bar);background:var(--color-bg-secondary);padding:2px var(--space-sm);border:1px solid var(--color-border-light)}.post-body{line-height:1.7}.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-pixel);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.post-body h1{font-size:1.5rem}.post-body h2{font-size:1.25rem}.post-body h3{font-size:1rem}.post-body p{margin-bottom:var(--space-md)}.post-body ul,.post-body ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.post-body li{margin-bottom:var(--space-sm)}.post-body strong{font-weight:700}.post-body em{font-style:italic}.post-body a{color:var(--color-title-bar);text-decoration:underline}.post-body a:hover{text-decoration:none}.post-body code{font-family:var(--font-mono);font-size:.875rem;background:var(--color-bg-secondary);padding:2px var(--space-xs);border:1px solid var(--color-border-light)}.post-body pre{background:var(--color-bg-secondary);border:2px solid;border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md)}.post-body pre code{background:none;border:none;padding:0}.post-body blockquote{border-left:4px solid var(--color-title-bar);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-secondary);font-style:italic}.post-body hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-xl) 0}.post-body img{max-width:100%;height:auto;border:2px solid;border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker)}.error-content{text-align:center;padding:var(--space-xl)}.error-content p{margin-bottom:var(--space-lg)}@media (max-width: 768px){.post-title{font-size:1.25rem}.post-body h2{font-size:1rem}}.art-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.art-header{text-align:center;padding:var(--space-xl) 0}.page-title{font-size:1.5rem;margin-bottom:var(--space-md)}.page-description{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.art-filters{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.filter-btn{text-transform:capitalize}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-xl)}.art-item{cursor:pointer;transition:var(--transition-normal)}.art-item:hover{transform:translateY(-4px)}.art-item:hover .art-frame{box-shadow:var(--shadow-hover)}.art-item:hover .art-overlay{opacity:1}.art-frame{position:relative;aspect-ratio:1;background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker);overflow:hidden;transition:var(--transition-normal)}.art-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem}.art-image{width:100%;height:100%;object-fit:cover}.art-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal)}.view-text{font-family:var(--font-pixel);font-size:.875rem;color:#fff;background:var(--color-title-bar);padding:var(--space-sm) var(--space-md)}.art-info{padding:var(--space-md) var(--space-sm);text-align:center}.art-title{font-size:.75rem;margin-bottom:var(--space-xs)}.art-category{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);text-transform:capitalize}.art-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-xl);animation:fade-in .2s ease-out}.art-modal{max-width:600px;width:100%;animation:slide-in-right .3s ease-out}.modal-content{display:flex;flex-direction:column;gap:var(--space-lg)}.modal-art-display{background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker);display:flex;align-items:center;justify-content:center}.modal-art-image{max-width:100%;max-height:70vh;object-fit:contain}.modal-placeholder{font-size:6rem}.modal-info{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-title{font-size:1.25rem}.modal-description{color:var(--color-text-secondary)}.modal-meta{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:.875rem}.art-readme{max-width:600px;margin:0 auto}.readme-content{display:flex;flex-direction:column;gap:var(--space-md)}.readme-content p:first-child{font-family:var(--font-pixel);font-size:.75rem}@media (max-width: 768px){.page-title{font-size:1.25rem}.art-gallery{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.art-placeholder{font-size:3rem}.modal-placeholder{font-size:4rem}}.guestbook-page{max-width:700px;margin:0 auto;padding:var(--space-md)}.guestbook-main-window{width:100%}.guestbook-content{display:flex;flex-direction:column;gap:var(--space-lg)}.guestbook-header{text-align:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.guestbook-header h1{margin-bottom:var(--space-sm)}.guestbook-form-section{background:var(--color-bg-secondary);padding:var(--space-md);border:2px solid;border-color:var(--color-border-dark) var(--color-border-light) var(--color-border-light) var(--color-border-dark)}.guestbook-form-section h2{margin-bottom:var(--space-md);font-size:1rem}.guestbook-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:flex;flex-direction:column;gap:var(--space-xs)}.form-row label{font-family:var(--font-pixel);font-size:.75rem}.retro-textarea{resize:vertical;min-height:80px;font-family:var(--font-pixel)}.submit-success{color:#006400;font-family:var(--font-pixel);font-size:.75rem}.submit-error{color:#c0392b;font-family:var(--font-pixel);font-size:.75rem;display:block;margin-bottom:var(--space-sm)}.char-count{font-size:.625rem;color:var(--color-text-muted);font-weight:400}.loading-entries,.no-entries{font-family:var(--font-pixel);font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.guestbook-entries h2{margin-bottom:var(--space-md);font-size:1rem}.entries-list{display:flex;flex-direction:column;gap:var(--space-md)}.guestbook-entry{background:var(--color-bg-window);padding:var(--space-md);border:1px solid var(--color-border)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dotted var(--color-border)}.entry-name{font-family:var(--font-heading);font-weight:700;color:var(--color-accent-blue)}.entry-date{font-family:var(--font-pixel);font-size:.75rem;color:var(--color-text-muted)}.entry-message{margin-bottom:var(--space-sm);font-size:.875rem}.entry-website{font-size:.75rem}@media (max-width: 768px){.guestbook-page{padding:var(--space-sm)}}.chatbot-component{background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);box-shadow:var(--shadow-window);font-family:var(--font-pixel)}.chatbot-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 3px;background:linear-gradient(90deg,var(--color-window-bar) 0%,#1084d0 100%);color:var(--color-window-bar-text)}.chatbot-buttons{display:flex;gap:2px}.chatbot-btn{width:16px;height:14px;background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:8px;font-weight:700;color:var(--color-text-primary);padding:0;line-height:1}.chatbot-btn:hover{background:var(--color-bg-secondary)}.chatbot-btn:active{border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker)}.chatbot-btn.close:after{content:"X"}.chatbot-btn.minimize:after{content:"_"}.chatbot-btn.maximize:after{content:"□"}.chatbot-title{font-family:var(--font-pixel);font-size:.75rem;color:var(--color-window-bar-text);font-weight:700}.chatbot-messages{height:300px;overflow-y:auto;padding:var(--space-md);background:var(--color-bg-window);border:2px solid;border-color:var(--color-border-dark) var(--color-border-light) var(--color-border-light) var(--color-border-dark);margin:var(--space-sm)}.chat-message{margin-bottom:var(--space-md);font-size:.75rem;line-height:1.5;word-wrap:break-word}.message-prefix{color:var(--color-text-muted)}.message-sender{color:var(--color-accent-blue);font-weight:700}.chat-message.user .message-sender{color:var(--color-accent-maroon)}.message-text{color:var(--color-text-primary)}.typing-indicator{display:inline-flex;gap:2px}.typing-indicator span{animation:blink 1.4s infinite;color:var(--color-text-muted)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chatbot-input{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-primary)}.input-prompt{color:var(--color-text-muted);font-weight:700;font-size:.875rem}.chatbot-input .retro-input{flex:1}.error-message{padding:var(--space-sm);background:#fcc;color:var(--color-accent-red);font-size:.75rem;text-align:center;border-top:1px solid var(--color-accent-red)}@media (max-width: 768px){.chatbot-messages{height:250px}}.chat-page{max-width:900px;margin:0 auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.chat-intro-window{width:100%}.chat-intro{text-align:center}.chat-intro h1{margin-bottom:var(--space-md)}.chat-intro p{margin-bottom:var(--space-lg)}.chat-tips{background:var(--color-bg-secondary);padding:var(--space-md);border:2px solid;border-color:var(--color-border-dark) var(--color-border-light) var(--color-border-light) var(--color-border-dark);text-align:left}.chat-tips h3{margin-bottom:var(--space-sm);font-size:.875rem}.chat-tips ul{list-style:none;padding:0}.chat-tips li{font-family:var(--font-pixel);font-size:.75rem;padding:var(--space-xs) 0;color:var(--color-text-secondary)}.chat-tips li:before{content:"> ";color:var(--color-accent-teal)}.chat-container{width:100%}.chat-container .chatbot-component{position:relative;bottom:auto;right:auto;width:100%;max-width:100%}@media (max-width: 768px){.chat-page{padding:var(--space-sm)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-bg-primary);border-bottom:2px solid;border-color:var(--color-border-light) var(--color-border-light) var(--color-border-dark) var(--color-border-light)}.nav-container{display:flex;align-items:center;padding:var(--space-xs) var(--space-md);gap:var(--space-lg)}.nav-logo{font-family:var(--font-heading);font-size:1rem;color:var(--color-text-primary);text-decoration:none;padding:var(--space-xs) var(--space-sm);font-weight:700}.nav-logo:hover{color:var(--color-text-primary)}.nav-links{list-style:none;display:flex;gap:0;margin:0;padding:0}.nav-links li{display:inline}.nav-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-pixel);font-size:.75rem;color:var(--color-text-primary);text-decoration:none}.nav-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.nav-link:hover,.nav-link.active{background:var(--color-accent-blue);color:#fff}.mobile-menu-btn{display:none;background:var(--color-bg-primary);border:2px solid;border-color:var(--color-border-light) var(--color-border-darker) var(--color-border-darker) var(--color-border-light);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-family:var(--font-pixel);font-size:.75rem;color:var(--color-text-primary)}.mobile-menu-btn:active{border-color:var(--color-border-darker) var(--color-border-light) var(--color-border-light) var(--color-border-darker)}@media (max-width: 768px){.nav-container{flex-wrap:wrap}.mobile-menu-btn{display:block;margin-left:auto}.nav-links{display:none;width:100%;flex-direction:column;background:var(--color-bg-window);border:2px solid;border-color:var(--color-border-dark) var(--color-border-light) var(--color-border-light) var(--color-border-dark);margin-top:var(--space-xs)}.nav-links.open{display:flex}.nav-link{width:100%;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.nav-link:last-child{border-bottom:none}}