*{margin:0;padding:0;box-sizing:border-box}:root{--vscode-editor-background: #1e1e1e;--vscode-sideBar-background: #252526;--vscode-activityBar-background: #333333;--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: #3c3c3c;--vscode-statusBar-background: #007acc;--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-border: #252526;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-panel-border: #80808059;--vscode-sideBarSectionHeader-background: #00000000;--vscode-foreground: #cccccc;--vscode-descriptionForeground: #858585;--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-icon-foreground: #c5c5c5;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: #858585;--vscode-sideBar-border: #1e1e1e;--vscode-activityBar-border: transparent;--vscode-statusBar-border: transparent;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-focusBackground: #062f4a;--vscode-focusBorder: #007fd4;font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,system-ui,Ubuntu,Droid Sans,sans-serif;font-size:13px;line-height:1.4;font-weight:400;color:var(--vscode-foreground);background-color:var(--vscode-editor-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow:hidden}#root{width:100vw;height:100vh}.layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--vscode-editor-background);overflow:hidden}.main-content{display:flex;flex:1;overflow:hidden}.titlebar{height:30px;background:var(--vscode-titleBar-activeBackground);display:flex;align-items:center;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--vscode-foreground);-webkit-app-region:drag}.titlebar-section{display:flex;align-items:center;height:100%}.titlebar-left{flex:1;display:flex;align-items:center}.titlebar-center{flex:1;display:flex;justify-content:center;align-items:center}.titlebar-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.titlebar-icon{width:35px;height:30px;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag}.titlebar-icon svg{width:16px;height:16px;fill:#007acc}.titlebar-menu{display:flex;height:100%;-webkit-app-region:no-drag}.titlebar-menu-item{padding:0 8px;height:100%;display:flex;align-items:center;cursor:pointer;color:var(--vscode-foreground);font-size:13px}.titlebar-menu-item:hover{background:#ffffff1a}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;margin:0;color:var(--vscode-foreground);cursor:pointer;border-radius:6px;transition:background .15s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn:active{background:#ffffff26;transform:scale(.95)}.titlebar-nav{display:flex;align-items:center;gap:2px;margin-right:8px;color:var(--vscode-descriptionForeground)}.titlebar-nav svg{cursor:pointer;opacity:.5}.titlebar-nav svg:hover{opacity:1}.search-box{background:#ffffff10;border:1px solid transparent;border-radius:4px;height:22px;width:100%;max-width:500px;display:flex;align-items:center;padding:0 8px;color:var(--vscode-foreground);font-size:12px;cursor:pointer;-webkit-app-region:no-drag}.search-box:hover{background:#ffffff14}.search-box svg{width:14px;height:14px;margin-right:8px;opacity:.8}.search-box span{opacity:.8}.window-controls{display:flex;height:100%;-webkit-app-region:no-drag}.window-btn{width:46px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vscode-foreground)}.window-btn:hover{background:#ffffff1a}.window-btn.close:hover{background:#e81123}.window-btn svg{width:16px;height:16px}.activity-bar{width:48px;background:var(--vscode-activityBar-background);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.activity-bar-top,.activity-bar-bottom{display:flex;flex-direction:column;align-items:center}.activity-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--vscode-activityBar-inactiveForeground)}.activity-item:hover,.activity-item.active{color:var(--vscode-activityBar-foreground)}.activity-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--vscode-activityBar-foreground)}.activity-item svg{width:24px;height:24px;stroke-width:1.5}.sidebar{width:250px;background:var(--vscode-sideBar-background);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--vscode-sideBar-border)}.sidebar.hidden{display:none}@media(max-width:768px){.sidebar.hidden{display:flex;transform:translate(-100%)}}.sidebar-header{height:35px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--vscode-foreground)}.sidebar-header-actions{display:flex;gap:4px}.sidebar-header-actions svg{width:16px;height:16px;cursor:pointer;opacity:0;color:var(--vscode-foreground)}.sidebar:hover .sidebar-header-actions svg{opacity:1}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.tree-section{-webkit-user-select:none;user-select:none}.tree-header{height:22px;padding:0 8px;display:flex;align-items:center;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--vscode-foreground)}.tree-header:hover{background:var(--vscode-list-hoverBackground)}.tree-header svg{width:16px;height:16px;margin-right:2px;flex-shrink:0}.tree-content{font-size:13px}.tree-item{height:22px;padding-left:22px;padding-right:8px;display:flex;align-items:center;cursor:pointer;color:var(--vscode-foreground)}.tree-item:hover{background:var(--vscode-list-hoverBackground)}.tree-item.active{background:var(--vscode-list-activeSelectionBackground)}.tree-item.folder{padding-left:8px}.tree-item svg.chevron{width:16px;height:16px;margin-right:2px;flex-shrink:0}.tree-item .file-icon{width:16px;height:16px;margin-right:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tree-item .file-icon svg{width:16px;height:16px}.tree-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item.level-1{padding-left:22px}.tree-item.level-2{padding-left:44px}.tree-item.level-3{padding-left:66px}.editor-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--vscode-editor-background)}.editor-split{display:flex;flex:1;overflow:hidden;min-height:0}.editor-main{flex:1;overflow-y:auto;min-width:0}.tabs-container{height:35px;background:var(--vscode-editorGroupHeader-tabsBackground);display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab{height:35px;padding:0 10px;display:flex;align-items:center;cursor:pointer;background:var(--vscode-tab-inactiveBackground);border-right:1px solid var(--vscode-tab-border);color:var(--vscode-descriptionForeground);font-size:13px;position:relative;flex-shrink:0}.tab:hover{background:var(--vscode-tab-inactiveBackground)}.tab.active{background:var(--vscode-tab-activeBackground);color:var(--vscode-foreground)}.tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--vscode-statusBar-background)}.tab .tab-icon{width:16px;height:16px;margin-right:6px;display:flex;align-items:center;justify-content:center}.tab .tab-icon svg{width:16px;height:16px}.tab-label{white-space:nowrap;margin-right:4px}.tab-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;margin-left:4px}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a}.tab-close svg{width:16px;height:16px}.mobile-view-toggle,.titlebar-mobile-toggle{display:none}.editor-area{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.editor-content{flex:1;overflow:auto;background:var(--vscode-editor-background)}.welcome-page{height:100%;width:100%;overflow-y:auto;padding:60px 80px;background:var(--vscode-editor-background)}.welcome-container{max-width:1200px;margin:0 auto}.welcome-header{margin-bottom:40px}.welcome-logo{width:80px;height:80px;margin-bottom:20px;opacity:.1;display:none}.welcome-title{font-size:42px;font-weight:200;color:var(--vscode-foreground);margin-bottom:4px;letter-spacing:-.5px}.welcome-subtitle{font-size:18px;color:var(--vscode-descriptionForeground);font-weight:300}.welcome-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.welcome-section{margin-bottom:32px}.welcome-section h2{font-size:18px;font-weight:400;color:var(--vscode-foreground);margin-bottom:16px}.welcome-links{display:flex;flex-direction:column;gap:8px}.welcome-link{display:flex;align-items:center;gap:10px;color:var(--vscode-textLink-foreground);background:transparent;border:none;padding:0;cursor:pointer;font-size:13px;font-family:inherit;text-align:left}.welcome-link:hover{text-decoration:underline}.welcome-link svg{width:16px;height:16px;color:var(--vscode-foreground);opacity:.8}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-item{display:flex;align-items:baseline;gap:12px;cursor:pointer;font-size:13px}.recent-name{color:var(--vscode-textLink-foreground)}.recent-name:hover{text-decoration:underline}.recent-path{color:var(--vscode-descriptionForeground);font-size:12px}.walkthrough-section{grid-column:2}.walkthrough-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff0a;border-radius:4px;cursor:pointer;margin-bottom:8px}.walkthrough-card:hover{background:#ffffff14}.walkthrough-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center}.walkthrough-icon.blue{background:#007acc}.walkthrough-info h3{font-size:13px;font-weight:400;color:var(--vscode-foreground);margin-bottom:2px}.walkthrough-badge{display:inline-block;padding:1px 6px;background:var(--vscode-statusBar-background);color:#fff;font-size:10px;border-radius:2px;margin-left:8px}.welcome-footer{margin-top:60px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--vscode-descriptionForeground)}.welcome-footer input[type=checkbox]{accent-color:var(--vscode-statusBar-background)}.code-view{display:flex;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:19px;background:var(--vscode-editor-background);height:100%}.line-numbers{width:50px;padding:4px 10px 0 0;text-align:right;color:#858585;-webkit-user-select:none;user-select:none;flex-shrink:0}.line-numbers div{height:19px}.code-content{flex:1;padding:4px 0 0 16px;white-space:pre;color:#d4d4d4;overflow-x:auto}.project-view{padding:40px;overflow-y:auto;height:100%;background:var(--vscode-editor-background)}.project-container{max-width:800px;margin:0 auto}.project-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3e3e42}.project-title{font-size:32px;font-weight:300;color:var(--vscode-foreground);margin-bottom:4px}.project-subtitle{font-size:16px;color:var(--vscode-textLink-foreground)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.project-tag{padding:4px 10px;background:#4ec9b01a;color:#4ec9b0;font-size:12px;border-radius:2px}.project-image{margin-bottom:32px;border:1px solid #3e3e42;border-radius:4px;overflow:hidden}.project-image img{width:100%;display:block}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:32px}.project-section{margin-bottom:24px}.project-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--vscode-descriptionForeground);margin-bottom:12px}.project-section p{line-height:1.6;color:var(--vscode-foreground)}.project-features{list-style:none;padding:0}.project-features li{padding:4px 0 4px 16px;position:relative;color:var(--vscode-foreground)}.project-features li:before{content:"•";position:absolute;left:0;color:var(--vscode-textLink-foreground)}.project-sidebar{background:var(--vscode-sideBar-background);padding:16px;border-radius:4px}.project-sidebar h3{margin-bottom:16px}.project-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 16px;margin-bottom:8px;font-size:13px;font-family:inherit;cursor:pointer;border-radius:2px;text-decoration:none;border:none}.project-btn.primary{background:var(--vscode-statusBar-background);color:#fff}.project-btn.primary:hover{background:#0098ff}.project-btn.secondary{background:#3c3c3c;color:var(--vscode-foreground);border:1px solid #3e3e42}.project-btn.secondary:hover{background:#4c4c4c}.status-bar{height:22px;background:var(--vscode-statusBar-background);display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:12px;color:#fff;flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;height:100%}.status-item{height:100%;padding:0 6px;display:flex;align-items:center;gap:4px;cursor:pointer}.status-item:hover{background:#ffffff1f}.status-item svg{width:14px;height:14px}.bottom-panels{border-top:1px solid var(--vscode-sideBar-border)}.panel-header{height:22px;padding:0 8px;display:flex;align-items:center;font-size:11px;font-weight:400;text-transform:uppercase;color:var(--vscode-foreground);cursor:pointer}.panel-header svg{width:16px;height:16px;margin-right:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#79797966}::-webkit-scrollbar-thumb:hover{background:#646464b3}::-webkit-scrollbar-corner{background:transparent}html{font-size:clamp(13px,12px + .35vw,16px)}.tab,.tree-item,.activity-bar-item,.welcome-link,.recent-item,.walkthrough-card,.project-link,.social-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}@media(hover:none){.tab:active,.tree-item:active,.activity-bar-item:active,.welcome-link:active,.recent-item:active,.walkthrough-card:active,.project-link:active,.social-btn:active{transform:scale(.97);opacity:.9}}@media(max-width:1024px){.preview-panel{width:320px}.editor-split.with-preview .editor-main{min-width:300px}.welcome-page{padding:40px}.tree-item{min-height:32px;padding-top:4px;padding-bottom:4px}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:30px;bottom:22px;width:85vw;max-width:320px;z-index:200;background:#252526fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:4px 0 32px #00000080,1px 0 #ffffff0d;transform:translate(-100%);transition:transform .4s cubic-bezier(.32,.72,0,1)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.activity-bar{width:48px}.activity-bar-item{width:48px;height:48px;border-radius:12px;margin:2px 4px}.activity-bar-item:hover{background:#ffffff14}.titlebar-menu,.titlebar-nav{display:none}.search-box{max-width:180px;padding:6px 14px;border-radius:20px;background:#ffffff0f}.welcome-content{grid-template-columns:1fr;gap:24px}.walkthrough-section{grid-column:1}.welcome-page{padding:24px 20px}.welcome-title{font-size:28px;font-weight:400;line-height:1.3}.welcome-subtitle{font-size:14px}.welcome-link,.recent-item{border-radius:3px;padding:8px 10px}.walkthrough-card{border-radius:4px;padding:10px;background:transparent;border:none}.walkthrough-card:hover{background:var(--vscode-list-hoverBackground);border-color:transparent;transform:none}.project-content{grid-template-columns:1fr}.editor-split.with-preview{flex-direction:column}.editor-split.with-preview .editor-main{min-width:100%;flex:1;min-height:40%}.preview-panel{width:100%;border-left:none;border-top:1px solid var(--vscode-panel-border);max-height:50%;min-height:220px}.preview-header{background:#ffffff08}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab{min-width:max-content;padding:0 14px}.tree-item{min-height:36px;border-radius:6px;margin:1px 6px}}@media(max-width:480px){.layout{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.titlebar{height:48px;padding:0 10px;background:var(--vscode-titleBar-activeBackground)}.titlebar-left{gap:6px}.titlebar-icon{width:26px;height:26px}.titlebar-center{flex:1;justify-content:center}.search-box,.window-controls{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.titlebar-icon{display:none}.activity-bar,.status-bar{display:none!important}.main-content{flex-direction:column;padding-bottom:0}.editor-area{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%;min-height:0}.sidebar{position:fixed;width:100%;max-width:100%;left:0;top:48px;bottom:0;z-index:300;transform:translate(-100%);transition:transform .35s cubic-bezier(.32,.72,0,1);border-radius:0;box-shadow:none;background:var(--vscode-sideBar-background)}.sidebar.open{transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}.editor-area{position:fixed;inset:48px 0 0;margin:0}.tabs-container{height:44px;background:#252526f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tab{height:44px;padding:0 12px;font-size:13px;border-radius:0}.tab.active{background:var(--vscode-tab-activeBackground)}.tab.active:before{height:2px;background:linear-gradient(90deg,#007acc,#3794ff)}.tab .tab-icon{width:16px;height:16px;margin-right:6px}.tab-close{width:20px;height:20px;margin-left:4px;opacity:.7}.welcome-page{padding:20px 16px 24px}.welcome-header{margin-bottom:24px;text-align:left}.welcome-title{font-size:24px;font-weight:400}.welcome-subtitle{font-size:13px;margin-top:4px;color:var(--vscode-descriptionForeground)}.welcome-section{margin-bottom:20px}.welcome-section h2{font-size:11px;font-weight:400;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--vscode-foreground)}.welcome-link{padding:6px 0;font-size:13px;border-radius:0;background:none;border:none}.welcome-link:hover{background:none;color:var(--vscode-textLink-foreground)}.recent-item{padding:6px 0;border-radius:0;background:none;margin-bottom:0}.recent-item:hover{background:none}.recent-name{font-size:13px;font-weight:400;color:var(--vscode-textLink-foreground)}.recent-path{font-size:12px;margin-top:2px;color:var(--vscode-descriptionForeground)}.walkthrough-card{padding:8px 0;gap:12px;border-radius:0;background:none;border:none}.walkthrough-icon{width:32px;height:32px;border-radius:4px}.walkthrough-info h3{font-size:13px;font-weight:400}.walkthrough-badge{padding:2px 6px;font-size:10px;border-radius:3px}.welcome-footer{padding:10px 0;font-size:12px;border-radius:0;margin-top:12px;background:none;border:none;border-top:1px solid var(--vscode-panel-border)}@media(max-width:600px){.editor-split.mobile-view-code .editor-main{flex:1;display:block!important;height:100%;min-height:100%;width:100%;overflow-y:auto;background:var(--vscode-editor-background)}.project-view{display:block!important;height:auto!important;width:100%;overflow:visible!important;background:var(--vscode-editor-background);padding:16px}.editor-split.mobile-view-code .preview-panel{display:none!important}.editor-split.mobile-view-preview{display:flex!important;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--vscode-editor-background)}.editor-split.mobile-view-preview .editor-main{display:none!important}.editor-split.mobile-view-preview .preview-panel{display:flex!important;flex-direction:column;flex:1;height:100%;min-height:0;width:100%;border:none;background:var(--vscode-editor-background);overflow:hidden}.editor-split.mobile-view-preview .preview-header{flex:0 0 auto;width:100%;position:relative;background:var(--vscode-editorGroupHeader-tabsBackground);border-bottom:1px solid var(--vscode-panel-border);z-index:5}.editor-split.mobile-view-preview .preview-body{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;padding:16px;-webkit-overflow-scrolling:touch}}@media(max-width:600px){.titlebar-mobile-toggle{display:flex!important}}@media(min-width:601px){.titlebar-mobile-toggle{display:none!important}}.editor-split.with-preview{flex-direction:column}.preview-toggle-btn.desktop-only{display:none}.titlebar-mobile-toggle{display:flex;align-items:center;background:#ffffff1a;border-radius:4px;margin-right:8px;padding:2px;gap:2px;height:24px}.mobile-toggle-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;height:20px;border:none;background:transparent;color:var(--vscode-descriptionForeground);font-size:10px;cursor:pointer;border-radius:2px}.mobile-toggle-btn svg{width:12px;height:12px}.mobile-toggle-btn.active{background:var(--vscode-button-secondaryBackground);color:var(--vscode-foreground);font-weight:500}.preview-header{position:sticky;top:0;z-index:10;padding:6px 12px;font-size:10px}.preview-body{padding:10px 12px;font-size:12px}.preview-section{margin-bottom:12px}.preview-section h3{font-size:10px;margin-bottom:6px}.skill-tag{padding:3px 6px;font-size:10px}.preview-toggle{font-size:11px;padding:3px 8px}.skill-tags{gap:6px}.skill-tag{padding:3px 6px;font-size:10px;border-radius:4px}.about-header{flex-direction:column;gap:12px;text-align:center;margin-bottom:20px}.about-avatar{width:60px;height:60px;font-size:24px}.about-stats{flex-direction:column;gap:8px}.stat-card{padding:10px}.achievements-preview{display:flex;flex-direction:column;gap:12px}.achievement-card{padding:12px;gap:12px}.achievement-badge{font-size:24px}.achievement-info h4{font-size:13px;margin-bottom:2px}.achievement-result{font-size:11px}.contact-preview .contact-header{flex-direction:column;text-align:center;gap:10px;margin-bottom:20px}.contact-info{flex-direction:column;gap:12px}.contact-item{justify-content:center;font-size:13px}.contact-links{flex-direction:column;width:100%}.social-btn{width:100%;justify-content:center}.availability-grid{grid-template-columns:1fr}.experience-preview .exp-header{padding:12px}.exp-type{position:static;display:inline-block;margin-bottom:8px}.edu-card{flex-direction:column;align-items:flex-start;gap:12px}.edu-icon{width:32px;height:32px}.about-preview{text-align:center}.about-preview .about-header{flex-direction:column;text-align:center;gap:12px}.about-avatar{width:56px;height:56px;font-size:20px}.about-header h2{font-size:20px}.about-stats{gap:10px}.stat-card{padding:14px 10px;border-radius:12px}.stat-value{font-size:15px}.stat-label{font-size:10px}.edu-card{padding:14px;gap:14px;border-radius:12px}.edu-icon{width:44px;height:44px;border-radius:10px}.edu-info h4{font-size:14px}.achievement-card{padding:14px;gap:14px;border-radius:12px}.achievement-badge{font-size:28px}.achievement-info h4{font-size:14px}.exp-header{padding-left:14px;border-radius:0 12px 12px 0}.exp-header h3{font-size:18px}.exp-role{font-size:14px}.exp-highlights{border-radius:12px;padding:14px}.contact-avatar{width:52px;height:52px;font-size:18px}.contact-header h3{font-size:18px}.social-btn{padding:12px 16px;font-size:13px;border-radius:10px}.code-view{font-size:12px}.line-numbers{padding:14px 10px;font-size:11px;min-width:40px}.code-content{padding:14px}.line-number,.code-line{height:20px}.project-header{padding:20px 16px;text-align:center}.project-title{font-size:clamp(20px,6vw,26px)}.project-subtitle{font-size:14px}.project-tags{gap:8px;justify-content:center}.project-tag{padding:5px 10px;font-size:11px;border-radius:6px}.project-body{padding:20px 16px}.project-section{margin-bottom:20px}.project-section h3{font-size:13px;margin-bottom:10px}.project-links{flex-direction:column;gap:10px}.project-link{width:100%;padding:14px 20px;justify-content:center;border-radius:12px;font-size:14px}.status-bar{display:none}}@media(max-width:360px){.welcome-title{font-size:22px}.activity-bar-item{width:48px}.about-stats{flex-direction:column;gap:8px}.stat-card{flex-direction:row;justify-content:center;gap:12px;padding:12px 16px}}@media(max-width:768px){.layout.sidebar-open .sidebar{transform:translate(0)}.layout.sidebar-open .sidebar-overlay{display:block}.sidebar-overlay{display:none;position:fixed;inset:30px 0 22px;background:#00000080;z-index:199}}@media(hover:none)and (pointer:coarse){.tab-close{opacity:1}.tree-item{min-height:36px}.activity-bar-item,.welcome-link,.recent-item,.walkthrough-card{min-height:44px}}.editor-split{flex:1;display:flex;overflow:hidden}.editor-main{flex:1;overflow:auto;min-width:0}.editor-split.with-preview .editor-main{flex:1;min-width:400px}.preview-toggle-btn{margin-left:auto;padding:0 12px;height:35px;background:transparent;border:none;color:var(--vscode-descriptionForeground);cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-toggle-btn:hover{color:var(--vscode-foreground);background:#ffffff0d}.preview-panel{width:380px;background:var(--vscode-sideBar-background);border-left:1px solid var(--vscode-panel-border);display:flex;flex-direction:column;flex-shrink:0}.preview-header{height:35px;padding:0 16px;display:flex;align-items:center;background:var(--vscode-editorGroupHeader-tabsBackground);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--vscode-descriptionForeground);border-bottom:1px solid var(--vscode-panel-border)}.preview-body{flex:1;overflow-y:auto;padding:20px}.preview-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-section{margin-bottom:24px}.preview-section h3{font-size:12px;font-weight:600;color:var(--vscode-foreground);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.preview-section h3 svg{color:var(--vscode-textLink-foreground)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;background:#ffffff0d;color:var(--vscode-foreground)}.skill-tag.frontend{background:#3794ff26;color:#3794ff}.skill-tag.backend{background:#4ade8026;color:#4ade80}.skill-tag.devops{background:#f59e0b26;color:#f59e0b}.skill-tag.soft{background:#a855f726;color:#a855f7}.edu-card{display:flex;gap:16px;padding:16px;background:#ffffff08;border-radius:8px;margin-bottom:12px}.edu-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--vscode-statusBar-background);border-radius:8px;flex-shrink:0}.edu-icon svg{color:#fff}.edu-info h4{font-size:14px;font-weight:600;color:var(--vscode-foreground);margin-bottom:4px}.edu-degree{font-size:13px;color:var(--vscode-descriptionForeground);margin-bottom:4px}.edu-duration{font-size:12px;color:var(--vscode-descriptionForeground)}.edu-cgpa{margin-top:8px;font-size:13px;color:#f59e0b;display:flex;align-items:center;gap:4px}.cert-list{list-style:none;padding:0}.cert-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--vscode-foreground);padding:6px 0}.cert-list li svg{color:#4ade80}.contact-preview .contact-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.contact-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3794ff,#a855f7);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.contact-header h3{font-size:18px;font-weight:600;color:var(--vscode-foreground);margin-bottom:2px}.contact-header p{font-size:13px;color:var(--vscode-descriptionForeground)}.contact-info{margin-bottom:20px}.contact-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;color:var(--vscode-foreground)}.contact-item svg{color:var(--vscode-descriptionForeground)}.contact-item a{color:var(--vscode-textLink-foreground);text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-links{display:flex;gap:12px;margin-bottom:20px}.social-btn{flex:1;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.social-btn.github{background:#ffffff1a;color:var(--vscode-foreground)}.social-btn.github:hover{background:#ffffff26}.social-btn.linkedin{background:#0077b533;color:#0077b5}.social-btn.linkedin:hover{background:#0077b54d}.availability-section h4{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--vscode-descriptionForeground);margin-bottom:12px}.availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.avail-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--vscode-descriptionForeground);padding:8px 12px;background:#ffffff08;border-radius:6px}.avail-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.avail-item.available .avail-dot{background:#4ade80}.avail-item.available{color:var(--vscode-foreground)}.about-preview .about-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.about-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3794ff,#a855f7);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.about-header h2{font-size:22px;font-weight:600;color:var(--vscode-foreground);margin-bottom:4px}.about-header p{font-size:14px;color:var(--vscode-descriptionForeground)}.about-stats{display:flex;gap:12px;margin-bottom:20px}.stat-card{flex:1;padding:16px 12px;background:#ffffff08;border-radius:8px;text-align:center}.stat-card svg{color:var(--vscode-textLink-foreground);margin-bottom:8px}.stat-value{display:block;font-size:16px;font-weight:600;color:var(--vscode-foreground);margin-bottom:2px}.stat-label{font-size:11px;color:var(--vscode-descriptionForeground)}.about-bio{font-size:13px;line-height:1.6;color:var(--vscode-foreground);margin-bottom:20px}.cta-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#4ade801a;border-radius:8px;font-size:13px;font-weight:500;color:#4ade80}.pulse{width:10px;height:10px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.achievement-card{display:flex;gap:16px;padding:16px;border-radius:8px;margin-bottom:12px;background:#ffffff08}.achievement-badge{font-size:28px;flex-shrink:0}.achievement-info h4{font-size:14px;font-weight:600;color:var(--vscode-foreground);margin-bottom:4px}.achievement-result{font-size:12px;font-weight:600;margin-bottom:4px}.achievement-card.gold .achievement-result{color:gold}.achievement-card.silver .achievement-result{color:silver}.achievement-card.bronze .achievement-result{color:#cd7f32}.achievement-project{font-size:12px;color:var(--vscode-descriptionForeground)}.experience-preview .exp-header{border-left:3px solid;padding-left:16px;margin-bottom:20px}.exp-type{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;color:#fff;margin-bottom:8px}.exp-header h3{font-size:18px;font-weight:600;color:var(--vscode-foreground);margin-bottom:4px}.exp-role{font-size:14px;color:var(--vscode-descriptionForeground);margin-bottom:8px}.exp-duration{font-size:12px;color:var(--vscode-descriptionForeground);display:flex;align-items:center;gap:6px}.exp-highlights{background:#ffffff08;border-radius:8px;padding:16px}.exp-highlights h4{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--vscode-descriptionForeground);margin-bottom:12px}.highlight-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--vscode-foreground)}.default-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--vscode-descriptionForeground)}.default-preview p{margin-top:16px;font-size:13px}.code-view{display:flex;height:100%;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5}.line-numbers{padding:16px;text-align:right;-webkit-user-select:none;user-select:none;color:#858585;background:var(--vscode-editor-background);border-right:1px solid var(--vscode-panel-border)}.line-number{height:21px}.code-content{flex:1;padding:16px;overflow-x:auto;margin:0;background:var(--vscode-editor-background)}.code-line{height:21px;white-space:pre}.syntax-comment{color:#6a9955}.syntax-keyword{color:#569cd6}.syntax-string{color:#ce9178}.syntax-number{color:#b5cea8}.syntax-boolean{color:#569cd6}