:root{--vsc-bg: #1e1e1e;--vsc-sidebar-bg: #252526;--vsc-activitybar-bg: #333333;--vsc-titlebar-bg: #3c3c3c;--vsc-statusbar-bg: #007acc;--vsc-panel-bg: #1e1e1e;--vsc-input-bg: #3c3c3c;--vsc-dropdown-bg: #252526;--vsc-border: #3c3c3c;--vsc-panel-border: #80808059;--vsc-tab-border: #252526;--vsc-sash: #007fd4;--vsc-fg: #cccccc;--vsc-editor-fg: #d4d4d4;--vsc-active-fg: #ffffff;--vsc-inactive-fg: rgba(255, 255, 255, .5);--vsc-dimmed-fg: #969696;--vsc-statusbar-fg: #ffffff;--vsc-titlebar-fg: #cccccc;--vsc-line-number: #858585;--vsc-line-number-active: #c6c6c6;--vsc-focus-border: #007fd4;--vsc-selection-bg: #264f78;--vsc-hover-bg: #2a2d2e;--vsc-list-active-bg: #04395e;--vsc-list-hover-bg: #2a2d2e;--vsc-list-focus-bg: #062f4a;--vsc-tab-active-bg: #1e1e1e;--vsc-tab-inactive-bg: #2d2d2d;--vsc-tab-active-fg: #ffffff;--vsc-tab-inactive-fg: rgba(255, 255, 255, .5);--vsc-tab-active-border: #007acc;--vsc-tab-hover-bg: #383838;--vsc-accent: #007acc;--vsc-link: #3794ff;--vsc-error: #f48771;--vsc-warning: #cca700;--vsc-success: #89d185;--vsc-keyword: #569cd6;--vsc-string: #ce9178;--vsc-number: #b5cea8;--vsc-comment: #6a9955;--vsc-type: #4ec9b0;--vsc-function: #dcdcaa;--vsc-variable: #9cdcfe;--vsc-titlebar-height: 30px;--vsc-activitybar-width: 48px;--vsc-sidebar-width: 260px;--vsc-statusbar-height: 22px;--vsc-tab-height: 35px;--vsc-breadcrumb-height: 22px;--vsc-terminal-height: 220px;--vsc-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--vsc-editor-font: "Fira Code", "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;--vsc-ui-font-size: 13px;--vsc-editor-font-size: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background-color:var(--vsc-bg);color:var(--vsc-editor-fg);font-family:var(--vsc-ui-font);font-size:var(--vsc-ui-font-size);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-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}.vscode-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--vsc-bg)}.title-bar{height:var(--vsc-titlebar-height);background-color:var(--vsc-titlebar-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--vsc-border);-webkit-user-select:none;user-select:none}.title-bar-content{display:flex;align-items:center}.title-bar-text{color:var(--vsc-titlebar-fg);font-size:12px;opacity:.9}.vscode-main{display:flex;flex:1;overflow:hidden}.activity-bar{width:var(--vsc-activitybar-width);background-color:var(--vsc-activitybar-bg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex-shrink:0;border-right:1px solid var(--vsc-border)}.activity-bar-top,.activity-bar-bottom{display:flex;flex-direction:column;align-items:center;width:100%}.activity-bar-item{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--vsc-inactive-fg);cursor:pointer;position:relative;transition:color .15s ease}.activity-bar-item:hover,.activity-bar-item.active{color:var(--vsc-active-fg)}.activity-bar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--vsc-active-fg)}.explorer{width:var(--vsc-sidebar-width);background-color:var(--vsc-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;border-right:1px solid var(--vsc-border);animation:slideInSidebar .15s ease-out}@keyframes slideInSidebar{0%{width:0;min-width:0;opacity:0}to{width:var(--vsc-sidebar-width);opacity:1}}.explorer-header{padding:10px 20px;font-size:11px;font-weight:400;letter-spacing:1px;color:var(--vsc-fg);text-transform:uppercase;flex-shrink:0}.explorer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 8px}.tree-item{display:flex;align-items:center;height:22px;padding-right:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--vsc-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .08s ease}.tree-item:hover{background-color:var(--vsc-list-hover-bg)}.tree-item.active{background-color:var(--vsc-list-active-bg);color:var(--vsc-active-fg)}.tree-item:focus-visible{outline:1px solid var(--vsc-focus-border);outline-offset:-1px}.tree-chevron{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--vsc-dimmed-fg)}.tree-chevron-spacer{width:16px;flex-shrink:0}.tree-folder-icon{display:flex;align-items:center;margin-right:4px;color:#dcb67a;flex-shrink:0}.tree-item-name{margin-left:4px;overflow:hidden;text-overflow:ellipsis}.file-icon-md{color:#519aba;flex-shrink:0}.file-icon-ts{color:#3178c6;flex-shrink:0}.file-icon-json{color:#cbcb41;flex-shrink:0}.file-icon-default{color:var(--vsc-dimmed-fg);flex-shrink:0}.vscode-editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-tabs{display:flex;background-color:var(--vsc-tab-inactive-bg);height:var(--vsc-tab-height);flex-shrink:0;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--vsc-tab-border)}.editor-tabs::-webkit-scrollbar{height:3px}.editor-tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;min-width:120px;max-width:200px;background-color:var(--vsc-tab-inactive-bg);color:var(--vsc-tab-inactive-fg);border-right:1px solid var(--vsc-tab-border);cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;flex-shrink:0;transition:background-color .1s ease}.editor-tab:hover{background-color:var(--vsc-tab-hover-bg)}.editor-tab.active{background-color:var(--vsc-tab-active-bg);color:var(--vsc-tab-active-fg)}.editor-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--vsc-tab-active-border)}.editor-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:var(--vsc-tab-active-bg)}.tab-name{overflow:hidden;text-overflow:ellipsis;flex:1}.tab-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--vsc-inactive-fg);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .1s ease,background-color .1s ease;flex-shrink:0}.editor-tab:hover .tab-close,.editor-tab.active .tab-close{opacity:1}.tab-close:hover{background-color:#ffffff1a;color:var(--vsc-active-fg)}.editor-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--vsc-bg)}.editor-breadcrumb{height:var(--vsc-breadcrumb-height);display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--vsc-dimmed-fg);background-color:var(--vsc-bg);flex-shrink:0;gap:4px;border-bottom:1px solid var(--vsc-border)}.breadcrumb-segment{color:var(--vsc-dimmed-fg)}.breadcrumb-segment.active{color:var(--vsc-editor-fg)}.breadcrumb-separator{color:var(--vsc-dimmed-fg);font-size:14px}.editor-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.editor-content-empty{padding:20px;color:var(--vsc-dimmed-fg);font-style:italic}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--vsc-bg)}.welcome-content{text-align:center;color:var(--vsc-dimmed-fg)}.welcome-title{font-size:28px;font-weight:300;color:var(--vsc-editor-fg);margin-bottom:8px}.welcome-subtitle{font-size:16px;margin-bottom:32px;color:var(--vsc-dimmed-fg)}.welcome-actions{font-size:14px;line-height:2}.welcome-shortcut{color:var(--vsc-dimmed-fg);font-size:13px}kbd{background-color:var(--vsc-input-bg);border:1px solid var(--vsc-border);border-radius:3px;padding:1px 6px;font-family:var(--vsc-editor-font);font-size:12px;color:var(--vsc-editor-fg);box-shadow:0 1px #0000004d}.terminal-panel{display:flex;flex-direction:column;height:var(--vsc-terminal-height);border-top:1px solid var(--vsc-panel-border);background-color:var(--vsc-panel-bg);flex-shrink:0;animation:slideUpTerminal .2s ease-out}@keyframes slideUpTerminal{0%{height:0;opacity:0}to{height:var(--vsc-terminal-height);opacity:1}}.terminal-header{display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 8px 0 16px;background-color:var(--vsc-bg);border-bottom:1px solid var(--vsc-border);flex-shrink:0}.terminal-tabs{display:flex;align-items:center;gap:8px}.terminal-tab{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--vsc-fg);padding:4px 8px;cursor:pointer}.terminal-tab.active{color:var(--vsc-active-fg);border-bottom:1px solid var(--vsc-active-fg)}.terminal-actions{display:flex;align-items:center;gap:4px}.terminal-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--vsc-fg);cursor:pointer;border-radius:4px}.terminal-actions button:hover{background-color:#ffffff1a}.terminal-body{flex:1;overflow-y:auto;padding:8px 16px;font-family:var(--vsc-editor-font);font-size:13px;line-height:1.5;cursor:text}.terminal-line pre{font-family:inherit;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.terminal-line.output pre,.terminal-line.input pre{color:var(--vsc-editor-fg)}.terminal-line.error pre{color:var(--vsc-error)}.terminal-input-line{display:flex;align-items:center;font-family:var(--vsc-editor-font);font-size:13px}.terminal-prompt{color:var(--vsc-success);white-space:pre;flex-shrink:0}.terminal-input{flex:1;background:none;border:none;outline:none;color:var(--vsc-editor-fg);font-family:var(--vsc-editor-font);font-size:13px;caret-color:var(--vsc-editor-fg)}.status-bar{height:var(--vsc-statusbar-height);background-color:var(--vsc-statusbar-bg);display:flex;align-items:center;justify-content:space-between;padding:0 8px;flex-shrink:0;font-size:12px;color:var(--vsc-statusbar-fg)}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:2px}.status-bar-item{display:flex;align-items:center;gap:4px;padding:0 6px;height:100%;white-space:nowrap}.status-bar-item.clickable{cursor:pointer}.status-bar-item.clickable:hover{background-color:#ffffff1f}.md-preview{padding:24px 48px 48px;font-family:var(--vsc-ui-font);font-size:15px;line-height:1.7;color:var(--vsc-editor-fg);max-width:900px}.md-preview h1{font-size:2em;font-weight:600;margin:.67em 0 .4em;padding-bottom:.3em;border-bottom:1px solid var(--vsc-border);color:var(--vsc-active-fg)}.md-preview h1:first-child{margin-top:0}.md-preview h2{font-size:1.5em;font-weight:600;margin:1.2em 0 .4em;padding-bottom:.3em;border-bottom:1px solid var(--vsc-border);color:var(--vsc-active-fg)}.md-preview h3{font-size:1.25em;font-weight:600;margin:1em 0 .3em;color:var(--vsc-active-fg)}.md-preview p{margin:.8em 0}.md-preview a{color:var(--vsc-link);text-decoration:none}.md-preview a:hover{text-decoration:underline}.md-preview ul,.md-preview ol{padding-left:2em;margin:.5em 0}.md-preview li{margin:.3em 0}.md-preview li::marker{color:var(--vsc-dimmed-fg)}.md-preview hr{border:none;border-top:1px solid var(--vsc-border);margin:1.5em 0}.md-preview blockquote{border-left:4px solid var(--vsc-accent);padding:.5em 1em;margin:1em 0;color:var(--vsc-dimmed-fg);background-color:#007acc0d;border-radius:0 4px 4px 0}.md-preview blockquote p{margin:.3em 0}.md-preview table{width:100%;border-collapse:collapse;margin:1em 0}.md-preview table th,.md-preview table td{padding:8px 12px;border:1px solid var(--vsc-border);text-align:left}.md-preview table th{background-color:#ffffff0d;font-weight:600}.md-preview table tr:hover{background-color:#ffffff05}.md-preview code,.md-preview .inline-code{font-family:var(--vsc-editor-font);font-size:.9em;background-color:#6e768140;padding:.2em .4em;border-radius:3px;color:var(--vsc-editor-fg)}.md-preview pre{background-color:#0d1117;padding:16px;border-radius:6px;overflow-x:auto;margin:1em 0}.md-preview pre code{background:none;padding:0;border-radius:0}.md-preview img{max-width:100%;border-radius:8px}.md-preview strong{font-weight:600;color:var(--vsc-active-fg)}.md-preview em{color:var(--vsc-dimmed-fg);font-style:italic}.about-header{display:flex;align-items:center;gap:24px;margin-bottom:8px}.about-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--vsc-border)}.about-intro{flex:1}.about-intro h1{border-bottom:none;padding-bottom:0;margin-bottom:4px}.about-tagline{font-size:1.1em;color:var(--vsc-dimmed-fg);font-style:italic}.about-highlights-table td:first-child{white-space:nowrap;width:160px;vertical-align:top}.profile-visits{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--vsc-dimmed-fg);padding:2px 8px;background-color:#ffffff0d;border-radius:4px;margin-top:4px}.visits-icon{font-size:12px;color:var(--vsc-accent)}.skill-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.skill-badge{display:inline-flex;align-items:center;padding:4px 12px;background-color:#007acc26;border:1px solid rgba(0,122,204,.3);border-radius:4px;font-family:var(--vsc-editor-font);font-size:12px;color:var(--vsc-accent);letter-spacing:.02em}.contact-table td:first-child{white-space:nowrap;width:140px;vertical-align:top}.code-preview{display:flex;flex-direction:column;height:100%;font-family:var(--vsc-editor-font)}.project-links-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:#007acc14;border-bottom:1px solid var(--vsc-border)}.project-github-link{color:var(--vsc-link);text-decoration:none;font-size:13px;font-family:var(--vsc-ui-font);display:flex;align-items:center;gap:4px}.project-github-link:hover{text-decoration:underline}.blog-post-view .blog-post-meta-bar{display:flex;gap:16px;padding:8px 0;margin-bottom:8px;font-size:13px;color:var(--vsc-dimmed-fg);border-bottom:1px solid var(--vsc-border)}.blog-meta-item{display:flex;align-items:center;gap:4px}@media (max-width: 768px){:root{--vsc-sidebar-width: 220px;--vsc-activitybar-width: 40px}.title-bar{display:none}.activity-bar{position:fixed;left:0;top:0;bottom:var(--vsc-statusbar-height);z-index:100;width:var(--vsc-activitybar-width)}.explorer{position:fixed;left:var(--vsc-activitybar-width);top:0;bottom:var(--vsc-statusbar-height);z-index:99;box-shadow:4px 0 8px #0000004d}.vscode-main{flex-direction:column}.vscode-editor-area{margin-left:var(--vsc-activitybar-width);flex:1}.editor-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-tab{min-width:100px;max-width:160px}.md-preview{padding:16px 20px 32px}.about-header{flex-direction:column;align-items:flex-start}.about-avatar{width:80px;height:80px}.about-highlights-table td:first-child{display:block;width:auto;margin-bottom:4px}.about-highlights-table td{display:block;padding:4px 0;border:none}.about-highlights-table tr{display:block;padding:8px 0;border-bottom:1px solid var(--vsc-border)}.terminal-panel{height:180px}.status-bar{position:fixed;bottom:0;left:0;right:0;z-index:101}}@media (max-width: 480px){:root{--vsc-activitybar-width: 36px}.md-preview{padding:12px 16px 24px;font-size:14px}.skill-badges{gap:6px}.skill-badge{font-size:11px;padding:3px 8px}.editor-tab{min-width:80px;max-width:120px;padding:0 8px;font-size:12px}.testimonials-grid{grid-template-columns:1fr}}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-top:8px}.testimonial-card{background-color:var(--vsc-sidebar-bg);border:1px solid var(--vsc-border);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.testimonial-card:hover{border-color:var(--vsc-accent);box-shadow:0 2px 12px #007acc1f}.testimonial-card-quote{color:var(--vsc-accent);opacity:.35;line-height:1}.testimonial-card-body{flex:1}.testimonial-card-text{font-size:14px;line-height:1.65;color:var(--vsc-editor-fg);margin:0}.testimonial-card-toggle{background:none;border:none;color:var(--vsc-link);font-size:13px;cursor:pointer;padding:4px 0 0;font-family:var(--vsc-ui-font)}.testimonial-card-toggle:hover{text-decoration:underline}.testimonial-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--vsc-border)}.testimonial-card-author{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.testimonial-card-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--vsc-accent),#1a5276);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.testimonial-card-info{display:flex;flex-direction:column;min-width:0}.testimonial-card-info strong{font-size:13px;color:var(--vsc-active-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testimonial-card-role{font-size:12px;color:var(--vsc-dimmed-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testimonial-card-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.testimonial-card-date{font-size:12px;color:var(--vsc-dimmed-fg);white-space:nowrap}.testimonial-card-linkedin{color:var(--vsc-dimmed-fg);display:flex;align-items:center;transition:color .15s ease}.testimonial-card-linkedin:hover{color:#0a66c2}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card-footer{flex-direction:column;align-items:flex-start}.testimonial-card-meta{width:100%;justify-content:space-between}}.search-panel{width:260px;min-width:200px;background:var(--vsc-sidebar-bg);display:flex;flex-direction:column;height:100%;border-right:1px solid var(--vsc-border)}.search-panel-header{padding:10px 20px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--vsc-dimmed-fg);text-transform:uppercase}.search-input-wrapper{padding:0 12px 10px;position:relative}.search-input{width:100%;padding:5px 28px 5px 8px;background:var(--vsc-input-bg);border:1px solid var(--vsc-border);color:var(--vsc-fg);font-size:13px;font-family:Fira Code,monospace;border-radius:2px;outline:none;box-sizing:border-box}.search-input:focus{border-color:var(--vsc-accent)}.search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--vsc-dimmed-fg);cursor:pointer;padding:2px;display:flex;align-items:center}.search-clear:hover{color:var(--vsc-fg)}.search-result-count{padding:4px 20px 8px;font-size:11px;color:var(--vsc-dimmed-fg)}.search-results{flex:1;overflow-y:auto;padding:0 0 8px}.search-result-item{padding:6px 20px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .1s}.search-result-item:hover{background:var(--vsc-list-hover-bg)}.search-result-file{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--vsc-fg)}.search-result-snippet{font-size:12px;color:var(--vsc-dimmed-fg);padding-left:22px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-highlight{background:#ffc8004d;color:#ffd740;border-radius:2px;padding:0 1px}.search-no-results{padding:20px;text-align:center;color:var(--vsc-dimmed-fg);font-size:13px}.settings-panel{width:260px;min-width:200px;background:var(--vsc-sidebar-bg);display:flex;flex-direction:column;height:100%;border-right:1px solid var(--vsc-border)}.settings-panel-header{padding:10px 20px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--vsc-dimmed-fg);text-transform:uppercase}.settings-panel-content{flex:1;overflow-y:auto;padding:0 12px}.settings-section{margin-bottom:20px}.settings-section-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--vsc-fg);padding:8px;text-transform:uppercase}.settings-theme-list{display:flex;flex-direction:column;gap:4px}.settings-theme-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:none;border:1px solid transparent;color:var(--vsc-fg);cursor:pointer;border-radius:4px;font-size:13px;text-align:left;transition:background .1s;width:100%}.settings-theme-item:hover{background:var(--vsc-list-hover-bg)}.settings-theme-item.active{border-color:var(--vsc-accent);background:var(--vsc-list-active-bg)}.settings-theme-swatch{width:32px;height:22px;border-radius:3px;border:1px solid;position:relative;overflow:hidden;flex-shrink:0}.settings-theme-swatch-bar{position:absolute;bottom:0;left:0;right:0;height:4px}.settings-theme-swatch-sidebar{position:absolute;top:0;left:0;bottom:4px;width:8px}.settings-theme-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-theme-check{color:var(--vsc-accent);font-weight:700;font-size:14px}.settings-shortcuts{display:flex;flex-direction:column;gap:2px}.settings-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:13px;color:var(--vsc-fg)}.settings-shortcut-row kbd{background:var(--vsc-input-bg);border:1px solid var(--vsc-border);border-radius:3px;padding:2px 6px;font-size:11px;font-family:Fira Code,monospace;color:var(--vsc-dimmed-fg)}.profile-panel{width:260px;min-width:200px;background:var(--vsc-sidebar-bg);display:flex;flex-direction:column;height:100%;border-right:1px solid var(--vsc-border)}.profile-panel-header{padding:10px 20px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--vsc-dimmed-fg);text-transform:uppercase}.profile-panel-content{flex:1;overflow-y:auto;padding:0 12px}.profile-panel-avatar{display:flex;align-items:center;gap:12px;padding:12px 8px 20px}.profile-panel-avatar-img{width:48px;height:48px;border-radius:50%;border:2px solid var(--vsc-accent);object-fit:cover}.profile-panel-info{display:flex;flex-direction:column;gap:2px}.profile-panel-name{font-size:14px;font-weight:600;color:var(--vsc-active-fg)}.profile-panel-role{font-size:12px;color:var(--vsc-dimmed-fg)}.profile-panel-links{display:flex;flex-direction:column;gap:2px}.profile-panel-link{display:flex;align-items:center;gap:10px;padding:7px 8px;background:none;border:none;color:var(--vsc-fg);cursor:pointer;font-size:13px;text-align:left;width:100%;border-radius:4px;transition:background .1s}.profile-panel-link:hover{background:var(--vsc-list-hover-bg);color:var(--vsc-active-fg)}.profile-link-external{margin-left:auto;font-size:11px;color:var(--vsc-dimmed-fg);opacity:0;transition:opacity .15s}.profile-panel-link:hover .profile-link-external{opacity:1}@media (max-width: 768px){.search-panel,.settings-panel,.profile-panel{width:100%;min-width:unset}}
