@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Syne:wght@700;800&display=swap";:root{--bg-main:#1e1e1e;--bg-sidebar:#252526;--bg-activity-bar:#333;--bg-tabs:#252526;--bg-tab-active:#1e1e1e;--bg-tab-inactive:#2d2d2d;--bg-status-bar:#007acc;--bg-status-bar-text:#fff;--text-primary:#ccc;--text-secondary:#969696;--text-active:#fff;--text-accent:#007acc;--highlight-green:#4ec9b0;--highlight-pink:#ff6fd9;--highlight-blue:#9cdcfe;--panel-border:#3c3c3c;--syntax-keyword:#569cd6;--syntax-function:#dcdcaa;--syntax-string:#ce9178;--syntax-variable:#9cdcfe;--syntax-comment:#6a9955;--syntax-property:#4ec9b0;--border-color:#3c3c3c;--border-active:#007acc;--activity-bar-width:44px;--sidebar-width:250px;--status-bar-height:22px;--tabs-height:35px}.theme-rose-pine{--bg-main:#191724;--bg-sidebar:#1f1d2e;--bg-activity-bar:#1f1d2e;--bg-tabs:#1f1d2e;--bg-tab-active:#191724;--bg-tab-inactive:#26233a;--bg-status-bar:#1f1d2e;--bg-status-bar-text:#e0def4;--text-primary:#e0def4;--text-secondary:#6e6a86;--text-accent:#eb6f92;--highlight-green:#31748f;--highlight-pink:#eb6f92;--highlight-blue:#9ccfd8;--panel-border:#403d52;--border-color:#403d52;--border-active:#eb6f92;--syntax-keyword:#c4a7e7;--syntax-function:#ebbcba;--syntax-string:#f6c177;--syntax-variable:#9ccfd8;--syntax-comment:#6e6a86;--syntax-property:#31748f}.theme-tokyo-night{--bg-main:#1a1b26;--bg-sidebar:#16161e;--bg-activity-bar:#16161e;--bg-tabs:#16161e;--bg-tab-active:#1a1b26;--bg-tab-inactive:#1f2335;--bg-status-bar:#16161e;--bg-status-bar-text:#a9b1d6;--text-primary:#a9b1d6;--text-secondary:#565f89;--text-accent:#7aa2f7;--highlight-green:#9ece6a;--highlight-pink:#bb9af7;--highlight-blue:#7aa2f7;--panel-border:#292e42;--border-color:#292e42;--border-active:#7aa2f7;--syntax-keyword:#bb9af7;--syntax-function:#7aa2f7;--syntax-string:#9ece6a;--syntax-variable:#e0af68;--syntax-comment:#565f89;--syntax-property:#2ac3de}.theme-catppuccin{--bg-main:#1e1e2e;--bg-sidebar:#181825;--bg-activity-bar:#181825;--bg-tabs:#181825;--bg-tab-active:#1e1e2e;--bg-tab-inactive:#313244;--bg-status-bar:#181825;--bg-status-bar-text:#cdd6f4;--text-primary:#cdd6f4;--text-secondary:#6c7086;--text-accent:#cba6f7;--highlight-green:#a6e3a1;--highlight-pink:#f5c2e7;--highlight-blue:#89b4fa;--panel-border:#313244;--border-color:#313244;--border-active:#cba6f7;--syntax-keyword:#cba6f7;--syntax-function:#89b4fa;--syntax-string:#a6e3a1;--syntax-variable:#f9e2af;--syntax-comment:#6c7086;--syntax-property:#94e2d5}.theme-nord{--bg-main:#2e3440;--bg-sidebar:#3b4252;--bg-activity-bar:#3b4252;--bg-tabs:#3b4252;--bg-tab-active:#2e3440;--bg-tab-inactive:#434c5e;--bg-status-bar:#3b4252;--bg-status-bar-text:#d8dee9;--text-primary:#d8dee9;--text-secondary:#616e88;--text-accent:#88c0d0;--highlight-green:#a3be8c;--highlight-pink:#b48ead;--highlight-blue:#88c0d0;--panel-border:#434c5e;--border-color:#434c5e;--border-active:#88c0d0;--syntax-keyword:#81a1c1;--syntax-function:#88c0d0;--syntax-string:#a3be8c;--syntax-variable:#ebcb8b;--syntax-comment:#616e88;--syntax-property:#d08770}.theme-gruvbox{--bg-main:#282828;--bg-sidebar:#1d2021;--bg-activity-bar:#1d2021;--bg-tabs:#1d2021;--bg-tab-active:#282828;--bg-tab-inactive:#3c3836;--bg-status-bar:#fabd2f;--bg-status-bar-text:#282828;--text-primary:#ebdbb2;--text-secondary:#928374;--text-accent:#fabd2f;--highlight-green:#b8bb26;--highlight-pink:#fb4934;--highlight-blue:#83a598;--panel-border:#504945;--border-color:#504945;--border-active:#fabd2f;--syntax-keyword:#fb4934;--syntax-function:#b8bb26;--syntax-string:#b8bb26;--syntax-variable:#83a598;--syntax-comment:#928374;--syntax-property:#d3869b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);margin:0;font-family:JetBrains Mono,Consolas,Courier New,monospace;transition:background-color .3s,color .3s;overflow:hidden}.syne-font{font-family:Syne,sans-serif;font-weight:800}#root{flex-direction:column;width:100vw;height:100vh;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#464646}::-webkit-scrollbar-thumb:hover{background:#555}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-bar{height:var(--status-bar-height);background-color:var(--bg-status-bar);color:var(--bg-status-bar-text);z-index:100;justify-content:space-between;align-items:center;padding:0;font-size:12px;display:flex}.status-remote-btn{color:#fff;cursor:pointer;background-color:#007acc;justify-content:center;align-items:center;width:35px;height:100%;display:flex}.status-remote-btn:hover{background-color:#1f8ad2}.status-item{cursor:pointer;white-space:nowrap;align-items:center;height:100%;padding:0 10px;display:flex}.status-item svg{margin-right:4px}.status-item.errors{color:#fff}.status-item.clock{font-weight:500}.dropdown-shortcut-row{color:#888;align-items:center;gap:12px;padding:6px 16px;font-size:13px;display:flex}.dropdown-shortcut-row kbd{color:#ccc;text-align:center;background-color:#333;border-radius:4px;min-width:40px;padding:2px 6px;font-family:inherit;font-size:11px}.dropdown-shortcut-row span{flex:1}.settings-popover{z-index:1000;background-color:#252526;border:1px solid #3c3c3c;border-radius:4px;width:288px;max-height:calc(100vh - 40px);padding:0;animation:.2s slideUpFade;position:absolute;bottom:22px;left:44px;overflow-y:auto;box-shadow:0 8px 32px #000000a6}.settings-item{color:#ccc;cursor:pointer;align-items:center;height:34px;padding:8px 12px;font-size:12px;display:flex}.settings-item:hover{background-color:var(--bg-status-bar);color:#fff}.settings-item.theme-item{gap:12px}.theme-color-circle{border:1px solid #fff3;border-radius:50%;width:12px;height:12px}.active-check{color:var(--text-accent);font-size:14px}.settings-footer{border-top:1px solid var(--panel-border);color:var(--text-secondary);margin-top:5px;padding:12px 16px;font-size:11px}.toast-notification{color:#fff;z-index:2000;pointer-events:none;background-color:#333;border-radius:4px;padding:8px 16px;font-size:13px;animation:.3s slideDownFade;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-links-container{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.social-link{color:#888;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.social-link:hover{color:inherit;background-color:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.social-link svg{flex-shrink:0;transition:transform .2s}.social-link:hover svg{transform:scale(1.1)}.top-title-bar{-webkit-user-select:none;user-select:none;background-color:#11111b;border-bottom:1px solid #1e1e2e;align-items:center;height:30px;padding:0 12px;display:flex}.top-nav-bar{border-bottom:1px solid var(--panel-border);height:22px;color:var(--text-primary);-webkit-user-select:none;user-select:none;background-color:#313244;align-items:center;padding:0 12px;font-size:11px;display:flex}.in-bar-notification{color:#ccc;text-align:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:320px;padding:2px 12px;font-size:11px;animation:.3s slideDownFade}.window-controls{align-items:center;gap:6px;width:120px;display:flex}.window-control{cursor:pointer;border-radius:50%;width:12px;height:12px}.wc-close{background-color:#ff5f56}.wc-min{background-color:#ffbd2e}.wc-max{background-color:#27c93f}.menu-items{align-items:center;gap:4px;display:flex}.menu-item-container{position:relative}.menu-item{cursor:pointer;color:var(--text-primary);border-radius:4px;padding:2px 8px;font-size:11px;transition:background .1s}.menu-item:hover,.menu-item.active{color:var(--text-accent);background-color:#ffffff1a}.dropdown-menu{background-color:var(--bg-sidebar);border:1px solid var(--panel-border);z-index:1000;border-radius:6px;min-width:250px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.dropdown-item{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.dropdown-item:hover{background-color:var(--text-accent);color:#fff}.dropdown-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding:6px 12px 2px;font-size:9px;font-weight:700}.dropdown-divider{background-color:var(--panel-border);height:1px;margin:4px 0}.dropdown-shortcut{color:var(--text-secondary);margin-left:20px;font-size:11px}.search-bar-container{flex:1;justify-content:center;display:flex}.search-bar{border:1px solid var(--panel-border);cursor:pointer;background-color:#ffffff0d;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:320px;height:25px;padding:0 12px;display:flex}.search-text{color:var(--text-secondary);font-size:11px}.header-right-actions{align-items:center;gap:10px;display:flex}.header-right-placeholder{width:120px}.header-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.header-icon-btn:hover{color:var(--text-accent)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;display:flex;overflow:hidden}.activity-bar{width:var(--activity-bar-width);background-color:var(--bg-activity-bar);z-index:10;flex-direction:column;align-items:center;padding-top:10px;display:flex}.activity-icon{cursor:pointer;width:44px;height:44px;color:var(--text-secondary);opacity:.6;background:0 0;border:none;border-left:2px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.activity-icon:hover{color:var(--text-primary);opacity:1}.activity-icon:hover:before{content:"";z-index:-1;background-color:#ffffff0d;border-radius:6px;position:absolute;inset:4px}.activity-icon.active{color:var(--text-active);border-left:2px solid var(--border-active);opacity:1}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;display:flex}.sidebar-header{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;padding:10px 20px;font-size:11px}.sidebar-content{flex:1;overflow-y:auto}.file-item{cursor:pointer;color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:8px;padding:5px 16px;font-size:12px;transition:all .1s;display:flex}.file-item svg,.file-item img{vertical-align:middle;flex-shrink:0;display:block}.file-item:hover{color:var(--text-primary);background-color:#ffffff0d}.file-item.active{color:var(--text-active);border-left:2px solid var(--text-accent);background-color:#ffffff12}.file-icon{width:16px;height:16px}.editor-area{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.tabs-bar{height:var(--tabs-height);background-color:var(--bg-tabs);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex;overflow:hidden}.tabs-bar::-webkit-scrollbar{height:0}.tab{background-color:var(--bg-tab-inactive);height:100%;color:var(--text-secondary);border-right:1px solid var(--border-color);cursor:pointer;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:60px;max-width:200px;padding:0 10px;font-size:13px;transition:background .2s;display:flex;position:relative;overflow:hidden}.tab>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab.active{background-color:var(--bg-tab-active);color:var(--text-active)}.tab.active:before{content:"";background-color:var(--border-active);height:1px;position:absolute;top:0;left:0;right:0}.tab:hover{background-color:#ffffff0d}.tab.active:hover{background-color:var(--bg-tab-active)}.tab-close{opacity:0;width:18px;height:18px;color:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background-color:#ffffff1a}.breadcrumbs{color:var(--text-secondary);background-color:var(--bg-main);border-bottom:1px solid var(--border-color);align-items:center;gap:4px;padding:4px 20px;font-size:13px;display:flex}.breadcrumbs svg,.breadcrumbs img{vertical-align:middle;flex-shrink:0;display:block}.breadcrumb-item.active{align-items:center;gap:5px;display:inline-flex}.breadcrumb-item.active svg,.breadcrumb-item.active img{vertical-align:middle;flex-shrink:0;display:block}.breadcrumb-separator{opacity:.5;margin:0 2px}.editor-content-wrapper{flex:1;display:flex;overflow:hidden}.editor-content{flex:1;position:relative;overflow-y:auto}.copilot-panel{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);flex-direction:column;width:319px;display:flex}.copilot-header{border-bottom:1px solid var(--border-color);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:11px;display:flex}.copilot-chat{flex-direction:column;flex:1;gap:15px;padding:15px;display:flex;overflow-y:auto}.chat-bubble{border:1px solid var(--border-color);background-color:#ffffff0d;border-radius:6px;padding:10px;font-size:13px;line-height:1.5}.copilot-input{border-top:1px solid var(--border-color);padding:15px}.copilot-input-box{background-color:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:13px}.copilot-input-box:focus{outline:1px solid var(--border-active)}.status-bar{height:var(--status-bar-height);background-color:var(--bg-status-bar);color:var(--bg-status-bar-text);-webkit-user-select:none;user-select:none;z-index:100;justify-content:space-between;align-items:center;padding:0;font-size:12px;display:flex}.status-bar-left,.status-bar-right{align-items:center;height:100%;display:flex}.status-item{cursor:pointer;align-items:center;gap:6px;height:100%;padding:0 12px;transition:background .1s;display:flex}.status-item:hover{background-color:#ffffff1f}.status-item.branch{background-color:#0000}.status-item.errors{align-items:center;gap:4px;display:flex}.status-item.theme{font-weight:500}.theme-selector-popover{background-color:var(--bg-sidebar);border:1px solid var(--border-color);z-index:1000;border-radius:6px;width:280px;animation:.2s ease-out slideUpFade;position:fixed;bottom:30px;right:20px;overflow:hidden;box-shadow:0 8px 24px #0009}.theme-selector-header{color:var(--text-secondary);letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:11px;font-weight:700}.theme-list{padding:4px 0}.theme-option{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;transition:background .1s;display:flex}.theme-option:hover{background-color:#ffffff0d}.theme-option.active{background-color:#ffffff1a}.theme-indicator{border:1px solid #ffffff1a;border-radius:50%;width:14px;height:14px}.theme-icon{font-size:16px}.theme-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.theme-option.active .theme-name{color:var(--text-active)}.theme-check{color:var(--text-accent)}.line-number{color:var(--text-secondary);-webkit-user-select:none;user-select:none;text-align:right;opacity:.5;width:40px;padding-right:20px;display:inline-block}.code-line{font-size:14px;line-height:1.6;display:flex}.code-content{word-wrap:break-word;flex:1}.nav-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .1s;display:flex}.nav-action-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.top-nav-right{align-items:center;gap:5px;margin-left:auto;padding-right:10px;display:flex}.page-container{background-color:var(--bg-main);height:100%;padding:40px 60px;overflow-y:auto}@media (width<=1024px){.top-title-bar{justify-content:space-between!important;height:38px!important;padding:0 15px!important;display:flex!important}.activity-bar{display:none!important}.sidebar{z-index:1600;position:absolute;top:0;bottom:24px;left:0;box-shadow:10px 0 30px #00000080}.window-controls{align-items:center;gap:8px;display:flex!important}.window-control{display:block!important}.search-bar-container{max-width:300px;display:flex!important}.top-nav-container{background-color:var(--bg-tabs);z-index:1000;border-bottom:1px solid var(--border-color);width:100%;position:relative}.top-nav-bar{background-color:#0000!important;align-items:center!important;height:32px!important;padding:0 4px!important;display:flex!important}.top-nav-bar::-webkit-scrollbar{display:none}.nav-scroll-fade{background:linear-gradient(to right, transparent, var(--bg-tabs));pointer-events:none;z-index:5;width:40px;position:absolute;top:0;bottom:0;right:0}.menu-item{flex-shrink:0;padding:0 12px!important;font-size:12px!important}.status-bar{justify-content:space-between;padding:0 10px;height:24px!important}.status-bar-right .status-item:not(.clock):not(.theme),.status-bar-left .status-item:not(.branch):not(.project){display:none}.tabs-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{flex:none;min-width:120px}.breadcrumbs{display:none!important}.page-container{padding:20px 15px!important}.editor-content-wrapper{padding:0!important}}@media (width<=600px){.window-control{display:none!important}.window-controls{min-width:40px;width:auto!important}.search-bar-container{flex:1;max-width:none;margin:0 10px;display:flex!important}.search-bar{overflow:hidden;justify-content:flex-start!important;width:100%!important;max-width:none!important;height:26px!important;padding:0 12px!important}.search-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important;font-size:11px!important}.header-right-placeholder,.top-nav-right{display:none!important}.status-bar-left .project{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.menu-item{letter-spacing:-.2px;padding:0 7px!important;font-size:10.5px!important}.nav-scroll-fade{display:none!important}.top-nav-bar{justify-content:space-around!important;padding:0 2px!important}}.floating-penguin-assistant{touch-action:none;-webkit-user-select:none;user-select:none;z-index:10000;filter:drop-shadow(0 8px 32px #0009);justify-content:center;align-items:center;width:85px;height:85px;display:flex;position:fixed}.assistant-img{object-fit:contain;border:3px solid var(--text-accent);background-color:var(--bg-sidebar);border-radius:50%;width:100%;height:100%;transition:transform .3s}.greet-mode .assistant-img{animation:1s ease-in-out infinite assistantWobble}@keyframes assistantWobble{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-10deg)scale(1.1)}75%{transform:rotate(10deg)scale(1.1)}}.assistant-pulse{background:var(--text-accent);opacity:.2;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2.5s infinite pulseAssistant;position:absolute}.assistant-greeting-bubble{background:var(--bg-sidebar);color:var(--text-primary);white-space:nowrap;border:2px solid var(--text-accent);border-radius:12px 12px 0;margin-bottom:15px;padding:10px 18px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:absolute;bottom:100%;right:0;box-shadow:0 10px 25px #0006}.assistant-greeting-bubble:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--text-accent);position:absolute;top:100%;right:15px}@keyframes popIn{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.assistant-tooltip{background:var(--bg-sidebar);color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-color);pointer-events:none;opacity:0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .3s;position:absolute;right:95px;transform:translate(10px);box-shadow:0 4px 12px #0000004d}.floating-penguin-assistant:hover .assistant-tooltip{opacity:1;transform:translate(0)}@media (width<=600px){.floating-penguin-assistant{width:70px;height:70px}.assistant-greeting-bubble{padding:8px 14px;font-size:12px}.assistant-tooltip{display:none}}@media (width<=1024px){.about-focus-grid{flex-direction:column;gap:15px;display:flex!important}}