.pc-three-pane-frame{z-index:10;flex-direction:row;justify-content:center;align-items:flex-end;gap:16px;max-width:100%;height:auto;transition:height .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.pc-chat-pane{border-radius:4px;flex:0 0 300px;display:flex;overflow:hidden}.pc-chat-pane .persona-chat{width:100%;height:100%}.pc-detail-pane{flex:0 0 440px}.pc-topics-pane{flex:0 0 300px}.pc-panel-stack{flex-direction:column;flex:0 0 440px;justify-content:flex-end;align-self:flex-end;gap:12px;min-width:0;display:flex}.pc-panel-stack .pc-detail-pane{flex:none}.pc-detail-pane,.pc-topics-pane{background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;transition:opacity .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.pc-pane-hidden{opacity:0;pointer-events:none}.pc-pane-visible{opacity:1;background:var(--pc-surface);border-color:var(--pc-input-border,transparent);color:var(--pc-persona-text,inherit)}.pc-connector-svg{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.pc-connector-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;right:0}.pc-connector-anchor.pc-connector-anchor-in{left:0;right:auto}.pc-panel-header{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);opacity:.4;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding:10px 10px 6px;font-size:.5rem;font-weight:500}.pc-topic-list{flex:1;margin:0;padding:0 4px 8px;list-style:none;overflow-y:auto}.pc-topic-list li{margin-bottom:1px}.pc-topic-item{opacity:.5;width:100%;font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;border-radius:3px;padding:5px 8px;font-size:11px;transition:background .15s,opacity .15s;display:block;position:relative}.pc-topic-item:hover{background:var(--pc-persona-name,#fff)}@supports (color:color-mix(in lab, red, red)){.pc-topic-item:hover{background:color-mix(in srgb, var(--pc-persona-name,#fff) 10%, transparent)}}.pc-topic-item:hover{opacity:.8}.pc-topic-item.active{background:var(--pc-persona-name,#fff)}@supports (color:color-mix(in lab, red, red)){.pc-topic-item.active{background:color-mix(in srgb, var(--pc-persona-name,#fff) 18%, transparent)}}.pc-topic-item.active{opacity:1}.pc-detail-content{flex:1;padding:0 10px 16px;overflow-y:auto}.pc-detail-title{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);color:var(--pc-persona-name,var(--accent,#c4a35a));margin-bottom:8px;font-size:12px;position:relative}.pc-detail-desc{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);opacity:.55;margin-bottom:10px;font-size:11px;line-height:1.5}.pc-detail-links-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);opacity:.35;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.5rem;font-weight:500}.pc-detail-links{flex-direction:column;gap:3px;display:flex}.pc-detail-links a{width:fit-content;text-decoration:underline;-webkit-text-decoration-color:var(--pc-persona-name,var(--accent,#c4a35a));-webkit-text-decoration-color:var(--pc-persona-name,var(--accent,#c4a35a));-webkit-text-decoration-color:var(--pc-persona-name,var(--accent,#c4a35a));text-decoration-color:var(--pc-persona-name,var(--accent,#c4a35a));text-underline-offset:2px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);color:var(--pc-user-name,var(--text-muted,#8a8a9a));opacity:.6;font-size:11px;transition:opacity .15s,color .15s;display:inline}.pc-detail-links a:hover{opacity:1;color:var(--pc-persona-name,var(--accent,#c4a35a))}.pc-detail-images{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pc-detail-image{border:1px solid var(--pc-input-border,var(--border,#2a2a36));border-radius:3px;max-width:100%;display:block}
.pc-mobile-overlay{z-index:100;-webkit-backdrop-filter:blur(16px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 44px);background:#0a0a0e4d;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(100%)}.pc-mobile-overlay.open{transform:translate(0)}.pc-mobile-header{border-bottom:1px solid #2a2a3666;flex-shrink:0;padding:10px 12px}.pc-mobile-close{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);letter-spacing:.06em;color:var(--text-muted,#8a8a9a);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.65rem;transition:color .15s}.pc-mobile-close:active{color:var(--accent,#c4a35a)}.pc-mobile-widget{min-height:0;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;flex:1;display:flex}.pc-mobile-overlay .persona-chat{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex:1;overflow:hidden;height:auto!important}.pc-mobile-overlay .pc-input-area{background:0 0!important}.pc-mobile-overlay .pc-input{background:#0c0c0f66!important}@media (max-width:768px){.persona-chat{height:100dvh!important}.pc-input{-webkit-appearance:none;border-radius:0}.pc-input-area{z-index:10;position:sticky;bottom:0}}
.pc-content-overlay{z-index:1;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 44px);background:#0a0a0e4d;flex-direction:column;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden}.pc-content-overlay.open{opacity:1;pointer-events:auto}.pc-content-overlay-header{border-bottom:1px solid #2a2a3666;flex-shrink:0;padding:10px 12px}.pc-content-overlay-close{font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);letter-spacing:.06em;color:var(--text-muted,#8a8a9a);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.65rem;transition:color .15s}.pc-content-overlay-close:active{color:var(--accent,#c4a35a)}.pc-content-overlay-body{min-height:0;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;flex:1;display:flex}@media (max-width:768px){.persona-chat{height:100dvh!important}.pc-input{-webkit-appearance:none;border-radius:0}.pc-input-area{z-index:10;position:sticky;bottom:0}}