*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #F59E0B;--accent-dim: rgba(245,158,11,.12);--accent-glow: rgba(245,158,11,.35);--px: 4px}[data-theme=dark]{--bg: #0A0C10;--bg2: #10131A;--bg3: #181C26;--border: rgba(255,255,255,.07);--text: #E8EAF0;--text-dim: #4B5563;--text-mid: #9CA3AF;--card-bg: #10131A;--scan: rgba(0,0,0,.4)}[data-theme=light]{--bg: #F0EDE6;--bg2: #FAF9F6;--bg3: #E8E5DD;--border: rgba(0,0,0,.09);--text: #0D0F14;--text-dim: #9CA3AF;--text-mid: #6B7280;--card-bg: #FFFFFF;--scan: rgba(255,255,255,.3)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;min-height:100vh;transition:background .4s,color .4s;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scan) 2px,var(--scan) 3px);opacity:.05}#pixel-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4}.layout{display:grid;grid-template-columns:268px 1fr;min-height:100vh;position:relative;z-index:1}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--border);padding:44px 28px;display:flex;flex-direction:column;gap:36px;background:var(--bg2);transition:background .4s}.sidebar::-webkit-scrollbar{width:0}.avatar-area{display:flex;flex-direction:column;gap:14px}.px-avatar{width:64px;height:64px;position:relative;image-rendering:pixelated}.px-avatar canvas{width:64px;height:64px;display:block}.name-text{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.status-badge{display:inline-flex;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);background:var(--accent-dim);padding:5px 10px;border-radius:0;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));width:fit-content;margin-top:6px;line-height:1.6}.blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:0;font-size:12px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all .15s;text-decoration:none;border:none;background:none;width:100%;text-align:left;position:relative;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.nav-item:hover{color:var(--text);background:var(--accent-dim)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-num{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);min-width:22px}.nav-item.active .nav-num{color:var(--accent)}.nav-item.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.contacts{display:flex;flex-direction:column;gap:7px}.c-link{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text-dim);text-decoration:none;transition:color .2s;font-family:JetBrains Mono,monospace}.c-link:hover{color:var(--accent)}.c-icon{width:26px;height:26px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));transition:background .2s,border-color .2s}.c-link:hover .c-icon{background:var(--accent-dim);border-color:var(--accent)}.theme-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);background:var(--bg3);color:var(--text-mid);font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;transition:all .2s;width:100%;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.main{padding:64px 68px;display:flex;flex-direction:column;max-width:1500px;width:100%}.sec-gap-compact{gap:56px}.sec-gap-comfortable{gap:80px}.sec-gap-spacious{gap:104px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.sec-label{display:flex;align-items:center;gap:12px;margin-bottom:32px}.sec-num{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent);letter-spacing:0}.sec-title{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.sec-line{flex:1;height:1px;background:var(--border)}.hero-h{font-size:clamp(34px,4.5vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px}.hero-h em{font-style:normal;color:var(--accent)}.cursor{display:inline-block;width:3px;height:.85em;background:var(--accent);margin-left:2px;vertical-align:middle;animation:blink .8s step-end infinite}.hero-body{font-size:14.5px;line-height:1.75;color:var(--text-mid);max-width:760px}.hero-body strong{color:var(--text);font-weight:600}.stats-row{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}.stat-box{background:var(--bg3);border:1px solid var(--border);padding:14px 18px;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:border-color .2s}.stat-box:hover{border-color:var(--accent)}.stat-val{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--accent);line-height:1;margin-bottom:6px}.stat-lbl{font-size:10px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.exp-list{display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:16px 1fr;gap:0 24px;padding-bottom:48px}.exp-item:last-child{padding-bottom:0}.exp-spine{display:flex;flex-direction:column;align-items:center}.exp-dot{width:12px;height:12px;flex-shrink:0;margin-top:6px;background:var(--accent);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));animation:pixel-glow 2s infinite alternate}@keyframes pixel-glow{0%{box-shadow:0 0 0 0 var(--accent-glow)}to{box-shadow:0 0 12px 4px var(--accent-glow)}}.exp-line{width:1px;flex:1;background:var(--border);margin-top:6px}.exp-role{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.exp-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.exp-co{font-size:13px;color:var(--text-mid)}.exp-badge{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);background:var(--accent-dim);padding:4px 8px;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.exp-bullets{display:flex;flex-direction:column;gap:8px}.exp-bullet{display:flex;gap:10px;font-size:13px;line-height:1.65;color:var(--text-mid)}.bullet-arrow{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);margin-top:4px;flex-shrink:0}.skills-grid{display:flex;flex-direction:column;gap:24px}.skill-cat{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.skill-cat:before{content:"▶";color:var(--accent);font-size:7px}.tags-row{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:JetBrains Mono,monospace;font-size:11.5px;padding:6px 13px;color:var(--text-mid);background:var(--bg3);border:1px solid var(--border);cursor:default;transition:all .15s;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.proj-card{background:var(--card-bg);border:1px solid var(--border);padding:24px;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.proj-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.proj-card:hover:before{transform:scaleX(1)}.proj-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 40px var(--accent-glow)}.proj-tag{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);margin-bottom:10px;display:block}.proj-name{font-size:15px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.proj-desc{font-size:12.5px;line-height:1.6;color:var(--text-mid);margin-bottom:14px}.proj-techs{display:flex;flex-wrap:wrap;gap:6px}.proj-tech{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);background:var(--bg3);padding:3px 8px;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-card{background:var(--card-bg);border:1px solid var(--border);padding:18px 20px;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:border-color .2s,background .2s}.tool-card:hover{border-color:var(--accent);background:var(--accent-dim)}.tool-icon{font-size:20px;margin-bottom:8px}.tool-name{font-size:13px;font-weight:700;margin-bottom:4px}.tool-desc{font-size:11.5px;color:var(--text-mid);line-height:1.5}.edu-card{background:var(--card-bg);border:1px solid var(--border);padding:28px 32px;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:border-color .2s}.edu-card:hover{border-color:var(--accent)}.edu-deg{font-size:15px;font-weight:700;margin-bottom:5px}.edu-sch{font-size:12.5px;color:var(--text-mid)}.edu-yr{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent);background:var(--accent-dim);padding:6px 12px;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));white-space:nowrap;line-height:1.6}.pub-card{background:var(--card-bg);border:1px solid var(--border);padding:28px 32px;text-decoration:none;display:block;color:inherit;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));transition:border-color .2s,box-shadow .2s}.pub-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.pub-jrn{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--accent);margin-bottom:12px}.pub-title{font-size:15px;font-weight:700;margin-bottom:10px}.pub-lnk{font-size:11px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.pub-card:hover .pub-lnk{color:var(--accent)}@keyframes glitch-clip1{0%,to{clip-path:inset(0 0 98% 0)}20%{clip-path:inset(30% 0 50% 0)}40%{clip-path:inset(70% 0 10% 0)}60%{clip-path:inset(10% 0 80% 0)}80%{clip-path:inset(55% 0 30% 0)}}@keyframes glitch-clip2{0%,to{clip-path:inset(80% 0 5% 0)}20%{clip-path:inset(5% 0 85% 0)}40%{clip-path:inset(40% 0 40% 0)}60%{clip-path:inset(90% 0 2% 0)}80%{clip-path:inset(20% 0 60% 0)}}.glitch-wrap{position:relative;display:inline-block}.glitch-wrap:before,.glitch-wrap:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap}.glitch-wrap.glitching:before{color:var(--accent);left:2px;animation:glitch-clip1 .25s steps(1) 3}.glitch-wrap.glitching:after{color:#7c3aed;left:-2px;animation:glitch-clip2 .25s steps(1) 3}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dl-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-family:"Press Start 2P",monospace;font-size:9px;cursor:pointer;text-decoration:none;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));transition:all .2s;line-height:1.7;grid-column:1 / -1}.dl-btn:hover{background:var(--accent);color:var(--bg)}.cf-form{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-field{display:flex;flex-direction:column;gap:6px}.cf-label{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--text-dim)}.cf-input,.cf-textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;padding:10px 14px;outline:none;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:border-color .2s}.cf-input:focus,.cf-textarea:focus{border-color:var(--accent)}.cf-textarea{resize:vertical;min-height:100px}.cf-submit{padding:12px 20px;background:var(--accent);color:var(--bg);border:none;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:opacity .2s;align-self:flex-start}.cf-submit:hover{opacity:.85}.cf-sent{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent);padding:12px 0}@media (max-width: 600px){.contact-section,.cf-row{grid-template-columns:1fr}}.tweaks-panel{position:fixed;bottom:24px;right:24px;background:var(--bg2);border:1px solid var(--border);padding:20px;width:250px;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));box-shadow:0 20px 60px #0006;z-index:1000;display:none}.tweaks-panel.open{display:block}.tw-title{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent);margin-bottom:18px}.tw-row{margin-bottom:16px}.tw-lbl{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--text-dim);margin-bottom:8px}.tw-swatches{display:flex;gap:8px}.tw-swatch{width:22px;height:22px;cursor:pointer;border:2px solid transparent;transition:all .2s;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.tw-swatch.active{border-color:var(--text);transform:scale(1.3)}.tw-btns{display:flex;gap:6px;flex-wrap:wrap}.tw-btn{padding:5px 10px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;transition:all .15s;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.tw-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.tw-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-fab{position:fixed;bottom:28px;left:28px;z-index:300;width:52px;height:52px;background:var(--accent);border:none;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px var(--accent-glow);transition:transform .2s,box-shadow .2s;image-rendering:pixelated}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px var(--accent-glow)}.chat-fab canvas{width:32px;height:32px;pointer-events:none}.chat-panel{position:fixed;bottom:92px;left:28px;z-index:300;width:340px;max-height:480px;background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;transform-origin:bottom left;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}.chat-panel.hidden{transform:scale(.85) translateY(12px);opacity:0;pointer-events:none}.chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-info{flex:1}.chat-header-name{font-size:12px;font-weight:700}.chat-header-status{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--accent);display:flex;align-items:center;gap:5px;margin-top:2px}.chat-close{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:4px;transition:color .15s;line-height:1}.chat-close:hover{color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border)}.msg{display:flex;gap:8px;align-items:flex-end;max-width:100%}.msg.user{flex-direction:row-reverse}.msg-bubble{padding:9px 12px;max-width:240px;font-size:12.5px;line-height:1.55;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));word-break:break-word}.msg.bot .msg-bubble{background:var(--bg3);color:var(--text)}.msg.user .msg-bubble{background:var(--accent);color:var(--bg)}.msg-avatar{width:24px;height:24px;flex-shrink:0;image-rendering:pixelated}.msg-avatar canvas{width:24px;height:24px}.typing-dots{display:flex;gap:4px;padding:4px 2px}.typing-dots span{width:5px;height:5px;background:var(--text-dim);clip-path:polygon(0 1px,1px 1px,1px 0,calc(100% - 1px) 0,calc(100% - 1px) 1px,100% 1px,100% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,1px calc(100% - 1px),0 calc(100% - 1px));animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.chat-input-row{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 12px;outline:none;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-send{background:var(--accent);border:none;color:var(--bg);font-family:"Press Start 2P",monospace;font-size:8px;padding:0 14px;cursor:pointer;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));transition:opacity .15s}.chat-send:hover{opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.chat-sug{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);background:var(--accent-dim);padding:4px 10px;border:1px solid transparent;cursor:pointer;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));transition:all .15s}.chat-sug:hover{border-color:var(--accent);background:var(--accent);color:var(--bg)}@media (max-width: 860px){.chat-fab{bottom:76px}.chat-panel{bottom:136px;left:12px;right:12px;width:auto}}.mobile-topbar{display:none;position:sticky;top:0;z-index:200;background:var(--bg2);border-bottom:1px solid var(--border);padding:14px 20px;align-items:center;justify-content:space-between}.mobile-name{font-size:13px;font-weight:700;letter-spacing:-.01em}.mobile-badge{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--accent);background:var(--accent-dim);padding:4px 8px;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.mobile-theme-btn{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-mid);background:none;border:1px solid var(--border);padding:6px 10px;cursor:pointer;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg2);border-top:1px solid var(--border);padding:8px 4px 12px;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-inner{display:flex;align-items:center;min-width:max-content;gap:2px;padding:0 8px}.mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;border:none;background:none;font-family:"Press Start 2P",monospace;font-size:6px;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:color .15s;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px))}.mob-nav-item.active{color:var(--accent)}.mob-nav-dot{width:4px;height:4px;background:var(--accent);opacity:0;transition:opacity .2s}.mob-nav-item.active .mob-nav-dot{opacity:1}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex}.mobile-nav{display:block}.main{padding:28px 20px 90px}.projects-grid{grid-template-columns:1fr 1fr}.hero-h{font-size:28px}.stats-row{gap:10px}.stat-box{padding:10px 14px}.stat-val{font-size:14px}.tools-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.projects-grid,.tools-grid{grid-template-columns:1fr}.stats-row{gap:8px}.stat-box{flex:1}}