.navbar{position:sticky;top:0;z-index:50;background-color:rgba(250,250,249,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all var(--transition-normal)}[data-theme=dark] .navbar{background-color:rgba(13,13,12,.8)}[data-theme=dark]{--shadow-sm:0 1px 3px rgba(124,195,255,0.1);--shadow-md:0 4px 6px rgba(124,195,255,0.15);--shadow-lg:0 10px 15px rgba(124,195,255,0.2);--shadow-elegance:0 8px 32px rgba(124,195,255,0.15);--shadow-bronze:0 4px 16px rgba(232,197,71,0.15)}.navbar-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:72px}.navbar-logo{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;color:var(--text-primary);text-decoration:none;transition:color var(--transition-normal)}.navbar-logo:hover{color:var(--accent)}.navbar-link{font-family:var(--font-sans);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal);position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--bronze),var(--accent));transition:width var(--transition-normal)}.navbar-link:hover{color:var(--accent)}.navbar-link:hover:after{width:100%}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-md);background-color:var(--surface-alt)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-xl)}@media (max-width:768px){.navbar-links,.navbar-links-open{display:none}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg);border-bottom:1px solid var(--border);padding:var(--spacing-lg);animation:slideDown .3s ease}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mobile-nav-link{display:block;padding:var(--spacing-sm) 0;color:var(--text-secondary);font-weight:500;transition:color var(--transition-normal)}.mobile-nav-link:hover{color:var(--accent)}.mobile-theme-toggle{width:100%;justify-content:center;padding:var(--spacing-md);font-size:.875rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-4xl) var(--spacing-md);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;min-height:80vh}.hero:before{content:"";position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,var(--accent) 0,var(--bronze) 50%,transparent 70%);opacity:.1;filter:blur(60px);z-index:-1}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.hero-subtitle{font-family:var(--font-sans);font-size:1.25rem;color:var(--text-secondary);line-height:1.6;max-width:500px}.hero-cta{display:flex;gap:var(--spacing-lg);align-items:center}.hero-image{background:linear-gradient(135deg,var(--accent-light),var(--bronze-light));border:2px solid var(--accent);border-radius:50%;box-shadow:var(--shadow-elegance);height:400px;width:400px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-image:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 20s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;border:none;font-family:var(--font-sans)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);color:white;box-shadow:var(--shadow-elegance)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-alt);border-color:var(--bronze)}.btn-ghost{background-color:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-ghost:hover{background-color:var(--accent-light)}.section{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-4xl) var(--spacing-md)}.section-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-3xl);position:relative;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;background:linear-gradient(90deg,var(--bronze),var(--accent));border-radius:var(--radius-sm)}.experience-item{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.experience-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--bronze),var(--accent));border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.experience-item:hover{border-color:var(--accent);box-shadow:var(--shadow-elegance);transform:translateX(4px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.experience-role{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.experience-company{font-family:var(--font-sans);font-size:1rem;color:var(--accent);font-weight:500}.experience-period{font-family:var(--font-sans);font-size:.875rem;color:var(--text-tertiary)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-light),var(--bronze-light));border-radius:var(--radius-lg)}.metric-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--bronze));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em}.expandable-trigger{background-color:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;width:100%}.expandable-trigger:hover{background-color:var(--surface);color:var(--accent)}.expandable-trigger-icon{transition:transform var(--transition-normal)}.expandable-trigger[aria-expanded=true] .expandable-trigger-icon{transform:rotate(180deg)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.tech-tag{background:linear-gradient(135deg,var(--accent-light),var(--bronze-light));color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;transition:all var(--transition-normal)}.tech-tag:hover{transform:scale(1.08);box-shadow:var(--shadow-sm)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.projects-grid>:nth-child(2n){margin-top:var(--spacing-xl)}.project-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all var(--transition-normal)}.case-study-wrapper{margin-top:var(--spacing-lg)}.project-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent) 0,var(--bronze) 50%,transparent 70%);opacity:0;transition:opacity var(--transition-normal)}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-elegance);transform:translateY(-4px)}.project-card:hover:before{opacity:.1}.project-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.project-description{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg);flex-grow:1}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.project-stat-value{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--bronze));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-stat-label{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.skill-category h3{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);position:relative;padding-bottom:var(--spacing-sm)}.skill-category h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--bronze)}.skill-category ul{list-style:none}.skill-category li{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);padding:var(--spacing-xs) 0;transition:all var(--transition-normal);cursor:default}.skill-category li:hover{padding-left:var(--spacing-sm);color:var(--accent)}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);align-items:start}.about-text p{font-family:var(--font-sans);font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg)}.credentials-box{background:linear-gradient(135deg,var(--accent-light),var(--bronze-light));border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-bronze)}.credential-item{margin-bottom:var(--spacing-lg)}.credential-item:last-child{margin-bottom:0}.credential-label{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.credential-value{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;color:var(--text-primary)}.credential-detail{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.contact-section{background:linear-gradient(135deg,var(--text-primary) 0,var(--accent) 100%);color:white;margin-top:var(--spacing-4xl);padding:var(--spacing-4xl) var(--spacing-xl);position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.contact-section:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(232,197,71,.15) 0,transparent 70%);border-radius:50%;z-index:0}.contact-container{max-width:920px;margin:0 auto;text-align:center;position:relative;z-index:1;width:100%}.contact-section h2{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--spacing-lg);color:white;font-weight:700;line-height:1.2}.contact-section p{font-size:1rem;color:rgba(255,255,255,.9);margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:400}.contact-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.contact-links a{color:white;font-weight:600;padding:var(--spacing-sm);border:none;border-radius:50%;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative}.contact-links a svg{color:white}.contact-links a:after{display:none}.contact-links a:hover{background:rgba(255,255,255,.15);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .contact-section{background:linear-gradient(135deg,#2d2820,#1a4f8a)}[data-theme=dark] .contact-section h2,[data-theme=dark] .contact-section p{color:#f5f3f0}[data-theme=dark] .contact-section p{color:rgba(245,243,240,.9)}[data-theme=dark] .contact-links a{color:#f5f3f0;border:none}[data-theme=dark] .contact-links a svg{color:#f5f3f0}[data-theme=dark] .contact-links a:hover{background:rgba(245,243,240,.15)}.resume-section{text-align:center}.resume-container{max-width:800px;margin:0 auto}.resume-preview{width:100%;height:600px;border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);background:var(--surface)}.resume-actions{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.resume-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.expandable{border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);overflow:hidden}.expandable-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);background:linear-gradient(135deg,var(--surface),var(--surface-alt))}.expandable-content[aria-hidden=false]{max-height:500px}.expandable-content-inner{padding:var(--spacing-lg)}.footer{background-color:var(--surface-alt);color:var(--text-tertiary);text-align:center;padding:var(--spacing-lg) var(--spacing-md);border-top:1px solid var(--border);font-family:var(--font-sans);font-size:.875rem}.portfolio-status-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:var(--accent);color:white;padding:4px 16px;font-family:var(--font-mono);font-size:12px;z-index:1000}.portfolio-status-left,.portfolio-status-right{display:flex;align-items:center;gap:16px}.portfolio-status-item{display:flex;align-items:center;gap:6px;opacity:.9}.portfolio-status-item:hover{opacity:1}.portfolio-branch-wrapper{position:relative}.portfolio-branch-button{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:inherit;cursor:pointer;padding:2px 6px;border-radius:2px;font-family:var(--font-mono);font-size:12px}.portfolio-branch-button:hover{background:rgba(255,255,255,.15)}.portfolio-branch-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 0;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001}.portfolio-branch-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:12px;text-align:left}.portfolio-branch-item:hover{background:rgba(0,0,0,.05)}.portfolio-branch-item.active{background:rgba(13,71,161,.1);color:var(--accent)}.portfolio-theme-wrapper{position:relative}.portfolio-theme-button{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:inherit;cursor:pointer;padding:2px 6px;border-radius:2px;font-family:var(--font-mono);font-size:12px}.portfolio-theme-button:hover{background:rgba(255,255,255,.15)}.portfolio-theme-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 0;min-width:140px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001}.portfolio-theme-menu-header{padding:4px 12px;font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.portfolio-theme-item-display{opacity:.9;padding:2px 6px;border-radius:2px}.portfolio-theme-item-display:hover{opacity:1;background:rgba(255,255,255,.15)}.portfolio-theme-menu-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:12px;text-align:left}.portfolio-theme-menu-btn:hover{background:rgba(0,0,0,.05)}.portfolio-theme-menu-btn.active{background:rgba(13,71,161,.1);color:var(--accent)}body{padding-bottom:28px}@media (max-width:768px){.portfolio-status-bar{flex-direction:column;gap:8px;padding:8px 16px}.portfolio-status-left,.portfolio-status-right{gap:12px}body{padding-bottom:60px}.navbar-container{height:64px}.navbar-links{gap:var(--spacing-lg)}.hero{grid-template-columns:1fr;gap:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-image{height:300px}.projects-grid{grid-template-columns:1fr}.projects-grid>:nth-child(2n){margin-top:0}.skills-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.metric-grid,.project-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.section-title{font-size:2rem}.contact-links{flex-direction:column;align-items:stretch}}@media (max-width:640px){.navbar-container{height:56px;padding:0 var(--spacing-sm)}.navbar-links{gap:var(--spacing-md)}.navbar-link{font-size:.875rem}.hero{padding:var(--spacing-2xl) var(--spacing-sm)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section{padding:var(--spacing-2xl) var(--spacing-sm)}.section-title{font-size:1.75rem}.experience-item,.project-card{padding:var(--spacing-lg)}.skills-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.theme-toggle{width:40px;height:40px}.contact-section p,.theme-toggle{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:420px;width:90%;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--foreground);opacity:.6;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-content h2{margin-bottom:var(--spacing-sm);color:var(--foreground)}.modal-content>p{color:var(--foreground);opacity:.7;margin-bottom:var(--spacing-lg)}.social-links-modal{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-link-modal{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);text-decoration:none;transition:all .2s}.social-link-modal:hover{border-color:var(--accent);background:var(--accent-light)}.social-link-with-icon{display:flex;align-items:center;gap:var(--spacing-sm)}.email-link{margin-top:var(--spacing-sm);background:var(--accent);color:var(--accent-foreground)}.email-link:hover{background:var(--accent-dark)}.placeholder-badge{font-size:.625rem;background:var(--warning);color:var(--warning-foreground);padding:2px 6px;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root,[data-vscode-theme=vscode-dark]{--vscode-bg:#1e1e1e;--vscode-text:#d4d4d4;--vscode-text-muted:#858585;--vscode-text-bright:#ffffff;--vscode-border:#3c3c3c;--vscode-title-bar:#323233;--vscode-activity-bar:#333333;--vscode-activity-bar-active:#007fd4;--vscode-sidebar:#252526;--vscode-tab-inactive:#2d2d2d;--vscode-tab-active:#1e1e1e;--vscode-status-bar-bg:#007acc;--vscode-status-bar-text:#ffffff;--vscode-scrollbar-thumb:#424242;--vscode-scrollbar-hover:#4f4f4f;--code-keyword:#569cd6;--code-string:#ce9178;--code-number:#b5cea8;--code-comment:#6a9955;--code-function:#dcdcaa;--code-variable:#9cdcfe;--code-type:#4ec9b0;--code-property:#9cdcfe;--code-operator:#d4d4d4;--code-bracket:#ffd700;--code-punctuation:#d4d4d4}[data-vscode-theme=vscode-light]{--vscode-bg:#ffffff;--vscode-text:#000000;--vscode-text-muted:#6e6e6e;--vscode-text-bright:#000000;--vscode-border:#e0e0e0;--vscode-title-bar:#f3f3f3;--vscode-activity-bar:#f3f3f3;--vscode-activity-bar-active:#007fd4;--vscode-sidebar:#f3f3f3;--vscode-tab-inactive:#ececec;--vscode-tab-active:#ffffff;--vscode-status-bar-bg:#007acc;--vscode-status-bar-text:#ffffff;--vscode-scrollbar-thumb:#c1c1c1;--vscode-scrollbar-hover:#a8a8a8;--code-keyword:#0000ff;--code-string:#a31515;--code-number:#098658;--code-comment:#008000;--code-function:#795e26;--code-variable:#001080;--code-type:#267f99;--code-property:#001080;--code-operator:#000000;--code-bracket:#000000;--code-punctuation:#000000}[data-vscode-theme=monokai]{--vscode-bg:#272822;--vscode-text:#f8f8f2;--vscode-text-muted:#75715e;--vscode-text-bright:#f8f8f0;--vscode-border:#3e3d32;--vscode-title-bar:#3e3d32;--vscode-activity-bar:#3e3d32;--vscode-activity-bar-active:#f92672;--vscode-sidebar:#1e1f1c;--vscode-tab-inactive:#3e3d32;--vscode-tab-active:#272822;--vscode-status-bar-bg:#f92672;--vscode-status-bar-text:#f8f8f2;--vscode-scrollbar-thumb:#4a4a4a;--vscode-scrollbar-hover:#5a5a5a;--code-keyword:#f92672;--code-string:#e6db74;--code-number:#ae81ff;--code-comment:#75715e;--code-function:#a6e22e;--code-variable:#f8f8f2;--code-type:#66d9ef;--code-property:#f8f8f2;--code-operator:#f92672;--code-bracket:#f8f8f2;--code-punctuation:#f8f8f2}[data-vscode-theme=dracula]{--vscode-bg:#282a36;--vscode-text:#f8f8f2;--vscode-text-muted:#6272a4;--vscode-text-bright:#f8f8f2;--vscode-border:#44475a;--vscode-title-bar:#343746;--vscode-activity-bar:#343746;--vscode-activity-bar-active:#bd93f9;--vscode-sidebar:#21222c;--vscode-tab-inactive:#343746;--vscode-tab-active:#282a36;--vscode-status-bar-bg:#bd93f9;--vscode-status-bar-text:#282a36;--vscode-scrollbar-thumb:#44475a;--vscode-scrollbar-hover:#555b70;--code-keyword:#ff79c6;--code-string:#f1fa8c;--code-number:#bd93f9;--code-comment:#6272a4;--code-function:#50fa7b;--code-variable:#f8f8f2;--code-type:#8be9fd;--code-property:#f8f8f2;--code-operator:#ff79c6;--code-bracket:#f8f8f2;--code-punctuation:#f8f8f2}[data-vscode-theme=one-dark]{--vscode-bg:#282c34;--vscode-text:#abb2bf;--vscode-text-muted:#5c6370;--vscode-text-bright:#e5c07b;--vscode-border:#3e4451;--vscode-title-bar:#21252b;--vscode-activity-bar:#21252b;--vscode-activity-bar-active:#61afef;--vscode-sidebar:#1e2127;--vscode-tab-inactive:#2c313a;--vscode-tab-active:#282c34;--vscode-status-bar-bg:#61afef;--vscode-status-bar-text:#282c34;--vscode-scrollbar-thumb:#4b5263;--vscode-scrollbar-hover:#5c6370;--code-keyword:#c678dd;--code-string:#98c379;--code-number:#d19a66;--code-comment:#5c6370;--code-function:#61afef;--code-variable:#e06c75;--code-type:#e5c07b;--code-property:#e06c75;--code-operator:#56b6c2;--code-bracket:#e5c07b;--code-punctuation:#abb2bf}.vscode-container{display:flex;flex-direction:column;height:100vh;background:var(--vscode-bg);color:var(--vscode-text);font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);font-size:14px;overflow:hidden}.vscode-main{display:flex;flex:1;overflow:hidden}.vscode-title-bar{display:flex;align-items:center;justify-content:space-between;height:35px;background:var(--vscode-title-bar);padding:0 8px;flex-shrink:0}.title-bar-center,.title-bar-left,.title-bar-right{display:flex;align-items:center;gap:8px}.title-bar-left{flex:1}.title-bar-center{flex:2;justify-content:center}.title-bar-right{flex:1;justify-content:flex-end;gap:4px}.title-bar-icon{display:flex;align-items:center}.title-bar-title{font-size:12px;color:var(--vscode-text-muted)}.title-bar-file{font-size:12px;color:var(--vscode-text)}.title-bar-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;color:var(--vscode-text-muted);cursor:pointer;font-size:11px;border-radius:4px;transition:all .2s}.title-bar-button:hover{background:rgba(255,255,255,.1)}.title-bar-button.active{color:#4ec9b0;background:rgba(78,201,176,.15)}.title-bar-terminal{gap:6px;font-weight:600}.title-bar-terminal.active{color:#4ec9b0;background:rgba(78,201,176,.2);box-shadow:0 0 8px rgba(78,201,176,.3)}.title-bar-window-controls{display:flex;gap:8px;margin-left:12px}.window-control{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--vscode-text-muted);cursor:pointer;border-radius:4px}.window-control:hover{background:rgba(255,255,255,.1)}.window-control.close:hover{background:#e81123;color:white}.vscode-activity-bar{display:flex;flex-direction:column;width:50px;background:var(--vscode-activity-bar);border-right:1px solid var(--vscode-border);flex-shrink:0}.activity-bar-bottom,.activity-bar-top{display:flex;flex-direction:column;align-items:center}.activity-bar-top{flex:1;padding-top:8px}.activity-bar-bottom{padding-bottom:8px}.activity-bar-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;color:var(--vscode-text-muted);cursor:pointer;transition:color .1s}.activity-bar-item.active,.activity-bar-item:hover{color:var(--vscode-text-bright)}.activity-bar-item.active{border-left:2px solid var(--vscode-activity-bar-active)}.vscode-sidebar{width:250px;background:var(--vscode-sidebar);border-right:1px solid var(--vscode-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-header{padding:10px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--vscode-text-muted);text-transform:uppercase}.sidebar-content{flex:1;overflow-y:auto;padding-bottom:8px}.sidebar-footer{padding:12px;border-top:1px solid var(--vscode-border)}.sidebar-exit-vscode{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#e81123,#c50f1f);border:none;border-radius:6px;color:white;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px rgba(232,17,35,.3)}.sidebar-exit-vscode:hover{background:linear-gradient(135deg,#f41b2d,#d91323);box-shadow:0 4px 12px rgba(232,17,35,.4)}.sidebar-item{display:flex;align-items:center;gap:4px;width:100%;padding:4px 12px;background:transparent;border:none;color:var(--vscode-text);cursor:pointer;font-size:13px;text-align:left}.sidebar-item:hover{background:rgba(255,255,255,.04)}.sidebar-item.active{background:rgba(0,122,204,.2);color:var(--vscode-text-bright)}.sidebar-folder-content{padding-left:12px}.sidebar-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon-python{color:#3776ab}.file-icon-typescript{color:#3178c6}.file-icon-json{color:#cbcb41}.file-icon-markdown{color:#519aba}.vscode-tab-bar{background:var(--vscode-tab-inactive);border-bottom:1px solid var(--vscode-border);flex-shrink:0}.tab-bar-tabs{display:flex;overflow-x:auto}.vscode-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--vscode-tab-inactive);border-right:1px solid var(--vscode-border);color:var(--vscode-text-muted);cursor:pointer;font-size:13px;white-space:nowrap}.vscode-tab:hover{background:rgba(255,255,255,.04)}.vscode-tab.active{background:var(--vscode-tab-active);color:var(--vscode-text-bright)}.tab-icon-python{color:#3776ab}.tab-icon-typescript{color:#3178c6}.tab-icon-json{color:#cbcb41}.tab-icon-markdown{color:#519aba}.tab-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;color:var(--vscode-text-muted);cursor:pointer;border-radius:3px;opacity:.6}.vscode-tab:hover .tab-close{opacity:1}.tab-close:hover{background:rgba(255,255,255,.1)}.vscode-editor-container{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative;min-width:0}.vscode-editor-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.vscode-editor-area{flex:1;overflow:auto;background:var(--vscode-bg);min-height:100px}.vscode-terminal,.vscode-terminal-wrapper{display:flex;flex-direction:column;min-height:150px}.vscode-terminal{height:100%;background:var(--vscode-bg);border-top:1px solid var(--vscode-border)}.terminal-header{display:flex;align-items:center;justify-content:space-between;background:var(--vscode-title-bar);border-bottom:1px solid var(--vscode-border);padding:0 8px;height:35px;flex-shrink:0}.terminal-tab,.terminal-tabs{display:flex;align-items:center;height:100%}.terminal-tab{gap:6px;padding:0 12px;color:var(--vscode-text-muted);font-size:12px;cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent}.terminal-tab.active,.terminal-tab:hover{color:var(--vscode-text)}.terminal-tab.active{border-bottom-color:var(--vscode-activity-bar-active);background:var(--vscode-bg)}.terminal-tab-main{color:#4ec9b0;font-weight:600}.terminal-tab-main.active{color:#4ec9b0;border-bottom-color:#4ec9b0;background:rgba(78,201,176,.1)}.terminal-actions{display:flex;gap:4px}.terminal-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--vscode-text-muted);cursor:pointer;border-radius:4px}.terminal-action:hover{background:rgba(255,255,255,.1);color:var(--vscode-text)}.terminal-body{flex:1;overflow-y:auto;padding:12px;font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);font-size:13px;line-height:1.6}.terminal-welcome{display:flex;align-items:center;gap:8px;color:var(--vscode-text-muted);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--vscode-border)}.terminal-prompt{color:var(--code-keyword);font-weight:700}.terminal-message{display:flex;gap:8px;margin-bottom:8px}.terminal-message.user{color:var(--code-variable)}.terminal-message.assistant{color:var(--vscode-text)}.message-prompt{flex-shrink:0;width:20px}.message-content{flex:1;white-space:pre-wrap;word-break:break-word}.terminal-input-form{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--vscode-border)}.terminal-input{flex:1;background:transparent;border:none;color:var(--vscode-text);font-family:inherit;font-size:13px;outline:none}.terminal-input::placeholder{color:var(--vscode-text-muted)}.typing-indicator{display:inline-flex;gap:3px}.typing-indicator span{width:6px;height:6px;background:var(--vscode-text-muted);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.activity-bar-item.terminal-active{color:#4ec9b0}.vscode-status-bar{display:flex;align-items:center;justify-content:space-between;height:22px;min-height:22px;background:var(--vscode-status-bar-bg);padding:0 8px;font-size:12px;color:white;flex-shrink:0}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:16px}.status-bar-item{display:flex;align-items:center;gap:4px}.branch-button{color:white;font-size:12px}.theme-toggle-item{position:relative}.theme-toggle-button{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--vscode-status-bar-text);cursor:pointer;padding:2px 6px;border-radius:2px}.theme-toggle-button:hover{background:rgba(128,128,128,.2)}.theme-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--vscode-sidebar);border:1px solid var(--vscode-border);border-radius:4px;padding:4px 0;min-width:150px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1001}.theme-menu-header{padding:4px 12px;font-size:11px;color:var(--vscode-text-muted);text-transform:uppercase}.theme-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--vscode-text);cursor:pointer;font-size:13px;text-align:left}.theme-menu-item:hover{background:rgba(255,255,255,.1)}.theme-menu-item.active{background:rgba(0,122,204,.3)}.branch-toggle-item{position:relative}.branch-button{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--vscode-status-bar-text);cursor:pointer;padding:2px 6px;border-radius:2px}.branch-button:hover{background:rgba(128,128,128,.2)}.branch-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--vscode-sidebar);border:1px solid var(--vscode-border);border-radius:4px;padding:4px 0;min-width:220px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1001}.branch-menu-header{padding:4px 12px;font-size:11px;color:var(--vscode-text-muted);text-transform:uppercase}.branch-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--vscode-text);cursor:pointer;font-size:13px;text-align:left}.branch-menu-item:hover{background:rgba(255,255,255,.1)}.branch-menu-item.active{background:rgba(0,122,204,.3)}.title-bar-settings-menu{position:absolute;top:35px;right:8px;background:var(--vscode-sidebar);border:1px solid var(--vscode-border);border-radius:4px;padding:4px 0;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000}.settings-menu-section{padding:4px 0}.settings-menu-title{padding:4px 12px;font-size:11px;color:var(--vscode-text-muted);text-transform:uppercase}.settings-menu-item{display:flex;align-items:center;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--vscode-text);cursor:pointer;font-size:13px;text-align:left}.settings-menu-item:hover{background:rgba(255,255,255,.1)}.settings-menu-item.active{background:rgba(0,122,204,.3)}.code-file{font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);font-size:14px;line-height:1.5}.code-line{display:flex;padding:0 16px;white-space:pre}.line-number{display:inline-block;width:40px;color:var(--vscode-text-muted);text-align:right;padding-right:16px;user-select:none;flex-shrink:0}.code-keyword{color:var(--code-keyword)}.code-string{color:var(--code-string)}.code-number{color:var(--code-number)}.code-comment{color:var(--code-comment);font-style:italic}.code-function{color:var(--code-function)}.code-variable{color:var(--code-variable)}.code-type{color:var(--code-type)}.code-property{color:var(--code-property)}.code-operator{color:var(--code-operator)}.code-bracket{color:var(--code-bracket)}.code-punctuation{color:var(--code-punctuation)}.code-docstring{color:var(--code-comment);font-style:italic}.markdown-file .md-heading{color:var(--code-function);font-weight:600}.markdown-file .md-text{color:var(--vscode-text)}.markdown-file .md-list{color:var(--code-string)}.code-link{color:#4fc1ff;text-decoration:none;transition:color .2s}.code-link:hover{color:#6cb8ff;text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--vscode-bg)}::-webkit-scrollbar-thumb{background:var(--vscode-scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--vscode-scrollbar-hover)}@media (max-width:768px){.vscode-sidebar{display:none}.vscode-activity-bar{width:40px}.activity-bar-item{width:40px;height:40px}.tab-name{max-width:100px}.vscode-terminal{height:60%}}