:root{--bg-page:#0a0a0f;--bg-window:#13131a;--bg-editor:#0a0a0f;--bg-sidebar:#0d0d14;--border-subtle:#ffffff0f;--border-stronger:#fff3;--text-primary:#fff;--text-secondary:#ffffffd9;--text-muted:#ffffff80;--text-faint:#ffffff4d;--text-dim:#ffffff40;--syntax-keyword:#c084fc;--syntax-variable:#7dd3fc;--syntax-property:#fbbf24;--syntax-string:#86efac;--syntax-number:#f472b6;--syntax-comment:#6b7280;--syntax-punctuation:#ffffff80;--accent-purple:#7f77dd;--accent-purple-soft:#c4befc;--accent-purple-bg:#786edc1f;--dot-red:#ff5f57;--dot-yellow:#febc2e;--dot-green:#28c840;--status-glow:0 0 6px #28c840;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--row-h:28px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}.ide-window{flex-direction:column;flex:1;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.ide-body{flex:1;min-height:0;display:flex;overflow:hidden}.title-bar{background:var(--bg-window);border-bottom:.5px solid var(--border-subtle);z-index:100;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;animation:.3s cubic-bezier(.22,1,.36,1) both fade-up;display:flex;position:relative}.window-dots{flex-shrink:0;gap:6px;display:flex}.title-bar .tb-clear-btn{display:none;position:absolute;top:50%;left:268px;transform:translateY(-50%)}.title-bar .tb-clear-btn.is-visible{display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:block}.dot-red{background:var(--dot-red)}.dot-yellow{background:var(--dot-yellow)}.dot-green{background:var(--dot-green)}.title-path{text-align:center;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.available-badge{font-family:var(--font-sans);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--dot-green);width:7px;height:7px;box-shadow:var(--status-glow);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse;display:block}.tb-settings-wrap{z-index:9999;align-items:center;display:flex;position:relative}.tb-settings-btn{color:#ffffff73;cursor:pointer;font-size:15px;font-family:var(--font-sans);background:0 0;border:none;border-radius:5px;align-items:center;padding:4px 6px;transition:color .12s,background .12s;display:flex}.tb-settings-btn:hover{color:#ffffffd9;background:#ffffff12}.tb-settings-btn:focus-visible{outline-offset:2px;outline:2px solid #c4befc}.tb-run-btn{border:1px solid color-mix(in srgb, var(--dot-green) 50%, transparent);color:color-mix(in srgb, var(--dot-green) 80%, transparent);cursor:default;font-family:var(--font-mono);background:0 0;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;line-height:1.4;transition:background .14s,border-color .14s,color .14s;display:flex}.tb-run-btn:not(:disabled):hover{background:color-mix(in srgb, var(--dot-green) 10%, transparent);border-color:var(--dot-green);color:var(--dot-green);cursor:pointer}.tb-run-btn:focus-visible{outline:2px solid var(--dot-green);outline-offset:2px}.tb-dropdown{z-index:9999;min-width:160px;font-family:var(--font-mono);background:#1a1a24;border:.5px solid #ffffff1a;border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.tb-dropdown:not([hidden]){display:block}.tb-dropdown-label{letter-spacing:1.5px;color:#ffffff4d;font-size:9px;font-family:var(--font-mono);padding:0 4px 8px}.tb-theme-options{flex-direction:column;gap:2px;display:flex}.tb-dropdown-sep{background:var(--border-subtle);height:.5px;margin:8px 0}.tb-theme-opt{color:#fff9;font-size:12px;font-family:var(--font-mono);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 8px;transition:background .1s,color .1s;display:flex}.tb-theme-opt i{flex-shrink:0;font-size:14px}.tb-theme-opt:hover{color:#ffffffe6;background:#ffffff0f}.tb-theme-opt[aria-pressed=true]{color:#c4befc;background:#7f77dd26}.tb-theme-opt:focus-visible{outline-offset:2px;outline:2px solid #c4befc}.activity-bar{background-color:var(--bg-sidebar);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-items:center;gap:15px;width:48px;padding:5px 0 20px;display:flex;overflow:visible}.ab-btn{width:40px;height:var(--row-h);cursor:pointer;color:inherit;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:background .15s;display:flex;position:relative}.ab-btn img{pointer-events:none;width:22px;height:22px;transition:transform .15s,filter .15s;display:block}.ab-btn:hover{background:#ffffff0f}.ab-btn:hover img{filter:brightness(1.25);transform:scale(1.1)}.ab-btn.ab-btn--active{background:#7f77dd2e}.ab-btn.ab-btn--active:before{content:"";background:var(--accent-purple);border-radius:0 2px 2px 0;width:2px;height:20px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.ab-divider{background:#ffffff14;flex-shrink:0;width:24px;height:1px;margin:0}.ab-spacer{flex:1;min-height:6px}.ab-btn:after{content:attr(data-tooltip);background:var(--bg-window);color:var(--text-secondary);font-family:var(--font-mono);border:.5px solid var(--border-stronger);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.ab-btn:hover:after{opacity:1}.sidebar{background:var(--bg-sidebar);border-right:.5px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:220px;padding-top:0;animation:.3s cubic-bezier(.22,1,.36,1) 80ms both fade-up;display:flex;overflow:hidden}.sidebar-header{height:var(--row-h);font-family:var(--font-mono);letter-spacing:1px;color:#ffffff4d;flex-shrink:0;align-items:center;padding:0 12px;font-size:11px;display:flex}.sidebar-tree{flex:1;overflow:hidden auto}.sb-footer{border-top:.5px solid var(--border-subtle);flex-shrink:0;padding:10px 12px}.sb-profile-card{background:#ffffff08;border:.5px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.sb-profile-row{align-items:center;gap:9px;display:flex}.sb-avatar{width:30px;height:30px;color:var(--accent-purple-soft);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:#7f77dd26;border:.5px solid #7f77dd59;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.sb-profile-info{min-width:0}.sb-profile-name{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.sb-profile-handle{font-family:var(--font-mono);color:var(--text-muted);margin-top:1px;font-size:10.5px}.sb-footer .btn-terminal{justify-content:center;width:100%}.tree-root{height:var(--row-h);color:#ffffff80;font-size:13px;font-family:var(--font-mono);align-items:center;gap:6px;padding:0 12px;display:flex}.tree-root-arrow{color:#fff6;font-size:13px}.tree-root-name{color:#ffffff8c}.tree-folder-row{height:var(--row-h);color:#fff9;font-size:13px;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 12px 0 20px;transition:background .1s,color .1s;display:flex}.tree-folder-row:hover{color:#ffffffd9;background:#ffffff0a}.tree-folder-row:focus-visible{outline-offset:-2px;outline:2px solid #c4befc}.tree-folder-arrow{color:#fff6;flex-shrink:0;font-size:13px;transition:transform .15s;display:inline-block}.tree-folder-row[aria-expanded=true] .tree-folder-arrow{transform:rotate(90deg)}.tree-folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-folder-children:not([hidden]){display:block}.tree-file{height:var(--row-h);font-family:var(--font-mono);color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:0 12px 0 24px;font-size:13px;transition:background .1s,color .1s;display:flex}.tree-file--child{padding-left:38px}.tree-file--grandchild{padding-left:52px}.tree-folder-row--child{padding-left:34px}.tree-file:hover{color:#ffffffd9;background:#ffffff0a}.tree-file.active{color:#c4befc;background:#786edc1f;border-left:2px solid #7f77dd;padding-left:24px}.tree-file--child.active{padding-left:36px}.tree-file--grandchild.active{padding-left:50px}.tree-file:focus-visible{outline-offset:-2px;outline:2px solid #c4befc}.tree-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-icon{flex-shrink:0;font-size:16px}.sb-icon--tsx{color:var(--accent-purple)}.sb-icon--json{color:var(--syntax-property)}.sb-icon--md{color:var(--syntax-variable)}.sb-icon--folder{color:var(--syntax-property)}.qc-backdrop{z-index:2000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qc-backdrop[hidden]{display:none}.qc-modal{background:var(--bg-window);border:.5px solid var(--border-stronger);border-radius:10px;flex-direction:column;width:min(480px,100vw - 32px);height:min(420px,100dvh - 80px);display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}.qc-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 10px 0 16px;display:flex}.qc-title{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);font-size:10px}.qc-close{color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 7px;transition:color .12s,background .12s}.qc-close:hover{color:var(--text-primary);background:#ffffff0f}.qc-close:focus-visible{outline:2px solid var(--accent-purple-soft);outline-offset:2px}#popupQcSection,#popupTiSection{flex-direction:column;flex:1;display:flex;overflow:hidden}#popupQcSection[hidden],#popupTiSection[hidden]{display:none}.qc-tabs{border-bottom:.5px solid var(--border-subtle);flex-shrink:0;gap:0;margin-top:4px;padding:8px 16px 0;display:flex}.qc-tab{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-.5px;padding:6px 12px 8px;font-size:12px;line-height:1;transition:color .12s}.qc-tab:first-child{padding-left:0}.qc-tab:hover:not(.qc-tab--active){color:var(--text-secondary)}.qc-tab--active{color:var(--accent-purple-soft);border-bottom-color:var(--accent-purple)}.qc-content{flex:1;padding:18px 16px 20px;overflow-y:auto}.qc-name{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.2px;margin:0 0 5px;font-size:18px;font-weight:600}.qc-role-row{font-family:var(--font-sans);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.qc-role{color:var(--syntax-string)}.qc-sep{color:var(--text-faint)}.qc-status{color:var(--syntax-string);align-items:center;gap:5px;display:flex}.qc-status-dot{background:var(--dot-green);width:7px;height:7px;box-shadow:var(--status-glow);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse;display:inline-block}.qc-bio{font-family:var(--font-sans);color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.65}.qc-meta{font-family:var(--font-sans);flex-wrap:wrap;gap:14px;font-size:11.5px;display:flex}.qc-meta-item{align-items:center;gap:4px;display:flex}.qc-meta-label{color:var(--text-muted)}.qc-meta-val{color:var(--syntax-property)}.qc-project{margin-bottom:14px}.qc-project-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.qc-project-name{font-family:var(--font-sans);color:var(--text-primary);font-size:13.5px;font-weight:600}.qc-project-tag{font-family:var(--font-mono);color:var(--syntax-string);font-size:10px}.qc-project-desc{font-family:var(--font-sans);color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.qc-view-all{font-family:var(--font-sans);color:var(--accent-purple-soft);margin-top:10px;font-size:12.5px;text-decoration:none;display:inline-block}.qc-view-all:hover{text-decoration:underline}.qc-skill-group{margin-bottom:12px}.qc-skill-group:last-child{margin-bottom:0}.qc-skill-label{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:6px;font-size:10px;display:block}.qc-chips{flex-wrap:wrap;gap:5px;display:flex}.editor-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-area{background:var(--bg-editor);-webkit-overflow-scrolling:touch;will-change:scroll-position;flex:1;min-height:0;overflow:hidden auto}.editor-panel{opacity:0;width:100%;min-width:0;max-width:100%;min-height:100%;padding:40px 48px;display:none;overflow:hidden}.editor-panel[data-panel=hero]{min-height:unset;padding:0}.editor-panel.active{opacity:1;animation:.15s forwards panel-in;display:block}.editor-panel.leaving{pointer-events:none;animation:80ms forwards panel-out;display:block}.code-block{font-family:var(--font-mono);padding:18px 22px;font-size:clamp(12px,1.3vw,13px);line-height:1.7}.code-mobile{display:none}.code-desktop{display:block}.code-lines{font-family:var(--font-mono);font-size:clamp(12px,1.3vw,13px);line-height:1.7}.line{white-space:pre;animation:.3s cubic-bezier(.22,1,.36,1) both fade-up;animation-delay:var(--anim-delay,.15s);gap:14px;display:flex;overflow:hidden}.line-num{text-align:right;min-width:2ch;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex-shrink:0}.line-content{color:var(--text-secondary);overflow:hidden}.kw{color:var(--syntax-keyword)}.var{color:var(--syntax-variable)}.prop{color:var(--syntax-property)}.str{color:var(--syntax-string)}.num{color:var(--syntax-number)}.cmt{color:var(--syntax-comment);font-style:italic}.punc{color:var(--syntax-punctuation)}.json-key{color:var(--syntax-property)}.json-str{color:var(--syntax-string)}.json-punc{color:var(--syntax-punctuation)}.cursor{background:var(--accent-purple-soft);vertical-align:-2px;width:7px;height:15px;margin-left:4px;animation:1.06s steps(2,start) infinite blink;display:inline-block}.placeholder-panel{height:100%;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.placeholder-comment{color:#6b7280;font-size:13px;font-style:italic}.editor-empty{height:100%;font-family:var(--font-mono);justify-content:center;align-items:center;display:none}.editor-empty.visible{display:flex}.editor-empty-text{color:#6b7280;font-size:13px;font-style:italic}.tab-strip{background:var(--bg-window);border-bottom:.5px solid var(--border-subtle);scrollbar-width:none;flex-shrink:0;align-items:stretch;animation:.3s cubic-bezier(.22,1,.36,1) 80ms both fade-up;display:flex;overflow:auto hidden}.tab-strip::-webkit-scrollbar{display:none}.tab{height:36px;font-family:var(--font-mono);color:#ffffff80;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-top:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:7px 8px 7px 12px;font-size:12px;transition:color .1s,background .1s,border-top-color .1s;display:flex;position:relative}.tab:hover{color:#ffffffbf}.tab.active{background:var(--bg-editor);border-top-color:var(--accent-purple);color:var(--accent-purple-soft)}.tab-icon{border-radius:1px;flex-shrink:0;width:3px;height:12px}.tab-icon--tsx{background:#7f77dd}.tab-icon--json{background:#fbbf24}.tab-icon--md{background:#7dd3fc}.tab-icon-i{flex-shrink:0;font-size:13px}.ti-brand-react.tab-icon-i{color:#7f77dd}.ti-braces.tab-icon-i{color:#fbbf24}.ti-markdown.tab-icon-i{color:#7dd3fc}.tab-label{flex:1;min-width:0}.tab-close{color:#ffffff80;cursor:pointer;width:16px;height:16px;font-size:14px;line-height:1;font-family:var(--font-sans);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s;display:flex}.tab.active .tab-close{opacity:1}.tab:not(.active) .tab-close{opacity:0}.tab:not(.active):hover .tab-close{opacity:1}.tab-close:hover{color:#ffffffe6;background:#ffffff1f}.tab-close:focus-visible{outline-offset:1px;outline:2px solid #c4befc}.tab.active .tab-close:hover{color:#fff;background:#ffffff26}.status-bar{background:var(--bg-sidebar);border-top:.5px solid var(--border-subtle);height:32px;font-family:var(--font-mono);color:#ffffff4d;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;animation:.3s cubic-bezier(.22,1,.36,1) .5s both fade-up;display:flex}.sb-left{align-items:center;gap:10px;display:flex}.sb-sep{color:#ffffff1f;-webkit-user-select:none;user-select:none}.sb-terminal-btn{font-family:var(--font-mono);color:#fff6;cursor:pointer;background:0 0;border:.5px solid #ffffff2e;border-radius:3px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.4;transition:color .15s,background .15s,border-color .15s;display:flex}.sb-terminal-btn:hover,.sb-terminal-btn.is-active{color:var(--accent-purple-soft);background:color-mix(in srgb, var(--accent-purple) 10%, transparent);border-color:color-mix(in srgb, var(--accent-purple) 40%, transparent)}.terminal-panel{background:var(--bg-editor);border-top:.5px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:180px;display:none;position:relative}.terminal-panel.is-open{animation:.15s both terminal-slide-in;display:flex}.terminal-panel.is-resizing{transition:none;animation:none}@keyframes terminal-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tp-resize-handle{cursor:ns-resize;z-index:10;background:0 0;justify-content:center;align-items:center;height:8px;transition:background .12s;display:flex;position:absolute;top:-4px;left:0;right:0}.tp-resize-handle:hover,.tp-resize-handle.is-dragging{background:color-mix(in srgb, var(--accent-purple) 12%, transparent)}.tp-resize-handle:focus-visible{outline:2px solid var(--accent-purple-soft);outline-offset:-2px}.tp-pill{background:var(--accent-purple);opacity:.55;border-radius:99px;width:40px;height:3px;transition:opacity .15s}.tp-resize-handle:hover .tp-pill,.tp-resize-handle.is-dragging .tp-pill{opacity:.85}.terminal-hd{border-bottom:.5px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 16px;display:flex}.terminal-title{font-family:var(--font-mono);letter-spacing:.07em;color:var(--accent-purple-soft);font-size:10px;font-weight:600}.terminal-close-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s}.terminal-close-btn:hover{color:#ffffffa6}.terminal-body{font-family:var(--font-mono);color:#ffffffbf;flex-direction:column;flex:1;padding:10px 16px;font-size:13px;display:flex;overflow-y:auto}.terminal-line{flex-shrink:0;align-items:center;display:flex}.terminal-output{flex-direction:column;display:flex}.t-help-block{margin-bottom:6px}.t-help-input{line-height:1.8}.t-help-typed{color:#ffffffbf}.t-help-comment{color:#ffffff4d;margin-bottom:4px;font-size:12px}.t-help-row{align-items:baseline;font-size:12px;line-height:1.65;display:flex}.t-help-cmd{color:var(--accent-purple-soft);flex-shrink:0;min-width:110px}.t-help-sep{color:#ffffff40;flex-shrink:0;margin-right:2px}.t-help-desc{color:#fff6}.terminal-prompt{color:var(--accent-purple-soft)}.terminal-dollar{color:#ffffff73}.terminal-cursor{background:#ffffffbf;width:8px;height:14px;margin-top:1px;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-boot{font-family:var(--font-mono);flex-direction:column;justify-content:center;max-width:100%;min-height:100%;padding:40px 48px;display:flex}.hb-line{opacity:0;align-items:baseline;gap:0;font-size:13px;line-height:1.85;transition:opacity .2s,transform .2s;display:flex;transform:translateY(4px)}.hb-line.hb-visible{opacity:1;transform:translateY(0)}.hb-spacer{height:10px}.hb-prompt{color:var(--dot-green);flex-shrink:0;margin-right:8px}.hb-cmd{color:var(--text-secondary)}.hb-out{color:var(--text-muted)}.hb-ok{color:var(--dot-green)}.hb-warn{color:var(--dot-yellow)}.hb-hl{color:var(--accent-purple-soft)}.hb-num{color:var(--syntax-number)}.hb-str{color:var(--syntax-string)}.hb-cursor{background:var(--accent-purple-soft);vertical-align:-2px;width:7px;height:13px;margin-left:2px;animation:1.06s steps(2,start) infinite hb-blink;display:inline-block}@keyframes hb-blink{to{visibility:hidden}}.hero-divider{opacity:0;background:#ffffff0f;height:1px;margin:20px 0;transition:opacity .3s}.hero-divider.hb-visible{opacity:1}.hero-content{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(6px)}.hero-content.hb-visible{opacity:1;transform:translateY(0)}.hc-comment-block{margin-bottom:2px}.hc-cb-open,.hc-cb-line,.hc-cb-close{color:var(--syntax-comment);font-size:13px;font-style:italic;line-height:1.85}.hc-white{color:var(--text-secondary);font-size:13px;font-style:italic}.hc-purple{color:var(--accent-purple-soft);font-size:13px;font-style:italic}.hc-muted{color:var(--text-muted);font-size:13px;font-style:italic}.hc-export-line{margin-top:2px;font-size:13px;line-height:1.85}.hc-kw{color:var(--syntax-keyword)}.hc-var{color:var(--syntax-variable)}.hc-punc{color:var(--syntax-punctuation)}.hc-str{color:var(--syntax-string)}.hc-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.hc-btn-primary{color:#0a0a0f;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:#fff;border:none;border-radius:7px;padding:10px 20px;transition:transform .1s}.hc-btn-primary:active{transform:scale(.98)}.hc-btn-secondary{color:#ffffffd9;cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:.5px solid #ffffff38;border-radius:7px;padding:10px 20px;transition:border-color .12s}.hc-btn-secondary:hover{border-color:#fff6}.hc-btn-secondary:active{transform:scale(.98)}.hc-btn-primary:focus-visible,.hc-btn-secondary:focus-visible{outline-offset:2px;outline:2px solid #c4befc}.hc-cta-comment{color:var(--syntax-comment);font-size:11px;font-style:italic;font-family:var(--font-mono)}@media (width<=767px){.hero-boot{padding:24px 16px}.hb-line,.hc-cb-open,.hc-cb-line,.hc-cb-close,.hc-export-line{font-size:12px}.hc-cta{flex-direction:column;align-items:flex-start;gap:8px}.hc-btn-primary,.hc-btn-secondary,.hc-cta .btn-terminal{text-align:center;width:100%;min-height:44px;padding:12px 20px}.hc-cta-comment{display:none}}@media (prefers-reduced-motion:reduce){.hb-line,.hero-divider,.hero-content{opacity:1;transition:none;transform:none}.hb-cursor{animation:none}}.about-code{font-family:var(--font-mono);padding:0}.ac-ln{gap:0;min-width:0;font-size:12.5px;line-height:1.8;display:flex}.ac-num{color:#fff3;text-align:left;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;margin-right:18px;font-size:12px}.ac-code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;flex:1;min-width:0}.ac-gap-sm{height:6px}.ac-gap-lg{height:18px}.ac-kw{color:var(--syntax-keyword)}.ac-vr{color:var(--syntax-variable)}.ac-pr{color:var(--syntax-property)}.ac-str{color:var(--syntax-string)}.ac-num-val{color:var(--syntax-number)}.ac-pu{color:var(--syntax-punctuation)}.ac-cm{color:var(--syntax-comment);font-style:italic}.ac-cursor{background:var(--accent-purple-soft);vertical-align:-2px;width:7px;height:13px;margin-left:2px;animation:1.06s steps(2,start) infinite ac-blink;display:inline-block}@keyframes ac-blink{to{visibility:hidden}}@media (width<=767px){.ac-ln{font-size:11.5px}.ac-num{width:24px;margin-right:12px}.ac-code{white-space:pre-wrap;word-break:break-word}}@media (prefers-reduced-motion:reduce){.ac-cursor{animation:none}}.projects-list{flex-direction:column;gap:12px;display:flex}.project-card{background:#ffffff08;border:.5px solid #ffffff14;border-radius:8px;padding:16px 18px}.project-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.project-name{font-family:var(--font-mono);color:#fff;font-size:14px;font-weight:500}.project-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.status-badge{font-family:var(--font-mono);font-size:10px}.status-badge--live{color:#28c840}.status-badge--progress{color:#febc2e}.btn-ghost{font-family:var(--font-mono);color:#ffffffb3;cursor:pointer;background:0 0;border:.5px solid #fff3;border-radius:4px;padding:3px 8px;font-size:11px;transition:border-color .1s,color .1s}.btn-ghost:hover{color:#fff;border-color:#fff6}.project-description{font-family:var(--font-sans);color:#fff9;margin:0 0 10px;font-size:13px;line-height:1.5}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.stack-tag{font-family:var(--font-mono);color:#c4befc;background:#7f77dd1a;border-radius:3px;padding:2px 6px;font-size:10px}.px-wrap{font-family:var(--font-mono);padding:0}.px-header-label{letter-spacing:1.5px;color:#ffffff4d;margin-bottom:6px;font-size:11px}.px-subheader{color:#6b7280;margin-bottom:20px;font-size:11px;font-style:italic}.px-project{border:.5px solid #ffffff0f;border-radius:8px;margin-bottom:8px;overflow:hidden}.px-folder{cursor:pointer;-webkit-user-select:none;user-select:none;background:#13131a;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .12s;display:flex}.px-folder:hover{background:#1a1a24}.px-folder:focus-visible{outline-offset:-2px;outline:2px solid #c4befc}.px-folder-left{align-items:center;gap:10px;min-width:0;display:flex}.px-folder-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.px-arrow{color:#fff6;flex-shrink:0;font-size:11px;transition:transform .15s;display:inline-block}.px-folder[aria-expanded=true] .px-arrow{transform:rotate(90deg)}.px-folder-icon{color:#fbbf24;flex-shrink:0;font-size:16px}.px-folder-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.px-badge{font-size:10px;font-family:var(--font-mono);white-space:nowrap;border:.5px solid;border-radius:4px;padding:3px 8px}.px-badge--live{color:#28c840;background:#28c8400f;border-color:#28c8404d}.px-badge--wip{color:#febc2e;background:#febc2e0f;border-color:#febc2e4d}.px-files{background:#0d0d14;border-top:.5px solid #ffffff0f}.px-files:not([hidden]){display:block}.px-desc{color:#ffffff73;font-size:12px;font-style:italic;font-family:var(--font-sans);padding:10px 16px 6px 38px;line-height:1.5}.px-file{border-bottom:.5px solid #ffffff0a;justify-content:space-between;align-items:center;min-width:0;padding:7px 16px 7px 38px;transition:background .1s;display:flex}.px-file:last-of-type{border-bottom:none}.px-file:hover{background:#ffffff08}.px-file-left{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.px-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.px-dot--tsx{background:#7f77dd}.px-dot--json{background:#fbbf24}.px-dot--md{background:#7dd3fc}.px-dot--env{background:#28c840}.px-file-name{color:#ffffffa6;white-space:nowrap;flex-shrink:0;font-size:12px}.px-file-desc{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-style:italic;overflow:hidden}.px-file-lines{color:#ffffff40;flex-shrink:0;margin-left:12px;font-size:10px}.px-tags{border-top:.5px solid #ffffff0a;flex-wrap:wrap;gap:5px;padding:8px 16px 8px 38px;display:flex}.px-tag{color:#c4befc;font-size:10px;font-family:var(--font-mono);background:#7f77dd1a;border-radius:3px;padding:2px 7px}.px-links{gap:6px;padding:8px 16px 12px 38px;display:flex}.px-link{color:#fff9;font-size:11px;font-family:var(--font-mono);border:.5px solid #ffffff26;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;text-decoration:none;transition:border-color .12s,color .12s;display:inline-flex}.px-link:hover{color:#c4befc;border-color:#c4befc66}.px-link:focus-visible{outline-offset:2px;outline:2px solid #c4befc}.px-link i{font-size:13px}@media (width<=767px){.px-file-desc,.px-file-lines{display:none}.px-desc,.px-file,.px-tags,.px-links{padding-left:28px}}@media (prefers-reduced-motion:reduce){.px-arrow,.px-folder,.px-file,.px-link{transition:none}}.project-detail{font-family:var(--font-mono);max-width:680px;padding:0}.pd-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.pd-folder-icon{font-size:18px}.pd-name{color:#ffffffe6;font-size:16px;font-weight:500}.pd-badge{font-size:11px;font-family:var(--font-mono);border:.5px solid;border-radius:4px;padding:3px 8px}.pd-badge--live{color:#28c840;background:#28c8400f;border-color:#28c8404d}.pd-badge--wip{color:#febc2e;background:#febc2e0f;border-color:#febc2e4d}.pd-desc{color:#ffffff8c;font-size:13px;font-style:italic;font-family:var(--font-sans);margin-bottom:20px;line-height:1.6}.pd-files{margin-bottom:16px}.pd-file{color:#ffffffa6;border-bottom:.5px solid #ffffff0a;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.pd-file:last-child{border-bottom:none}.pd-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pd-dot--tsx{background:#7f77dd}.pd-dot--json{background:#fbbf24}.pd-dot--md{background:#7dd3fc}.pd-lines{color:#ffffff40;margin-left:auto;font-size:11px}.pd-tags{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.pd-tag{color:#c4befc;background:#7f77dd1a;border-radius:3px;padding:2px 8px;font-size:10px}.pd-links{gap:8px;display:flex}.pd-link{color:#fff9;border:.5px solid #ffffff26;border-radius:4px;padding:5px 12px;font-size:11px;text-decoration:none;transition:border-color .12s,color .12s}.pd-link:hover{color:#c4befc;border-color:#c4befc66}.sk-wrap{font-family:var(--font-mono);padding:0}.sk-ln{gap:0;min-width:0;font-size:12.5px;line-height:1.8;display:flex}.sk-num{color:#fff3;text-align:left;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;margin-right:18px;font-size:12px}.sk-code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;flex:1;min-width:0}.sk-gap{height:4px}.sk-pr{color:var(--syntax-property)}.sk-str{color:var(--syntax-string)}.sk-pu{color:var(--syntax-punctuation)}.sk-cursor{background:var(--accent-purple-soft);vertical-align:-2px;width:7px;height:13px;margin-left:2px;animation:1.06s steps(2,start) infinite sk-blink;display:inline-block}@keyframes sk-blink{to{visibility:hidden}}@media (width<=767px){.sk-ln{font-size:11px}.sk-num{width:24px;margin-right:12px}.sk-code{white-space:pre-wrap;word-break:break-word}}@media (prefers-reduced-motion:reduce){.sk-cursor{animation:none}}.contact-comments{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:28px;font-size:13px;font-style:italic;line-height:1.9}.contact-form{flex-direction:column;gap:20px;max-width:480px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;display:block}.form-input,.form-textarea{color:#fff;font-family:var(--font-mono);background:#1a1a22;border:.5px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff40}.form-input:focus,.form-textarea:focus{border-color:#7f77dd99}.form-textarea{resize:vertical;min-height:100px}.btn-submit{font-family:var(--font-mono);color:#c4befc;cursor:pointer;background:#7f77dd1f;border:.5px solid #7f77dd66;border-radius:6px;align-self:flex-start;padding:10px 20px;font-size:13px;transition:background .15s,border-color .15s}.btn-submit:hover{background:#7f77dd33;border-color:#7f77dd99}.btn-submit:focus-visible{outline:2px solid var(--accent-purple-soft);outline-offset:2px}.ct-wrap{font-family:var(--font-mono);padding:0}.ct-ln{gap:0;min-width:0;font-size:12.5px;line-height:1.8;display:flex}.ct-num{color:#fff3;text-align:left;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;margin-right:18px;font-size:12px}.ct-code{flex:1;min-width:0}.ct-gap-lg{height:16px}.ct-gap-sm{height:6px}.ct-kw{color:var(--syntax-keyword)}.ct-vr{color:var(--syntax-variable)}.ct-pr{color:var(--syntax-property)}.ct-str{color:var(--syntax-string)}.ct-pu{color:var(--syntax-punctuation)}.ct-cm{color:var(--syntax-comment);font-style:italic}.ct-field-wrap{margin:3px 0 0;padding-left:50px}.ct-input{color:#ffffffd9;width:100%;max-width:520px;font-family:var(--font-mono);box-sizing:border-box;background:#1a1a22;border:.5px solid #ffffff1a;border-radius:6px;outline:none;padding:10px 14px;font-size:12px;transition:border-color .12s;display:block}.ct-input:focus{border-color:#7f77dd99}.ct-input::placeholder{color:#ffffff40;font-style:italic}textarea.ct-input{resize:vertical;min-height:100px;line-height:1.6}.ct-link{color:inherit;text-decoration:none}.ct-link .ct-str{transition:color .12s}.ct-link:hover .ct-str{color:#a7f3d0}.ct-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #c4befc}.ct-btn{color:#c4befc;font-family:var(--font-mono);cursor:pointer;background:#7f77dd1f;border:.5px solid #7f77dd66;border-radius:6px;margin-top:4px;margin-left:50px;padding:10px 20px;font-size:12px;transition:background .12s,border-color .12s}.ct-btn:hover{background:#7f77dd38;border-color:#7f77ddb3}.ct-btn:active{transform:scale(.98)}.ct-btn:focus-visible{outline-offset:2px;outline:2px solid #c4befc}@media (width<=767px){.ct-ln{font-size:11.5px}.ct-num{width:24px;margin-right:12px}.ct-field-wrap{padding-left:36px}.ct-input{max-width:100%;font-size:16px}.ct-btn{text-align:center;width:calc(100% - 36px);min-height:44px;margin-left:36px}}@media (prefers-reduced-motion:reduce){.ct-input,.ct-link .ct-str,.ct-btn{transition:none}}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#13131a;border-top:.5px solid #ffffff14;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{cursor:pointer;color:#ffffff73;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0;transition:color .1s,border-top-color .1s;display:flex}.mobile-nav-item:active{transition:transform .1s;transform:scale(.92)}.mobile-nav-item.active{color:#c4befc;border-top-color:var(--accent-purple)}.mobile-nav-item svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.mobile-nav-label{font-size:10px;line-height:1}.btn-terminal{--btn-accent:var(--accent-purple);--btn-text:var(--btn-accent);font-family:var(--font-mono);color:var(--btn-text);border:1px solid color-mix(in srgb, var(--btn-accent) 55%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn-terminal:hover{background:color-mix(in srgb, var(--btn-accent) 10%, transparent);border-color:var(--btn-accent)}.btn-terminal:active{transform:scale(.97)}.btn-terminal:focus-visible{outline:2px solid var(--btn-accent);outline-offset:2px}.btn-terminal__chevron{opacity:.45}.btn-terminal--sm{min-height:28px;padding:4px 10px;font-size:11px}.btn-terminal--md{min-height:34px;padding:7px 13px;font-size:12px}.btn-terminal--lg{min-height:40px;padding:10px 18px;font-size:13px}.editor-area,.sidebar-tree,.qp-left-col,.qp-right-col,.terminal-body,.qc-content{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-purple) 40%, transparent) transparent}.editor-area::-webkit-scrollbar{width:5px;height:5px}.sidebar-tree::-webkit-scrollbar{width:5px;height:5px}.qp-left-col::-webkit-scrollbar{width:5px;height:5px}.qp-right-col::-webkit-scrollbar{width:5px;height:5px}.terminal-body::-webkit-scrollbar{width:5px;height:5px}.qc-content::-webkit-scrollbar{width:5px;height:5px}.editor-area::-webkit-scrollbar-track{background:0 0}.sidebar-tree::-webkit-scrollbar-track{background:0 0}.qp-left-col::-webkit-scrollbar-track{background:0 0}.qp-right-col::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-track{background:0 0}.qc-content::-webkit-scrollbar-track{background:0 0}.editor-area::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.sidebar-tree::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.qp-left-col::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.qp-right-col::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.terminal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.qc-content::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-purple) 40%, transparent);border-radius:3px}.editor-area::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.sidebar-tree::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.qp-left-col::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.qp-right-col::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.qc-content::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.editor-area::-webkit-scrollbar-corner{background:0 0}.sidebar-tree::-webkit-scrollbar-corner{background:0 0}.qp-left-col::-webkit-scrollbar-corner{background:0 0}.qp-right-col::-webkit-scrollbar-corner{background:0 0}.terminal-body::-webkit-scrollbar-corner{background:0 0}.qc-content::-webkit-scrollbar-corner{background:0 0}.quick-profile{background:#0d0d14;border-left:.5px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:300px;min-width:300px;max-width:560px;transition:width .2s;display:flex;position:relative;overflow:hidden}.qp-header{letter-spacing:1.5px;color:#ffffff4d;font-size:11px;font-family:var(--font-mono);border-bottom:.5px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.qp-code-block{font-family:var(--font-mono);border-bottom:.5px solid #ffffff0f;padding:14px 16px;font-size:12px;line-height:1.75}.qp-code-block:last-child{border-bottom:none}.qp-comment{color:var(--syntax-comment);margin-bottom:10px;font-size:11px;font-style:italic}.qp-line{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.qp-indent{padding-left:14px}.qp-kw{color:var(--syntax-keyword)}.qp-var{color:var(--syntax-variable)}.qp-prop{color:var(--syntax-property)}.qp-str{color:var(--syntax-string)}.qp-num{color:var(--syntax-number)}.qp-punc{color:var(--syntax-punctuation)}.qp-status-dot{background:#28c840;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:6px;animation:2s ease-in-out infinite qp-pulse}@keyframes qp-pulse{0%,to{opacity:1}50%{opacity:.45}}.qp-link-line{gap:6px}.qp-link-icon{color:#ffffff73;flex-shrink:0;font-size:13px}.qp-link{align-items:center;min-width:0;max-width:100%;text-decoration:none;transition:none;display:inline-flex}.qp-link .qp-str{white-space:nowrap;text-overflow:ellipsis;transition:color .12s;overflow:hidden}.qp-link:hover .qp-str{color:#a7f3d0}.qp-link:hover+.qp-punc{color:#ffffffa6}.qp-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #c4befc}.qp-export{margin-top:8px}.qp-contact-wrap{border-top:.5px solid #ffffff0f;flex-shrink:0;padding:14px 16px 20px}.qp-contact-wrap .btn-terminal{flex-shrink:0;justify-content:center;width:164px}.qp-footer-row{align-items:center;gap:8px;display:flex}.qp-footer-left{flex-shrink:0;align-items:center;display:flex}.qp-avail{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.qp-avail-dot{background:var(--dot-green);width:7px;height:7px;box-shadow:var(--status-glow);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse;display:block}.quick-profile:not(.is-expanded) .qp-avail{display:none}.qp-social-icons{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.qp-social-btn{color:#fff6;background:0 0;border:.5px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:flex;position:relative}.qp-social-btn:hover{color:var(--accent-purple-soft);background:#7f77dd14;border-color:#7f77dd66}.qp-social-btn:focus-visible{outline:2px solid var(--accent-purple-soft);outline-offset:2px}.qp-social-btn:after{content:attr(data-tooltip);background:var(--bg-window);color:var(--text-secondary);font-family:var(--font-mono);border:.5px solid var(--border-stronger);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;border-radius:4px;padding:3px 6px;font-size:10px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.qp-social-btn:hover:after{opacity:1}.qp-resize-handle{cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:8px;transition:background .12s;display:flex;position:absolute;top:0;bottom:0;left:0}.qp-resize-handle:hover,.qp-resize-handle.is-dragging{background:#7f77dd1f}.qp-resize-handle:focus-visible{outline-offset:-2px;outline:2px solid #c4befc}.qp-pill{background:var(--accent-purple);opacity:.55;border-radius:99px;width:3px;height:56px;transition:opacity .15s}.qp-resize-handle:hover .qp-pill,.qp-resize-handle.is-dragging .qp-pill{opacity:.85}.quick-profile.is-resizing{transition:none}.qp-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.qp-left-col{border-right:.5px solid #ffffff0f;flex-direction:column;flex:1;min-width:0;max-width:50%;display:flex;overflow:hidden auto}.quick-profile:not(.is-expanded) .qp-left-col{border-right:none;max-width:100%}.qp-right-col{opacity:0;flex-shrink:0;width:0;min-width:0;transition:opacity .2s;overflow:hidden}.quick-profile.is-expanded .qp-right-col{opacity:1;width:50%;min-width:0;overflow:hidden auto}.quick-profile.is-resizing .qp-right-col{transition:none}.qp-str{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qp-progress-wrap{margin:5px 0 3px;padding-left:14px}.qp-progress-labels{color:#ffffff4d;font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-bottom:5px;display:flex}.qp-progress-value{color:#c4befc}.qp-progress-track{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.qp-progress-fill{background:#7f77dd;border-radius:2px;height:100%;transition:width .4s}.qp-tag-row{flex-wrap:wrap;gap:4px;margin:4px 0;padding-left:28px;display:flex}.qp-tag{color:#c4befc;font-size:10px;font-family:var(--font-mono);background:#7f77dd1f;border-radius:3px;padding:2px 7px}@media (width>=1024px){.quick-profile{display:flex}}@media (width<=1023px){.quick-profile{display:none}}html.theme-dracula{--syntax-keyword:#ff79c6;--syntax-variable:#8be9fd;--syntax-property:#ffb86c;--syntax-string:#f1fa8c;--syntax-number:#bd93f9;--syntax-comment:#6272a4;--accent-purple:#bd93f9;--accent-purple-soft:#d6beff;--accent-purple-bg:#bd93f926;--dot-red:#f55;--dot-yellow:#f1fa8c;--dot-green:#50fa7b;--status-glow:0 0 6px #50fa7b}html.theme-dracula .ab-btn.ab-btn--active{background:#bd93f92e}html.theme-light.theme-dracula{--syntax-keyword:#b5006d;--syntax-variable:#0067a0;--syntax-property:#960;--syntax-string:#7a7200;--syntax-number:#7040c0;--syntax-comment:#5261a0;--accent-purple:#7040c0;--accent-purple-soft:#8b55d6;--accent-purple-bg:#7040c01a;--dot-red:#c00;--dot-yellow:#980;--dot-green:#22a030;--status-glow:0 0 6px #22a030}html.theme-light.theme-dracula .ab-btn.ab-btn--active{background:#7040c024}html.theme-night-owl{--syntax-keyword:#c792ea;--syntax-variable:#82aaff;--syntax-property:#ffcb8b;--syntax-string:#addb67;--syntax-number:#f78c6c;--syntax-comment:#637777;--accent-purple:#82aaff;--accent-purple-soft:#aac8ff;--accent-purple-bg:#82aaff1f;--dot-red:#f78c6c;--dot-yellow:#ffcb8b;--dot-green:#addb67;--status-glow:0 0 6px #addb67}html.theme-night-owl .ab-btn.ab-btn--active{background:#82aaff2e}html.theme-light.theme-night-owl{--syntax-keyword:#7a00b5;--syntax-variable:#1555b8;--syntax-property:#996000;--syntax-string:#3d7a00;--syntax-number:#c44000;--syntax-comment:#4a5f5f;--accent-purple:#1555b8;--accent-purple-soft:#3a76d8;--accent-purple-bg:#1555b81a;--dot-red:#c44000;--dot-yellow:#997000;--dot-green:#309000;--status-glow:0 0 6px #309000}html.theme-light.theme-night-owl .ab-btn.ab-btn--active{background:#1555b824}html.theme-monokai{--syntax-keyword:#f92672;--syntax-variable:#66d9e8;--syntax-property:#fd971f;--syntax-string:#e6db74;--syntax-number:#ae81ff;--syntax-comment:#75715e;--accent-purple:#ae81ff;--accent-purple-soft:#d4bbff;--accent-purple-bg:#ae81ff26;--dot-red:#f92672;--dot-yellow:#e6db74;--dot-green:#a6e22e;--status-glow:0 0 6px #a6e22e}html.theme-monokai .ab-btn.ab-btn--active{background:#ae81ff2e}html.theme-light.theme-monokai{--syntax-keyword:#b50030;--syntax-variable:#007899;--syntax-property:#b05000;--syntax-string:#7a7000;--syntax-number:#7040c0;--syntax-comment:#6b6050;--accent-purple:#7040c0;--accent-purple-soft:#8b55d6;--accent-purple-bg:#7040c01a;--dot-red:#c00;--dot-yellow:#998000;--dot-green:#5a8000;--status-glow:0 0 6px #5a8000}html.theme-light.theme-monokai .ab-btn.ab-btn--active{background:#7040c024}@media (width>=768px){.mobile-nav{display:none}.sidebar,.tab-strip{display:flex}}@media (width<=767px){.activity-bar,.sidebar,.tab-strip{display:none}.tb-clear-btn{display:none!important}.mobile-nav{display:flex}.title-path{display:none}.editor-area{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.editor-panel{padding:24px 16px}.editor-panel[data-panel=hero]{padding:0}.code-desktop{display:none}.code-mobile{display:block}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-out{0%{opacity:1}to{opacity:0}}@keyframes blink{to{visibility:hidden}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.editor-panel,.tab{transition:none!important;animation:none!important}.cursor,.status-dot{animation:none}.line,.title-bar,.tab-strip,.sidebar,.status-bar{opacity:1;animation:none;transform:none}.qp-status-dot{animation:none}.qp-pill,.quick-profile,.qp-right-col,.qp-resize-handle{transition:none}}html.theme-light{--bg-page:#f0f0f0;--bg-window:#e2e2e8;--bg-editor:#f5f5f7;--bg-sidebar:#e8e8ee}html.theme-light body{background:var(--bg-page)}html.theme-light .ide-window{background:var(--bg-editor)}html.theme-light .title-bar{background:var(--bg-window);border-bottom-color:#00000014}html.theme-light .activity-bar{background:#d8d8df;border-right-color:#0000001a}html.theme-light .ab-btn:hover{background:#0000000f}html.theme-light .ab-btn.ab-btn--active{background:#5048c81f}html.theme-light .ab-btn.ab-btn--active:before{background:#5048c8}html.theme-light .ab-divider{background:#0000001a}html.theme-light .ab-btn:after{color:#000c;background:#f0f0f6;border-color:#00000026}html.theme-light .sidebar{background:var(--bg-sidebar);border-right-color:#00000014}html.theme-light .tab-strip{background:var(--bg-window);border-bottom-color:#00000014}html.theme-light .tab.active{background:var(--bg-editor);color:#000000d9}html.theme-light .editor-area{background:var(--bg-editor)}html.theme-light .status-bar{background:#dcdce4;border-top-color:#00000014}html.theme-light .quick-profile{background:var(--bg-sidebar);border-left-color:#00000014}html.theme-light .qp-code-block{border-bottom-color:#00000014}html.theme-light .tb-dropdown{background:#e8e8f0;border-color:#0000001a;box-shadow:0 8px 24px #00000026}html.theme-light .tb-theme-opt{color:#0009}html.theme-light .tb-theme-opt:hover{color:#000000e6;background:#0000000f}html.theme-light .tb-theme-opt[aria-pressed=true]{color:#6055cc;background:#7f77dd26}@media (prefers-reduced-motion:reduce){.tb-settings-btn,.tb-theme-opt{transition:none}}html.theme-light{--text-primary:#1a1a2e;--text-secondary:#000000d9;--text-muted:#0009;--text-faint:#00000073;--text-dim:#00000059;--border-subtle:#00000014;--border-stronger:#0003;--syntax-keyword:#5b21b6;--syntax-variable:#1e40af;--syntax-property:#92400e;--syntax-string:#14532d;--syntax-number:#9d174d;--syntax-comment:#4b5563;--syntax-punctuation:#00000080;--dot-green:#166534;--accent-purple:#5048c8;--accent-purple-soft:#4c1d95}html.theme-light .title-path{color:#000000a6}html.theme-light .available-badge{color:#000c}html.theme-light .tb-settings-btn{color:#00000080}html.theme-light .tb-settings-btn:hover{color:#000000d9;background:#0000000f}html.theme-light .tb-run-btn:not(:disabled):hover{background:color-mix(in srgb, var(--dot-green) 12%, transparent)}html.theme-light .tb-dropdown-label{color:#00000073}html.theme-light .sidebar-header{color:#0000008c}html.theme-light .tree-root{color:#000000a6}html.theme-light .tree-root-arrow{color:#00000073}html.theme-light .tree-root-name{color:#000000bf}html.theme-light .tree-folder-row{color:#000c}html.theme-light .tree-folder-arrow{color:#00000080}html.theme-light .tree-file{color:#000c}html.theme-light .sb-icon--tsx{color:#5048c8}html.theme-light .sb-icon--json{color:#92400e}html.theme-light .sb-icon--md{color:#1e40af}html.theme-light .sb-icon--folder{color:#92400e}html.theme-light .tree-folder-row:hover,html.theme-light .tree-file:hover{color:#000000f2;background:#0000000d}html.theme-light .tree-file.active{color:#5048c8;background:#5048c81a;border-left-color:#5048c8}html.theme-light .tab{color:#0000008c}html.theme-light .tab:hover{color:#000c}html.theme-light .tab.active{color:#000000e6}html.theme-light .tab-close{color:#00000073}html.theme-light .tab-close:hover{color:#000000d9;background:#00000014}html.theme-light .tab.active .tab-close:hover{color:#000000e6;background:#0000001a}html.theme-light .status-bar{color:#0000008c}html.theme-light .sb-sep{color:#00000026}html.theme-light .sb-terminal-btn{color:#0006;border-color:#0000002e}html.theme-light .sb-terminal-btn:hover,html.theme-light .sb-terminal-btn.is-active{color:var(--accent-purple);background:color-mix(in srgb, var(--accent-purple) 10%, transparent);border-color:color-mix(in srgb, var(--accent-purple) 35%, transparent)}html.theme-light .terminal-hd{border-bottom-color:var(--border-subtle)}html.theme-light .terminal-dollar{color:#0006}html.theme-light .terminal-cursor{background:#000000b3}html.theme-light .terminal-close-btn{color:#0000004d}html.theme-light .terminal-close-btn:hover{color:#000000a6}html.theme-light .tp-pill{opacity:.5;background:#5048c8}html.theme-light .tp-resize-handle:hover .tp-pill,html.theme-light .tp-resize-handle.is-dragging .tp-pill{opacity:.8}html.theme-light .hb-warn{color:#92400e}html.theme-light .hb-line{color:#000000d9}html.theme-light .hero-divider{background:#0000001a}html.theme-light .hc-btn-primary{color:#fff;background:#1a1a2e}html.theme-light .hc-btn-secondary{color:#000000bf;border-color:#00000040}html.theme-light .hc-btn-secondary:hover{border-color:#0006}html.theme-light .ac-num,html.theme-light .sk-num,html.theme-light .ct-num{color:#0000004d}html.theme-light .ct-link:hover .ct-str{color:#0f3d1f}html.theme-light .ct-input{color:#000000d9;background:#eaeaf2;border-color:#00000026}html.theme-light .ct-input::placeholder{color:#0000004d}html.theme-light .ct-input:focus{border-color:#5048c880}html.theme-light .ct-btn{color:#4338ca;background:#5048c81a;border-color:#5048c859}html.theme-light .ct-btn:hover{background:#5048c82e;border-color:#5048c88c}html.theme-light .project-card{background:#00000008;border-color:#0000001a}html.theme-light .project-name{color:#000000e6}html.theme-light .project-description{color:#0009}html.theme-light .stack-tag{color:#4c1d95;background:#5048c81a}html.theme-light .btn-ghost{color:#000000a6;border-color:#0003}html.theme-light .btn-ghost:hover{color:#000000e6;border-color:#00000059}html.theme-light .field-label{color:#000c}html.theme-light .form-input,html.theme-light .form-textarea{color:#000000d9;background:#eaeaf2;border-color:#00000026}html.theme-light .form-input::placeholder,html.theme-light .form-textarea::placeholder{color:#0000004d}html.theme-light .form-input:focus,html.theme-light .form-textarea:focus{border-color:#5048c880}html.theme-light .btn-submit{color:#4338ca;background:#5048c81a;border-color:#5048c859}html.theme-light .btn-submit:hover{background:#5048c82e;border-color:#5048c88c}html.theme-light .px-project{border-color:#00000014}html.theme-light .px-header-label,html.theme-light .px-subheader{color:#00000080}html.theme-light .px-folder{background:#e0e0ea}html.theme-light .px-folder:hover{background:#d6d6e4}html.theme-light .px-folder-name{color:#000000e6}html.theme-light .px-arrow{color:#00000080}html.theme-light .px-files{background:#eaeaf0;border-top-color:#00000012}html.theme-light .px-file{border-bottom-color:#0000000d}html.theme-light .px-file:hover{background:#00000008}html.theme-light .px-file-name{color:#000c}html.theme-light .px-file-desc{color:#00000080}html.theme-light .px-file-lines{color:#0006}html.theme-light .px-desc{color:#0009}html.theme-light .px-tags{border-top-color:#0000000d}html.theme-light .px-tag{color:#4c1d95;background:#5048c81a}html.theme-light .px-link{color:#000000b3;border-color:#0000002e}html.theme-light .px-link:hover{color:#4338ca;border-color:#5048c866}html.theme-light .pd-name{color:#000000e6}html.theme-light .pd-desc{color:#0009}html.theme-light .pd-file{color:#000000b3;border-bottom-color:#0000000f}html.theme-light .pd-lines{color:#0006}html.theme-light .pd-tag{color:#4c1d95;background:#5048c81a}html.theme-light .pd-link{color:#000000a6;border-color:#00000026}html.theme-light .pd-link:hover{color:#4338ca;border-color:#5048c866}html.theme-light .qp-header{color:#00000080;border-bottom-color:#00000014}html.theme-light .qp-link-icon{color:#00000073}html.theme-light .qp-link:hover .qp-str{color:#0f3d1f}html.theme-light .qp-link:hover+.qp-punc{color:#000000a6}html.theme-light .qp-left-col{border-right-color:#00000014}html.theme-light .qp-progress-labels{color:#0006}html.theme-light .qp-progress-value{color:#4c1d95}html.theme-light .qp-progress-track{background:#0000001a}html.theme-light .qp-progress-fill{background:#5048c8}html.theme-light .qp-tag{color:#4c1d95;background:#5048c81a}html.theme-light .qp-contact-wrap{border-top-color:#00000014}html.theme-light .qp-avail{color:#0000008c}html.theme-light .qp-social-btn{color:#0006;border-color:#0000001f}html.theme-light .qp-social-btn:hover{color:#5048c8;background:#5048c80f;border-color:#5048c859}html.theme-light .qp-social-btn:after{color:#000c;background:#f0f0f6;border-color:#00000026}html.theme-light .qp-pill{opacity:.5;background:#5048c8}html.theme-light .qp-resize-handle:hover .qp-pill,html.theme-light .qp-resize-handle.is-dragging .qp-pill{opacity:.8}html.theme-light .editor-empty-text,html.theme-light .placeholder-comment{color:#00000073}html.theme-light .sb-profile-card{background:#0000000a;border-color:#0000001a}html.theme-light .sb-profile-name{color:#000000d9}html.theme-light .sb-profile-handle{color:#0000008c}html.theme-light .sb-avatar{color:#5048c8;background:#5048c81f;border-color:#5048c84d}html.theme-light .qc-modal{border-color:#0000001f}html.theme-light .qc-close{color:#00000080}html.theme-light .qc-close:hover{color:#000000d9;background:#0000000f}html.theme-light .qc-title{color:#0006}html.theme-light .qc-tabs{border-bottom-color:#0000001a}html.theme-light .qc-tab{color:#00000073}html.theme-light .qc-tab--active{color:#5048c8;border-bottom-color:#5048c8}html.theme-light .qc-tab:hover:not(.qc-tab--active){color:#000000b3}html.theme-light .qc-name{color:#000000e6}html.theme-light .qc-bio{color:#000000b3}html.theme-light .qc-project-name{color:#000000d9}html.theme-light .qc-project-desc{color:#0000008c}html.theme-light .qc-view-all{color:#5048c8}html.theme-light .qc-skill-label{color:#00000080}html.theme-light .mobile-nav{background:#e2e2e8;border-top-color:#00000014}html.theme-light .mobile-nav-item{color:#00000080}html.theme-light .mobile-nav-item.active{color:#5048c8;border-top-color:#5048c8}