.navbar-container{position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;top:2px;left:0;right:0;z-index:9999;pointer-events:auto;box-sizing:border-box}.navbar{display:flex;align-items:center;justify-content:center;width:600px;height:26px;background-color:#232323b3;border:.5px solid rgba(255,255,255,.8);border-radius:7px;color:#ccc;font-size:13px;cursor:pointer;padding:0 15px;transition:border .2s}.navbar:hover{border-color:#007acc}.search-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spacer{flex:1}.centered-content{display:flex;align-items:center;justify-content:center}.search-icon{display:flex;align-items:center;margin-right:5px;margin-left:-22px;color:#858585}.search-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.vscode-logo{display:flex;align-items:center;justify-content:center;padding-top:5px}.vscode-logo svg{filter:brightness(1.8);width:20px;height:20px}.vscode-logo-container{position:absolute;left:8px;display:flex;align-items:center;z-index:10000;text-align:center;width:24px;justify-content:center;padding-top:5px}.vscode-logo-container svg{filter:brightness(1.8);width:20px;height:20px;margin:0 auto}@media (min-width: 769px){.vscode-logo-container{display:none!important}}.dropdown-menu{position:absolute;top:29px;width:600px;background-color:#252526;border:1px solid #3c3c3c;border-radius:7px;max-height:300px;overflow-y:auto;box-shadow:0 4px 10px #0000004d;z-index:1000;display:flex;flex-direction:column}.dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;color:#ccc;text-decoration:none;transition:background-color .2s;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;text-align:left;font-size:13px;box-sizing:border-box;margin:0}.dropdown-item:hover{background-color:#2a2d2e;color:#fff}.dropdown-item.active{background-color:#094771;color:#fff}.dropdown-item:focus{outline:1px solid #007acc}.active-indicator{color:#fff;font-weight:700;margin-left:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{animation:fadeIn .2s ease-out forwards}@media (max-width: 768px){.navbar-container{justify-content:center;padding:0 15px;position:fixed;top:0}.navbar{width:450px;height:24px;font-size:12px;padding:0 10px;margin-top:2px;margin-left:auto;margin-right:auto}.dropdown-menu{width:450px;top:27px}.vscode-logo,.vscode-menu-icons,.menu-icon{display:none!important}}@media (max-width: 480px){.navbar-container{padding:0 10px;position:fixed;top:0}.navbar{width:300px;height:22px;font-size:11px;margin-top:1px;margin-left:auto;margin-right:auto}.dropdown-menu{width:300px;top:25px}.search-icon{margin-right:3px;margin-left:-15px}.vscode-logo-container{position:absolute;left:8px;display:flex;justify-content:center;width:22px}.vscode-logo-container svg{width:18px;height:18px}.spacer{flex:.5}.vscode-menu-icons{display:none}}@media (max-width: 360px){.navbar-container{padding:0 5px;position:fixed;top:0}.navbar{width:250px;height:20px;padding:0 8px;margin-top:1px;margin-left:auto;margin-right:auto}.dropdown-menu{width:250px;top:23px}.dropdown-item{padding:6px 10px;font-size:12px}.vscode-logo-container{position:absolute;left:5px;justify-content:center;width:20px}.vscode-logo-container svg{width:16px;height:16px}.spacer{flex:.2}.search-text{max-width:150px}}.squares-canvas{width:100%;height:100%;border:none;display:block}.vscode-extensions-page{display:flex;width:100%;height:100%;overflow:hidden;background-color:#181818;color:#ccc;position:relative;z-index:1}.copyright-section{display:flex;align-items:center;justify-content:center;padding:10px 0}.vscode-extensions-page-experience{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.vscode-logo{display:flex;align-items:center;justify-content:center;margin-right:10px;width:30px;text-align:center;overflow:visible;padding-top:5px}.vscode-logo svg{width:22px;height:22px;filter:brightness(1.8)}.vscode-menu-items{display:flex;height:100%}.menu-item{padding:0 12px;font-size:12px;display:flex;align-items:center;height:100%;cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background-color:#505050;color:#fff}.vscode-search-box{margin-left:auto;display:flex;align-items:center;padding:0 10px}.vscode-search-box input{background-color:#252526;border:1px solid #4d4d4d;color:#ccc;font-size:12px;padding:2px 8px;width:200px;height:22px}@media screen and (max-width: 768px){.vscode-search-box input{width:120px}}@media screen and (max-width: 600px){.vscode-search-box{padding:0 5px}.vscode-search-box input{width:100px;font-size:11px;height:20px;padding:2px 6px}.vscode-logo{margin-right:5px}.vscode-search-box input::placeholder{text-align:center}.vscode-search-box input{text-align:center}}.vscode-menu-icons{display:flex;margin-left:10px;align-items:center;height:100%}.menu-icon{width:30px;height:26px;display:flex;align-items:center;justify-content:center;margin-left:5px;cursor:pointer;color:#ccc;opacity:.8;position:relative;border-radius:3px;transition:all .2s ease}@media (max-width: 600px){.vscode-menu-icons{margin-left:5px}.menu-icon{width:24px;height:22px;margin-left:3px}}.menu-icon:hover{color:#fff;opacity:1;background-color:#ffffff1a;transform:translateY(-1px)}.vscode-activity-bar{width:48px;background-color:#1c1c1c;display:flex;flex-direction:column;align-items:center;padding-top:5px;z-index:5;border-right:1px solid #303030;position:relative;height:100%}.activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;opacity:.6;margin-bottom:2px;transition:all .2s ease;padding:12px;box-sizing:border-box}.activity-icon svg{width:24px;height:24px;filter:grayscale(.3) brightness(.9);transition:all .2s ease}.activity-icon:hover{opacity:1;background-color:#ffffff0d}.activity-icon:hover svg{filter:grayscale(0) brightness(1);transform:scale(1.05)}.activity-icon.active{opacity:1;background-color:#ffffff14}.activity-icon.active svg{filter:grayscale(0) brightness(1.2)}.activity-icon.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background-color:#fff;border-top-right-radius:3px;border-bottom-right-radius:3px}.bottom-icons{position:absolute;bottom:5px;display:flex;flex-direction:column;width:100%;gap:2px}.vscode-content-with-activity{display:flex;width:100%;height:calc(100% - 32px);margin-top:32px;position:relative;overflow:hidden}@media (max-width: 768px){.vscode-content-with-activity{height:calc(100vh - 26px);margin-top:26px}.vscode-menu-bar{position:fixed;height:26px;display:flex;justify-content:center;align-items:center}.vscode-menu-items{justify-content:center}.desktop-only-logo{display:none!important}.vscode-logo-container{display:flex!important}.extension-content{height:calc(100vh - 61px)}.main-column{padding:15px 8px}}@media screen and (min-width: 769px){.desktop-only-logo{display:flex!important}.vscode-logo-container{display:none!important}}@media (max-width: 480px){.vscode-content-with-activity{height:calc(100vh - 24px);margin-top:24px}.extension-content{height:calc(100vh - 54px)}}.extensions-sidebar{width:280px;height:100%;background-color:#252526;border-right:1px solid #303030;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;height:33px}.sidebar-header h3{font-size:11px;font-weight:600;color:#ccc;margin:0}.sidebar-actions{display:flex}.sidebar-button{background:none;border:none;color:#ccc;font-size:16px;cursor:pointer;padding:0 5px}.search-container{padding:0 16px 10px}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;background-color:#3c3c3c;border:none;color:#ccc;padding:5px 28px 5px 8px;font-size:13px;height:24px;border-radius:2px}.search-input:focus{outline:1px solid #007acc}.filter-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#ccc;font-size:12px}.extensions-sections{display:flex;flex-direction:column;flex-grow:1}.extensions-sidebar{display:flex;flex-direction:column;height:100%}@media screen and (max-width: 768px){.extensions-sections{display:none}}.section-header{display:flex;align-items:center;padding:8px 10px;cursor:pointer;font-size:11px;font-weight:600;background-color:transparent;-webkit-user-select:none;user-select:none}.section-header.active{background-color:#242424}.section-expander{margin-right:5px;color:#ccc;font-size:9px;display:flex;align-items:center}.section-title{flex-grow:1;color:#8c8c8c;letter-spacing:.5px}.section-count{background-color:#3c3c3c;color:#ccc;border-radius:10px;padding:1px 6px;font-size:10px;min-width:18px;height:16px;text-align:center;display:flex;align-items:center;justify-content:center}.extension-list{display:flex;flex-direction:column}.extension-item{display:flex;padding:7px 10px;border-left:2px solid transparent;cursor:pointer;position:relative;gap:10px}.extension-item:hover{background-color:#2a2d2e}.extension-item.active{border-left-color:#007acc;background-color:#007acc1a}.extension-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center}.custom-icon{width:32px;height:32px;color:#ccc;display:flex;align-items:center;justify-content:center}.extension-icon img{width:100%;height:100%;border-radius:4px;object-fit:cover}.coffee-icon-container{background-color:#d4a676!important;border-radius:50%!important;width:32px!important;height:32px!important}.coffee-icon-container svg{color:#fff!important}.extension-details{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;overflow:hidden}.extension-name{font-size:13px;font-weight:400;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extension-description{font-size:12px;color:#8b949e;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.extension-publisher{font-size:13px;color:#8b949e;display:flex;align-items:center;margin-top:4px;line-height:24px;height:24px}.publisher-icon{margin-right:4px;display:inline-flex;align-items:center;justify-content:center}.verified-icon{margin-right:6px;display:inline-flex;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px}.publisher-icon svg{width:10px;height:10px;margin-right:2px;opacity:.8}.extension-actions{display:flex;align-items:center;margin-left:auto}.gear-icon{background:none;border:none;color:#8b949e;font-size:14px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.extension-item:hover .gear-icon{opacity:.7}.gear-icon:hover{opacity:1}.gear-icon svg{width:16px;height:16px}.vscode-tab-bar{display:flex;background-color:#252526;height:35px;width:100%;border-bottom:1px solid #303030;flex-shrink:0;padding-left:0;box-sizing:border-box}.vscode-extension-tab{height:35px;background-color:#1e1e1e;display:inline-flex;align-items:center;padding:0 10px;color:#fff;font-size:13px;position:relative;border-right:1px solid #303030;max-width:fit-content}@media screen and (max-width: 768px){.vscode-extension-tab{height:30px;padding:0 8px;font-size:12px}.extension-tab-icon{margin-right:4px}}.vscode-extension-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#007acc;z-index:1}.extension-tab-icon{display:flex;align-items:center;justify-content:center;margin-right:6px}.extension-tab-text{display:flex;align-items:center}@media screen and (max-width: 480px){.extension-tab-text{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.extension-tab-close{margin-left:6px;cursor:pointer;font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.6}.extension-tab-close:hover{opacity:1;background-color:#ffffff1a}.extension-details-container{flex-grow:1;padding:0;overflow:hidden;background-color:#181818;border-left:1px solid #303030;display:flex;flex-direction:column;max-height:100%}.extension-header{display:flex;margin-bottom:0;padding:30px;background-color:#181818;border-bottom:1px solid #303030;position:sticky;top:0;z-index:5;flex-shrink:0;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.squares-background{position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none;overflow:hidden}.extension-logo{width:165px;height:165px;margin-right:20px;margin-top:-10px;margin-left:-10px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.ts-logo{width:100%;height:100%;background-color:#202020;border-radius:5px;object-fit:cover;display:block;margin:0 auto;max-width:100%;max-height:100%;box-shadow:0 2px 4px #0003}.extension-header-content{display:flex;flex-direction:column;flex-grow:1;margin-top:-20px;position:relative;z-index:1}.extension-header-top{display:flex;justify-content:space-between;width:100%;margin-bottom:15px;flex-wrap:wrap}.extension-header-info{display:flex;flex-direction:column;flex-grow:1;max-width:75%}.extension-title{font-size:28px;font-weight:400;color:#fff;margin:0 0 5px}.extension-publisher-info{display:flex;align-items:center;margin-bottom:10px}.extension-publisher-info span.publisher-label{font-size:14px;color:#ccc;display:none}.microsoft-link{color:#fff;text-decoration:none;margin-left:10px;font-size:14px;display:flex}.resume-link{text-decoration:none;margin-left:10px;font-size:14px;display:flex;cursor:pointer;align-items:center}.microsoft-link:hover{color:#0078d7}.resume-icon{margin-right:4px;width:16px;height:16px}.extension-description{font-size:14px;color:#ccc;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.extension-actions-bar{display:flex;align-items:center}.action-button{background-color:#0e639c;border:none;color:#fff;padding:4px 12px;font-size:13px;cursor:pointer;margin-right:8px;border-radius:2px;transition:background-color .2s ease;height:24px;display:flex;align-items:center;justify-content:center;text-decoration:none!important}.action-button:hover{background-color:#17b;text-decoration:none!important}.auto-update-button{background-color:transparent;color:#ccc;padding:4px 8px;font-size:13px;display:flex;align-items:center;height:24px}.auto-update-button:hover{color:#fff}.settings-icon{display:flex;align-items:center;justify-content:center;margin-left:4px}.extension-rating-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:100px}.extension-rating{display:flex;align-items:center;margin-bottom:3px;flex-wrap:nowrap}.extension-rating svg{width:16px;height:16px;margin-right:1px;display:inline-block}.rating-count{margin-left:4px;font-size:13px;color:#ccc}.download-count{font-size:13px;color:#ccc}.download-count{color:#fff}.extension-tabs{display:flex;background-color:#252526;margin-bottom:0;border-bottom:1px solid #303030;position:sticky;top:0;z-index:10;padding-left:30px;height:35px;min-height:35px;flex-shrink:0}@media screen and (max-width: 480px){.extension-tabs{padding-left:15px;justify-content:flex-start}}.tab-button{background:none;border:none;color:#8d8d8d;font-size:12px;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;font-weight:500;letter-spacing:.5px;position:relative;transition:color .2s ease;height:35px}.tab-button:hover{color:#ccc}.tab-button.active{color:#fff}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#007acc}.extension-content{font-size:14px;line-height:1.6;padding:0;height:calc(100% - 35px);overflow:hidden;flex:1;display:flex;flex-direction:column}.content-single-column{display:flex;flex-direction:column;width:100%;background-color:#181818;height:100%;overflow:auto;flex:1}.main-column{width:100%;max-width:100%;padding:30px;line-height:1.6;height:auto;min-height:100%;overflow-y:visible;overflow-x:hidden;box-sizing:border-box}.main-column h2{font-size:24px;font-weight:400;color:#fff;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid #303030}.main-column h3{font-size:20px;font-weight:400;color:#fff;margin:30px 0 15px;padding-bottom:5px}.main-column p{margin-bottom:15px;color:#ccc}.main-column code{background-color:#3c3c3c;padding:2px 5px;border-radius:3px;font-family:Consolas,Courier New,monospace;font-size:13px}.main-column a{color:#3794ff;text-decoration:none}.main-column a:hover{color:#0078d7}.main-column ol{padding-left:20px;margin-bottom:15px}.main-column li{margin-bottom:8px}.skills-section{margin-top:20px;display:flex;flex-direction:column;gap:0;border:1px solid #3c3c3c;border-radius:3px;overflow:hidden}.skill-category{display:flex;padding:10px 12px;border-bottom:1px solid #3c3c3c}.skill-category:last-child{border-bottom:none}.skill-category:nth-child(odd){background-color:#1e1e1e}.skill-category:nth-child(2n){background-color:#252526}.skill-label{width:100px;color:#909090;font-size:13px;font-weight:500;padding-right:10px}.skill-value{flex:1;color:#ccc;font-size:13px}.interests-section{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.interest-tag{background-color:#252526;color:#3794ff;padding:5px 10px;border-radius:3px;font-size:13px;border:1px solid #3c3c3c;box-shadow:0 1px 2px #0003;transition:all .2s ease;cursor:default}.interest-tag:hover{background-color:#2a2d2e;border-color:#3794ff}.subjects-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;margin-bottom:20px}.subject-tag{background-color:#252526;color:#3794ff;padding:5px 10px;border-radius:3px;font-size:13px;border:1px solid #3c3c3c;box-shadow:0 1px 2px #0003;transition:all .2s ease;cursor:default;margin-bottom:6px}.subject-tag:hover{background-color:#2a2d2e;border-color:#3794ff;box-shadow:0 2px 3px #0003}.warning-box{background-color:#f1ba1b1a;border-left:3px solid #f1bb1b;padding:10px 15px;margin:15px 0;display:flex;align-items:flex-start;border-radius:0 3px 3px 0}.warning-icon{color:#f1bb1b;margin-right:10px;font-size:16px;display:flex;margin-top:2px}.warning-icon svg{width:16px;height:16px}.side-column{flex:1;padding-left:20px;border-left:1px solid #3c3c3c}.info-section{margin-bottom:25px}.info-section h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 10px}.info-table{width:100%;border-spacing:0;font-size:12px}.info-table td{padding:5px 0;vertical-align:top}.info-table td:first-child{color:#909090;width:40%}.info-table td:last-child{color:#ccc}.categories-list{display:flex;flex-wrap:wrap}.category-tag{background-color:#3c3c3c;color:#ccc;padding:3px 8px;border-radius:2px;font-size:11px;margin-right:5px;margin-bottom:5px}.resources-list{list-style-type:none;padding:0;margin:0}.resources-list li{margin-bottom:8px}.resources-list a{color:#3794ff;text-decoration:none;font-size:12px}.resources-list a:hover{color:#0078d7}.vscode-extensions-container{display:flex;flex:1;overflow:hidden;height:100%}@media screen and (max-width: 768px){.extensions-sidebar{display:none}.extension-details-container{width:100%;border-left:none}.extension-logo{margin-top:0;margin-left:0;margin-right:0;position:relative}.extension-rating-container{align-items:center!important;margin:8px auto!important;width:100%!important;display:flex!important;flex-direction:column!important}.extension-rating{display:flex!important;justify-content:center!important;margin-bottom:4px!important}.download-count{text-align:center!important;width:100%!important}.vscode-activity-bar{width:42px;padding-top:4px}.activity-icon{width:42px;height:42px;padding:9px;margin-bottom:1px}.activity-icon svg{width:24px;height:24px}.activity-icon.active:before{top:7px;bottom:7px}.extension-header{flex-direction:column;padding:20px 10px 15px;height:auto;min-height:auto;border-bottom:1px solid rgba(48,48,48,.7);align-items:center;position:relative;margin-top:0;overflow:hidden}.squares-background{opacity:.3}.squares-canvas{height:100%}.extension-logo{margin:0 0 15px;width:140px;height:140px;display:flex;justify-content:center;align-items:center;position:relative;top:0}.ts-logo{width:100%;height:100%;object-fit:cover;border-radius:5px}.extension-title{font-size:22px;text-align:center;margin:0 0 5px}.extension-header-content{margin-top:0;width:100%}.extension-header-top{flex-direction:column;margin-bottom:8px}.extension-header-info{max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.extension-publisher-info{justify-content:center;width:100%;margin-bottom:8px}.resume-link{margin:0 auto;display:inline-flex;align-items:center;justify-content:center}.extension-rating-container{align-items:center;margin-top:6px;margin-bottom:5px}.extension-rating{transform:scale(.9);margin-bottom:2px}.extension-publisher-info{justify-content:center;margin-bottom:6px}.extension-description{text-align:center;font-size:13px;line-height:1.5;margin:0 auto 12px;-webkit-line-clamp:3;line-clamp:3;max-width:95%;display:block;overflow:visible;white-space:normal;color:#ccc}.extension-actions-bar{justify-content:center;margin-top:8px;flex-wrap:wrap;gap:10px;width:100%;display:flex}.action-button{margin-right:4px;font-size:12px;padding:3px 10px;height:22px}.vscode-menu-items{display:none}.vscode-menu-bar{height:26px;padding:0 5px;align-items:center;justify-content:space-between}.vscode-logo svg{width:18px;height:18px;filter:brightness(1.8)}.vscode-search-box{margin-left:0}.vscode-search-box input{width:120px;height:20px;font-size:11px}.vscode-menu-icons{margin-left:5px}.menu-icon{width:24px;height:22px}.main-column{padding:15px 10px}.main-column h2{font-size:20px}.main-column h3{font-size:18px}.extension-tabs{overflow-x:auto;white-space:nowrap;padding-left:15px;justify-content:flex-start}.skills-section{font-size:13px}.skill-category{flex-direction:column;padding:8px 10px}.skill-label{width:100%;margin-bottom:5px}.interests-section,.subjects-container{justify-content:center}}@media screen and (max-width: 480px){.vscode-activity-bar{width:36px;padding-top:3px}.activity-icon{width:36px;height:36px;padding:8px;margin-bottom:1px}.activity-icon svg{width:20px;height:20px}.bottom-icons{bottom:3px}.extension-header{padding:10px 5px;margin-top:0}.extension-logo{width:140px;height:140px;margin-bottom:8px;top:0;overflow:visible}.extension-title{font-size:20px;margin:0 0 6px}.extension-description{font-size:13px;line-height:1.4;margin:0 auto 10px;max-width:100%;padding:0 5px}.extension-rating{transform:scale(.85)}.extension-rating-container{margin-top:4px;margin-bottom:3px}.download-count{font-size:12px}.extension-publisher-info{margin-bottom:4px;font-size:12px}.tab-button{padding:8px 10px;font-size:10px;letter-spacing:.3px}.vscode-search-box{display:none}.vscode-menu-bar{height:24px;padding:0 3px}.vscode-logo svg{width:16px;height:16px;filter:brightness(1.8)}.menu-icon{width:22px;height:20px;margin-left:2px}.menu-icon svg{width:14px;height:14px}.main-column ol{padding-left:15px}.main-column li{margin-bottom:10px}.interest-tag,.subject-tag{font-size:11px;padding:3px 7px;margin:3px}.auto-update-button{font-size:11px}.extension-actions-bar{gap:5px}.action-button{padding:2px 8px;height:20px;font-size:11px}}@media screen and (max-width: 360px){.vscode-activity-bar{width:32px;padding-top:2px}.activity-icon{width:32px;height:32px;padding:7px;margin-bottom:0}.activity-icon svg{width:18px;height:18px}.activity-icon.active:before{top:6px;bottom:6px;width:2px}.bottom-icons{bottom:2px;gap:0}.vscode-menu-bar{padding:0 2px;display:flex;justify-content:center;align-items:center}.vscode-logo{margin-right:2px;width:28px;justify-content:center;overflow:visible;padding-top:5px}.vscode-extension-tab{padding:0 4px;font-size:10px}.extension-tab-icon{display:none}.extension-logo{width:100px;height:100px;margin-bottom:6px}.extension-title{font-size:16px}.extension-description{-webkit-line-clamp:2;line-clamp:2}.action-button{padding:2px 6px;height:18px;font-size:10px}.auto-update-button{display:none}.extension-tabs{height:30px;min-height:30px}.tab-button{height:30px;padding:6px 8px}.extension-content{height:calc(100vh - 50px)}}.file-explorer-sidebar{width:280px;height:100%;background-color:#252526;border-right:1px solid #303030;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.explorer-section{display:flex;flex-direction:column;flex-grow:1}.file-list{display:flex;flex-direction:column;padding-left:12px}.file-item{display:flex;align-items:center;padding:3px 10px;cursor:pointer;font-size:13px;color:#ccc;border-radius:3px}.file-item:hover{background-color:#ffffff0f}.file-item.active{background-color:#007acc1a}.file-icon{margin-right:6px;display:flex;align-items:center;justify-content:center}.file-icon svg{width:16px;height:16px}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-editor-container{display:flex;flex:1;overflow:hidden;position:relative}.editor-content{flex-grow:1;display:flex;flex-direction:column;height:100%;background-color:#1e1e1e;position:relative;padding-bottom:22px}.code-editor{flex:1;display:flex;overflow:hidden;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5;height:calc(100% - 35px);min-width:0}.line-numbers{background-color:#1e1e1e;color:#6e7681;padding:0 12px;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #333;height:100%;overflow-y:hidden;flex-shrink:0;min-width:45px;display:flex;flex-direction:column}.line-number{height:21px;padding-right:8px;opacity:.6;font-size:13px;line-height:21px}.code-content{flex-grow:1;overflow-x:auto;overflow-y:auto;padding:0 16px 50px;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.code-content::-webkit-scrollbar{display:none}.code-lines{font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5;color:#d4d4d4;white-space:nowrap;width:max-content;padding:0;margin:0;min-width:100%}.code-line{display:block;height:21px;line-height:21px;white-space:nowrap}.code-link:hover{color:#569cd6!important;border-bottom:1px solid!important;opacity:.9}.status-bar{height:22px;background-color:#232323b3;border-top:.5px solid rgba(255,255,255,.8);display:flex;justify-content:space-between;padding:0 16px;color:#fff;font-size:12px;align-items:center;-webkit-user-select:none;user-select:none;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:100}.status-items-left,.status-items-right{display:flex;align-items:center}.status-item{display:flex;align-items:center;padding:0 8px;height:100%}.status-item svg{margin-right:4px;width:16px;height:16px}.live-server{background-color:#3d3d3d;border-left:1px solid rgba(255,255,255,.2);display:flex;align-items:center;height:100%;cursor:pointer;padding:0 10px;color:#ccc;transition:all .2s ease;border-radius:2px;margin-left:4px}.live-server:hover{background-color:#505050;color:#fff}.live-server svg{margin-left:5px;width:14px;height:14px;color:#24bf80}.support-me-section{margin-top:auto;border-top:1px solid #383838}@media screen and (max-width: 768px){.file-explorer-sidebar{display:none!important}.vscode-editor-container{width:100%}.editor-content{height:calc(100vh - 48px)}.code-editor{height:calc(100vh - 70px)}.code-content{padding:0 12px 30px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.code-content::-webkit-scrollbar{display:none}.code-lines{font-size:13px;white-space:nowrap;width:max-content;min-width:100%}}@media screen and (max-width: 480px){.editor-content{height:calc(100vh - 46px)}.code-editor{height:calc(100vh - 68px)}.code-content{padding:0 8px 25px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.code-content::-webkit-scrollbar{display:none}.code-lines{font-size:12px;white-space:nowrap;width:max-content;min-width:100%}}@media screen and (max-width: 360px){.editor-content{height:calc(100vh - 42px)}.code-editor{height:calc(100vh - 64px)}.code-content{padding:0 6px 20px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.code-content::-webkit-scrollbar{display:none}.code-lines{font-size:11px;white-space:nowrap;width:max-content;min-width:100%}}.code-lines{font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5;color:#d4d4d4;white-space:pre}.code-line{display:block;height:1.5em}.line-numbers{display:flex;flex-direction:column;align-items:flex-end;padding-right:12px;color:#858585;-webkit-user-select:none;user-select:none;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5}.line-number{height:1.5em}.code-editor{display:flex;height:100%;overflow:auto;background-color:#1e1e1e}.code-content{flex:1;padding-left:5px}.keyword{color:#569cd6}.comment{color:#6a9955}.property{color:#9cdcfe}.variable{color:#4fc1ff}.number{color:#b5cea8}.punctuation,.bracket{color:#d4d4d4}.function{color:#dcdcaa}.array{color:#d4d4d4}.editor-content{display:flex;flex-direction:column;flex:1;height:100%;background-color:#1e1e1e;color:#d4d4d4}.experience-container{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e;color:#d4d4d4;font-family:Consolas,Courier New,monospace;height:100%;overflow:hidden}.experience-content{padding:30px;overflow-y:auto;flex-grow:1}.experience-section{margin-bottom:40px}.experience-section h2{color:#9cdcfe;font-size:1.4rem;margin-top:0;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:8px}.languages-list{display:flex;flex-direction:column;gap:24px;margin-top:15px}.language-item{display:flex;flex-direction:column;gap:6px}.language-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.language-name{color:#dcdcaa;font-size:1.1rem;font-weight:500}.language-level{font-size:.9rem;letter-spacing:.5px}.language-progress-container{width:100%;height:8px;background-color:#252526;border-radius:4px;overflow:hidden;position:relative}.language-progress{height:100%;border-radius:4px;transition:width 1s ease-in-out;position:relative}.language-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:15px}.tool-item{background:#252526;color:#4fc1ff;border-radius:4px;padding:8px 12px;font-size:1rem;border:1px solid #333;box-shadow:0 1px 2px #00000014;display:flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.tool-item:hover{background-color:#2a2d2e;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.terminal-panel{background-color:#1e1e1e;border-top:1px solid #424242;display:flex;flex-direction:column;height:220px;min-height:150px;max-height:300px;transition:height .3s ease}.terminal-panel.minimized{height:35px;min-height:35px;overflow:hidden}.terminal-header{display:flex;justify-content:space-between;background-color:#252526;height:35px;border-bottom:1px solid #424242;-webkit-user-select:none;user-select:none}.terminal-tabs{display:flex;height:100%}.terminal-tab{padding:0 10px;font-size:11px;height:100%;display:flex;align-items:center;cursor:pointer;color:#8d8d8d}.terminal-tab.active{color:#fff;background-color:#1e1e1e;border-top:1px solid #007acc}.terminal-actions{display:flex;align-items:center;padding-right:5px}.terminal-dropdown{display:flex;align-items:center;font-size:11px;color:#ccc;padding:0 8px;cursor:pointer}.dropdown-icon{margin-left:4px;font-size:8px}.terminal-action-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#8d8d8d;cursor:pointer;margin-left:2px}.terminal-action-button:hover{color:#fff;background-color:#383838}.terminal-content{flex:1;padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5;color:#ccc;background-color:#1e1e1e;overflow-y:auto}.terminal-line{margin-bottom:4px;display:flex;align-items:flex-start;flex-wrap:wrap}.terminal-prompt{color:#3794ff;margin-right:5px}.terminal-command{color:#fff}.terminal-timestamp{color:#888;margin-right:8px}.terminal-info{color:#ccc}.terminal-success{color:#4caf50}.terminal-warning{color:#ff9800}.terminal-error{color:#f44336}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.education-container{background-color:#1e1e1e;border-radius:5px;padding:15px;border-left:3px solid #3794ff}.education-item{display:flex;flex-direction:column;gap:5px}.code-line{font-family:Consolas,Courier New,monospace;line-height:1.5}.object-key{color:#9cdcfe}.punctuation{color:#d4d4d4}.string{color:#ce9178}@media (max-width: 768px){.vscode-menu-items{display:none}.vscode-activity-bar{width:42px;padding-top:4px}.experience-content{padding:15px}.tools-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.terminal-panel{max-height:250px}.terminal-tabs{width:100%;overflow-x:auto;white-space:nowrap}.terminal-actions{display:none}}@media (max-width: 480px){.vscode-search-box{display:none}.experience-section h2{font-size:1.2rem}.language-header{flex-direction:column;align-items:flex-start;gap:3px}.tools-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.status-bar{height:22px;background-color:#007acc;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;-webkit-user-select:none;user-select:none;border-top:1px solid #0063a3;margin-top:10px}.gap{padding-bottom:12px}.status-items-left,.status-items-right{display:flex;align-items:center;height:100%}.status-item{display:flex;align-items:center;height:100%;padding:0 8px;cursor:pointer}.status-item:hover{background-color:#0063a3}.status-item svg{margin-right:4px}.fade-in{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.staggered-fade-in{opacity:0;animation:fadeIn .5s ease forwards}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.vs-loader{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-text{color:#ccc;font-size:14px}.loader-spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:#007acc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-progress:not(.started){width:0!important}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor;margin-left:5px;animation:pulse 1.5s ease infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.vscode-notification{position:fixed;top:40px;right:-400px;width:350px;background-color:#252526;color:#ccc;border-radius:3px;box-shadow:0 4px 12px #0000004d;display:flex;padding:10px;z-index:1000;transition:right .5s ease}.vscode-notification.show{right:20px}.notification-icon{margin-right:10px;display:flex;align-items:flex-start}.notification-content{flex-grow:1}.notification-title{font-weight:600;margin-bottom:5px}.notification-message{font-size:12px;color:#a0a0a0}.notification-close{cursor:pointer;padding:0 5px}.language-tooltip{position:absolute;right:0;top:-80px;background-color:#252526;border:1px solid #3c3c3c;border-radius:3px;box-shadow:0 2px 8px #00000026;padding:8px;width:200px;z-index:100;opacity:0;animation:fadeIn .2s ease forwards}.language-item{position:relative}.tooltip-header{font-weight:600;margin-bottom:5px;color:#fff;font-size:12px}.tooltip-content{font-size:11px}.tooltip-stat{margin-bottom:2px}.tooltip-meter{height:4px;background-color:#3c3c3c;border-radius:2px;margin-top:5px;overflow:hidden}.tooltip-meter-fill{height:100%;background-color:#3794ff}.code-block{display:flex;background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;overflow:hidden;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.5}.code-editor-gutter{background-color:#252526;padding:5px 10px;color:#8d8d8d;border-right:1px solid #3c3c3c;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:flex-end}.indent{display:inline-block;width:20px}.code-keyword{color:#569cd6}.code-variable{color:#9cdcfe}.operator{color:#d4d4d4}.status-typing{display:inline-block}.status-progress{width:50px;height:4px;background-color:#3c3c3c;margin-right:8px;border-radius:2px;overflow:hidden;display:inline-flex;align-items:center}.status-progress-bar{height:100%;width:30%;background-color:#3794ff;animation:progressMove 2s infinite}@keyframes progressMove{0%{margin-left:-30%}to{margin-left:100%}}.animated-status{position:relative;overflow:hidden}.animated-status:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width: 768px){.status-items-right .status-item:not(:last-child){display:none}.status-items-left .status-item:nth-child(2){display:none}.vscode-notification{width:280px}.vscode-notification.show{right:10px}.language-tooltip{width:160px;right:0;top:-70px}}.projects-container{display:flex;flex-direction:column;height:100%;width:100%;flex:1;overflow:hidden}.projects-content{padding:20px;background-color:#1e1e1e;overflow-y:auto;height:100%}.projects-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:#fff;font-weight:300;border-bottom:1px solid #3d3d3d;padding-bottom:.5rem}.projects-intro{color:#ccc;margin-bottom:2rem;max-width:800px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:2rem}.project-card{background-color:#252526;border-radius:6px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid #333}.project-card:hover,.project-card.hovered{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:#0078d4}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000c);display:flex;align-items:flex-end;padding:15px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background-color:#0078d4;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.project-info{padding:16px;flex-grow:1;display:flex;flex-direction:column}.project-title{color:#fff;margin:0 0 10px;font-size:18px;font-weight:500}.project-description{color:#ccc;font-size:14px;line-height:1.5;flex-grow:1;margin-bottom:16px}.project-buttons{display:flex;gap:10px;margin-top:auto}.vs-button{display:flex;align-items:center;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .3s ease;border:1px solid transparent;gap:6px}.check-on-btn{background-color:#0078d4;color:#fff}.check-on-btn:hover{background-color:#106ebe}.github-btn{background-color:#333;color:#fff;border:1px solid #555}.github-btn:hover{background-color:#444}.btn-disabled{opacity:.6;cursor:not-allowed!important;pointer-events:all;position:relative}.btn-disabled:hover{background-color:inherit!important;border-color:inherit!important;box-shadow:none!important}.check-on-btn.btn-disabled:hover{background-color:#0078d4!important}.github-btn.btn-disabled:hover{background-color:#333!important}.btn-icon{width:16px;height:16px}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card{max-width:100%}}.achievements-container{display:flex;flex-direction:column;height:100%;width:100%;flex:1;overflow:hidden}.achievements-content{padding:20px;background-color:#1e1e1e;overflow-y:auto;height:100%}.achievements-header{margin-bottom:30px}.achievements-header h2{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:300;border-bottom:1px solid #3d3d3d;padding-bottom:.5rem}.achievements-intro{color:#ccc;font-size:16px;max-width:800px;line-height:1.6;margin-bottom:20px}.achievements-filter{display:flex;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:8px}.filter-label{color:#ccc;margin-right:10px;font-size:14px}.filter-button{background-color:#252526;border:1px solid #3d3d3d;color:#ccc;padding:6px 12px;border-radius:3px;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:#2a2a2a;border-color:#5f5f5f}.filter-button.active{background-color:#0e639c;border-color:#17b;color:#fff}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;margin-bottom:30px}.achievement-card{background-color:#252526;border:1px solid #3d3d3d;border-radius:6px;padding:20px;display:flex;gap:16px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.achievement-card:hover,.achievement-card.hovered{transform:translateY(-5px);border-color:#0078d4;box-shadow:0 6px 15px #00000040}.achievement-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.achievement-info{flex:1;display:flex;flex-direction:column}.achievement-meta{display:flex;justify-content:space-between;margin-bottom:8px}.achievement-date{font-size:12px;color:#888}.achievement-category{font-size:12px;color:#fff;background-color:#0e639c;padding:2px 8px;border-radius:10px;font-weight:500}.achievement-title{font-size:17px;color:#fff;margin:0 0 10px;font-weight:500}.achievement-description{font-size:14px;color:#ccc;margin-bottom:16px;line-height:1.5}.achievement-link{display:flex;align-items:center;gap:6px;color:#3794ff;font-size:13px;text-decoration:none;width:fit-content;margin-top:auto}.achievement-link:hover{text-decoration:underline}.achievement-link svg{transition:transform .2s ease}.achievement-link:hover svg{transform:translate(3px)}.achievements-footer{margin-top:30px;padding-top:20px;border-top:1px solid #3d3d3d}.achievements-stats{display:flex;justify-content:center;gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-count{font-size:24px;font-weight:600;color:#fff}.stat-label{font-size:14px;color:#ccc}@media (max-width: 768px){.achievements-grid{grid-template-columns:1fr}.achievements-stats{flex-direction:column;gap:15px;align-items:center}}.vscode-extensions-page{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background-color:#181818;color:#ccc;position:relative;z-index:1}.vscode-menu-bar{position:absolute;top:0;left:0;right:0;height:32px;background-color:#3c3c3c;display:flex;align-items:center;padding:0 10px;z-index:5;box-shadow:0 1px 1px #0003}.vscode-content-with-activity{display:flex;width:100%;height:calc(100% - 30px);margin-top:30px;position:relative;overflow:hidden}.vscode-main-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.contact-container{display:flex;flex-direction:column;height:100%;width:100%;flex:1;overflow:hidden}.contact-content-area{padding:0;background-color:#1e1e1e;overflow-y:auto;height:100%}.contact-panel{padding:20px;max-width:1200px;margin:0 auto}.panel-header{margin-bottom:30px}.panel-header h2{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:300;border-bottom:1px solid #3d3d3d;padding-bottom:.5rem}.panel-header p{color:#ccc;font-size:16px;max-width:700px;line-height:1.6}.contact-columns{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;align-items:stretch}.contact-form-column,.contact-terminal-column{flex:1;min-width:300px;display:flex;flex-direction:column}.contact-form-container{background-color:#252526;border-radius:6px;padding:20px;border:1px solid #3d3d3d;height:552px;display:flex;flex-direction:column}.form-title{font-size:18px;color:#fff;margin-bottom:20px;font-weight:400;border-bottom:1px solid #3d3d3d;padding-bottom:10px}.contact-form{display:flex;flex-direction:column;gap:16px;flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:#ccc}.validation-error{color:#f48771;font-size:12px;margin-top:4px;display:block}.success-message{color:#3dff3d;font-weight:700;font-size:14px}.form-input,.form-textarea{background-color:#3c3c3c;border:1px solid #3d3d3d;border-radius:3px;color:#fff;padding:8px 12px;font-size:14px;width:100%;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#007acc}.form-textarea{resize:vertical;min-height:100px}.submit-button{background-color:#0e639c;color:#fff;border:none;border-radius:3px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease;margin-top:10px;align-self:flex-start}.submit-button:hover{background-color:#17b}.submit-button:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.7}.vs-terminal-container{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;height:100%}.terminal-header{background-color:#252526;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3d3d3d}.terminal-title{font-size:13px;color:#ccc}.terminal-actions{display:flex;gap:8px}.terminal-action{cursor:pointer;opacity:.7;transition:opacity .2s}.terminal-action:hover{opacity:1}.terminal-body{background-color:#1e1e1e;color:#ccc;padding:10px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.4;height:432px;min-height:432px;max-height:432px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d3d3d #1e1e1e}.terminal-welcome{margin-bottom:15px}.terminal-line{margin-bottom:4px}.terminal-spacer{height:10px}.command-hint{color:#569cd6;font-weight:700}.terminal-command-block{margin-bottom:15px}.terminal-prompt{display:flex;gap:4px;margin-bottom:2px;white-space:nowrap}.prompt-user{color:#4ec9b0}.prompt-separator{color:#ccc}.prompt-location{color:#569cd6}.prompt-dollar{color:#ccc;margin-right:8px}.command-text{color:#fff}.terminal-response-line{padding-left:15px;margin-bottom:2px;white-space:pre-wrap;word-break:break-word}.terminal-current-line{display:flex}.terminal-input-form{flex:1;display:flex;align-items:center}.terminal-input{background:transparent;border:none;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px;padding:0;width:100%;caret-color:transparent}.terminal-input:focus{outline:none}.terminal-cursor{display:inline-block;width:8px;height:16px;background-color:#fff;opacity:.7;margin-left:1px;animation:blink 1s step-start infinite}.hide-cursor{opacity:0}@keyframes blink{50%{opacity:0}}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#1e1e1e}.terminal-body::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.contact-info-section{margin-top:30px;padding-top:20px;border-top:1px solid #3d3d3d}.contact-info-section h3{font-size:20px;color:#fff;margin-bottom:20px;font-weight:300}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.contact-info-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background-color:#252526;border-radius:6px;border:1px solid #3d3d3d;transition:transform .3s ease,border-color .3s ease}.contact-info-item:hover{transform:translateY(-5px);border-color:#007acc}.contact-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.email-icon{background-color:#2c974b}.location-icon{background-color:#a371f7}.github-icon{background-color:#4d4d4d}.linkedin-icon{background-color:#0a66c2}.contact-info-text{display:flex;flex-direction:column;gap:5px}.contact-info-text h4{font-size:16px;color:#fff;margin:0}.contact-info-text p,.contact-info-text a{font-size:14px;color:#ccc;margin:0;word-break:break-word}.contact-info-text a:hover{color:#007acc;text-decoration:underline}@media (max-width: 768px){.contact-columns{flex-direction:column}.contact-form-column,.contact-terminal-column{width:100%}.vs-terminal-container{margin-top:20px}.terminal-body{height:432px;min-height:432px;max-height:432px}.contact-form-container{height:552px}.contact-info-grid{grid-template-columns:1fr}}.support-me-section{margin-top:30px;padding:20px 0;border-top:1px solid #383838}.support-me-section h3{color:#ccc;font-size:16px;font-weight:600;margin-bottom:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.support-content{display:flex;flex-direction:column;gap:15px}.support-content p{color:#9d9d9d;font-size:14px;line-height:1.5;margin:0}.coffee-button{display:flex;align-items:center;padding:12px 16px;background-color:#2d2d30;border:1px solid #3e3e42;border-radius:6px;text-decoration:none;color:inherit;transition:all .2s ease-in-out;cursor:pointer;gap:12px;max-width:400px}.coffee-button:hover{background-color:#37373d;border-color:#4c4c4c;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.coffee-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#d4a676;border-radius:50%;flex-shrink:0}.coffee-icon svg{color:#fff!important}.coffee-text{flex-grow:1;display:flex;flex-direction:column;gap:2px}.coffee-title{font-size:14px;font-weight:600;color:#ccc}.coffee-subtitle{font-size:12px;color:#9d9d9d;line-height:1.3}.coffee-arrow{display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease-in-out}.coffee-button:hover .coffee-arrow{opacity:1}@media (max-width: 768px){.support-me-section{margin-top:20px;padding:15px 0}.coffee-button{padding:10px 14px;gap:10px}.coffee-icon{width:28px;height:28px}.coffee-title{font-size:13px}.coffee-subtitle{font-size:11px}}.resume-page{width:100%;height:100%;background-color:#1e1e1e;color:#d4d4d4;overflow-y:auto;position:relative;margin-top:0;padding-top:0;display:flex;flex-direction:column}.vscode-content-with-activity.resume-page{margin-top:0;height:100%}.resume-content{margin-top:0!important;padding-top:0!important;height:100vh!important}.vscode-resume-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#252526;border-bottom:1px solid #3d3d3d;position:sticky;top:0;z-index:10;margin-top:0}.vscode-back-button{display:flex;align-items:center;padding:5px 10px;background-color:#333;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;cursor:pointer;width:fit-content;font-size:13px;transition:background-color .2s}.vscode-back-button:hover{background-color:#2a2d2e}.vscode-back-button:active{background-color:#094771}.back-icon{display:flex;align-items:center;margin-right:6px;color:#ccc}.back-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.resume-actions{display:flex;gap:10px}.resume-action-button{display:flex;align-items:center;gap:6px;padding:5px 10px;background-color:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px;transition:background-color .2s}.resume-action-button:hover{background-color:#17b}.resume-container{padding:20px;max-width:1000px;margin:0 auto;flex:1;overflow-y:auto}.resume-paper{background-color:#252526;border:1px solid #3d3d3d;border-radius:8px;padding:40px;box-shadow:0 4px 12px #0000004d}.resume-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #3d3d3d;text-align:center}.resume-header h1{font-size:32px;margin-bottom:8px;color:#fff;font-weight:500}.resume-title{font-size:18px;color:#ccc;margin-bottom:15px}.resume-contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px;font-size:14px}.contact-item{display:flex;align-items:center;gap:8px}.contact-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .2s ease}.contact-link{text-decoration:none;color:inherit;transition:all .2s ease;padding:3px 6px;border-radius:4px}.contact-link:hover{background-color:#61aeee1a}.contact-link:hover .contact-icon{transform:scale(1.1)}.resume-section{margin-bottom:30px;padding-bottom:10px}.resume-section h2{font-size:22px;color:#569cd6;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #3d3d3d}.section-content{padding-left:10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:25px}.skills-group{background-color:#2a2a2a;border-radius:8px;padding:15px 20px;box-shadow:0 2px 5px #0003;border-left:3px solid #569cd6;transition:transform .2s,box-shadow .2s}.skills-group:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.skills-heading{font-size:18px;color:#dcdcaa;margin-bottom:15px;padding-bottom:6px;border-bottom:1px solid #3d3d3d;position:relative}.skills-heading:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:2px;background-color:#569cd6}.skills-badges{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{padding:6px 12px;border-radius:20px;font-size:14px;display:inline-block;position:relative;transition:all .2s ease;font-weight:500;letter-spacing:.3px;box-shadow:0 1px 3px #0000001a;background-color:#569cd633;color:#9cdcfe;border:1px solid rgba(86,156,214,.5)}.skill-badge:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0003;background-color:#569cd64d}.experience-item{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed #3d3d3d}.experience-item:last-child{border-bottom:none;padding-bottom:0}.experience-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.job-title-company h3{font-size:18px;color:#9cdcfe;margin-bottom:4px}.job-title-company h4{font-size:16px;color:#ce9178;font-weight:400}.job-duration{text-align:right;color:#ccc;font-size:14px;display:flex;flex-direction:column}.date{margin-bottom:4px;font-weight:500}.location{font-style:italic}.job-description{padding-left:20px;margin-top:10px;color:#d4d4d4;line-height:1.6}.job-description li{margin-bottom:6px}.education-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed #3d3d3d}.education-item:last-child{border-bottom:none;padding-bottom:0}.education-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.degree-institution h3{font-size:18px;color:#9cdcfe;margin-bottom:4px}.degree-institution h4{font-size:16px;color:#ce9178;font-weight:400}.education-duration{color:#ccc}.education-item p{color:#d4d4d4;padding-left:10px;line-height:1.5}.project-item{margin-bottom:20px}.project-item h3{font-size:18px;color:#4ec9b0;margin-bottom:8px}.project-item p{line-height:1.5;margin-bottom:10px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tech-tag{background-color:#3d3d3d;color:#569cd6;padding:3px 8px;border-radius:4px;font-size:12px;display:inline-block}.tech-tag.private-repo{background-color:#3a2a3a;color:#d49aa2;border:1px dashed #d49aa2}.project-link{text-decoration:none;color:inherit}.project-link:hover .tech-tag{background-color:#0e639c;color:#fff}.view-more-projects{margin-top:25px;text-align:center;padding-top:15px;border-top:1px dashed #3d3d3d}.view-more-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#569cd6;text-decoration:none;padding:8px 15px;border-radius:5px;background-color:#569cd61a;border:1px solid rgba(86,156,214,.3);transition:all .2s ease}.view-more-link:hover{background-color:#569cd633;transform:translateY(-2px);box-shadow:0 3px 6px #0003}.view-more-icon{transition:transform .2s ease;flex-shrink:0}.view-more-link:hover .view-more-icon{transform:rotate(3deg)}.view-more-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certification-list{padding-left:20px;line-height:1.8}.certification-list li{margin-bottom:6px}@media (max-width: 1024px){.resume-container{padding:15px}.resume-paper{padding:30px 25px}.resume-header h1{font-size:28px}}@media (max-width: 768px){.resume-paper{padding:25px 20px;margin-bottom:20px;border-radius:6px}.resume-header{margin-bottom:25px;padding-bottom:15px}.resume-header h1{font-size:26px}.resume-title{font-size:16px}.experience-header,.education-header{flex-direction:column}.job-duration,.education-duration{text-align:left;margin-top:5px}.job-title-company h3,.degree-institution h3,.project-item h3{font-size:17px}.job-title-company h4,.degree-institution h4{font-size:15px}.job-description{padding-left:15px}.resume-section h2{font-size:20px;margin-bottom:12px}.skills-grid{grid-template-columns:1fr;gap:15px}.skills-group{padding:12px 15px}.resume-contact-info{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.contact-item{min-width:45%;justify-content:center}.view-more-link{padding:6px 12px;font-size:14px}}@media (max-width: 576px){.resume-container{padding:10px}.resume-paper{padding:20px 15px;box-shadow:0 2px 8px #0003}.resume-header h1{font-size:24px}.resume-title{font-size:15px;margin-bottom:12px}.resume-section{margin-bottom:25px}.section-content{padding-left:5px}.resume-contact-info{flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px}.contact-item{min-width:auto;width:100%;justify-content:flex-start}}@media (max-width: 480px){.back-text{display:none}.back-icon{margin-right:0}.resume-header h1{font-size:22px}.resume-section h2{font-size:18px}.skills-badges{gap:6px}.skill-badge{padding:4px 8px;font-size:12px}.experience-item,.education-item,.project-item{margin-bottom:20px}.job-description{font-size:14px;padding-left:10px}.certification-list{padding-left:15px;font-size:14px}.view-more-link{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{background-color:#1e1e1e;color:#d4d4d4;line-height:1.6;overflow:hidden;height:100vh;width:100vw}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;overflow:hidden}.content{height:calc(100vh - 60px);padding-top:0;width:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;margin-top:60px;z-index:0}.content.full-height{height:100vh;margin-top:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}a{color:#007acc;text-decoration:none}a:hover{text-decoration:underline}button:hover,.button:hover,button a:hover,.button a:hover,a.action-button:hover,.action-button:hover,a.button:hover{text-decoration:none!important}