.title-bar{background:var(--bg-titlebar);-webkit-app-region:drag;justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-size:12px;display:flex}.title-bar-left{align-items:center;gap:15px;display:flex}.title-menu-item{cursor:pointer;background:0 0;border-radius:3px;padding:6px 10px;font-size:13px;transition:background .2s}.title-menu-item.active,.title-menu-item:hover{background:#ffffff1a}.title-dropdown{z-index:2000;color:#ccc;background:#252526;border:1px solid #454545;border-radius:5px;min-width:240px;padding:5px 0;font-size:13px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000080}.title-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 20px;display:flex}.title-dropdown-item:hover{color:#fff;background:#04395e}.title-dropdown-divider{background:#454545;height:1px;margin:5px 10px}.title-shortcut{color:#858585;font-size:11px}.command-palette-btn{cursor:pointer;color:#ccc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:400px;padding:2px 30px;font-size:12px;transition:background .2s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.command-palette-btn:hover{background:#ffffff1f}.command-palette-modal{z-index:9999;background:#252526;border:1px solid #454545;border-radius:6px;flex-direction:column;width:480px;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.command-palette-input{box-sizing:border-box;color:#ccc;background:#3c3c3c;border:1px solid #007acc;border-radius:3px;outline:none;width:100%;padding:6px 8px;font-size:12px}.command-palette-result{cursor:pointer;color:#ccc;justify-content:space-between;align-items:center;padding:4px 15px;font-size:12px;display:flex}.command-palette-result:hover{background:#2a2d2e}.window-controls{gap:10px;display:flex}.window-btn{cursor:pointer;width:12px;height:12px}.window-btn:hover{background:#ffffff1a!important}.window-btn:last-child:hover{color:#fff;background:#e81123!important}.window-popup{color:#ccc;white-space:nowrap;z-index:1000;background-color:#252526;border:1px solid #007acc;border-radius:4px;padding:8px 12px;font-size:12px;position:absolute;top:35px;right:5px;box-shadow:0 4px 6px #0000004d}@media (width<=1260px){.command-palette-btn{width:auto;min-width:200px;max-width:350px}}@media (width<=1024px){.command-palette-btn{display:none}.hide-with-palette{display:none!important}}@media (width<=768px){.window-controls,.title-bar-left{display:none!important}.title-bar:before{content:"Muhammad Arshad's Portfolio";color:#ccc;margin:0 auto;font-size:13px;display:block}}.activity-bar{background:var(--bg-darker);flex-direction:column;align-items:center;gap:20px;width:60px;padding:8px 0;display:flex}.activity-icon{cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.activity-icon:hover,.activity-icon.active{color:var(--text)}.activity-icon.active:before{content:"";background:var(--text);border-radius:0 2px 2px 0;width:2px;position:absolute;top:4px;bottom:4px;left:0}.activity-popup{z-index:1000;color:#ccc;background-color:#252526;border:1px solid #454545;border-radius:5px;min-width:220px;padding:5px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;position:absolute;left:55px;box-shadow:0 4px 12px #00000080}.activity-popup.menu-account{bottom:10px}.activity-popup.menu-settings{bottom:20px}.activity-popup-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.activity-popup-item:not(.disabled):hover{color:#fff;background-color:#04395e}.activity-popup-item.disabled{color:#858585;cursor:default}.activity-popup-item.highlight{color:#4fc1ff}.popup-shortcut{color:#858585}.activity-popup-separator{background-color:#454545;height:1px;margin:5px 10px}.notification-wrapper{display:flex;position:relative}.notification-badge{color:#fff;border:2px solid var(--bg-sidebar,#252526);background-color:#007acc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-8px}.notification-dot{border:2px solid var(--bg-sidebar,#252526);background-color:#007acc;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:-2px}.activity-spacer{flex:1}.bot-pill-text{display:none}@media (width<=1000px){.activity-bar{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#1e1e1ebf;border:1px solid #ffffff26;border-radius:30px;flex-direction:row;justify-content:space-evenly;gap:0;width:90%;max-width:450px;height:60px;padding:0 15px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.activity-spacer,.settings-wrapper{display:none}.activity-icon.active:before{background:var(--blue-bright,#4fc1ff);border-radius:50%;width:4px;height:4px;top:auto;bottom:-5px;left:50%;transform:translate(-50%)}.activity-icon.bot-pill{width:auto;color:var(--blue-bright,#4fc1ff);background:#4fc1ff1a;border:1px solid #4fc1ff4d;border-radius:20px;gap:8px;padding:0 20px;transition:all .2s}.activity-icon.bot-pill:hover{background:#4fc1ff33}.bot-pill-text{letter-spacing:.5px;font-size:13px;font-weight:600;display:block}.activity-popup.mobile-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#252526f2;border:1px solid #ffffff26;border-radius:12px;min-width:180px;max-height:55vh;bottom:75px;left:50%;overflow-y:auto;transform:translate(-50%)}.activity-popup.mobile-bubble:after{content:"";border:6px solid #0000;border-top-color:#252526f2;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.activity-popup.mobile-bubble::-webkit-scrollbar{width:6px}.activity-popup.mobile-bubble::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.activity-popup.menu-files.mobile-bubble{left:-10px;transform:none}.activity-popup.menu-files.mobile-bubble:after{left:28px;transform:none}.activity-popup.menu-account.mobile-bubble{left:auto;right:-20px;transform:none}.activity-popup.menu-account.mobile-bubble:after{left:auto;right:30px}.activity-popup.more-bubble{min-width:140px;left:auto;right:-10px;transform:none}.activity-popup.more-bubble:after{left:auto;right:20px}}@media (width<=550px){.bot-pill-text{display:none!important}.activity-icon.bot-pill{border-radius:8px;padding:0 10px}.activity-bar{width:95%;padding:0 8px}}.status-bar{background:var(--bg-titlebar);border-top:1px solid var(--border);justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:12px;display:flex}.status-left,.status-right{align-items:center;gap:15px;display:flex}.status-item{cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:2px 5px;display:flex}.status-item:hover{background:#ffffff1a}@media (width<=500px){.status-left,.status-right{gap:5px}.status-right .status-item:first-child,.status-right .status-item:nth-child(2),.status-right .status-item:nth-child(4){display:none}.status-bar{padding:0 5px;font-size:11px}}.home-hero-container{color:#ccc;max-width:900px;margin:0 auto;padding:60px 40px;font-family:Consolas,Courier New,monospace}.hero-greeting{color:#6a9955;margin-bottom:20px;font-size:14px}.hero-name{letter-spacing:-2px;text-transform:uppercase;margin:0 0 30px;font-family:Arial Black,Impact,sans-serif;font-size:80px;line-height:.9}.name-first{color:#fff6da}.name-last{color:#a94a4a}.hero-badges{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.badge{background:#ffffff08;border:1px solid #454545;border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.badge.outline-only{background:0 0}.dot{border-radius:50%;width:8px;height:8px}.dot-green{background:#4ec9b0}.dot-blue{background:#4fc1ff}.dot-purple{background:#c586c0}.dot-pink{background:#ff4dd2}.hero-typewriter{color:#858585;margin-bottom:20px;font-size:14px}.cursor{color:#fff6da;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-bio{color:#858585;max-width:700px;margin-bottom:40px;font-size:16px;line-height:1.6}.hero-bio .highlight{color:#4fc1ff;font-weight:700}.hero-actions{gap:15px;margin-bottom:60px;display:flex}.btn{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:10px 20px;font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-primary{color:#fff;background:#007acc;border:1px solid #007acc}.btn-primary:hover{background:#005f9e}.btn-outline{color:#ccc;background:0 0;border:1px solid #454545}.btn-outline:hover{background:#ffffff0d;border-color:#858585}.hero-stats{background:#0003;border:1px solid #333;border-radius:6px;margin-bottom:30px;display:flex}.stat-box{text-align:center;border-right:1px solid #333;flex:1;padding:25px 10px}.stat-box:last-child{border-right:none}.stat-number{color:#fff;margin-bottom:8px;font-family:Arial Black,sans-serif;font-size:24px}.stat-label{color:#858585;letter-spacing:1px;font-size:10px}.hero-socials{flex-wrap:wrap;gap:10px;display:flex}.social-badge{color:#858585;border:1px solid #333;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;text-decoration:none;transition:border-color .2s;display:flex}.social-badge:hover{color:#ccc;border-color:#666}.hero-header-flex{flex-wrap:wrap;align-items:center;gap:35px;margin-bottom:10px;display:flex}.hero-name-container{margin:0}.profile-pic{-o-object-fit:cover;object-fit:cover;border:3px solid #4fc1ff;border-radius:50%;width:200px;height:200px;display:block;box-shadow:0 0 20px #4fc1ff26}@media (width<=768px){.home-hero-container{padding:30px 20px}.profile-pic{width:120px;height:120px}.hero-stats{background:0 0;border:none;grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-box{background:#0003;border:1px solid #333;border-radius:6px;padding:15px 5px}.hero-actions{flex-direction:column;gap:12px}.btn{justify-content:center;padding:12px 20px}.hero-bio{margin-bottom:30px;font-size:14px}.hero-header-flex{flex-direction:column-reverse;align-items:flex-start;gap:15px;margin-bottom:20px}.hero-name{margin-bottom:0;font-size:42px}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-view>*{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeSlideDown}.animate-view>:first-child{animation-delay:.1s}.animate-view>:nth-child(2){animation-delay:.2s}.animate-view>:nth-child(3){animation-delay:.3s}.animate-view>:nth-child(4){animation-delay:.4s}.animate-view>:nth-child(5){animation-delay:.5s}.animate-view>:nth-child(6){animation-delay:.6s}.animate-view>:nth-child(7){animation-delay:.7s}.animate-view>:nth-child(8){animation-delay:.8s}.animate-view>:nth-child(9){animation-delay:.9s}.animate-view>:nth-child(10){animation-delay:1s}.animate-view>:nth-child(11){animation-delay:1.1s}.animate-view>:nth-child(12){animation-delay:1.2s}.animate-view>:nth-child(13){animation-delay:1.3s}.animate-view>:nth-child(14){animation-delay:1.4s}.animate-view>:nth-child(15){animation-delay:1.5s}.animate-view>:nth-child(16){animation-delay:1.6s}.animate-view>:nth-child(17){animation-delay:1.7s}.animate-view>:nth-child(18){animation-delay:1.8s}.animate-view>:nth-child(19){animation-delay:1.9s}.about-container{color:#ccc;max-width:850px;margin:0 auto;padding:40px;font-family:Consolas,Courier New,monospace}.about-header-comment{margin-bottom:20px;font-size:14px;font-style:italic}.about-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:0 0 10px;font-family:Arial Black,Impact,sans-serif;font-size:60px}.about-subtitle{margin-bottom:40px;font-size:14px}.about-card{background-color:#0000;border:1px solid #333;border-radius:6px;margin-bottom:30px;padding:25px;transition:border-color .2s}.about-card:hover{border-color:#555}.intro-card p{color:#9d9d9d;margin:0;font-size:15px;line-height:1.8}.highlight-blue{color:#4fc1ff;font-weight:700}.focus-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.focus-item{color:#858585;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.focus-icon{font-size:16px}.edu-card{margin-bottom:20px;padding:20px 25px}.edu-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.edu-title{color:#fff;align-items:center;gap:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:700;display:flex}.edu-date{color:#ccc;font-size:13px}.edu-program{color:#4fc1ff;margin-bottom:8px;font-size:13px}.edu-details{font-size:13px}.cgpa{color:#4ec9b0;margin-bottom:8px;font-weight:700;display:block}.edu-skills,.edu-desc{color:#858585;line-height:1.5}@media (width<=768px){.about-container{padding:20px}.about-title{font-size:36px}.focus-grid{grid-template-columns:1fr;gap:15px}.edu-header{flex-direction:column;align-items:flex-start;gap:5px}.about-card{padding:15px}.section-heading{margin:30px 0 15px}}.projects-container{color:#ccc;max-width:900px;margin:0 auto;padding:40px;font-family:Consolas,Courier New,monospace}.projects-header-comment{color:#6a9955;margin-bottom:20px;font-size:14px;font-style:italic}.projects-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:0 0 10px;font-family:Arial Black,Impact,sans-serif;font-size:60px}.projects-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-card{cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:6px;flex-direction:column;padding:25px;transition:border-color .2s;display:flex}.project-card:hover{border-color:#007acc}.project-header{margin-bottom:15px}.project-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.project-categories{letter-spacing:1.5px;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.category-name{color:#21a7f5}.category-dot{color:#555;margin:0 4px}.project-links{gap:8px;display:flex}.project-link{color:#858585;border:1px solid #444;border-radius:3px;padding:4px 10px;font-size:11px;text-decoration:none;transition:all .2s}.project-link:hover{color:#fff;border-color:#007acc}.project-link.demo{color:#fd5e6b;border-color:#444}.project-link.demo:hover{color:#fff;border-color:#e81123}.project-link.website{color:#4ec9b0;border-color:#444}.project-link.website:hover{color:#fff;border-color:#4ec9b0}.modal-link.website{color:#4ec9b0;border-color:#4ec9b0}.modal-link.website:hover{color:#1e1e1e;background:#4ec9b0}.project-title{color:#fff;margin:0 0 12px;font-family:Arial Black,Impact,sans-serif;font-size:18px;line-height:1.3}.project-description{color:#858585;flex:1;margin-bottom:20px;font-size:13px;line-height:1.6}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:#858585;background:#252526;border:1px solid #3e3e3e;border-radius:3px;padding:4px 8px;font-size:11px;transition:all .2s}.tech-tag:hover{color:#fff;border-color:#007acc}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-content{opacity:0;background:#1e1e1e;border:1px solid #444;border-radius:8px;flex-direction:column;width:95%;height:90vh;padding:40px;animation:.3s forwards slideIn;display:flex;position:relative;overflow:hidden;transform:scale(.9)translateY(20px);text-align:left!important;max-width:900px!important}.modal-content.closing{animation:.3s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}.modal-categories{letter-spacing:1.5px;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.modal-category{color:#c586c0}.modal-title{color:#fff;text-align:left;margin:0 0 25px;font-family:Arial Black,Impact,sans-serif;font-size:28px;line-height:1.2}.modal-body{flex-direction:column;flex:1;gap:25px;margin-top:10px;margin-bottom:10px;padding-right:15px;display:flex;overflow-y:auto}.modal-section{border-left:2px solid #333;padding-left:20px}.modal-section-title{color:#4ec9b0;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-family:Consolas,monospace;font-size:12px;font-weight:400}.modal-text{color:#9d9d9d;margin:0;font-size:14px;line-height:1.7}.modal-text.outcome{color:#4fc1ff;font-weight:500}.modal-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.modal-list-item{color:#9d9d9d;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.list-bullet{color:#007acc;font-weight:700}.modal-footer{border-top:1px solid #333;flex-direction:column;flex-shrink:0;gap:20px;padding-top:20px;display:flex}.modal-tech{flex-wrap:wrap;gap:8px;display:flex}.modal-tech-tag{color:#858585;background:#252526;border:1px solid #3e3e3e;border-radius:4px;padding:6px 12px;font-size:12px}.modal-links{gap:12px;display:flex}.modal-link{color:#fff;border:1px solid #007acc;border-radius:4px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.modal-link.demo{color:#e81123;border-color:#e81123}.modal-link.demo:hover{color:#fff;background:#e81123}.modal-link:hover{background:#007acc}.modal-link.github{color:#6e7681;border-color:#6e7681}.modal-link.github:hover{color:#fff;background:#6e7681}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.project-status.in-progress{color:#d7ba7d;text-transform:uppercase;letter-spacing:.5px;background:#d7ba7d1a;border:1px solid #d7ba7d4d;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-dot{background-color:#d7ba7d;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.projects-container{padding:20px}.projects-title{font-size:36px}.projects-grid{grid-template-columns:1fr;gap:15px}.modal-content{width:90%;height:85vh;padding:20px 20px 35px}.modal-title{margin-bottom:15px;font-size:22px}.modal-links{flex-direction:column;gap:10px}.modal-link{justify-content:center}}.skill-bar{flex-direction:column;gap:4px;display:flex}.skill-info{justify-content:space-between;align-items:center;font-size:13px;display:flex}.skill-name{color:#9d9d9d;font-size:13px}.skill-percent{font-family:Consolas,monospace;font-size:12px;font-weight:600}.skill-track{background:#333;border-radius:2px;height:3px;overflow:hidden}.skill-fill{border-radius:2px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.skills-container{color:#ccc;max-width:850px;margin:0 auto;padding:40px;font-family:Consolas,Courier New,monospace}.skills-header-comment{color:#6a9955;margin-bottom:20px;font-size:14px;font-style:italic}.skills-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:0 0 10px;font-family:Arial Black,Impact,sans-serif;font-size:60px}.skills-meta{color:#ccc;margin-bottom:40px;font-size:14px}.highlight-blue{color:#4fc1ff}.string-orange{color:#ce9178}.skills-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.skill-card{background-color:#0000;border:1px solid #333;border-radius:6px;padding:20px;transition:border-color .2s}.skill-card:hover{border-color:#555}.skill-category-title{color:#ccc;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #333;margin:0 0 15px;padding-bottom:10px;font-family:Consolas,monospace;font-size:12px;font-weight:400}.skill-list{flex-direction:column;gap:10px;display:flex}.section-heading{color:#4ec9b0;letter-spacing:3px;text-transform:uppercase;margin:40px 0 15px;font-family:Consolas,monospace;font-size:12px;font-weight:400}.methodology-card{background-color:#0000;border:1px solid #333;border-radius:6px;margin-bottom:20px;padding:15px 20px}.method-tag{color:#9d9d9d;font-size:13px}.languages-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.language-card{background-color:#0000;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;padding:15px 20px;transition:border-color .2s;display:flex}.language-card:hover{border-color:#555}.lang-flag{font-size:20px}.lang-info{flex-direction:column;display:flex}.lang-name{color:#fff;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600}.lang-level{margin-top:2px;font-size:12px}.soft-skills-card{background-color:#0000;border:1px solid #333;border-radius:6px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:20px;display:flex}.soft-skill-tag{color:#858585;background:#252526;border:1px solid #3e3e3e;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.soft-skill-tag:hover{color:#fff;border-color:#007acc}.familiar-card{background-color:#0000;border:1px solid #333;border-radius:6px;flex-wrap:wrap;gap:8px;padding:20px;display:flex}.familiar-tag{color:#858585;background:#1e1e1e;border:1px solid #484848;border-radius:3px;padding:4px 10px;font-size:11px;transition:all .2s}.familiar-tag:hover{color:#ce9178;border-color:#ce9178}@media (width<=1000px){.editor-content{padding-bottom:110px!important}}@media (width<=768px){.skills-container{padding:20px}.skills-title{margin-bottom:20px;font-size:36px}.skills-meta{white-space:normal;line-height:1.6}.skills-grid{grid-template-columns:1fr;gap:15px}.languages-grid{grid-template-columns:1fr;gap:10px}.skill-card,.soft-skills-card,.familiar-card{padding:15px}.section-heading{margin:25px 0 10px}}.contact-container{color:#ccc;max-width:1000px;margin:0 auto;padding:40px;font-family:Consolas,Courier New,monospace}.contact-header{margin-bottom:50px}.comment-text{margin-bottom:8px;font-size:13px;font-style:italic;display:block}.comment-text.green{color:#6a9955}.comment-text.gray{color:#858585}.comment-text.footer{color:#555;text-align:left}.contact-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:5px 0;font-family:Arial Black,Impact,sans-serif;font-size:55px}.contact-layout{grid-template-columns:1fr 1fr;gap:60px;display:grid}.section-title{color:#4ec9b0;letter-spacing:4px;margin-bottom:30px;font-size:16px;font-weight:400}.social-card{cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;align-items:center;margin-bottom:15px;padding:12px 15px;text-decoration:none;transition:all .2s;display:flex}.social-card:hover{background:#ffffff05;border-color:#555;transform:translate(5px)}.social-icon-wrapper{background:#0003;border:1px solid;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:15px;display:flex}.social-icon-wrapper.green-border{color:#4ec9b0;border-color:#4ec9b0}.social-icon-wrapper.blue-border{color:#4fc1ff;border-color:#4fc1ff}.social-icon-wrapper.gray-border{color:#ccc;border-color:#ccc}.social-details{flex:1}.social-name{letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:700}.social-name.green-text{color:#4ec9b0}.social-name.blue-text{color:#4fc1ff}.social-name.gray-text{color:#ccc}.social-link{color:#858585;font-size:12px}.form-group{margin-bottom:20px}.required{color:#f48771}.code-form input,.code-form textarea{box-sizing:border-box;color:#ccc;background:0 0;border:1px solid #333;border-radius:4px;outline:none;width:100%;padding:12px 15px;font-family:Consolas,Courier New,monospace;font-size:13px;transition:border-color .2s}.code-form textarea{resize:vertical}.code-form input:focus,.code-form textarea:focus{border-color:#007acc}.code-form input::-moz-placeholder{color:#555}.code-form textarea::-moz-placeholder{color:#555}.code-form input::placeholder,.code-form textarea::placeholder{color:#555}.submit-btn{color:#fff;cursor:pointer;text-align:left;background:#007acc;border:none;border-radius:4px;width:100%;margin-bottom:15px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;transition:all .2s}.submit-btn:hover:not(:disabled){background:#005f9e}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#333}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#000000d9;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-progress-container{background:#333;border-radius:0 0 8px 8px;width:100%;height:4px;position:absolute;bottom:0;left:0;overflow:hidden}.modal-progress-bar{background:#007acc;height:100%;transition:width 50ms linear;box-shadow:0 0 10px}.modal-backdrop.closing{animation:.3s forwards fadeOut}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-categories{align-items:center;display:flex}.modal-category{color:#c586c0;letter-spacing:1.5px;font-size:11px;font-weight:600}.modal-close{color:#858585;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover{color:#e81123;border-color:#e81123}.modal-icon{margin-bottom:20px;font-size:48px}.modal-title{color:#fff;letter-spacing:2px;margin:0 0 15px;font-family:Arial Black,Impact,sans-serif;font-size:24px}.modal-message{color:#ccc;margin-bottom:30px;font-size:15px;line-height:1.6}.modal-btn{color:#007acc;cursor:pointer;background:0 0;border:1px solid #007acc;border-radius:3px;padding:10px 25px;font-family:Consolas,monospace;font-size:13px;transition:all .2s}.modal-btn:hover{color:#fff;background:#007acc}.contact-modal-box{opacity:0;text-align:center;background:#1e1e1e;border:1px solid #444;border-radius:8px;width:90%;max-width:500px;height:auto;padding:30px 30px 40px;animation:.3s forwards slideIn;position:relative;overflow:hidden;transform:scale(.9)translateY(20px)}.contact-modal-box.closing{animation:.3s forwards slideOut}.contact-modal-box.success{border-top:4px solid #4ec9b0}.contact-modal-box.error{border-top:4px solid #f48771}.contact-modal-box.success .modal-progress-bar{background:#4ec9b0;box-shadow:0 0 10px #4ec9b080}.contact-modal-box.error .modal-progress-bar{background:#f48771;box-shadow:0 0 10px #f4877180}.contact-modal-box.success .modal-icon{color:#4ec9b0}.contact-modal-box.error .modal-icon{color:#f48771}.contact-modal-box .modal-title,.contact-modal-box .modal-message{text-align:center!important}.contact-modal-box .modal-icon{justify-content:center;width:100%;display:flex}@media (width<=550px){.contact-layout{grid-template-columns:1fr;gap:40px}.contact-container{padding:20px}.contact-title{font-size:38px}.contact-header{margin-bottom:30px}}.ext-container{color:#ccc;max-width:900px;height:auto;min-height:100%;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ext-header-row{gap:25px;margin-bottom:100px;display:flex}.ext-icon-box{border-radius:12px;justify-content:center;align-items:center;width:110px;height:110px;transition:background .3s,opacity .3s;display:flex}.ext-icon-box.enabled{background:linear-gradient(135deg,#007acc,#004d80)}.ext-icon-box.uninstalled{background:#333}.ext-icon-inner{transition:opacity .3s;transform:scale(2.5)}.ext-icon-inner.dimmed{opacity:.5}.ext-title{color:#fff;margin:0 0 5px;font-size:28px;font-weight:600}.ext-meta-row{color:#858585;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;display:flex}.ext-desc{margin:0 0 15px;font-size:14px}.ext-actions-row{z-index:10;gap:10px;display:flex;position:relative}.ext-btn-wrapper{z-index:20;position:relative}.ext-btn{cursor:pointer;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:4px 12px;font-family:inherit;font-size:13px;display:flex}.ext-btn.primary{color:#fff;background:#007acc;border:1px solid #007acc}.ext-btn.secondary{color:#fff;background:#333;border:1px solid #3c3c3c}.ext-btn.icon-only{padding:4px 8px}.ext-dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #454545;border-radius:4px;min-width:140px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 24px #000000e6;opacity:1!important;background-color:#252526!important}.ext-dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.ext-dropdown-item:hover{color:#fff;background:#04395e}.ext-tabs-row{text-transform:uppercase;border-bottom:1px solid #3c3c3c;gap:25px;margin-bottom:25px;font-size:12px;display:flex}.ext-tab{cursor:pointer;color:#858585;border-bottom:2px solid #0000;padding-bottom:8px}.ext-tab.active{color:#fff;border-bottom-color:#4fc1ff}.ext-body{font-size:14px;line-height:1.6}.ext-h2{color:#fff;border-bottom:1px solid #3c3c3c;margin-top:0;padding-bottom:8px;font-size:22px;font-weight:400}.ext-h3{color:#fff;margin-top:30px;font-size:18px;font-weight:400}.ext-tag{border-radius:3px;padding:2px 8px;font-size:12px}.ext-tag.dark{background:#333}.ext-tag.blue{color:#fff;background:#007acc}.ext-tag.grey{color:#fff;background:#666}.ext-changelog-block{border-bottom:1px solid #3c3c3c;padding:15px 0}.ext-changelog-version{color:#4fc1ff;margin:0 0 10px}@media (width<=768px){.ext-container{padding:20px}.ext-header-row{flex-direction:column;gap:15px;margin-bottom:30px}.ext-icon-box{width:80px;height:80px}.ext-icon-inner{transform:scale(1.8)}.ext-title{font-size:24px}.ext-meta-row,.ext-actions-row{flex-wrap:wrap;gap:10px}}.experiences-container{color:#ccc;max-width:1200px;margin:0 auto;padding:40px;font-family:Consolas,Courier New,monospace}.exp-header-comment{margin-bottom:20px;font-size:14px;font-style:italic}.exp-title{color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:0 0 10px;font-family:Arial Black,Impact,sans-serif;font-size:60px}.exp-subtitle{margin-bottom:50px;font-size:14px;line-height:1.5}.split-layout{grid-template-columns:1fr 1fr;gap:60px;display:grid}.column-heading{color:#fff;letter-spacing:2px;margin-bottom:30px;font-size:18px;font-weight:400}.timeline-container{padding-left:20px}.timeline-item{border-left:1px solid #444;padding-bottom:40px;padding-left:30px;position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-dot{z-index:2;background-color:#1e1e1e;border:2px solid #555;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:-7px}.timeline-dot.dot-blue.active{background-color:#4fc1ff;border-color:#4fc1ff;box-shadow:0 0 0 4px #4fc1ff26}.timeline-dot.dot-purple.active{background-color:#c586c0;border-color:#c586c0;box-shadow:0 0 0 4px #c586c026}.timeline-date{color:#858585;margin-bottom:6px;font-size:12px;line-height:1}.timeline-role{color:#fff;letter-spacing:-.5px;margin:0 0 5px;font-family:Arial Black,sans-serif;font-size:20px}.timeline-company{color:#858585;margin-bottom:15px;font-size:13px;font-weight:700}.timeline-desc{color:#9d9d9d;margin:0 0 15px;font-size:13.5px;line-height:1.6}.timeline-tech{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{color:#ccc;cursor:default;background:#ffffff05;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:11px}@media (width<=768px){.experiences-container{padding:20px}.exp-title{font-size:36px}.split-layout{grid-template-columns:1fr;gap:50px}.exp-subtitle{margin-bottom:30px}.timeline-item{padding-bottom:30px}}.code-line{gap:25px;padding:0 20px;display:flex}.code-line-number{color:#858585;text-align:right;-webkit-user-select:none;user-select:none;min-width:25px}.code-line-content{color:inherit;flex:1}.code-line-content.heading{color:#ce9178}.gitignore-container{color:#ccc;padding:20px 0;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.6}.gitignore-comment{color:#6a9955;margin-left:15px;font-style:italic}.chat-panel-container{border-left:1px solid var(--border,#444);background-color:var(--bg-sidebar,#252526);z-index:1000;flex-direction:column;width:320px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-5px 0 15px #0006}.chat-messages-container{flex-direction:column;flex:1;gap:15px;padding:15px;display:flex;overflow-y:auto}.chat-message-row{display:flex}.chat-message-row.user{justify-content:flex-end}.chat-message-row.bot{justify-content:flex-start}.chat-bubble{border-radius:6px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.4}.chat-bubble.user{color:#fff;background-color:#007acc;border-bottom-right-radius:0}.chat-bubble.bot{color:#ccc;background-color:#333;border-bottom-left-radius:0}.chat-input-area{border-top:1px solid var(--border,#444);background-color:var(--bg-darker,#1e1e1e);padding:15px}.chat-input-label{color:var(--text-muted,#858585);text-transform:uppercase;margin-bottom:8px;font-size:11px}.chat-options-list{flex-direction:column;gap:6px;display:flex}.chat-option-btn{text-align:left;border:1px solid var(--border,#444);color:var(--blue,#4fc1ff);cursor:pointer;background-color:#0000;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .2s}.chat-option-btn:hover{border-color:var(--blue,#4fc1ff);background-color:#4fc1ff1a}@media (width<=1000px){.chat-panel-container{border:1px solid var(--border,#444);border-radius:12px;width:calc(100% - 30px);max-width:350px;height:auto;top:15px;bottom:95px;right:15px}}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:250px;display:flex}.sidebar-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 15px;font-size:11px;display:flex}.sidebar-content{flex:1;overflow-y:auto}.explorer-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ccc;align-items:center;padding:4px 15px 4px 5px;font-size:13px;transition:background .2s;display:flex}.explorer-folder-header:hover{background:#2a2d2e}.explorer-folder-icon{align-items:center;margin-right:6px;display:flex}.explorer-folder-name{letter-spacing:.5px;font-weight:700}.explorer-file-list{flex-direction:column;display:flex}.explorer-file-item{cursor:pointer;color:#ccc;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 15px 4px 35px;font-size:13px;transition:background .2s,color .2s;display:flex}.explorer-file-item:hover{background:#2a2d2e}.explorer-file-item.active{color:#fff;background:#04395e}.folder-section{padding:5px 0}@media (width<=1000px){.sidebar{display:none!important}}.diff-overlay{z-index:50;background:#1e1e1e;flex-direction:column;display:flex;position:absolute;inset:0}.diff-header{background:#2d2d2d;border-bottom:1px solid #1e1e1e;align-items:center;padding:10px 20px;display:flex}.diff-header-title{color:#e2c08d;align-items:center;gap:8px;font-size:13px;display:flex}.diff-close-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;margin-left:auto;padding:4px 12px;font-size:12px;transition:background .2s}.diff-close-btn:hover{background:#ffffff1a}.diff-split-container{flex:1;display:flex;overflow:hidden}.diff-pane{flex:1;padding:30px;overflow-y:auto}.diff-pane.left{border-right:1px solid #444}.diff-pane-label{color:#858585;margin-bottom:30px;font-size:13px;font-style:italic}.diff-addition-box{background-color:#23d18b1a;border:1px solid #23d18b4d;border-radius:6px;margin-top:-15px;margin-bottom:20px;margin-left:-15px;padding:20px}.git-panel-container{background:var(--bg-sidebar,#252526);border-right:1px solid var(--border,#444);flex-direction:column;width:300px;display:flex}.git-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:22px;padding:0 5px;font-size:11px;display:flex}.git-section-title{text-transform:uppercase;color:#ccc;font-weight:600}.git-commit-container{padding:8px 15px}.git-commit-input{box-sizing:border-box;background:var(--bg-dark,#1e1e1e);border:1px solid var(--border,#444);color:#ccc;border-radius:3px;outline:none;width:100%;margin-bottom:8px;padding:5px;font-size:12px}.git-commit-btn{color:#fff;text-align:center;cursor:pointer;background:#007acc;border-radius:3px;padding:4px;font-size:12px;transition:background .2s}.git-commit-btn:hover{background:#005999}.git-file-item{cursor:pointer;color:#ccc;align-items:center;gap:8px;padding:4px 15px 4px 25px;font-size:13px;transition:background .2s;display:flex}.git-file-item:hover{background:#2a2d2e}.git-file-status{color:#e2c08d;margin-left:auto;font-size:12px;font-weight:600}@media (width<=768px){.diff-split-container{flex-direction:column;padding-bottom:110px;overflow-y:auto}.diff-pane{flex:none;padding:20px;overflow-y:visible}.diff-pane.left{border-bottom:1px solid #444;border-right:none}.diff-addition-box{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}}.extensions-search-container{padding:10px}.extensions-search-input{box-sizing:border-box;background:var(--bg-dark,#1e1e1e);border:1px solid var(--border,#444);width:100%;color:var(--text,#ccc);border-radius:3px;outline:none;padding:5px 10px;font-size:13px;transition:border-color .2s}.extensions-search-input:focus{border-color:#007acc}.extension-list{margin-top:5px}.extension-card{cursor:pointer;border-bottom:1px solid var(--border,#444);background-color:#0000;gap:12px;padding:10px 15px;transition:background .2s;display:flex}.extension-card:hover{background-color:#2a2d2e}.extension-icon-wrapper{background:linear-gradient(135deg,#007acc,#004d80);border-radius:6px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.extension-text-block{flex-direction:column;display:flex;overflow:hidden}.extension-title{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.extension-desc{color:var(--text-muted,#858585);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.extension-meta{color:var(--text-muted,#858585);margin-top:4px;font-size:11px}.extension-empty-state{text-align:center;color:var(--text-muted,#858585);padding:20px;font-size:13px}.terminal-container{border-top:1px solid var(--border,#444);color:#ccc;z-index:50;background:#1e1e1e;flex-direction:column;font-family:Consolas,Courier New,monospace;font-size:13px;display:flex}.terminal-header{border-bottom:1px solid var(--border,#444);justify-content:space-between;padding:0 10px;display:flex}.terminal-tabs{display:flex}.terminal-tab{color:#858585;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:8px 15px;font-size:11px;transition:color .2s}.terminal-tab:hover{color:#ccc}.terminal-tab.active{color:#e7e7e7;cursor:default;border-bottom:1px solid #4fc1ff}.terminal-actions{align-items:center;gap:10px;display:flex}.terminal-close-btn{cursor:pointer;color:#858585;align-items:center;transition:color .2s;display:flex}.terminal-close-btn:hover{color:#fff}.terminal-body{cursor:text;flex:1;padding:10px 15px;overflow-y:auto}.terminal-startup-text{opacity:.8;margin-bottom:15px}.terminal-history-item{margin-bottom:10px}.terminal-command-line{gap:8px;display:flex}.terminal-path{color:#0f0}.terminal-output{white-space:pre-wrap;color:#ccc;margin-top:4px}.terminal-output.error{color:#f48771}.terminal-input-wrapper{align-items:center;gap:8px;display:flex}.terminal-input{color:#ccc;background:0 0;border:none;outline:none;flex:1;font-family:Consolas,Courier New,monospace;font-size:13px}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.resize{resize:both}.flex-row{flex-direction:row}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#1e1e1e;--bg-darker:#181818;--bg-sidebar:#252526;--bg-activity:#333;--bg-titlebar:#3c3c3c;--bg-tab:#2d2d2d;--bg-tab-active:#1e1e1e;--border:#3e3e3e;--border-light:#454545;--text:#ccc;--text-muted:#858585;--accent:#007acc;--accent-hover:#17b;--blue:#4fc1ff;--blue-hover:#04395e;--blue-bright:#4fc1ff;--green:#89d185;--orange:#ce9178;--yellow:#dcdcaa;--purple:#c586c0}body,html{background:var(--bg-dark);color:var(--text);width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,sans-serif;overflow:hidden}#root{height:100%}.vscode-container{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.editor-area{background:var(--bg-dark);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-content{flex:1;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;overflow-y:auto}.tabs{background:var(--bg-tab);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;overflow-x:auto}.tab{cursor:pointer;border-right:1px solid var(--border);background:var(--bg-tab);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-width:120px;max-width:200px;padding:8px 15px;font-size:12px;display:flex}.tab-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tab:hover{background:var(--bg-sidebar)}.tab.active{background:var(--bg-tab-active);border-top:1px solid var(--accent)}.tab-close{opacity:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;display:flex}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a}.breadcrumbs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:5px;padding:5px 15px;font-size:12px;display:flex}.breadcrumb-item{cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:2px 5px;display:flex}.breadcrumb-item:hover{background:#ffffff0d}.breadcrumb-separator{color:var(--text-muted)}.animate-view{animation:.3s ease-in-out fadeIn}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}