.theme-controls{display:flex;align-items:center;gap:10px}.mode-toggle{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px}.mode-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:4px;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.mode-btn svg{width:100%;height:100%}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 8px var(--glow)}.theme-switcher{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--border);border-radius:999px}.theme-swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.theme-swatch:hover{transform:scale(1.12)}.theme-swatch.active{border-color:var(--text);box-shadow:0 0 10px var(--glow)}.nav{position:sticky;top:0;z-index:10;background:var(--nav-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 8px;margin:-4px -8px;border-radius:6px}.nav-logo{width:18px;height:18px}.nav-logo-fg{fill:var(--text)}.nav-logo-accent{fill:var(--accent-2)}.nav-name{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text)}.nav-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:24px;row-gap:10px}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:28px;row-gap:8px}.nav-links a{font-family:var(--font-mono);font-size:13px;text-decoration:none;color:var(--text-secondary);transition:color .15s ease}.nav-links a:hover{color:var(--accent)}@media (max-width: 720px){.nav-inner{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px}.nav-right{width:100%;gap:16px}}@media (max-width: 560px){.nav-links{gap:14px}.nav-links a{font-size:11.5px}}.byte-critter{background:none;border:none;padding:0;cursor:pointer;width:64px;height:64px;animation:byte-bob 2.6s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--glow))}.byte-critter svg{width:100%;height:100%}.byte-body{fill:var(--accent)}.byte-eye{fill:var(--panel)}.byte-antenna{fill:var(--text-tertiary)}.byte-accent2{fill:var(--accent-2)}@keyframes byte-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.byte-critter.waving{animation:byte-wave .7s ease-in-out}@keyframes byte-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.wandering-cat{position:absolute;bottom:6px;left:-30px;width:40px;animation:cat-walk 22s linear infinite;opacity:.9}.cat-body{fill:var(--text-tertiary)}.cat-eye{fill:var(--accent-2)}@keyframes cat-walk{0%{left:-30px}to{left:100%}}@media (prefers-reduced-motion: reduce){.byte-critter,.wandering-cat{animation:none}}.footer{position:relative;overflow:hidden;padding-bottom:20px}.footer-inner{display:flex;justify-content:space-between;padding:32px 24px 12px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-tertiary)}.footer a{color:var(--text-tertiary);text-decoration:none}.footer a:hover{color:var(--accent)}.shell-panel{margin-top:24px;background:var(--panel-dark);border-radius:8px;border:1px solid var(--glow);box-shadow:0 0 24px -4px var(--glow);overflow:hidden;animation:shell-in .2s ease;width:100%}@media (min-width: 861px){.shell-panel{width:78%}}@keyframes shell-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.shell-panel{animation:none}}.shell-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.shell-close{background:none;border:none;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px}.shell-close:hover{color:var(--text)}.shell-body{padding:14px 16px;height:220px;overflow-y:auto;font-family:var(--font-mono);font-size:13px;line-height:1.6;cursor:text}.shell-line{color:#e7e5df;white-space:pre-wrap;word-break:break-word}.shell-output{color:#b7b5ae}.shell-prompt{color:var(--accent);margin-right:6px}.shell-input-row{display:flex;align-items:baseline}.shell-input{flex:1;min-width:0;background:none;border:none;outline:none;color:#e7e5df;font-family:var(--font-mono);font-size:13px;padding:0;margin:0;caret-color:var(--accent)}.shell-input:focus-visible{outline:none;box-shadow:0 1px 0 var(--accent)}.hero{padding:88px 24px 96px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}.hero>*{min-width:0}.hero-shell-row{grid-column:1 / -1}.pixel-badge{margin-bottom:16px;animation:badge-pulse 2.4s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 6px var(--glow-2)}50%{box-shadow:0 0 16px var(--glow-2)}}@media (prefers-reduced-motion: reduce){.pixel-badge{animation:none}}.hero-headline{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.01em;max-width:17ch}.hero-subhead{margin-top:22px;max-width:46ch;font-size:1.05rem}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.btn{font-family:var(--font-mono);font-size:14px;text-decoration:none;padding:11px 18px;border-radius:var(--radius);border:1px solid transparent;background:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 #0000;transition:background .15s ease,box-shadow .2s ease}.btn-primary:hover{filter:brightness(.88);box-shadow:0 0 20px var(--glow)}.btn-ghost{border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.editor-wrap{position:relative;margin-top:40px}.editor{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 1px 0 var(--border)}.hero-mascot{position:absolute;bottom:-26px;right:-18px}.editor-tabs{display:flex;background:var(--border);border-bottom:1px solid var(--border)}.editor-tab{font-family:var(--font-mono);font-size:12.5px;padding:10px 18px;color:var(--text-tertiary)}.editor-tab.active{color:var(--text);background:var(--panel);border-right:1px solid var(--border)}.editor-body{padding:20px 0;overflow-x:auto}.editor-line{display:flex;padding:2px 20px;font-family:var(--font-mono);font-size:13.5px;white-space:pre}.ln{width:24px;flex-shrink:0;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.code{color:var(--text)}.code-keyword{color:var(--code-keyword)}.code-string{color:var(--code-string)}.typing-cursor{display:inline-block;color:var(--accent);margin-left:1px;animation:cursor-blink .9s steps(1,start) infinite}@keyframes cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.typing-cursor{animation:none}}@media (max-width: 1000px){.hero{grid-template-columns:1fr .9fr;gap:32px}.hero-headline{max-width:14ch}}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-headline{max-width:18ch}.editor-wrap{margin-top:0}.hero-mascot{bottom:-20px;right:8px}}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}.about-heading{font-size:1.6rem}.about-paragraph{font-size:1rem}.about-paragraph+.about-paragraph{margin-top:18px}@media (max-width: 640px){.about-grid{grid-template-columns:1fr;gap:16px}}.projects-heading{font-size:1.6rem;margin-bottom:36px}.project-list{display:flex;flex-direction:column}.project-card{display:block;text-decoration:none;color:inherit;padding:26px 18px;margin:0 -18px;border-top:1px solid var(--border);border-left:2px solid transparent;border-radius:4px;transition:border-left-color .15s ease,background-color .15s ease,box-shadow .15s ease}.project-list a.project-card:last-child{border-bottom:1px solid var(--border)}.project-card:hover{border-left-color:var(--accent);background:var(--accent-soft);box-shadow:-6px 0 16px -4px var(--glow)}.project-name-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.project-name{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;color:var(--text)}.project-status{font-family:var(--font-mono);font-size:11.5px;color:var(--text-tertiary)}.project-description{margin-top:10px;max-width:58ch;font-size:.97rem}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.project-tech li{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--panel);border:1px solid var(--border);padding:4px 9px;border-radius:4px}.skills-heading{font-size:1.6rem;margin-bottom:36px}.skills-panel{font-family:var(--font-mono);font-size:13.5px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px 24px;max-width:640px;color:var(--text)}.skills-code{color:var(--text-tertiary)}.skills-key{color:var(--code-keyword);padding:6px 0 2px}.skills-values li{color:var(--code-string);padding:3px 0}@media (max-width: 640px){.skills-panel{font-size:12.5px;padding:18px}}.experience-heading{font-size:1.6rem;margin-bottom:36px}.commit-list{list-style:none;padding:0;margin:0;border-left:2px solid var(--border)}.commit{position:relative;padding:4px 0 30px 28px}.commit:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.commit-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.commit-hash{font-family:var(--font-mono);font-size:12.5px;color:var(--code-string)}.commit-message{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--text)}.commit-meta{font-family:var(--font-mono);font-size:12.5px;color:var(--text-tertiary);margin-top:4px}.commit-body{margin-top:12px;max-width:58ch;font-size:.97rem}.contact-heading{font-size:1.6rem}.contact-lead{margin-top:14px;max-width:48ch}.terminal{margin-top:32px;background:var(--panel-dark);border-radius:8px;padding:22px 26px;max-width:560px;border:1px solid var(--glow);box-shadow:0 0 24px -4px var(--glow)}.terminal-row{font-family:var(--font-mono);font-size:13.5px;color:#e7e5df;padding:5px 0}.terminal-row a{color:#e7e5df;text-decoration:underline;text-decoration-color:#55584f;text-underline-offset:3px}.terminal-row a:hover{text-decoration-color:#e7e5df}.prompt{color:var(--accent);margin-right:4px;text-shadow:0 0 8px var(--glow)}.gallery{margin-top:40px}.gallery-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.gallery-thumb{flex:0 0 auto;width:220px;height:140px;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumb:hover,.gallery-thumb:focus-visible{border-color:var(--accent);box-shadow:0 0 16px -3px var(--glow);transform:translateY(-2px)}@media (max-width: 640px){.gallery-thumb{width:180px;height:115px}}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#050609e0;display:flex;align-items:center;justify-content:center;z-index:100;padding:56px 24px;animation:gallery-fade-in .15s ease}@keyframes gallery-fade-in{0%{opacity:0}to{opacity:1}}.gallery-lightbox-image{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 0 48px #00000080}.gallery-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#f2f2f2;font-size:30px;line-height:1;cursor:pointer;padding:8px 10px}.gallery-close:hover{color:#fff}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#f2f2f2;font-size:26px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.gallery-nav:hover{background:#fff3}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-counter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#ffffffbf;font-family:var(--font-mono);font-size:12.5px}@media (prefers-reduced-motion: reduce){.gallery-lightbox{animation:none}.gallery-thumb{transition:none}}article.project-detail{max-width:720px}.project-detail-title{font-size:clamp(1.8rem,4vw,2.4rem)}.project-detail-tagline{margin-top:14px;font-size:1.05rem;max-width:56ch}.project-meta{display:flex;gap:36px;margin:30px 0 0}.project-meta dt{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-transform:lowercase}.project-meta dd{margin:4px 0 0;font-family:var(--font-mono);font-size:13.5px;color:var(--text)}.project-detail-tech{margin-top:22px}.project-video{margin-top:40px;position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--panel-dark)}.project-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.project-detail-body{margin-top:40px;display:flex;flex-direction:column;gap:18px;font-size:1rem}.project-links-list{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.project-link-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.project-link-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-link-label{font-size:.92rem;font-weight:500}.project-link-url{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.back-link{display:inline-block;margin-top:56px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);text-decoration:none;padding-left:14px;position:relative}.back-link:before{content:"‹";position:absolute;left:0;top:-1px}.back-link:hover{color:var(--accent)}.project-not-found h1{font-size:1.8rem;margin-top:8px}.project-not-found p{margin-top:12px}.project-not-found .btn{margin-top:24px;display:inline-block}@media (max-width: 560px){.project-meta{gap:24px;flex-wrap:wrap}}:root{--bg: #fbfbf6;--panel: #ffffff;--border: #e3e7da;--border-strong: #c9d1bb;--text: #1b1d18;--text-secondary: #5b6154;--text-tertiary: #8b8f7f;--accent: #3e8e5b;--accent-2: #ff6f61;--accent-soft: rgba(62, 142, 91, .12);--accent-2-soft: rgba(255, 111, 97, .12);--panel-dark: #1b1d18;--nav-bg: rgba(251, 251, 246, .85);--glow: rgba(62, 142, 91, .35);--glow-2: rgba(255, 111, 97, .32);--code-keyword: #6e59a5;--code-string: #a3591f;--code-comment: #97998f;--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-pixel: "Press Start 2P", var(--font-mono);--max-width: 1040px;--radius: 10px;transition:background-color .25s ease,color .25s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.15;margin:0;color:var(--text)}p{margin:0;color:var(--text-secondary)}a{color:inherit}ul{margin:0;padding:0;list-style:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding-top:88px;padding-bottom:88px;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:none}.file-tag{display:inline-block;font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);margin-bottom:20px}.section-body{max-width:640px}@media (max-width: 640px){.section{padding-top:56px;padding-bottom:56px}}.pixel-badge{display:inline-block;font-family:var(--font-pixel);font-size:9px;line-height:1;letter-spacing:.02em;padding:6px 8px;border-radius:4px;background:var(--accent-2);color:#fff}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.themed-scrollbar::-webkit-scrollbar{width:8px;height:6px}.themed-scrollbar::-webkit-scrollbar-track{background:transparent}.themed-scrollbar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{transition:none;opacity:1;transform:none}}.neon-glow{box-shadow:0 0 #0000;transition:box-shadow .2s ease}.neon-glow:hover,.neon-glow:focus-visible{box-shadow:0 0 18px var(--glow)}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px var(--glow)}50%{box-shadow:0 0 20px var(--glow)}}@media (prefers-reduced-motion: reduce){.neon-glow:hover,.neon-glow:focus-visible{transition:none}}