.chat-layout{width:100%;height:100vh;display:flex;position:relative}.chat-main{height:100vh;margin-right:var(--context-panel-collapsed-w);min-width:var(--chat-min-width);flex-direction:column;flex:1;transition:margin-right .3s;display:flex;position:relative}.chat-context-panel{background:color-mix(in srgb,var(--panel)10%,transparent);-webkit-backdrop-filter:blur(12px);height:100vh;width:var(--context-panel-collapsed-w);z-index:var(--context-panel-z-index);border-left:1px solid color-mix(in srgb,var(--stroke)30%,transparent);flex-direction:column;transition:width .3s,background .3s;display:flex;position:fixed;top:0;right:0}body.app.context-expanded .chat-context-panel{width:var(--context-panel-w);background:color-mix(in srgb,var(--panel)50%,transparent)}body.app.context-expanded .chat-main{margin-right:var(--context-panel-w)}body.app.context-pinned .chat-context-panel{width:var(--context-panel-w);background:color-mix(in srgb,var(--panel)50%,transparent)}body.app.context-pinned .chat-main{margin-right:var(--context-panel-w)}body.app.context-hidden .chat-context-panel{display:none}body.app.context-hidden .chat-main{margin-right:0}@keyframes contextAttentionPulse{0%{border-left-color:color-mix(in srgb,var(--stroke)30%,transparent);box-shadow:none}50%{border-left-color:var(--accent-primary);box-shadow:inset 3px 0 0 0 color-mix(in srgb,var(--accent-primary)20%,transparent)}to{border-left-color:color-mix(in srgb,var(--stroke)30%,transparent);box-shadow:none}}body.app.context-attention .chat-context-panel{animation:1.5s ease-in-out infinite contextAttentionPulse}.context-panel-header{padding:var(--space-2)var(--space-2)0 var(--space-2);flex-shrink:0}.context-panel-main{padding:var(--space-1)var(--space-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--stroke)50%,transparent)transparent;flex:1;overflow-x:hidden;overflow-y:auto}.context-panel-main::-webkit-scrollbar{width:4px}.context-panel-main::-webkit-scrollbar-track{background:0 0}.context-panel-main::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--stroke)50%,transparent);border-radius:2px}.context-panel-main::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--stroke)70%,transparent)}.context-panel-footer{padding:0 var(--space-2)var(--space-2)var(--space-2);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}body.app:not(.context-pinned):not(.context-expanded) .context-panel-footer{flex-direction:column;align-items:center;gap:8px}body.app.context-expanded .context-panel-footer,body.app.context-pinned .context-panel-footer{padding-left:var(--space-2);justify-content:space-between}.context-resize-handle{width:var(--context-resize-handle-width);cursor:col-resize;height:100vh;z-index:var(--context-resize-handle-z-index);top:0;right:var(--context-panel-w);background:0 0;transition:background-color .2s;position:fixed}.context-resize-handle:hover{background:color-mix(in srgb,var(--accent-primary)30%,transparent)}.context-pin-button.btn-ghost{border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;margin-bottom:env(safe-area-inset-bottom,0px);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.context-pin-button.btn-ghost:hover{transform:scale(var(--icon-hover-scale))}.context-pin-button.btn-ghost svg{width:12px;height:auto;color:var(--text);transition:color .2s}.context-pin-button.btn-ghost:hover svg{color:var(--accent-primary)!important}.context-pin-button.btn-ghost[aria-label*=Unpin] svg{color:var(--accent-primary)}body.app:not(.context-pinned):not(.context-expanded) .context-panel-header .context-panel-title{display:none}body.app:not(.context-pinned):not(.context-expanded) .context-panel-main>.context-panel-content{display:block}@media (max-width:480px){.context-panel-main{padding:2px var(--space-1)}.context-panel-header{padding:var(--space-1)var(--space-1)0 var(--space-1)}.context-panel-footer{padding:0 var(--space-1)var(--space-1)var(--space-1)}}@media (max-width:375px){.context-panel-main,.context-panel-header,.context-panel-footer{padding:0}.context-width-slider{padding:2px 4px}}@media (max-width:390px){.context-panel-main,.context-panel-header,.context-panel-footer{padding:0}}@media (max-width:768px){.chat-context-panel{display:none}.chat-main{margin-right:0!important}.context-panel-footer{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.context-pin-button.btn-ghost{margin-bottom:env(safe-area-inset-bottom,0px)}}@supports not (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px) and (orientation:portrait){.context-panel-footer{padding-bottom:calc(var(--space-4) + 34px)}}}.context-width-slider{justify-content:flex-end;align-items:center;padding:8px 12px;display:flex;position:relative}.width-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--stroke);cursor:pointer;border-radius:1px;outline:none;width:80px;height:2px;transition:all .2s}.width-slider:hover{background:var(--accent-primary)}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.width-slider::-moz-range-thumb{background:var(--text);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.width-slider:hover::-webkit-slider-thumb{background:var(--accent-primary);transform:scale(1.2)}.width-slider:hover::-moz-range-thumb{background:var(--accent-primary);transform:scale(1.2)}
.context-panel-content{flex-direction:column;gap:0;width:100%;display:flex}.context-section{border-radius:var(--radius);transition:all .2s;overflow:hidden}.context-section-header{border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:grid}.context-section-header:hover{background:color-mix(in srgb,var(--fill)80%,transparent);border-radius:5px;color:var(--accent-primary)!important}.context-section-header:hover .context-section-icon svg,.context-section-header:hover .context-section-arrow svg{color:var(--accent-primary);transform:scale(var(--icon-hover-scale,1.05))}.context-section-header:hover .context-section-title{color:var(--accent-primary)!important}.context-section-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.context-section-icon svg{color:var(--text);transition:all .2s}.context-section-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:14px;font-weight:500;line-height:1.4;transition:color .2s;overflow:hidden}.context-section-arrow{flex-shrink:0;justify-content:center;align-items:center;display:flex}.context-section-arrow svg{color:var(--muted);transform-origin:50%;transition:all .2s}.context-section-arrow svg.expanded{transform:rotate(180deg)}.context-section-content{background:color-mix(in srgb,var(--fill)20%,transparent);border-top:1px solid color-mix(in srgb,var(--stroke)30%,transparent);padding:8px;animation:.2s slideDown}.context-section-text{color:var(--muted);white-space:pre-line;margin:0;font-size:12px;line-height:1.3}.cv-section-content{flex-direction:column;gap:6px;display:flex}.cv-profile-selector-compact{justify-content:flex-start;gap:8px;margin-bottom:8px;display:flex}.cv-profile-tab{border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;width:24px;height:24px;color:var(--text);background:0 0;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.cv-profile-tab:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--fill)60%,transparent);transform:scale(1.05)}.cv-profile-tab.active{background:color-mix(in srgb,var(--fill)80%,transparent);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.cv-profile-tab.empty{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.cv-profile-tab.empty:hover{color:var(--muted);background:0 0;border-style:dashed;transform:none}.cv-profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);line-height:var(--line-height-tight);margin:0}.cv-summary-text{color:var(--text);white-space:pre-line;margin:0;font-size:12px;line-height:1.4}.cv-links-container{align-items:center;gap:8px;display:flex}.cv-edit-container{flex-direction:column;gap:8px;display:flex}.cv-text-area{width:100%;min-height:80px;max-height:120px;color:var(--text);background:var(--background);border:1px solid var(--stroke);resize:vertical;border-radius:4px;padding:6px;font-family:inherit;font-size:12px;line-height:1.3}.cv-text-area:focus{border-color:var(--accent-primary);outline:none}.cv-update-button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-end;padding:4px 8px;font-size:11px;transition:opacity .2s}.cv-update-button:hover{opacity:.8}.cv-update-button:disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{background:var(--stroke);opacity:.6;height:1px;margin:0}@media (min-width:769px){body.app:not(.context-pinned):not(.context-expanded) .context-section-title,body.app:not(.context-pinned):not(.context-expanded) .context-section-arrow{display:none}body.app:not(.context-pinned):not(.context-expanded) .context-section-header{grid-template-columns:20px;justify-content:center;padding:10px 14px;position:relative}body.app:not(.context-pinned):not(.context-expanded) .context-section-content{display:none}}@media (max-width:480px){.context-section-content{padding:4px}.context-section-header{padding:6px 8px}.cv-section-content{gap:3px}.cv-profile-selector-compact{margin-bottom:4px}}@media (max-width:375px){.context-section-content{padding:1px}.context-section-header{padding:1px 2px}.cv-section-content{gap:0}.cv-profile-selector-compact{gap:1px;margin-bottom:0}.cv-profile-tab{width:14px;height:14px;font-size:.55rem}.cv-profile-name{margin:0;font-size:.8rem;line-height:1}.cv-summary-text{margin:0;font-size:.7rem;line-height:1.1}.cv-links-container{gap:2px;margin:0}.context-section-text{font-size:.7rem;line-height:1.1}}@media (max-width:390px){.context-section-content{padding:2px}.context-section-header{padding:2px 4px}.cv-section-content{gap:1px}.cv-profile-selector-compact{gap:2px;margin-bottom:1px}.cv-profile-tab{width:16px;height:16px;font-size:.6rem}.cv-profile-name{margin:0;line-height:1.1}.cv-summary-text{margin:0;line-height:1.2}.cv-links-container{gap:4px;margin:1px 0 0}}@media (max-width:768px){.context-panel-content{display:none}}.context-section-header:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.context-section-header:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.context-section-header{border:1px solid var(--stroke)}.context-section-content{border:1px solid var(--stroke);border-top:2px solid var(--stroke)}}.cv-summary-text.loading,.cv-summary-text.empty{color:var(--text-secondary);font-style:italic}.cv-summary-text.profile-name{color:var(--text);font-weight:600}.cv-summary-text.company-name{color:var(--accent-secondary);font-weight:500}.cv-summary-text.job-title{color:var(--accent-tertiary);font-weight:500}.cv-summary-text.separator{color:var(--text-secondary);font-weight:400}.cv-summary-text.profile-name.updated,.cv-summary-text.company-name.updated,.cv-summary-text.job-title.updated{transition:all .3s;color:var(--accent-primary)!important}
.profile-badges{justify-content:flex-start;gap:8px;margin-bottom:8px;display:flex}.profile-badge{border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;width:24px;height:24px;color:var(--text);background:0 0;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.profile-badge:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--fill)60%,transparent);transform:scale(1.05)}.profile-badge.active{background:color-mix(in srgb,var(--fill)80%,transparent);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.profile-badge.empty{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.profile-badge.empty:hover{color:var(--muted);background:0 0;border-style:dashed;transform:none}@media (max-width:375px){.profile-badges{gap:1px;margin-bottom:0}.profile-badge{width:14px;height:14px;font-size:.55rem}}@media (max-width:390px){.profile-badges{gap:2px;margin-bottom:1px}.profile-badge{width:16px;height:16px;font-size:.6rem}}
