.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;display:flex;align-items:center;justify-content:center}.navbar-inner{width:100%;max-width:var(--max-width);padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)!important;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.brand-icon-wrap{position:relative;flex-shrink:0}.brand-hat{position:absolute;width:38px;top:-14px;left:50%;transform:translate(-50%) rotate(-8deg);pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:2;transition:transform .4s ease}.navbar-brand:hover .brand-hat{transform:translate(-50%) rotate(4deg) translateY(-2px)}.brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border-radius:6px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#fff;-webkit-text-fill-color:white;flex-shrink:0;position:relative;z-index:1}.navbar-brand span{background:linear-gradient(135deg,var(--accent),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:2rem;list-style:none}.navbar-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.log-pose{font-size:.7rem;opacity:.3;transition:opacity .3s,transform .5s;animation:logPoseSway 4s ease-in-out infinite}.navbar-brand:hover .log-pose{opacity:.7;transform:rotate(20deg)}@keyframes logPoseSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary)}.navbar-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.mobile-toggle{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.4rem .6rem;cursor:pointer;transition:border-color .2s}.mobile-toggle:hover{border-color:var(--accent)}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 2rem;z-index:999}.mobile-menu.open{display:block}.mobile-menu a{display:block;color:var(--text-secondary);padding:.75rem 0;font-weight:500;border-bottom:1px solid var(--border)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:var(--text-primary)}@media(max-width:768px){.navbar-links{display:none}.mobile-toggle{display:flex;align-items:center;gap:.25rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 2rem;text-align:center}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-links a{color:var(--text-muted);transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border)}.footer-links a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.footer-quote{font-size:.8rem;font-style:italic;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:1rem;opacity:.7}.footer-text{color:var(--text-muted);font-size:.85rem}.footer-text .highlight{color:var(--accent-secondary)}.footer-jolly{margin-top:1rem;font-size:1.2rem;opacity:.3;transition:opacity .3s,transform .3s;cursor:default}.footer-jolly:hover{opacity:.8;transform:scale(1.3) rotate(-10deg)}.main-content{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height)}.vscode-scene{position:relative;height:calc(100vh - var(--nav-height) - 16px);min-height:520px;margin:8px}.vscode-container{display:flex;flex-direction:column;height:100%;background:#1e1e1e;border-radius:10px;border:1px solid #555;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0a;animation:vscodeFadeIn .6s ease}@keyframes vscodeFadeIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.vscode-titlebar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;background:#323233;border-bottom:1px solid #252526;-webkit-user-select:none;user-select:none;flex-shrink:0}.titlebar-left,.titlebar-right{width:70px;flex-shrink:0}.titlebar-traffic{display:flex;gap:7px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:#555;transition:opacity .15s}.dot-close{background:#ff5f57}.dot-min{background:#febc2e}.dot-max{background:#28c840}.titlebar-text{font-size:.75rem;color:#999;font-family:var(--font-sans);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-body{flex:1;display:flex;overflow:hidden;min-height:0}.vscode-activitybar{width:48px;background:#333;border-right:1px solid #252526;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.ab-top,.ab-bottom{display:flex;flex-direction:column;align-items:center}.ab-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#858585;cursor:pointer;position:relative;transition:color .15s}.ab-icon:hover{color:#d4d4d4}.ab-icon.active{color:#fff}.ab-icon.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:#fff;border-radius:0 1px 1px 0}.zoro-swords{width:28px;height:32px;padding:4px 10px 8px;opacity:.35;transition:opacity .3s,transform .3s;cursor:default}.zoro-swords:hover{opacity:.8;transform:scale(1.15)}.vscode-sidebar{width:220px;background:#252526;border-right:1px solid #1e1e1e;overflow-y:auto;flex-shrink:0}.vscode-sidebar::-webkit-scrollbar{width:5px}.vscode-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-header{padding:10px 16px 4px;font-size:.68rem;font-weight:600;letter-spacing:.12em;color:#bbb;text-transform:uppercase;font-family:var(--font-sans)}.sidebar-project{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);transition:background .1s}.sidebar-project:hover{background:#2a2d2e}.sidebar-tree{font-family:var(--font-sans)}.tree-item{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background .08s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item:hover{background:#2a2d2e}.tree-item.active{background:#37373d}.tree-item.folder{font-weight:500}.tree-item.depth-0{padding-left:8px}.tree-item.depth-1{padding-left:24px}.tree-item.depth-2{padding-left:44px}.icon-folder{color:#888;flex-shrink:0}.icon-folder.open{color:#dcb67a}.file-count{margin-left:auto;font-size:.65rem;color:#666;background:#333;padding:0 5px;border-radius:8px;font-family:var(--font-mono)}.search-panel{padding:8px}.search-input-wrap{display:flex;align-items:center;gap:6px;background:#3c3c3c;border:1px solid #555;border-radius:4px;padding:0 8px;transition:border-color .2s}.search-input-wrap:focus-within{border-color:var(--accent)}.search-input-icon{color:#888;flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:#ccc;font-family:var(--font-mono);font-size:.78rem;padding:6px 0;min-width:0}.search-input::placeholder{color:#666}.search-clear{background:none;border:none;color:#888;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;transition:background .15s}.search-clear:hover{background:#555;color:#ccc}.search-results{margin-top:8px}.search-hint{font-size:.72rem;color:#666;padding:8px 4px;line-height:1.5}.search-count{font-size:.7rem;color:#888;font-family:var(--font-mono);padding:4px 4px 8px}.search-empty{padding:12px 4px;text-align:center}.search-empty p{font-size:.75rem;color:#888;margin:0}.search-empty .search-term{color:var(--accent)}.search-empty-sub{font-size:.68rem!important;color:#555!important;font-style:italic;margin-top:6px!important}.search-result-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;text-decoration:none;color:inherit;transition:background .15s}.search-result-item:hover{background:#2a2d2e}.search-result-info{display:flex;flex-direction:column;min-width:0}.search-result-name{font-size:.78rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item:hover .search-result-name{color:var(--accent)}.search-result-path{font-size:.65rem;color:#666;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.vscode-tabbar{display:flex;background:#252526;border-bottom:1px solid #1e1e1e;flex-shrink:0;overflow-x:auto}.vscode-tab{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:.78rem;font-family:var(--font-sans);color:#888;border-right:1px solid #252526;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;-webkit-user-select:none;user-select:none}.vscode-tab:hover{color:#bbb}.vscode-tab.active{background:#1e1e1e;color:#ddd;border-bottom:2px solid var(--accent);margin-bottom:-1px}.tab-x{color:transparent;flex-shrink:0;margin-left:4px;transition:color .15s}.vscode-tab.active .tab-x{color:#666}.vscode-tab.active:hover .tab-x{color:#ccc}.vscode-breadcrumb{display:flex;align-items:center;gap:2px;padding:3px 14px;background:#1e1e1e;font-size:.72rem;font-family:var(--font-sans);color:#888;border-bottom:1px solid #252526;flex-shrink:0}.breadcrumb-active{color:#ccc}.vscode-editor-wrap{flex:3;display:flex;overflow:hidden;min-height:0}.vscode-editor{flex:1;overflow-y:auto;padding:8px 0;font-family:var(--font-mono);font-size:.88rem;line-height:1.65}.vscode-editor::-webkit-scrollbar{width:10px}.vscode-editor::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:0}.vscode-editor::-webkit-scrollbar-thumb:hover{background:#ffffff24}.code-line{display:flex;padding:0 14px 0 0;transition:background .1s}.code-line:hover{background:#ffffff05}.code-line.active-line{background:#6c63ff14;border-left:2px solid var(--accent)}.line-num{width:48px;text-align:right;padding-right:16px;color:#555;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.82rem}.active-line .line-num{color:#999}.line-content{color:#d4d4d4;white-space:pre}.ck{color:#c586c0}.cs{color:#ce9178}.cn{color:#b5cea8}.cc{color:#6a9955}.typing-role{color:#ce9178}.cm-h{color:#569cd6;font-weight:600}.cm-bold{color:#d4d4d4;font-weight:700}.cm-link{color:#4ec9b0;text-decoration:underline}.cm-list{color:#d7ba7d}.cursor-blink{color:var(--accent);font-weight:300;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.vscode-minimap{width:60px;background:#1e1e1e;border-left:1px solid rgba(255,255,255,.04);padding:8px 6px;flex-shrink:0;position:relative;overflow:hidden}.minimap-viewport{position:absolute;top:6px;left:0;right:0;height:50px;background:#6c63ff0f;border:1px solid rgba(108,99,255,.15);pointer-events:none}.minimap-line{height:2.5px;margin:1.5px 0;background:#ffffff24;border-radius:1px;min-width:4px;transition:background .2s}.minimap-highlight{background:#6c63ff59}.vscode-panel-header{display:flex;align-items:center;background:#252526;border-top:1px solid #3c3c3c;border-bottom:1px solid #252526;padding:0 12px;flex-shrink:0}.panel-tabs-row{display:flex;align-items:center;gap:0}.panel-tab{padding:6px 12px;font-size:.7rem;font-weight:500;letter-spacing:.06em;font-family:var(--font-sans);text-transform:uppercase;color:#888;cursor:default;border-bottom:1px solid transparent;transition:color .15s}.panel-tab.active{color:#e0e0e0;border-bottom-color:#e0e0e0}.panel-badge{font-size:.6rem;background:#333;color:#aaa;padding:0 5px;border-radius:8px;margin-left:3px;font-family:var(--font-mono)}.vscode-terminal{flex:2;overflow:hidden;padding:8px 16px 4px;background:#181818;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;min-height:0;display:flex;flex-direction:column}.vscode-terminal::-webkit-scrollbar{width:8px}.vscode-terminal::-webkit-scrollbar-thumb{background:#ffffff14}.term-block{margin-bottom:6px;opacity:0;animation:termFadeIn .5s ease forwards;animation-delay:var(--delay, 0s)}@keyframes termFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.term-line{display:flex;align-items:center;gap:0;flex-wrap:wrap}.term-prompt{color:#4ec9b0;font-weight:600}.term-colon{color:#d4d4d4}.term-path{color:#569cd6;font-weight:500}.term-dollar{color:#d4d4d4;margin:0 6px 0 1px}.term-cmd{color:#e0e0e0}.term-output{padding:4px 0 2px 16px;color:#bbb}.term-cursor-blink{color:#ccc;animation:blink 1.2s step-end infinite}.vscode-statusbar{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 8px;background:#007acc;font-size:.7rem;font-family:var(--font-sans);color:#ffffffe6;flex-shrink:0;border-radius:0 0 10px 10px}.sb-left,.sb-right{display:flex;align-items:center;gap:2px}.sb-item{display:inline-flex;align-items:center;gap:3px;padding:0 6px;white-space:nowrap;height:22px;transition:background .15s;cursor:default}.sb-item:hover{background:#ffffff1f}.sb-remote{background:#16825d;font-weight:700;font-family:var(--font-mono);font-size:.72rem;letter-spacing:-.05em;padding:0 8px;border-radius:0 0 0 10px;margin-left:-8px}.sb-branch{font-weight:500}.sb-clean{gap:5px}.md-preview{flex:1;overflow-y:auto;background:#1e1e1e;scroll-behavior:smooth}.md-preview::-webkit-scrollbar{width:10px}.md-preview::-webkit-scrollbar-thumb{background:#ffffff14}.md-preview::-webkit-scrollbar-thumb:hover{background:#ffffff24}.md-content{max-width:720px;margin:0 auto;padding:2.5rem 2rem 4rem;animation:mdFadeIn .5s ease}@keyframes mdFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.md-greeting{display:block;font-size:.9rem;color:#6a9955;font-family:var(--font-mono);margin-bottom:.25rem;letter-spacing:.02em}.md-title{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#e0e0e0 0%,var(--accent) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.md-subtitle{font-size:1.05rem;line-height:1.7;color:#999;margin-bottom:2rem}.md-subtitle-secondary{font-size:.92rem;line-height:1.7;color:#6a9955;font-style:italic;margin-bottom:2rem;font-family:var(--font-mono)}.md-highlight{color:#569cd6;font-weight:600;-webkit-text-fill-color:#569cd6}.md-interests{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3rem}.md-interest-tag{padding:6px 16px;font-size:.82rem;font-weight:600;font-family:var(--font-mono);border-radius:50px;border:1px solid;cursor:default;transition:all .25s ease}.md-interest-tag:hover{transform:translateY(-2px)}.md-interest-tag.web{color:#61dafb;border-color:#61dafb4d;background:#61dafb0f}.md-interest-tag.web:hover{background:#61dafb1f;box-shadow:0 4px 12px #61dafb26}.md-interest-tag.scale{color:var(--accent-teal);border-color:#2dd4bf4d;background:#2dd4bf0f}.md-interest-tag.scale:hover{background:#2dd4bf1f;box-shadow:0 4px 12px #2dd4bf26}.md-interest-tag.dist{color:var(--accent);border-color:#6c63ff4d;background:#6c63ff0f}.md-interest-tag.dist:hover{background:#6c63ff1f;box-shadow:0 4px 12px #6c63ff26}.md-interest-tag.ai{color:var(--accent-secondary);border-color:#ff6b6b4d;background:#ff6b6b0f}.md-interest-tag.ai:hover{background:#ff6b6b1f;box-shadow:0 4px 12px #ff6b6b26}.md-interest-tag.coffee{color:var(--accent-gold);border-color:#f0b4294d;background:#f0b4290f}.md-interest-tag.coffee:hover{background:#f0b4291f;box-shadow:0 4px 12px #f0b42926}.md-interest-tag.pirate{color:#e0e0e0;border-color:#e0e0e040;background:#e0e0e00d}.md-interest-tag.pirate:hover{background:#e0e0e01f;box-shadow:0 4px 12px #e0e0e01a}.md-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2.5rem}.md-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border-radius:6px;text-decoration:none;cursor:pointer;transition:all .25s ease;border:none}.md-btn.primary{background:var(--accent);color:#fff}.md-btn.primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff59}.md-btn.secondary{background:transparent;color:#bbb;border:1px solid #444}.md-btn.secondary:hover{border-color:var(--accent);color:#e0e0e0;transform:translateY(-2px)}.md-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#3c3c3c 20%,#3c3c3c 80%,transparent);margin:0 0 2.5rem}.md-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:3rem}.md-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.25rem .75rem;background:#252526;border:1px solid #333;border-radius:8px;transition:all .25s ease}.md-stat-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.md-stat-num{font-size:1.6rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.md-stat-label{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.md-heading{font-size:1.35rem;font-weight:700;color:#e0e0e0;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #333}.md-hash{color:#569cd6;font-family:var(--font-mono);font-weight:400;font-size:1rem;opacity:.5}.md-topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:3rem}.md-topic-card{display:flex;align-items:flex-start;gap:14px;padding:1.25rem;background:#252526;border:1px solid #333;border-radius:10px;text-decoration:none;color:inherit;transition:all .25s ease;position:relative;overflow:hidden}.md-topic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.md-topic-card.topic-react:before{background:var(--accent)}.md-topic-card.topic-dotnet:before{background:var(--accent-secondary)}.md-topic-card.topic-db:before{background:var(--accent-teal)}.md-topic-card.topic-dsa:before{background:var(--accent-gold)}.md-topic-card:hover{border-color:#555;transform:translateY(-3px);box-shadow:0 6px 20px #00000059}.md-topic-card.topic-react:hover{border-color:#6c63ff66}.md-topic-card.topic-dotnet:hover{border-color:#ff6b6b66}.md-topic-card.topic-db:hover{border-color:#2dd4bf66}.md-topic-card.topic-dsa:hover{border-color:#f0b42966}.md-topic-icon{font-size:1.8rem;flex-shrink:0;line-height:1;transition:transform .3s}.md-topic-card:hover .md-topic-icon{transform:scale(1.15) rotate(-5deg)}.md-topic-info h3{font-size:.95rem;font-weight:600;color:#ddd;margin-bottom:3px}.md-topic-info p{font-size:.8rem;color:#888;line-height:1.4;margin-bottom:6px}.md-topic-count{font-size:.68rem;font-family:var(--font-mono);color:#666;padding:2px 8px;background:#1e1e1e;border-radius:50px;border:1px solid #333}.md-latest-card{display:block;background:#252526;border:1px solid #333;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;margin-bottom:3rem}.md-latest-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 30px #6c63ff26}.md-latest-accent{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-teal),var(--accent-gold));background-size:200% 100%;animation:accentSlide 4s ease infinite}@keyframes accentSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.md-latest-body{padding:1.5rem 1.75rem}.md-latest-date{font-family:var(--font-mono);font-size:.75rem;color:#666;display:block;margin-bottom:.5rem}.md-latest-card h3{font-size:1.2rem;font-weight:700;color:#e0e0e0;margin-bottom:.5rem;transition:color .2s}.md-latest-card:hover h3{color:var(--accent)}.md-latest-card p{font-size:.9rem;color:#999;line-height:1.6;margin-bottom:.75rem}.md-latest-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem}.md-tag{font-size:.7rem;font-weight:500;padding:3px 10px;border-radius:50px;background:#1e1e1e;color:var(--accent);border:1px solid rgba(108,99,255,.2);font-family:var(--font-mono)}.md-latest-read{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:.88rem;transition:gap .2s}.md-latest-card:hover .md-latest-read{gap:10px}.md-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2rem}.md-link-card{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#252526;border:1px solid #333;border-radius:8px;color:#ccc;text-decoration:none;font-size:.88rem;font-weight:500;transition:all .25s ease}.md-link-card:hover{border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.md-about{margin-bottom:2rem}.md-about-bio{font-size:.95rem;line-height:1.75;color:#bbb;margin-bottom:.75rem}.md-about-bio strong{color:var(--accent);font-weight:600}.md-subheading{font-size:1rem;font-weight:600;color:#ccc;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.md-subheading:before{content:">";color:#569cd6;font-family:var(--font-mono);font-weight:400;opacity:.5}.md-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:2.5rem}.md-project-card{padding:1rem 1.15rem;background:#252526;border:1px solid #333;border-radius:8px;text-decoration:none;color:inherit;transition:all .25s ease;display:flex;flex-direction:column;gap:6px}.md-project-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.md-project-header{display:flex;align-items:center;justify-content:space-between}.md-project-name{font-size:.88rem;font-weight:700;font-family:var(--font-mono);color:#4ec9b0;transition:color .2s}.md-project-card:hover .md-project-name{color:#6ee7c2}.md-project-link-icon{color:#555;flex-shrink:0;transition:color .2s}.md-project-card:hover .md-project-link-icon{color:#999}.md-project-desc{font-size:.78rem;color:#999;line-height:1.5}.md-project-tech{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.md-tech-tag{font-size:.62rem;font-family:var(--font-mono);font-weight:500;padding:2px 7px;border-radius:4px;background:#1e1e1e;color:#888;border:1px solid #333}@media(max-width:900px){.vscode-sidebar{width:180px}}@media(max-width:768px){.vscode-scene{height:calc(100vh - var(--nav-height));margin:0;min-height:0}.vscode-container{border-radius:0;border:none}.vscode-titlebar,.vscode-activitybar,.vscode-sidebar,.vscode-minimap{display:none}.vscode-statusbar,.sb-remote{border-radius:0}.vscode-editor{font-size:.78rem}.line-num{width:32px;padding-right:8px;font-size:.72rem}.vscode-terminal{font-size:.72rem;padding:6px 10px}.sb-right{display:none}.md-content{padding:1.5rem 1.25rem 3rem}.md-title{font-size:1.8rem}.md-subtitle{font-size:.92rem}.md-stats-grid{grid-template-columns:repeat(2,1fr)}.md-topics-grid,.md-projects-grid{grid-template-columns:1fr}.md-stat-num{font-size:1.3rem}}@media(max-width:480px){.vscode-breadcrumb{font-size:.65rem;padding:2px 10px}.vscode-tab{font-size:.72rem;padding:6px 10px}.panel-tab{font-size:.62rem;padding:5px 8px}.term-post{padding:4px 8px}.md-title{font-size:1.5rem}.md-btn{padding:8px 16px;font-size:.82rem}.md-latest-body{padding:1.25rem}}.luffy-redhawk{flex:1;min-height:30px;display:flex;align-items:flex-end;justify-content:center;overflow:visible;transform:scale(.25);transform-origin:center bottom}.rh-body{animation:rhBody 2.8s ease-in-out infinite}@keyframes rhBody{0%,20%{transform:translate(0)}26%{transform:translate(5px)}34%,56%{transform:translate(-6px)}72%,to{transform:translate(0)}}.rh-arm{transform-box:fill-box;transform-origin:left center;animation:rhArm 2.8s ease-in-out infinite}@keyframes rhArm{0%,20%{transform:scaleX(1)}26%{transform:scaleX(.4)}34%,56%{transform:scaleX(7)}66%{transform:scaleX(5.5)}76%,to{transform:scaleX(1)}}.rh-punch{animation:rhPunch 2.8s ease-in-out infinite}@keyframes rhPunch{0%,20%{transform:translate(0)}26%{transform:translate(-14px)}34%,56%{transform:translate(145px)}66%{transform:translate(115px)}76%,to{transform:translate(0)}}.rh-fire,.rh-fire-core{opacity:0;animation:rhFire 2.8s ease-in-out infinite}@keyframes rhFire{0%,30%{opacity:0}36%{opacity:1}56%{opacity:1}64%{opacity:.3}70%,to{opacity:0}}.rh-fire-core{animation:rhFireCore 2.8s ease-in-out infinite}@keyframes rhFireCore{0%,30%{opacity:0}36%{opacity:1}42%{opacity:.7}48%{opacity:1}54%{opacity:.8}60%{opacity:1}66%{opacity:0}to{opacity:0}}.rh-sparks{opacity:0;animation:rhSparks 2.8s ease-in-out infinite}@keyframes rhSparks{0%,34%{opacity:0;transform:translate(0) scale(1)}40%{opacity:1;transform:translate(8px) scale(1)}52%{opacity:.7;transform:translate(22px) scale(1.4)}62%{opacity:0;transform:translate(36px) scale(1.8)}to{opacity:0}}.rh-label{opacity:0;font-family:var(--font-mono);font-size:9px;font-weight:900;fill:#ff4500;letter-spacing:1.5px;animation:rhLabel 2.8s ease-in-out infinite}@keyframes rhLabel{0%,34%{opacity:0}40%{opacity:1}56%{opacity:1}64%{opacity:0}to{opacity:0}}.rh-steam{opacity:0;animation:rhSteam 2.8s ease-in-out infinite}@keyframes rhSteam{0%,22%{opacity:0;transform:translateY(0)}30%,54%{opacity:.55;transform:translateY(-6px)}64%{opacity:0;transform:translateY(-14px)}to{opacity:0}}@media(max-width:768px){.luffy-redhawk{transform:scale(.2)}}@media(max-width:480px){.luffy-redhawk{transform:scale(.18)}}.blog-card{display:flex;flex-direction:row;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.blog-card-image{width:240px;min-height:180px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.blog-card-image.cat-react{background:linear-gradient(135deg,#6c63ff1a,#6c63ff0d)}.blog-card-image.cat-dotnet{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d)}.blog-card-image.cat-database{background:linear-gradient(135deg,#2dd4bf1a,#2dd4bf0d)}.blog-card-image img{max-width:120px;max-height:120px;object-fit:contain;opacity:.9;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.75rem;display:flex;flex-direction:column;flex:1;min-width:0}.blog-card-date{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-bottom:.5rem;font-family:var(--font-mono)}.blog-card-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.01em;line-height:1.3}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:50px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);font-family:var(--font-mono)}.blog-tag.tag-react{color:var(--accent);border-color:#6c63ff4d}.blog-tag.tag-dotnet{color:var(--accent-secondary);border-color:#ff6b6b4d}.blog-tag.tag-db{color:var(--accent-teal);border-color:#2dd4bf4d}.blog-tag.tag-dsa{color:var(--accent-gold);border-color:#f0b4294d}.blog-card-hint{display:block;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);margin-top:.75rem;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.blog-card:hover .blog-card-hint{opacity:.6;transform:translateY(0)}@media(max-width:768px){.blog-card{flex-direction:column}.blog-card-image{width:100%;min-height:140px;padding:1.25rem}.blog-card-image img{max-width:80px;max-height:80px}.blog-card-body{padding:1.25rem}}.blog-list-page{padding:3rem 2rem 6rem;max-width:var(--max-width);margin:0 auto}.blog-list-header{margin-bottom:3rem}.blog-list-header .section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem}.blog-list-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.blog-list-header p{color:var(--text-secondary);font-size:1.05rem}.blog-list-sub{font-family:var(--font-mono);font-size:.82rem!important;color:var(--text-muted)!important;font-style:italic;opacity:.7;margin-top:.5rem}.blog-list-grid{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:768px){.blog-list-page{padding:2rem 1rem 4rem}.blog-list-header h1{font-size:1.8rem}}.blog-article{max-width:var(--content-width);margin:0 auto;padding:3rem 2rem 6rem}.blog-article h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}.blog-article .blog-meta{font-size:.9rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.blog-article .blog-meta:before{content:"⚓ ";opacity:.4}.blog-article .blog-hero-image{width:100%;max-width:500px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border)}.blog-article p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;text-align:left}.blog-article h2,.blog-article h3,.blog-article h4{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.01em}.blog-article h2{font-size:1.6rem}.blog-article h3{font-size:1.3rem}.blog-article h4{font-size:1.15rem}.blog-article ol,.blog-article ul{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:1.5rem}.blog-article li{margin-bottom:.5rem;line-height:1.7}.blog-article .source-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;background:var(--bg-card);color:var(--text-primary);font-weight:600;font-size:.9rem;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all .2s;text-decoration:none;margin:1rem 0}.blog-article .source-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.blog-article .output-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.75rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);line-height:1.8;margin:1.5rem 0}.blog-article .highlight-note{color:var(--accent-secondary);font-weight:600}.blog-article img.blog-content-image{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);margin:1.5rem 0}@media(max-width:768px){.blog-article{padding:2rem 1.25rem 4rem}.blog-article .blog-hero-image{max-width:100%}}.code-block{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);margin:1.5rem 0}.code-block-bar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .85rem;background:#181825;border-bottom:1px solid var(--border);font-size:.7rem}.code-block-lang{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.code-block-pirate{opacity:.25;transition:opacity .3s;font-size:.75rem}.code-block:hover .code-block-pirate{opacity:.6}.code-block pre{margin:0!important;font-size:.9rem!important;line-height:1.6!important;font-family:var(--font-mono)!important}.code-block code{font-family:var(--font-mono)!important}@media(max-width:768px){.code-block pre{font-size:.8rem!important}}.article-signoff{margin-top:3rem;padding-top:2rem;text-align:center}.signoff-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-muted);opacity:.4}.signoff-divider:before,.signoff-divider:after{content:"";flex:1;max-width:80px;height:1px;background:var(--border)}.signoff-thanks{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);margin-bottom:1rem;letter-spacing:.02em}.signoff-quote{font-style:italic;color:var(--text-muted);font-size:.85rem;line-height:1.6;max-width:480px;margin:0 auto;border-left:2px solid var(--accent);padding-left:1rem;text-align:left;opacity:.7}.signoff-quote cite{display:block;font-style:normal;font-family:var(--font-mono);font-size:.75rem;margin-top:.5rem;color:var(--text-muted);opacity:.8}.about-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem;animation:aboutFadeIn .5s ease}@keyframes aboutFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.about-tabbar{display:flex;background:#252526;border:1px solid #333;border-bottom:none;border-radius:8px 8px 0 0;overflow:hidden}.about-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:.78rem;font-family:var(--font-sans);color:#ddd;background:#1e1e1e;border-bottom:2px solid var(--accent);cursor:default}.about-tab-icon{font-size:.9rem}.about-content{background:#1e1e1e;border:1px solid #333;border-top:none;border-radius:0 0 8px 8px;padding:2.5rem 3rem 3rem}.about-greeting{font-size:.82rem;color:#6a9955;font-family:var(--font-mono);margin-bottom:.5rem}.about-title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem;background:linear-gradient(135deg,#e0e0e0 0%,var(--accent) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-tagline{font-size:1.1rem;color:#999;margin-bottom:1.5rem;line-height:1.6}.about-meta{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.75rem}.about-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:#888;font-family:var(--font-mono)}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:2.5rem}.about-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border-radius:6px;text-decoration:none;transition:all .25s ease;border:none;cursor:pointer}.about-btn.primary{background:var(--accent);color:#fff}.about-btn.primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff59}.about-btn.secondary{background:transparent;color:#bbb;border:1px solid #444}.about-btn.secondary:hover{border-color:var(--accent);color:#e0e0e0;transform:translateY(-2px)}.about-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#3c3c3c 20%,#3c3c3c 80%,transparent);margin:0 0 2.5rem}.about-heading{font-size:1.35rem;font-weight:700;color:#e0e0e0;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #333}.about-hash{color:#569cd6;font-family:var(--font-mono);font-weight:400;font-size:1rem;opacity:.5}.about-bio p{font-size:.95rem;line-height:1.8;color:#bbb;margin-bottom:1rem}.about-bio em{color:#6a9955;font-family:var(--font-mono);font-size:.88rem}.about-interests{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3rem}.about-interest{padding:6px 16px;font-size:.82rem;font-weight:600;font-family:var(--font-mono);border-radius:50px;border:1px solid;cursor:default;transition:all .25s ease}.about-interest:hover{transform:translateY(-2px)}.about-interest.web{color:#61dafb;border-color:#61dafb4d;background:#61dafb0f}.about-interest.web:hover{background:#61dafb1f;box-shadow:0 4px 12px #61dafb26}.about-interest.scale{color:var(--accent-teal);border-color:#2dd4bf4d;background:#2dd4bf0f}.about-interest.scale:hover{background:#2dd4bf1f;box-shadow:0 4px 12px #2dd4bf26}.about-interest.dist{color:var(--accent);border-color:#6c63ff4d;background:#6c63ff0f}.about-interest.dist:hover{background:#6c63ff1f;box-shadow:0 4px 12px #6c63ff26}.about-interest.ai{color:var(--accent-secondary);border-color:#ff6b6b4d;background:#ff6b6b0f}.about-interest.ai:hover{background:#ff6b6b1f;box-shadow:0 4px 12px #ff6b6b26}.about-interest.pirate{color:#e0e0e0;border-color:#e0e0e040;background:#e0e0e00d}.about-interest.pirate:hover{background:#e0e0e01f;box-shadow:0 4px 12px #e0e0e01a}.about-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:3rem}.stack-group{padding:1rem 1.15rem;background:#252526;border:1px solid #333;border-radius:8px}.stack-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:.6rem}.stack-tags{display:flex;gap:6px;flex-wrap:wrap}.stack-tags span{font-size:.75rem;font-family:var(--font-mono);padding:3px 10px;background:#1e1e1e;color:#ccc;border:1px solid #3c3c3c;border-radius:4px}.about-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:3rem}.about-project{padding:1rem 1.15rem;background:#252526;border:1px solid #333;border-radius:8px;text-decoration:none;color:inherit;transition:all .25s ease;display:flex;flex-direction:column;gap:6px}.about-project:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.about-project-top{display:flex;align-items:center;justify-content:space-between}.about-project-name{font-size:.88rem;font-weight:700;font-family:var(--font-mono);color:#4ec9b0;transition:color .2s}.about-project:hover .about-project-name{color:#6ee7c2}.about-project-ext{color:#555;flex-shrink:0;transition:color .2s}.about-project:hover .about-project-ext{color:#999}.about-project p{font-size:.78rem;color:#999;line-height:1.5}.about-project-tech{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.about-project-tech span{font-size:.62rem;font-family:var(--font-mono);font-weight:500;padding:2px 7px;border-radius:4px;background:#1e1e1e;color:#888;border:1px solid #333}.about-links{display:flex;flex-direction:column;gap:8px;margin-bottom:3rem}.about-link{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#252526;border:1px solid #333;border-radius:8px;text-decoration:none;color:#ccc;transition:all .25s ease}.about-link:hover{border-color:var(--accent);color:#fff;transform:translate(4px);box-shadow:0 4px 16px #0000004d}.about-link div{display:flex;flex-direction:column;flex:1}.about-link-name{font-size:.9rem;font-weight:600}.about-link-handle{font-size:.75rem;color:#888;font-family:var(--font-mono)}.about-link-arrow{color:#555;transition:color .2s,transform .2s}.about-link:hover .about-link-arrow{color:var(--accent);transform:translate(3px)}.about-footer-note{text-align:center;font-size:.9rem;color:#888;padding:1.5rem 1rem;border:1px dashed #333;border-radius:8px;background:#6c63ff08}.about-footer-note strong{color:var(--accent);font-weight:600}@media(max-width:768px){.about-content{padding:1.75rem 1.5rem 2.5rem}.about-title{font-size:2rem}.about-stack,.about-projects{grid-template-columns:1fr}.about-meta{gap:.75rem}}.about-pirate-code{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.pirate-rule{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s}.pirate-rule:hover{border-color:#f0b42966}.pirate-rule-num{font-family:var(--font-mono);font-size:1.2rem;font-weight:800;color:var(--accent-gold, #f0b429);opacity:.6;flex-shrink:0;line-height:1;padding-top:2px}.pirate-rule strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.pirate-rule p{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:0}.about-wanted-poster{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:3rem 0 2rem;padding:2rem;border:2px dashed rgba(240,180,41,.25);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(240,180,41,.03),transparent);position:relative}.wanted-label{font-family:var(--font-mono);font-size:1.6rem;font-weight:900;letter-spacing:.2em;color:var(--accent-gold, #f0b429);opacity:.7}.wanted-name{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:.5}.wanted-person{font-size:1rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.wanted-bounty{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);font-style:italic}@media(max-width:480px){.about-page{padding:1rem .75rem 3rem}.about-content{padding:1.5rem 1.25rem 2rem}.about-title{font-size:1.7rem}.about-btn{padding:8px 16px;font-size:.82rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a;--bg-card-hover: #222222;--bg-code: #1e1e2e;--bg-elevated: #161616;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #6c63ff;--accent-hover: #7b73ff;--accent-glow: rgba(108, 99, 255, .15);--accent-secondary: #ff6b6b;--accent-teal: #2dd4bf;--accent-gold: #f0b429;--border: #2a2a2a;--border-hover: #3a3a3a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(108, 99, 255, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 1200px;--content-width: 800px;--nav-height: 70px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}