.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--pf-bg-elevated);border-radius:8px;border:1px solid var(--pf-border-default)}.error-fallback--page{min-height:100vh;width:100%;border-radius:0;border:none;background:var(--pf-bg-base)}.error-fallback--section{min-height:200px;width:100%}.error-fallback--component{padding:1rem;min-height:auto}.error-fallback__icon{color:var(--pf-trust-negative, #ef4444);margin-bottom:1rem;opacity:.9}.error-fallback--component .error-fallback__icon{margin-bottom:.5rem}.error-fallback__content{max-width:500px}.error-fallback__title{font-family:var(--pf-font-display);font-size:1.25rem;font-weight:600;color:var(--pf-text-bright);margin:0 0 .5rem}.error-fallback--component .error-fallback__title{font-size:1rem}.error-fallback__message{font-size:.875rem;color:var(--pf-text-secondary);margin:0 0 1.5rem;line-height:1.5}.error-fallback--component .error-fallback__message{margin-bottom:1rem;font-size:.8125rem}.error-fallback__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.error-fallback__button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.error-fallback__button--primary{background:var(--pf-accent-purple);color:var(--pf-contrast-white)}.error-fallback__button--primary:hover{background:var(--pf-accent-purple-dark);transform:translateY(-1px)}.error-fallback__button--secondary{background:transparent;color:var(--pf-text-secondary);border:1px solid var(--pf-border-default)}.error-fallback__button--secondary:hover{background:var(--pf-bg-hover);color:var(--pf-text-bright)}.error-fallback__details{margin-top:1.5rem;width:100%;text-align:left}.error-fallback__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;color:var(--pf-text-dim);background:transparent;border:1px solid var(--pf-border-default);border-radius:4px;cursor:pointer;transition:all .2s ease}.error-fallback__toggle:hover{background:var(--pf-bg-hover);color:var(--pf-text-secondary)}.error-fallback__stack{margin-top:.75rem;padding:1rem;background:var(--pf-bg-deep);border-radius:6px;border:1px solid var(--pf-border-default);overflow-x:auto}.error-fallback__error-name{font-family:var(--pf-font-mono, "Fira Code", monospace);font-size:.8125rem;color:var(--pf-trust-negative, #ef4444);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--pf-border-default)}.error-fallback__component-stack,.error-fallback__error-stack{font-family:var(--pf-font-mono, "Fira Code", monospace);font-size:.6875rem;line-height:1.6;color:var(--pf-text-dim);margin:0;white-space:pre-wrap;word-break:break-word}.error-fallback__component-stack{color:var(--pf-accent-gold, #c8a44e);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--pf-border-default)}.error-fallback.recovering{opacity:.9}.error-fallback.recovering .error-fallback__actions button{pointer-events:none}.error-fallback__spinner,.spinning{animation:spin-animation 1s linear infinite}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-fallback__retry-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem .75rem;background:var(--pf-bg-hover);border-radius:6px;font-size:.8125rem}.error-fallback__retry-count{color:var(--pf-text-secondary)}.error-fallback__retry-exhausted{color:var(--pf-trust-negative, #ef4444);font-weight:500}.error-fallback__help-text{margin-top:1.25rem;font-size:.75rem;color:var(--pf-text-dim);line-height:1.5;font-style:italic}.error-fallback__button:disabled{opacity:.6;cursor:not-allowed}.error-fallback__button:disabled:hover{transform:none;background:var(--pf-accent-purple)}.error-fallback__button--secondary:disabled:hover{background:transparent}.progress-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #1a1a2e);border-radius:8px;border:1px solid var(--pf-border-default, #2a2a4a)}.progress-indicator--small{padding:.5rem .75rem;gap:.5rem;font-size:.8125rem}.progress-indicator--large{padding:1rem 1.25rem;gap:1rem}.progress-indicator__icon{color:var(--accent-blue, #3b82f6);display:flex;align-items:center;justify-content:center}.progress-indicator.animate .progress-indicator__icon svg{animation:spin 1s linear infinite}.progress-indicator__content{flex:1;display:flex;flex-direction:column;gap:.375rem}.progress-indicator__message{color:var(--pf-text-primary, #ffffff);font-size:.875rem}.progress-indicator__bar{height:4px;background:var(--bg-tertiary, #252540);border-radius:2px;overflow:hidden}.progress-indicator__fill{height:100%;background:var(--accent-blue, #3b82f6);transition:width .3s ease}.retry-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--bg-secondary, #1a1a2e) 0%,var(--pf-status-info-subtle) 100%);border-radius:8px;border:1px solid var(--accent-blue, #3b82f6)}.retry-indicator__icon{color:var(--accent-blue, #3b82f6);display:flex;align-items:center}.retry-spin{animation:spin 1s linear infinite}.retry-indicator__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.retry-indicator__message{color:var(--pf-text-primary, #ffffff);font-size:.875rem;font-weight:500}.retry-indicator__countdown{color:var(--accent-blue, #3b82f6);font-size:.8125rem;font-weight:600}.retry-indicator__attempts{color:var(--pf-text-tertiary, #6b7280);font-size:.75rem}.retry-indicator__cancel{padding:.375rem .75rem;font-size:.75rem;color:var(--pf-text-secondary, #a0a0b0);background:transparent;border:1px solid var(--pf-border-default, #2a2a4a);border-radius:4px;cursor:pointer;transition:all .2s ease}.retry-indicator__cancel:hover{background:var(--bg-tertiary, #252540);color:var(--pf-text-primary, #ffffff)}.success-indicator{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--pf-status-good-subtle) 0%,var(--pf-status-good-5) 100%);border-radius:8px;border:1px solid var(--pf-status-good-border);animation:fadeIn .3s ease}.success-indicator__icon{color:var(--accent-green, #22c55e);display:flex;align-items:center}.success-indicator__message{color:var(--accent-green, #22c55e);font-size:.875rem;font-weight:500}.error-indicator{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,var(--bg-secondary, #1a1a2e) 0%,var(--pf-status-bad-subtle) 100%);border-radius:8px;border:1px solid var(--pf-status-bad-border)}.error-indicator.recoverable{border-color:var(--pf-status-warn-border);background:linear-gradient(135deg,var(--bg-secondary, #1a1a2e) 0%,var(--pf-status-warn-subtle) 100%)}.error-indicator__icon{color:var(--accent-red, #f87171);display:flex;align-items:center;padding-top:.125rem}.error-indicator.recoverable .error-indicator__icon{color:var(--accent-yellow, #fbbf24)}.error-indicator__content{flex:1;display:flex;flex-direction:column;gap:.375rem}.error-indicator__message{color:var(--pf-text-primary, #ffffff);font-size:.875rem;line-height:1.4}.error-indicator__details-toggle{color:var(--pf-text-tertiary, #6b7280);font-size:.75rem;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.error-indicator__details-toggle:hover{color:var(--pf-text-secondary, #a0a0b0)}.error-indicator__details{margin-top:.5rem;padding:.5rem;background:var(--bg-primary, #0f0f1a);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.6875rem;color:var(--pf-text-tertiary, #6b7280);white-space:pre-wrap;word-break:break-word}.error-indicator__actions{display:flex;gap:.5rem;align-items:center}.error-indicator__retry{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;color:var(--pf-text-primary, #ffffff);background:var(--accent-blue, #3b82f6);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.error-indicator__retry:hover{background:var(--accent-blue-hover, #2563eb)}.error-indicator__dismiss{padding:.375rem .625rem;font-size:.75rem;color:var(--pf-text-secondary, #a0a0b0);background:transparent;border:1px solid var(--pf-border-default, #2a2a4a);border-radius:4px;cursor:pointer;transition:all .2s ease}.error-indicator__dismiss:hover{background:var(--bg-tertiary, #252540);color:var(--pf-text-primary, #ffffff)}.thinking-indicator{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:linear-gradient(135deg,var(--bg-secondary, #1a1a2e) 0%,var(--pf-delight-memory-subtle) 100%);border-radius:8px;border:1px solid var(--pf-delight-memory-border)}.thinking-indicator__icon{color:var(--accent-purple, #8b5cf6);display:flex;align-items:center}.thinking-pulse{animation:pulse 1.5s ease-in-out infinite}.thinking-indicator__message{color:var(--pf-text-primary, #ffffff);font-size:.875rem;font-style:italic}.connection-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;border-radius:12px;transition:all .2s ease}.connection-indicator.connected{background:var(--pf-status-good-bg);color:var(--accent-green, #22c55e)}.connection-indicator.connecting{background:var(--pf-status-info-bg);color:var(--accent-blue, #3b82f6)}.connection-indicator.connecting .connection-indicator__icon svg{animation:pulse 1s ease-in-out infinite}.connection-indicator.disconnected{background:var(--pf-status-neutral-bg);color:var(--pf-text-tertiary, #6b7280)}.connection-indicator.reconnecting{background:var(--pf-status-warn-bg);color:var(--accent-yellow, #fbbf24)}.connection-indicator.reconnecting .connection-indicator__icon svg{animation:spin 1s linear infinite}.connection-indicator.error{background:var(--pf-status-bad-bg);color:var(--accent-red, #f87171)}.connection-indicator__icon{display:flex;align-items:center}.connection-indicator__message{font-weight:500}.connection-indicator__attempts{color:inherit;opacity:.7;font-size:.6875rem}.connection-indicator__retry,.connection-indicator__cancel{margin-left:.375rem;padding:.125rem .375rem;font-size:.6875rem;background:transparent;border:1px solid currentColor;border-radius:3px;cursor:pointer;color:inherit;transition:all .2s ease}.connection-indicator__retry:hover,.connection-indicator__cancel:hover{background:var(--pf-overlay-light-10)}.voice-error-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--bg-secondary, #1a1a2e) 0%,var(--pf-status-warn-subtle) 100%);border-radius:8px;border:1px solid var(--pf-status-warn-border)}.voice-error-indicator__icon{color:var(--accent-yellow, #fbbf24);display:flex;align-items:center}.voice-error-indicator__content{flex:1}.voice-error-indicator__message{color:var(--pf-text-primary, #ffffff);font-size:.875rem}.voice-error-indicator__action{padding:.375rem .75rem;font-size:.8125rem;color:var(--pf-text-primary, #ffffff);background:var(--accent-blue, #3b82f6);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.voice-error-indicator__action:hover{background:var(--accent-blue-hover, #2563eb)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-toast-container{position:fixed;bottom:1rem;right:1rem;z-index:var(--pf-z-toast);display:flex;flex-direction:column;gap:.5rem;max-width:360px}.status-toast{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.inline-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-secondary, #1a1a2e);border-radius:4px;font-size:.75rem;color:var(--pf-text-secondary, #a0a0b0)}.inline-status-badge.error{background:var(--pf-status-bad-subtle);color:var(--accent-red, #f87171)}.inline-status-badge.warning{background:var(--pf-status-warn-subtle);color:var(--accent-yellow, #fbbf24)}.inline-status-badge.success{background:var(--pf-status-good-subtle);color:var(--accent-green, #22c55e)}.inline-status-badge.info{background:var(--pf-status-info-subtle);color:var(--accent-blue, #3b82f6)}.agent-portrait-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.agent-portrait-container.size-sm{--portrait-size: 32px;--emoji-size: 1rem;--glow-size: 8px}.agent-portrait-container.size-md{--portrait-size: 40px;--emoji-size: 1.25rem;--glow-size: 10px}.agent-portrait-container.size-lg{--portrait-size: 56px;--emoji-size: 1.75rem;--glow-size: 12px}.agent-portrait-container.size-xl{--portrait-size: 80px;--emoji-size: 2.5rem;--glow-size: 16px}.portrait-frame{position:relative;width:var(--portrait-size);height:var(--portrait-size);border-radius:12px;overflow:hidden;background:var(--portrait-gradient, linear-gradient(135deg, #64748b 0%, #475569 100%));box-shadow:0 2px 8px var(--pf-overlay-dark-30);z-index:1}.portrait-image{width:100%;height:100%;object-fit:cover}.portrait-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.portrait-emoji{font-size:var(--emoji-size);line-height:1}.portrait-initials{border:1px solid var(--pf-overlay-light-15)}.portrait-initials-text{font-family:var(--pf-font-display, "Georgia", serif);font-size:var(--emoji-size);font-weight:600;color:var(--pf-overlay-light-90);text-shadow:0 1px 3px var(--pf-overlay-dark-50);letter-spacing:.05em;line-height:1}.portrait-glow{position:absolute;top:50%;left:50%;width:calc(var(--portrait-size) + var(--glow-size) * 2);height:calc(var(--portrait-size) + var(--glow-size) * 2);transform:translate(-50%,-50%);background:var(--portrait-color);border-radius:14px;filter:blur(var(--glow-size));opacity:.3;z-index:0;transition:opacity .3s ease}.agent-portrait-container:hover .portrait-glow,.agent-portrait-container.speaking .portrait-glow{opacity:.5}.portrait-speaking-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;padding:2px 6px;background:var(--pf-overlay-dark-60);border-radius:4px}.sound-wave{display:flex;align-items:flex-end;gap:2px;height:12px}.sound-wave span{display:block;width:3px;background:var(--portrait-color, #4ade80);border-radius:1px;animation:soundWave .6s ease-in-out infinite}.sound-wave span:nth-child(1){height:4px;animation-delay:0s}.sound-wave span:nth-child(2){height:8px;animation-delay:.15s}.sound-wave span:nth-child(3){height:5px;animation-delay:.3s}@keyframes soundWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.portrait-listening-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid var(--portrait-color, #06b6d4);border-radius:12px;animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}.portrait-emotion-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--pf-bg-surface, #18181b);display:flex;align-items:center;justify-content:center;z-index:3;border:1.5px solid var(--emotion-color, var(--pf-text-secondary));transition:transform .2s ease,border-color .3s ease}.agent-portrait-container.size-sm .portrait-emotion-badge{width:14px;height:14px;bottom:-1px;right:-1px}.agent-portrait-container.size-lg .portrait-emotion-badge,.agent-portrait-container.size-xl .portrait-emotion-badge{width:20px;height:20px;bottom:-3px;right:-3px}.emotion-badge-emoji{font-size:10px;line-height:1}.agent-portrait-container.size-lg .emotion-badge-emoji,.agent-portrait-container.size-xl .emotion-badge-emoji{font-size:12px}.agent-portrait-container.speaking .portrait-frame{box-shadow:0 0 0 2px var(--portrait-color),0 2px 8px var(--pf-overlay-dark-30)}.agent-portrait-container.listening .portrait-frame{box-shadow:0 0 0 2px var(--pf-accent-cyan-dark),0 2px 8px var(--pf-overlay-dark-30)}@media(prefers-reduced-motion:reduce){.sound-wave span,.pulse-ring{animation:none}.sound-wave span{transform:scaleY(1.5)}.pulse-ring{opacity:.5;transform:scale(1.2)}}.debug-toggle-btn.debug-off{color:var(--pf-debug-text)}.debug-toggle-btn.debug-off:hover{color:var(--pf-text-dim);background:var(--pf-debug-bg)}.debug-toggle-btn.debug-on{color:var(--pf-warning)}.debug-toggle-btn.debug-on:hover{color:var(--pf-warning-light);background:var(--pf-warning-glow)}.player-toggle-btn{transition:all .2s ease}.player-toggle-btn.player-on{color:var(--color-primary, #4a9eff);background:var(--pf-delight-recall-subtle)}.player-toggle-btn.player-on:hover{background:var(--pf-delight-recall-20)}.player-toggle-btn.player-off{color:var(--color-text-secondary, #888);background:transparent}.player-toggle-btn.player-off:hover{color:var(--color-text-primary, #fff);background:var(--pf-overlay-light-10)}.ollama-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;letter-spacing:.01em;transition:all .2s ease;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.ollama-status-text{max-width:150px;overflow:hidden;text-overflow:ellipsis}.ollama-status.connected{background:var(--pf-status-good-bg);color:var(--pf-status-good);border:1px solid var(--pf-status-good-border)}.ollama-status.connected svg{color:var(--pf-status-good)}.ollama-status.checking{background:var(--pf-warning-15);color:var(--pf-warning);border:1px solid var(--pf-warning-30)}.ollama-status.checking svg{color:var(--pf-warning)}.ollama-status.disconnected{background:var(--pf-trust-negative-15);color:var(--pf-trust-negative);border:1px solid var(--pf-trust-negative-30)}.ollama-status.disconnected svg{color:var(--pf-trust-negative)}.ollama-status .spinning{animation:ollama-spin 1s linear infinite}@keyframes ollama-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-light .ollama-status.connected{background:var(--pf-status-good-bg);color:var(--pf-toggle-track-active-strong);border-color:var(--pf-status-good-border)}.theme-light .ollama-status.connected svg{color:var(--pf-toggle-track-active-strong)}.theme-light .ollama-status.checking{background:var(--pf-warning-bg);color:var(--pf-status-warn);border-color:var(--pf-warning-border)}.theme-light .ollama-status.checking svg{color:var(--pf-status-warn)}.theme-light .ollama-status.disconnected{background:var(--pf-trust-negative-bg);color:var(--pf-action-danger);border-color:var(--pf-trust-negative-border)}.theme-light .ollama-status.disconnected svg{color:var(--pf-action-danger)}.ollama-status:hover{opacity:.9}@media(max-width:640px){.ollama-status-text{display:none}.ollama-status{padding:.25rem}}@media(prefers-reduced-motion:reduce){.ollama-status .spinning{animation:none}.ollama-status{transition:none}}.relationship-indicator{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-1) var(--pf-space-3);border-radius:var(--pf-radius-md)}.relationship-indicator.narrative-only{background:transparent;border:none}.narrative-trust-label{font-family:var(--pf-font-display, "Georgia", serif);font-size:var(--pf-font-size-xs);font-style:italic;white-space:nowrap;opacity:.6;letter-spacing:.02em;color:var(--pf-text-muted)!important}.relationship-indicator.compact{position:relative;background:var(--pf-overlay-light-5);border:1px solid var(--pf-border-subtle)}.trust-value-compact{font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-semibold);color:var(--tier-color, var(--pf-text-primary));font-variant-numeric:tabular-nums}.trust-delta-popup{position:absolute;left:100%;margin-left:var(--pf-space-1);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold);padding:.125rem .375rem;border-radius:var(--pf-radius-sm);animation:deltaPopIn var(--pf-transition-slow) cubic-bezier(.16,1,.3,1),deltaFadeOut .5s ease 1.5s forwards;white-space:nowrap}.trust-delta-popup.positive{background:var(--pf-trust-positive-glow);color:var(--pf-trust-positive-light)}.trust-delta-popup.negative{background:var(--pf-trust-negative-glow);color:var(--pf-trust-negative)}@keyframes deltaPopIn{0%{opacity:0;transform:translate(-8px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes deltaFadeOut{to{opacity:0;transform:translateY(-4px)}}@media(max-width:500px){.relationship-indicator{display:none}}@media(prefers-reduced-motion:reduce){.trust-delta-popup{animation:none}}.trust-celebration-overlay{position:fixed;inset:0;z-index:var(--pf-z-modal);display:flex;align-items:center;justify-content:center;background:var(--pf-overlay-dark-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}@keyframes celebration-fade-in{0%{opacity:0}to{opacity:1}}@keyframes celebration-fade-out{0%{opacity:1}to{opacity:0}}.trust-celebration-modal{position:relative;width:90%;max-width:380px;background:linear-gradient(180deg,var(--pf-overlay-dark-98) 0%,var(--pf-glass-deep) 100%);border:1px solid var(--pf-accent-purple-glow);border-radius:var(--pf-radius-2xl);padding:var(--pf-space-8) var(--pf-space-7) var(--pf-space-6);text-align:center;box-shadow:0 20px 60px var(--pf-overlay-dark-40),0 0 100px var(--pf-accent-purple-glow);animation:celebration-scale-in .4s cubic-bezier(.175,.885,.32,1.275)}.trust-celebration-overlay.exiting .trust-celebration-modal{animation:celebration-scale-out .3s ease-in forwards}@keyframes celebration-scale-in{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes celebration-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.trust-celebration-close{position:absolute;top:var(--pf-space-3);right:var(--pf-space-3);background:var(--pf-overlay-light-10);border:none;color:var(--pf-text-secondary);width:32px;height:32px;border-radius:var(--pf-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--pf-transition-fast),color var(--pf-transition-fast)}.trust-celebration-close:hover{background:var(--pf-overlay-light-15);color:var(--pf-text-primary)}.trust-celebration-close:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.celebration-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;color:var(--pf-warning-light);animation:sparkle-float 2s ease-in-out infinite}.sparkle-1{top:20%;left:15%;animation-delay:0s}.sparkle-2{top:15%;right:18%;animation-delay:.5s}.sparkle-3{top:30%;left:10%;animation-delay:1s}@keyframes sparkle-float{0%,to{opacity:.3;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-10px) rotate(15deg)}}.celebration-portrait{position:relative;width:100px;height:100px;margin:0 auto var(--pf-space-5)}.celebration-portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--pf-accent-purple-glow);box-shadow:0 0 30px var(--pf-accent-purple-glow)}.portrait-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--pf-accent-purple),var(--pf-accent-purple-dark));display:flex;align-items:center;justify-content:center;font-family:var(--pf-font-display);color:var(--pf-text-bright)}.celebration-badge{position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,var(--pf-warning-light),var(--pf-warning));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pf-text-bright);box-shadow:0 2px 10px var(--pf-warning-glow);animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.celebration-title{font-family:var(--pf-font-display);font-size:var(--pf-font-size-2xl);font-weight:var(--pf-font-weight-bold);background:linear-gradient(90deg,var(--pf-accent-purple-light),var(--pf-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--pf-space-2)}.celebration-agent-name{font-family:var(--pf-font-display);font-size:var(--pf-font-size-lg);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-bright);margin:0}.celebration-agent-title{font-size:var(--pf-font-size-sm);color:var(--pf-text-secondary);margin:var(--pf-space-1) 0 var(--pf-space-5)}.celebration-tier-transition{display:flex;align-items:center;justify-content:center;gap:var(--pf-space-3);margin-bottom:var(--pf-space-4)}.tier-badge{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-2) var(--pf-space-4);border-radius:var(--pf-radius-full);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold)}.tier-from{opacity:.6}.tier-to{animation:tier-glow 1.5s ease-in-out infinite}@keyframes tier-glow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor}}.tier-arrow{color:var(--pf-text-secondary)}.celebration-trust-score{margin-bottom:var(--pf-space-4)}.trust-score-bar{height:6px;background:var(--pf-overlay-light-10);border-radius:var(--pf-radius-sm);overflow:hidden;margin-bottom:var(--pf-space-2)}.trust-score-fill{height:100%;border-radius:var(--pf-radius-sm);transition:width var(--pf-transition-slow) ease}.trust-score-label{font-size:var(--pf-font-size-xs);color:var(--pf-text-secondary)}.celebration-message{font-size:var(--pf-font-size-base);font-style:italic;color:var(--pf-text-secondary);margin:0 0 var(--pf-space-4)}.celebration-secret{background:linear-gradient(135deg,var(--pf-choice-bg),var(--pf-warning-bg));border:1px solid var(--pf-warning-glow);border-radius:var(--pf-radius-lg);padding:var(--pf-space-4);margin-bottom:var(--pf-space-5);animation:secret-reveal .5s ease-out .3s both}@keyframes secret-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.secret-header{display:flex;align-items:center;justify-content:center;gap:var(--pf-space-2);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wide);color:var(--pf-warning-light);margin-bottom:var(--pf-space-2)}.secret-content{font-size:var(--pf-font-size-base);line-height:var(--pf-line-height-normal);color:var(--pf-text-primary);margin:0}.celebration-action{width:100%;padding:var(--pf-space-4) var(--pf-space-5);background:linear-gradient(135deg,var(--pf-accent-purple),var(--pf-accent-purple-dark));border:none;border-radius:var(--pf-radius-lg);font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-bright);cursor:pointer;transition:transform var(--pf-transition-fast),box-shadow var(--pf-transition-fast)}.celebration-action:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--pf-accent-purple-glow)}.celebration-action:active{transform:translateY(0)}.celebration-action:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.celebration-milestone-message{font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-semibold);color:var(--tier-color, var(--pf-accent-purple-light));margin:0 0 var(--pf-space-3);animation:message-appear .5s ease-out .2s both}@keyframes message-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.celebration-particles{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:var(--pf-z-modal)}.particle{position:absolute;width:var(--particle-size, 8px);height:var(--particle-size, 8px);background:var(--particle-color, var(--pf-warning-light));border-radius:50%;animation:particle-burst var(--particle-duration, 1.5s) cubic-bezier(.22,.61,.36,1) var(--particle-delay, 0s) forwards;opacity:0}.particle-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0}.particle-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:0}.particle-sparkle{clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);border-radius:0}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(0) rotate(0)}20%{opacity:1;transform:translate(calc(var(--particle-end-x) * .3),calc(var(--particle-end-y) * .3)) scale(1.2) rotate(90deg)}to{opacity:0;transform:translate(var(--particle-end-x),var(--particle-end-y)) scale(.5) rotate(360deg)}}.floating-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-sparkle{position:absolute;opacity:0;animation:sparkle-twinkle var(--sparkle-duration, 2s) ease-in-out var(--sparkle-delay, 0s) infinite;filter:drop-shadow(0 0 4px currentColor)}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}25%{opacity:.8;transform:scale(1) rotate(45deg)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}75%{opacity:.6;transform:scale(.9) rotate(135deg)}}.trust-celebration-modal{box-shadow:0 20px 60px var(--pf-overlay-dark-40),0 0 100px var(--pf-accent-purple-glow),0 0 60px var(--tier-color, var(--pf-accent-purple-glow)),inset 0 0 30px var(--pf-overlay-light-2)}.tier-to{animation:tier-glow 1.5s ease-in-out infinite,tier-entrance .5s ease-out .3s both}@keyframes tier-entrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-portrait img,.portrait-placeholder{animation:portrait-glow 2s ease-in-out infinite}@keyframes portrait-glow{0%,to{box-shadow:0 0 20px var(--pf-accent-purple-glow)}50%{box-shadow:0 0 40px var(--tier-color, var(--pf-accent-purple-border))}}.trust-celebration-overlay:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:radial-gradient(circle,var(--pf-accent-gold-glow) 0%,transparent 70%);border-radius:50%;animation:central-burst .6s ease-out forwards;pointer-events:none}@keyframes central-burst{0%{width:10px;height:10px;opacity:1;transform:translate(-50%,-50%) scale(1)}to{width:400px;height:400px;opacity:0;transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.trust-celebration-modal{padding:var(--pf-space-6) var(--pf-space-5) var(--pf-space-5)}.celebration-title{font-size:var(--pf-font-size-xl)}.celebration-milestone-message{font-size:var(--pf-font-size-base)}.celebration-portrait{width:80px;height:80px}.particle:nth-child(n+12){display:none}.floating-sparkle:nth-child(n+6){display:none}}@media(prefers-reduced-motion:reduce){.particle,.floating-sparkle,.celebration-portrait img,.portrait-placeholder,.tier-to,.trust-celebration-overlay:before{animation:none}.particle{display:none}.floating-sparkle{opacity:.5}}.choice-echo-indicator{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:var(--pf-z-tooltip);display:flex;flex-direction:column;gap:12px;max-width:360px;width:90%;pointer-events:none}.echo-toast{display:flex;gap:12px;padding:14px 16px;background:linear-gradient(135deg,var(--pf-overlay-slate-98) 0%,var(--pf-glass-base) 100%);border:1px solid var(--pf-choice-border);border-radius:12px;box-shadow:0 8px 32px var(--pf-overlay-dark-30),0 0 20px var(--pf-choice-bg);animation:echo-slide-in .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.echo-toast-exit{animation:echo-slide-out .3s ease-in forwards}@keyframes echo-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes echo-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.echo-toast-sparkle{display:flex;align-items:flex-start;justify-content:center;padding-top:2px;color:var(--pf-warning-light);animation:sparkle-pulse 1.5s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.echo-toast-content{flex:1;min-width:0}.echo-toast-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pf-warning-light);margin-bottom:6px}.echo-heart{animation:heart-beat 1s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.15)}}.echo-toast-message{font-size:14px;color:var(--pf-text-primary);line-height:1.4;margin-bottom:6px}.echo-toast-message strong{color:var(--pf-warning-light)}.echo-toast-detail{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--pf-text-secondary);margin-bottom:6px}.echo-toast-original{font-size:12px;font-style:italic;color:var(--pf-text-secondary);padding:8px 10px;background:var(--pf-choice-glow);border-left:2px solid var(--pf-choice-border);border-radius:4px;margin-top:4px}.echo-toast-dismiss{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--pf-text-secondary);padding:4px;cursor:pointer;opacity:.6;transition:opacity .2s,color .2s;border-radius:4px}.echo-toast-dismiss:hover{opacity:1;color:var(--pf-text-primary);background:var(--pf-overlay-light-10)}.echo-toast{position:relative;padding-right:32px}@media(max-width:480px){.choice-echo-indicator{top:60px;max-width:95%}.echo-toast{padding:12px 28px 12px 14px}.echo-toast-message{font-size:13px}}:root{--unified-panel-width: var(--pf-panel-width, 320px);--unified-transition-speed: var(--pf-transition-slow, .3s);--unified-ease: var(--pf-ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.unified-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:var(--pf-z-overlay);display:flex;align-items:center;gap:4px;padding:12px 8px;background:linear-gradient(135deg,var(--pf-delight-memory-subtle),var(--pf-inspector-primary-bg));border:1px solid var(--pf-accent-purple-glow);border-right:none;border-radius:12px 0 0 12px;color:var(--pf-accent-purple-light);cursor:pointer;transition:all var(--unified-transition-speed) var(--unified-ease);box-shadow:-4px 0 15px var(--pf-overlay-dark-20)}.unified-toggle:hover{background:linear-gradient(135deg,var(--pf-delight-memory-glow),var(--pf-inspector-primary-border));padding-left:12px}.unified-toggle.open{right:var(--unified-panel-width)}.unified-toggle.has-activity{animation:unified-pulse 2s ease-in-out infinite}@keyframes unified-pulse{0%,to{box-shadow:-4px 0 15px #0003}50%{box-shadow:-4px 0 25px #8b5cf666}}.activity-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--pf-trust-positive-light);border-radius:50%;animation:activity-pulse 1s ease-in-out infinite}@keyframes activity-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.unified-panel{position:fixed;top:60px;right:0;bottom:0;width:var(--unified-panel-width);z-index:var(--pf-z-overlay);background:linear-gradient(180deg,var(--pf-glass-floating) 0%,var(--pf-glass-base) 100%);border-left:1px solid var(--pf-delight-memory-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:-8px 0 32px var(--pf-overlay-dark-30);transform:translate(100%);transition:transform var(--unified-transition-speed) var(--unified-ease);overflow:hidden}.unified-panel.open{transform:translate(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.unified-panel.open .unified-panel-content{visibility:visible;opacity:1}.unified-panel-embedded{height:100%;overflow-y:auto}.unified-panel-embedded .unified-panel-content{height:auto;overflow-y:visible}.unified-stage-embedded{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:var(--pf-font-size-sm, .75rem);font-weight:var(--pf-font-weight-semibold, 600);font-family:var(--pf-font-display, serif);letter-spacing:var(--pf-letter-spacing-wide, .05em);border-bottom:1px solid var(--pf-border-subtle, var(--pf-overlay-light-5))}.unified-panel-content{height:100%;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.unified-panel-content::-webkit-scrollbar{width:6px}.unified-panel-content::-webkit-scrollbar-track{background:var(--pf-border-subtle)}.unified-panel-content::-webkit-scrollbar-thumb{background:var(--pf-accent-purple-glow);border-radius:3px}.unified-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--pf-border-default)}.unified-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--pf-text-primary)}.unified-title svg{color:var(--pf-accent-purple-light)}.unified-stage{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;background:var(--pf-border-subtle);border-radius:6px}.unified-section{display:flex;flex-direction:column;border:1px solid var(--pf-border-subtle);border-radius:8px;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:var(--pf-overlay-light-3);border:none}.section-header-static{cursor:default}.section-header-left{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pf-text-secondary)}.section-icon{color:var(--pf-accent-purple)}.section-activity-dot{width:6px;height:6px;background:var(--pf-trust-positive-light);border-radius:50%;animation:activity-pulse 1s ease-in-out infinite}.section-content{padding:12px}.trust-progress{margin-bottom:12px}.trust-progress-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:var(--pf-text-secondary)}.trust-percent{font-weight:600;color:var(--pf-text-primary)}.trust-progress-track{height:10px;background:var(--pf-border-default);border-radius:5px;overflow:hidden}.trust-progress-fill{height:100%;border-radius:5px;transition:width .5s var(--unified-ease);box-shadow:0 0 10px currentColor}.secrets-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secrets-label{font-size:12px;color:var(--pf-text-secondary)}.secrets-dots{display:flex;gap:4px}.secret-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--pf-border-default);color:var(--pf-text-dim);transition:all .3s}.secret-dot.unlocked{background:var(--pf-delight-memory-subtle);color:var(--pf-accent-purple-light)}.secrets-count{font-size:12px;font-weight:500;color:var(--pf-accent-purple-light);margin-left:auto}.insight-bars{display:flex;flex-direction:column;gap:14px}.insight-bar{display:flex;flex-direction:column;gap:6px}.insight-bar-header{display:flex;align-items:center;justify-content:space-between}.insight-bar-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--pf-text-primary)}.insight-bar-value{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600}.insight-bar-track{position:relative;height:8px;background:var(--pf-border-default);border-radius:4px;overflow:hidden}.insight-bar-fill{height:100%;border-radius:4px;transition:width .5s var(--unified-ease);box-shadow:0 0 8px currentColor}.insight-bar-previous{position:absolute;top:0;bottom:0;width:2px;background:transparent;border-left:2px dashed;opacity:.5;transform:translate(-1px)}.insight-bar-description{font-size:11px;color:var(--pf-text-dim)}.trend-up{color:var(--pf-trust-positive-light)}.trend-down{color:var(--pf-trust-negative-light)}.trend-stable{color:var(--pf-text-dim);opacity:.5}.insight-memory-list,.insight-gossip-list,.insight-tom-list{display:flex;flex-direction:column;gap:8px}.insight-memory-item,.insight-gossip-item,.insight-tom-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;animation:insight-fade-in .3s ease-out}@keyframes insight-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.insight-memory-item{background:var(--pf-accent-indigo-bg);border:1px solid var(--pf-inspector-primary-bg)}.insight-gossip-item{background:var(--pf-delight-memory-subtle);border:1px solid var(--pf-delight-memory-bg)}.insight-tom-item{background:var(--pf-accent-amber-bg);border:1px solid var(--pf-status-warn-bg)}.memory-icon{color:var(--pf-inspector-secondary-border);flex-shrink:0;margin-top:2px}.gossip-icon{color:var(--pf-accent-purple-light);flex-shrink:0;margin-top:2px}.tom-icon{color:var(--pf-warning-light);flex-shrink:0;margin-top:2px}.memory-content,.gossip-content,.tom-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.memory-text,.tom-text{font-size:12px;color:var(--pf-text-primary);line-height:1.4;word-wrap:break-word}.tom-text{font-style:italic}.memory-time,.tom-time{font-size:10px;color:var(--pf-text-dim)}.gossip-content{font-size:12px;color:var(--pf-text-primary);line-height:1.4}.gossip-content strong{color:var(--pf-delight-memory-text)}.consciousness-display{display:flex;flex-direction:column;gap:12px}.consciousness-layer{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--pf-trust-positive-bg);border:1px solid var(--pf-status-good-bg);border-radius:8px}.layer-icon{color:var(--pf-trust-positive);flex-shrink:0;margin-top:2px}.layer-info{display:flex;flex-direction:column;gap:2px}.layer-name{font-size:13px;font-weight:600;color:var(--pf-trust-positive)}.layer-description{font-size:11px;color:var(--pf-text-secondary)}.emergence-display{display:flex;align-items:center;gap:8px}.emergence-label{font-size:11px;color:var(--pf-text-dim);width:55px}.emergence-bar{flex:1;height:6px;background:var(--pf-border-default);border-radius:3px;overflow:hidden}.emergence-fill{height:100%;background:linear-gradient(90deg,var(--pf-trust-negative-light),var(--pf-warning-light),var(--pf-trust-positive-light));border-radius:3px;transition:width .5s var(--unified-ease)}.emergence-score{font-size:11px;font-weight:500;color:var(--pf-text-secondary);width:40px;text-align:right}.insight-empty{font-size:12px;color:var(--pf-text-dim);font-style:italic;text-align:center;padding:16px;background:var(--pf-overlay-light-2);border-radius:8px;margin:0}.unified-hint{margin-top:auto;padding:12px;text-align:center;font-size:11px;color:var(--pf-accent-purple);font-style:italic;background:var(--pf-delight-memory-subtle);border-radius:8px;border:1px dashed var(--pf-delight-memory-subtle)}.unified-overlay{display:none}@media(max-width:767px){:root{--unified-panel-width: 100%}.unified-toggle{top:auto;bottom:100px;right:12px;border-radius:12px;border:1px solid var(--pf-accent-purple-glow);padding:10px}.unified-toggle.open{right:12px;opacity:0;pointer-events:none}.unified-panel{top:56px;border-radius:0}.unified-overlay{display:block;position:fixed;inset:0;background:var(--pf-overlay-dark-50);z-index:var(--pf-z-overlay);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@media(min-width:768px)and (max-width:1023px){:root{--unified-panel-width: var(--pf-panel-width-tablet, 280px)}}@media(prefers-reduced-motion:reduce){.unified-toggle,.unified-panel,.insight-bar-fill,.insight-memory-item,.insight-gossip-item,.insight-tom-item{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.unified-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--pf-system-dark-bg);border-left-width:2px}.insight-bar-track{border:1px solid var(--pf-text-dim)}}.unified-toggle:focus-visible{outline:2px solid var(--pf-accent-purple-light);outline-offset:2px}.inspector-slideout.open~.unified-toggle,.inspector-slideout.open~.unified-panel{opacity:.3;pointer-events:none}:root{--hud-height: var(--pf-hud-height, 56px);--inspector-width: var(--pf-inspector-width, 420px);--ease-out-expo: var(--pf-ease-out-expo, cubic-bezier(.16, 1, .3, 1));--trust-high: var(--pf-trust-positive, #4ade80);--trust-medium: var(--pf-warning, #facc15);--trust-low: var(--pf-trust-negative, #ef4444);--glass-bg: var(--pf-surface-glass, var(--pf-glass-floating-85));--glass-border: var(--pf-border-default, var(--pf-overlay-light-10));--glass-blur: var(--pf-blur-lg, blur(16px))}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:var(--pf-z-max);padding:var(--pf-space-3) var(--pf-space-6);background:var(--pf-accent-purple);color:var(--pf-text-bright);font-weight:var(--pf-font-weight-semibold);font-size:var(--pf-font-size-base);text-decoration:none;border-radius:0 0 var(--pf-radius-md) var(--pf-radius-md);box-shadow:0 4px 12px var(--pf-overlay-dark-30);transition:top .2s ease-in-out}.skip-link:focus{top:0;outline:none}.skip-link:focus-visible{outline:2px solid var(--pf-text-bright);outline-offset:2px}.immersive-layout{display:flex;flex-direction:column;height:100%;min-height:100%;width:100%;overflow:hidden;background-color:var(--pf-bg-base, #0f172a);color:var(--pf-text-primary);position:relative;padding:var(--pf-space-2) var(--pf-space-3);box-sizing:border-box}.immersive-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 100%,color-mix(in srgb,var(--atmosphere-color, var(--pf-accent-purple)) 8%,transparent),transparent 70%),radial-gradient(ellipse 40% 30% at 80% 20%,var(--pf-ambient-glow-warm, var(--pf-accent-gold-6)),transparent 60%);pointer-events:none;z-index:0;transition:background 1.5s ease-in-out}.immersive-layout:after{content:"";position:absolute;inset:0;opacity:var(--pf-grain-opacity, .035);pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.immersive-layout>.hud-header,.immersive-layout>.immersive-chat-area{position:relative;z-index:1}.hud-header{display:flex;align-items:center;justify-content:space-between;height:var(--hud-height);min-height:var(--hud-height);padding:0 var(--pf-space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur) saturate(1.2);-webkit-backdrop-filter:var(--glass-blur) saturate(1.2);border-bottom:1px solid var(--glass-border);border-radius:var(--pf-radius-lg);box-shadow:0 1px 12px var(--pf-overlay-dark-30);z-index:var(--pf-z-sticky);gap:var(--pf-space-4)}.hud-left{display:flex;align-items:center;flex-shrink:0}.hud-center{display:flex;align-items:center;justify-content:center;flex:1;max-width:400px;gap:var(--pf-space-3)}.objective-icon-only{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--pf-accent-gold-glow);border:1px solid var(--pf-accent-gold-15);border-radius:var(--pf-radius-md);color:var(--pf-accent-gold);cursor:help;flex-shrink:0;transition:all var(--pf-transition-fast) ease}.objective-icon-only:hover{background:var(--pf-ambient-gold-medium);border-color:var(--pf-accent-gold);transform:scale(1.05)}@media(max-width:500px){.objective-icon-only{display:none}}.hud-right{display:flex;align-items:center;gap:var(--pf-space-1);flex-shrink:0}.hud-right>.connection-dot,.hud-right>.voice-status-badge,.hud-right>.speaking-indicator{margin-right:var(--pf-space-1)}.agent-selector-compact{position:relative;contain:layout}.agent-selector-btn{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-1) var(--pf-space-2) var(--pf-space-1) var(--pf-space-1);background:var(--pf-overlay-light-5);border:1px solid var(--glass-border);border-radius:var(--pf-radius-md);cursor:pointer;transition:all var(--pf-transition-fast) ease;min-width:160px;max-height:calc(var(--hud-height) - 16px)}.agent-selector-btn:hover{background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-20)}.agent-selector-btn.open{border-color:var(--pf-accent-purple);box-shadow:0 0 0 2px var(--pf-accent-purple-glow)}.agent-portrait{width:32px;height:32px;border-radius:var(--pf-radius-md);background:linear-gradient(135deg,var(--agent-color, #4ade80) 0%,var(--pf-overlay-dark-30) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px var(--pf-overlay-dark-30)}.portrait-emoji{font-size:var(--pf-font-size-xl)}.agent-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pf-space-1);overflow:hidden}.agent-name{font-family:var(--pf-font-display);font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{color:var(--pf-text-muted);transition:transform var(--pf-transition-fast) ease;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.agent-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;max-height:400px;overflow-y:auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--pf-radius-lg);box-shadow:0 8px 32px var(--pf-overlay-dark-40);z-index:var(--pf-z-dropdown);animation:dropdownFadeIn var(--pf-transition-fast) var(--ease-out-expo)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-loading{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-4);color:var(--pf-text-muted);font-size:var(--pf-font-size-base)}.agent-option{display:flex;align-items:center;gap:var(--pf-space-3);width:100%;padding:var(--pf-space-3) var(--pf-space-4);background:transparent;border:none;cursor:pointer;transition:background var(--pf-transition-fast) ease;text-align:left}.agent-option:hover{background:var(--pf-overlay-light-8)}.agent-option.selected{background:var(--pf-accent-purple-glow)}.agent-option:first-child{border-radius:var(--pf-radius-lg) var(--pf-radius-lg) 0 0}.agent-option:last-child{border-radius:0 0 var(--pf-radius-lg) var(--pf-radius-lg)}.option-portrait{width:32px;height:32px;border-radius:var(--pf-radius-md);background:linear-gradient(135deg,var(--agent-color, #888) 0%,var(--pf-overlay-dark-30) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--pf-font-size-md)}.option-info{display:flex;flex-direction:column;gap:var(--pf-space-1)}.option-name{font-family:var(--pf-font-display);font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-medium);color:var(--pf-text-primary)}.option-role{font-size:var(--pf-font-size-xs);color:var(--pf-text-muted)}.trust-indicator{display:flex;align-items:center;gap:var(--pf-space-2);width:100%}.trust-label{font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wide);color:var(--pf-text-muted);flex-shrink:0}.trust-bar{flex:1;height:8px;background:var(--pf-overlay-light-10);border-radius:var(--pf-radius-sm);overflow:hidden;position:relative}.trust-fill{height:100%;background:var(--trust-color, var(--trust-medium));border-radius:var(--pf-radius-sm);transition:width var(--pf-transition-normal) var(--ease-out-expo),background-color var(--pf-transition-normal) ease,box-shadow var(--pf-transition-normal) ease;box-shadow:0 0 8px var(--trust-color),inset 0 1px 0 var(--pf-overlay-light-15)}.trust-fill.changed{animation:trustGlow 1s ease-out}@keyframes trustGlow{0%{box-shadow:0 0 12px var(--trust-color),0 0 24px var(--trust-color)}to{box-shadow:0 0 8px var(--trust-color),inset 0 1px 0 var(--pf-overlay-light-15)}}.trust-value{font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-primary);min-width:36px;text-align:right}.hud-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--pf-overlay-light-5);border:1px solid var(--glass-border);border-radius:var(--pf-radius-md);color:var(--pf-text-secondary);cursor:pointer;transition:background var(--pf-transition-fast) ease,border-color var(--pf-transition-fast) ease,color var(--pf-transition-fast) ease,box-shadow var(--pf-transition-fast) ease,transform var(--pf-transition-fast) ease}.hud-btn:hover:not(:disabled){background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-20);color:var(--pf-text-primary)}.hud-btn:active:not(:disabled){transform:scale(.95)}.hud-btn:disabled{opacity:.5;cursor:not-allowed}.hud-btn.active{background:var(--pf-accent-purple-glow);border-color:var(--pf-accent-purple);color:var(--pf-accent-purple)}.logout-btn:hover:not(:disabled){color:var(--pf-trust-negative-light);border-color:var(--pf-trust-negative-border);background:var(--pf-trust-negative-bg)}.voice-btn.active{background:var(--pf-accent-green-border);border-color:var(--pf-accent-green);color:var(--pf-accent-green)}.voice-btn.recording{animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px var(--pf-accent-green-glow)}50%{box-shadow:0 0 16px var(--pf-accent-green-border)}}.inspector-btn.active{background:var(--pf-accent-purple-glow);border-color:var(--pf-accent-purple);color:var(--pf-accent-purple)}.connection-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all var(--pf-transition-fast) ease}.connection-dot .connection-dot-inner{width:10px;height:10px;border-radius:50%;background:currentColor}.connection-dot.connected{color:var(--pf-trust-positive-light)}.connection-dot.connected .connection-dot-inner{box-shadow:0 0 8px currentColor}.connection-dot.disconnected{color:var(--pf-trust-negative);animation:pulse 2s ease-in-out infinite}.speaking-indicator{display:flex;align-items:center;justify-content:center;color:var(--pf-warning-light)}.speaking-indicator .pulse{animation:speakingPulse .8s ease-in-out infinite}@keyframes speakingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.voice-status-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--pf-accent-green-glow);color:var(--pf-accent-green);transition:all var(--pf-transition-fast) ease}.voice-status-badge.active{opacity:.7}.voice-status-badge.recording{animation:voiceBadgePulse 1.2s ease-in-out infinite;opacity:1}@keyframes voiceBadgePulse{0%,to{box-shadow:0 0 0 0 var(--pf-accent-green-glow);transform:scale(1)}50%{box-shadow:0 0 0 6px transparent;transform:scale(1.05)}}.spinning{animation:spin 1s linear infinite}.immersive-chat-area{flex:1;min-height:0;overflow:hidden;background:var(--pf-bg-base);transition:margin-right var(--pf-transition-slow) var(--ease-out-expo);margin-top:var(--pf-space-2);border-radius:var(--pf-radius-lg) var(--pf-radius-lg) 0 0}.immersive-layout.inspector-open .immersive-chat-area{margin-right:var(--inspector-width)}.immersive-layout.inspector-open .hud-header{margin-right:var(--inspector-width);transition:margin-right var(--pf-transition-slow) var(--ease-out-expo)}.inspector-slideout{position:fixed;top:0;right:0;width:var(--inspector-width);height:100vh;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);box-shadow:-8px 0 32px var(--pf-overlay-dark-40);z-index:var(--pf-z-modal-backdrop);transform:translate(100%);transition:transform var(--pf-transition-slow) var(--ease-out-expo);display:flex;flex-direction:column}.inspector-slideout.open{transform:translate(0)}.inspector-slideout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--pf-space-4);border-bottom:1px solid var(--glass-border);flex-shrink:0}.slideout-title{display:flex;align-items:center;gap:var(--pf-space-2);font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-semibold);color:var(--pf-accent-purple)}.slideout-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--pf-radius-md);color:var(--pf-text-muted);cursor:pointer;transition:all var(--pf-transition-fast) ease}.slideout-close:hover{background:var(--pf-overlay-light-10);color:var(--pf-text-primary)}.inspector-slideout-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.inspector-slideout-content .inspector-panel .inspector-header{display:none}.inspector-slideout-content .inspector-panel{height:100%;border:none;background:transparent}.inspector-overlay{position:fixed;inset:0;background:var(--pf-overlay-dark-50);z-index:var(--pf-z-overlay);animation:fadeIn var(--pf-transition-fast) ease}@media(max-width:767px){:root{--hud-height: var(--pf-hud-height-mobile, 52px);--inspector-width: 100%}.immersive-layout{padding:var(--pf-space-1) var(--pf-space-2)}.immersive-layout.inspector-open .immersive-chat-area,.immersive-layout.inspector-open .hud-header{margin-right:0}.hud-header{padding:0 var(--pf-space-3);gap:var(--pf-space-2);border-radius:var(--pf-radius-md)}.agent-selector-btn{min-width:auto;padding:var(--pf-space-1) var(--pf-space-2)}.agent-info{display:none}.agent-portrait{width:32px;height:32px}.dropdown-arrow{display:none}.hud-center{max-width:150px}.trust-label{display:none}.trust-value{font-size:var(--pf-font-size-xs);min-width:28px}.hud-btn{width:44px;height:44px}.settings-btn{display:none}.inspector-slideout{width:100%;border-left:none}}@media(max-width:374px){.agent-dropdown{min-width:200px;max-width:calc(100vw - 2rem)}.hud-header{padding:0 var(--pf-space-2);gap:var(--pf-space-1)}.hud-btn{width:44px;height:44px}}@media(min-width:768px)and (max-width:1023px){:root{--inspector-width: var(--pf-inspector-width-tablet, 360px)}.agent-selector-btn{min-width:180px}}@media(min-width:1440px){:root{--inspector-width: var(--pf-inspector-width-wide, 480px)}.hud-header{padding:0 var(--pf-space-6)}.trust-indicator{max-width:350px}}@media(prefers-reduced-motion:reduce){.immersive-layout *,.inspector-slideout,.trust-fill,.dropdown-arrow,.hud-btn,.agent-dropdown{transition:none!important;animation:none!important}}@media(prefers-contrast:high){.hud-header,.inspector-slideout{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--pf-bg-elevated)}.agent-selector-btn,.hud-btn{border-width:2px}.trust-bar{border:1px solid var(--pf-text-muted)}}.agent-selector-btn:focus-visible,.hud-btn:focus-visible,.agent-option:focus-visible,.slideout-close:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.shortcut-hint{display:flex;align-items:center;gap:var(--pf-space-1);font-size:var(--pf-font-size-xs);color:var(--pf-text-muted);opacity:.7;margin-left:var(--pf-space-1);transition:opacity var(--pf-transition-fast) ease}.shortcut-hint:hover{opacity:1}.shortcut-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--pf-space-1);font-family:inherit;font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-medium);color:var(--pf-text-secondary);background:var(--pf-overlay-light-6);border:1px solid var(--pf-overlay-light-12);border-radius:var(--pf-radius-sm);box-shadow:0 1px 2px var(--pf-overlay-dark-20)}@media(max-width:767px){.shortcut-hint{display:none}}::view-transition-old(root){animation:fade-out .2s ease-out both}::view-transition-new(root){animation:fade-in .2s ease-out both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.agent-portrait-container{view-transition-name:agent-portrait}::view-transition-old(agent-portrait){animation:slide-out-left .25s var(--ease-out-expo) both}::view-transition-new(agent-portrait){animation:slide-in-right .25s var(--ease-out-expo) both}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-20px);opacity:0}}@keyframes slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pf-space-8) var(--pf-space-6);text-align:center;min-height:400px;position:relative}.empty-state:before{content:"";position:absolute;inset:-20% -10% 30%;background:radial-gradient(ellipse 80% 60% at 50% 30%,var(--agent-accent-glow, var(--pf-accent-purple-glow)) 0%,transparent 70%);opacity:.35;pointer-events:none;z-index:0;animation:emptyStateGlow 8s ease-in-out infinite alternate}@keyframes emptyStateGlow{0%{opacity:.25}to{opacity:.4}}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(16px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.empty-state-character{position:relative;z-index:1;margin-bottom:var(--pf-space-4)}.character-emoji{font-size:4rem;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.empty-state-greeting{font-family:var(--pf-font-display);font-size:var(--pf-font-size-lg);font-style:italic;color:var(--pf-text-primary);margin:0 0 var(--pf-space-6) 0;padding:var(--pf-space-5) var(--pf-space-6);background:linear-gradient(145deg,var(--pf-overlay-dark-60) 0%,var(--pf-glass-input-70) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:3px solid var(--pf-accent-purple);border-radius:0 var(--pf-radius-md) var(--pf-radius-md) 0;max-width:420px;line-height:var(--pf-line-height-relaxed);position:relative;z-index:1}.empty-state-hint{display:flex;flex-direction:column;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-4) var(--pf-space-6);max-width:380px;position:relative;z-index:1}.hint-label{font-size:var(--pf-font-size-sm);color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hint-text{font-family:var(--pf-font-display);font-size:var(--pf-font-size-md);font-style:italic;color:var(--pf-text-secondary);padding:var(--pf-space-3) var(--pf-space-5);background:var(--pf-glass-input-40);border:1px solid var(--pf-border-subtle);border-radius:var(--pf-radius-md);position:relative;overflow:hidden}.hint-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--agent-color, var(--pf-accent-purple)) 50%,transparent 100%);opacity:.08;animation:hintShimmer 4s ease-in-out infinite}@keyframes hintShimmer{0%{left:-100%;opacity:0}20%{opacity:.08}80%{opacity:.08}to{left:100%;opacity:0}}.empty-state-voice-hint{display:flex;align-items:center;gap:var(--pf-space-2);margin-top:var(--pf-space-6);padding:var(--pf-space-3) var(--pf-space-5);background:var(--pf-accent-green-06);border:1px solid var(--pf-accent-green-15);border-radius:var(--pf-radius-full);font-size:var(--pf-font-size-base);color:var(--pf-accent-green);animation:voiceHintPulse 3s ease-in-out infinite;position:relative;z-index:1}@keyframes voiceHintPulse{0%,to{opacity:.85}50%{opacity:1;box-shadow:0 0 12px var(--pf-accent-green-glow)}}.voice-hint-icon{flex-shrink:0}@media(prefers-reduced-motion:reduce){.empty-state:before{animation:none;opacity:.3}.empty-state-voice-hint{animation:none;opacity:1}.hint-text:before{animation:none;opacity:0}}@media(max-width:768px){.empty-state{padding:var(--pf-space-6) var(--pf-space-5);min-height:350px}.character-emoji{font-size:3.5rem}.empty-state-greeting{font-size:var(--pf-font-size-md);padding:var(--pf-space-3) var(--pf-space-4);max-width:100%}.empty-state-hint{padding:var(--pf-space-3) var(--pf-space-4);max-width:100%}.hint-text{font-size:var(--pf-font-size-base);padding:var(--pf-space-2) var(--pf-space-4)}.empty-state-voice-hint{font-size:var(--pf-font-size-sm);padding:var(--pf-space-2) var(--pf-space-4)}}@media(max-width:480px){.empty-state{padding:var(--pf-space-5) var(--pf-space-4)}.character-emoji{font-size:3rem}.empty-state-greeting{margin-bottom:var(--pf-space-5)}.hint-label{font-size:var(--pf-font-size-xs)}.hint-text{font-size:var(--pf-font-size-sm)}}[data-theme=light] .empty-state-greeting{background:var(--pf-overlay-dark-3)}[data-theme=light] .hint-text{background:var(--pf-overlay-dark-5);border-color:var(--pf-border-default)}[data-theme=light] .hint-text:before{opacity:.12}[data-theme=light] .empty-state-voice-hint{background:var(--pf-accent-green-08)}.chat-container{display:flex;flex-direction:column;height:100%;position:relative;container-type:inline-size;container-name:chat}.trust-milestones-container{display:flex;flex-direction:column;gap:var(--pf-space-2);z-index:10}.secret-reveals-container{display:flex;flex-direction:column;gap:var(--pf-space-3);padding:0 var(--pf-space-4);margin-bottom:var(--pf-space-2);z-index:9}.tom-observations-container{display:flex;flex-direction:column;gap:var(--pf-space-2);padding:0 var(--pf-space-4);margin-bottom:var(--pf-space-2);z-index:8}.messages-area{flex:1;overflow-y:auto;padding:var(--pf-space-6);display:flex;flex-direction:column;gap:var(--pf-space-6)}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.agent{justify-content:flex-start;flex-direction:column;align-items:flex-start}.message-row.system{justify-content:center}.message-row.system .message-bubble{background:transparent;border:1px solid var(--pf-border-subtle);color:var(--pf-text-dim);font-size:var(--pf-font-size-base);padding:var(--pf-space-2) var(--pf-space-4);text-align:center}.message-row.system-notification{justify-content:center;padding:0 var(--pf-space-4)}.message-bubble{max-width:85%;width:fit-content;padding:var(--pf-space-4) var(--pf-space-4);border-radius:var(--pf-radius-lg);position:relative;line-height:var(--pf-line-height-relaxed);font-size:var(--pf-font-size-md)}.message-row.user .message-bubble{background:var(--pf-msg-user-bg);color:var(--pf-text-primary);border:1px solid var(--pf-msg-user-border);border-bottom-right-radius:var(--pf-radius-sm)}.message-row.agent .message-bubble{background:var(--pf-msg-agent-bg);backdrop-filter:var(--pf-blur-md);-webkit-backdrop-filter:var(--pf-blur-md);color:var(--pf-text-primary);border:1px solid var(--pf-border-default);border-bottom-left-radius:var(--pf-radius-sm)}.message-agent-header{display:flex;align-items:center;gap:var(--pf-space-2);margin-bottom:var(--pf-space-3);padding-bottom:var(--pf-space-2);border-bottom:1px solid var(--pf-border-subtle)}.message-agent-header .agent-portrait-container{flex-shrink:0}.message-agent-name{font-family:var(--pf-font-display);font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-semibold);letter-spacing:var(--pf-letter-spacing-wide);color:var(--pf-text-bright)}.message-footer{font-size:var(--pf-font-size-xs);opacity:.5;margin-top:var(--pf-space-2);text-align:right}.typing-indicator{display:flex;align-items:center;gap:var(--pf-space-2)}.typing-indicator .thinking-text{font-family:var(--pf-font-display);font-size:var(--pf-font-size-base);font-style:italic;color:var(--pf-text-dim)}.typing-indicator .thinking-dots{display:flex;align-items:center;gap:var(--pf-space-1)}.typing-indicator .thinking-dots span{display:inline-block;width:var(--pf-space-1);height:var(--pf-space-1);background-color:var(--pf-accent-purple);border-radius:50%;animation:thinking-pulse 1.4s infinite ease-in-out both}.typing-indicator .thinking-dots span:nth-child(1){animation-delay:-.32s}.typing-indicator .thinking-dots span:nth-child(2){animation-delay:-.16s}.typing-indicator .thinking-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes thinking-pulse{0%,80%,to{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}.input-area{padding:var(--pf-space-4) var(--pf-space-6);min-height:72px;background:linear-gradient(180deg,var(--pf-surface-glass-dark) 0%,var(--pf-bg-base) 100%);border-top:1px solid var(--pf-border-default);border-radius:0 0 var(--pf-radius-lg) var(--pf-radius-lg);display:flex;gap:var(--pf-space-3);align-items:center;box-sizing:border-box}.input-area input{flex:1;padding:var(--pf-space-3) var(--pf-space-4);min-height:48px;min-width:0;border-radius:var(--pf-radius-lg)!important;border:1px solid var(--pf-border-default);background:var(--pf-overlay-dark-50);color:var(--pf-text-primary);font-family:var(--pf-font-family);font-size:var(--pf-font-size-md);outline:none;transition:border-color var(--pf-transition-normal) ease,box-shadow var(--pf-transition-normal) ease}.input-area input::placeholder{color:var(--pf-text-dim)}.input-area input:focus{border-color:var(--pf-accent-purple);box-shadow:0 0 0 3px var(--pf-accent-purple-glow)}.input-area input:disabled{opacity:.4}.input-area button{padding:0 var(--pf-space-6);min-height:48px;min-width:48px;background:var(--pf-accent-purple);border:none;border-radius:var(--pf-radius-lg);color:var(--pf-text-bright);cursor:pointer;transition:all var(--pf-transition-fast) var(--pf-ease-out)}.input-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--pf-accent-green-glow)}.input-area button:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 6px var(--pf-accent-green-bg)}.input-area button:disabled{background-color:var(--pf-bg-floating);cursor:not-allowed}.voice-control-group{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-1);border-radius:var(--pf-radius-lg);transition:all var(--pf-transition-normal) ease}.voice-control-group.active{background:var(--pf-accent-green-bg)}.voice-control-group.recording{background:var(--pf-accent-green-border)}.voice-control-group.speaking{background:var(--pf-accent-indigo-border)}.input-area .voice-toggle-hero{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;background:linear-gradient(135deg,var(--pf-overlay-light-8),var(--pf-overlay-light-3));border:2px solid var(--pf-border-default);border-radius:50%;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--pf-text-secondary);position:relative;flex-shrink:0}.input-area .voice-toggle-hero:hover:not(:disabled){border-color:var(--pf-accent-green);background:var(--pf-accent-green-bg);color:var(--pf-accent-green);transform:scale(1.05)}.input-area .voice-toggle-hero:disabled{opacity:.4;cursor:not-allowed}.input-area .voice-toggle-hero.active{background:linear-gradient(135deg,var(--pf-accent-green-border),var(--pf-accent-green-bg));border-color:var(--pf-accent-green);color:var(--pf-accent-green);box-shadow:0 0 12px var(--pf-accent-green-hover),inset 0 0 8px var(--pf-accent-green-bg)}.input-area .voice-toggle-hero.active:hover:not(:disabled){background:linear-gradient(135deg,var(--pf-accent-green-hover),var(--pf-accent-green-border));transform:scale(1.05)}.input-area .voice-toggle-hero.recording{animation:hero-pulse-recording 1.2s ease-in-out infinite;border-color:var(--pf-accent-green)}@keyframes hero-pulse-recording{0%,to{box-shadow:0 0 0 0 var(--pf-accent-green-glow),0 0 12px var(--pf-accent-green-glow),inset 0 0 8px var(--pf-accent-green-bg);transform:scale(1)}50%{box-shadow:0 0 0 12px transparent,0 0 20px var(--pf-accent-green-glow),inset 0 0 12px var(--pf-accent-green-bg);transform:scale(1.02)}}.voice-state-indicator{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-1) var(--pf-space-3) var(--pf-space-1) var(--pf-space-2);background:var(--pf-overlay-dark-25);border-radius:var(--pf-radius-lg);animation:fadeSlideIn .2s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.voice-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.voice-state-dot.idle{background:var(--pf-neutral)}.voice-state-dot.recording{background:var(--pf-accent-green);animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.voice-state-icon{color:var(--pf-accent-indigo-light);flex-shrink:0}.voice-state-icon.speaking{animation:icon-bounce .8s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.voice-state-text{font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wide);color:var(--pf-text-muted);white-space:nowrap}.voice-control-group.recording .voice-state-text{color:var(--pf-accent-green)}.voice-control-group.speaking .voice-state-text{color:var(--pf-accent-indigo-light)}@media(max-width:767px){.input-area .voice-toggle-hero{width:48px;height:48px}.voice-state-indicator{padding:var(--pf-space-1) var(--pf-space-2) var(--pf-space-1) var(--pf-space-1);font-size:var(--pf-font-size-xs)}.voice-control-group{padding:0}}.message-bubble.trust-positive{border-left:3px solid var(--pf-trust-positive)}.message-bubble.trust-negative{border-left:3px solid var(--pf-trust-negative)}.message-bubble.trust-neutral{border-left:3px solid var(--pf-neutral)}.message-context-icons{display:flex;gap:var(--pf-space-1);margin-bottom:var(--pf-space-2);font-size:var(--pf-font-size-sm)}.context-icon{opacity:.7;cursor:help;transition:opacity var(--pf-transition-fast)}.context-icon:hover{opacity:1}.message-row.speaking .message-bubble{background-color:var(--pf-accent-indigo-bg);border:1px solid var(--pf-accent-indigo-border)}.speaking-indicator{display:flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-3) var(--pf-space-4)}.speaking-icon{color:var(--pf-accent-cyan);animation:pulse-speaking 1.5s infinite}.speaking-text{font-size:var(--pf-font-size-base);color:var(--pf-text-secondary)}.speaking-waves{display:flex;align-items:center;gap:var(--pf-space-1);margin-left:var(--pf-space-2)}.speaking-waves span{display:inline-block;width:3px;height:12px;background-color:var(--pf-accent-cyan);border-radius:var(--pf-radius-sm);animation:speaking-wave 1s infinite ease-in-out}.speaking-waves span:nth-child(1){animation-delay:0s}.speaking-waves span:nth-child(2){animation-delay:.15s}.speaking-waves span:nth-child(3){animation-delay:.3s}.speaking-waves span:nth-child(4){animation-delay:.45s}@keyframes speaking-wave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes pulse-speaking{0%,to{opacity:1}50%{opacity:.5}}.message-footer{font-size:var(--pf-font-size-xs);opacity:.5;margin-top:var(--pf-space-2);text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:var(--pf-space-2)}.turn-number{color:var(--pf-text-muted);font-weight:var(--pf-font-weight-medium)}.timestamp{color:var(--pf-text-muted)}.trust-delta{font-weight:var(--pf-font-weight-semibold);padding:var(--pf-space-1) var(--pf-space-2);border-radius:var(--pf-radius-sm);font-size:var(--pf-font-size-xs)}.trust-delta.positive{color:var(--pf-trust-positive);background:var(--pf-trust-positive-glow)}.trust-delta.negative{color:var(--pf-trust-negative);background:var(--pf-trust-negative-glow)}.message-content{word-wrap:break-word;overflow-wrap:break-word}.message-content .md-paragraph{margin:0 0 var(--pf-space-2) 0}.message-content .md-paragraph:last-child{margin-bottom:0}.message-content .md-inline-code{background:var(--pf-overlay-dark-30);padding:var(--pf-space-1) var(--pf-space-2);border-radius:var(--pf-radius-sm);font-family:var(--pf-font-family-mono);font-size:var(--pf-font-size-sm)}.message-content .md-code-block{background:var(--pf-overlay-dark-30);padding:var(--pf-space-3);border-radius:var(--pf-radius-md);overflow-x:auto;margin:var(--pf-space-2) 0;font-family:var(--pf-font-family-mono);font-size:var(--pf-font-size-sm);line-height:var(--pf-line-height-normal)}.message-content .md-code-block code{background:none;padding:0}.message-content .md-link{color:var(--pf-accent-cyan);text-decoration:none;border-bottom:1px dotted var(--pf-accent-cyan);transition:border-color var(--pf-transition-fast)}.message-content .md-link:hover{border-bottom-style:solid}.message-content .md-list{margin:var(--pf-space-2) 0;padding-left:var(--pf-space-6)}.message-content .md-list-ordered{list-style-type:decimal}.message-content .md-list-item{margin:var(--pf-space-1) 0}.message-content .md-bold{font-weight:var(--pf-font-weight-semibold)}.message-content .md-italic{font-style:italic}.message-content .md-blockquote{border-left:3px solid var(--pf-border-default);margin:var(--pf-space-2) 0;padding:var(--pf-space-2) var(--pf-space-4);background:var(--pf-overlay-dark-15);border-radius:0 var(--pf-radius-sm) var(--pf-radius-sm) 0;color:var(--pf-text-secondary)}.message-row.focused{position:relative}.message-row.focused .message-bubble{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.message-row.focused:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--pf-accent-cyan);border-radius:var(--pf-radius-sm)}.skip-link{position:absolute;top:-40px;left:0;background:var(--pf-accent-cyan);color:var(--pf-bg-void);padding:var(--pf-space-2) var(--pf-space-4);border-radius:var(--pf-radius-sm);text-decoration:none;font-weight:var(--pf-font-weight-medium);z-index:var(--pf-z-max);transition:top var(--pf-transition-normal)}.skip-link:focus{top:var(--pf-space-2)}.chat-container *:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.chat-container *:focus:not(:focus-visible){outline:none}.keyboard-hint{display:inline-flex;align-items:center;gap:var(--pf-space-1);font-size:var(--pf-font-size-xs);color:var(--pf-text-muted);padding:var(--pf-space-1) var(--pf-space-2);background:var(--pf-overlay-dark-20);border-radius:var(--pf-radius-sm);margin-left:var(--pf-space-2)}.keyboard-hint kbd{background:var(--pf-bg-deep);padding:var(--pf-space-1) var(--pf-space-1);border-radius:var(--pf-radius-sm);font-family:inherit;font-size:var(--pf-font-size-sm);border:1px solid var(--pf-border-default)}.message-row.has-player.user .message-bubble{border-left:3px solid var(--player-color, #3b82f6)}.message-bubble.player-message{position:relative}.player-badge{display:inline-flex;align-items:center;gap:var(--pf-space-2);padding:var(--pf-space-1) var(--pf-space-3);border-radius:var(--pf-radius-lg);border:1px solid;margin-bottom:var(--pf-space-2);font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-semibold)}.player-badge .player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.player-badge .player-name{white-space:nowrap}.message-row.has-player.user .message-bubble:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--player-color) 0%,var(--player-light) 50%,var(--player-color) 100%);border-radius:var(--pf-radius-sm) 0 0 var(--pf-radius-sm);animation:player-border-pulse 2s ease-in-out infinite}@keyframes player-border-pulse{0%,to{opacity:1}50%{opacity:.7}}.message-row.has-player.user{flex-direction:column;align-items:flex-end}.player-indicator-inline{display:inline-flex;align-items:center;gap:var(--pf-space-1);font-size:var(--pf-font-size-xs);color:var(--player-dark, #1e40af)}.player-indicator-inline .dot{width:6px;height:6px;border-radius:50%;background:var(--player-color, #3b82f6)}.interim-transcription{display:flex;align-items:center;gap:var(--pf-space-3);padding:var(--pf-space-3) var(--pf-space-6);background:linear-gradient(135deg,var(--pf-accent-green-bg),var(--pf-accent-indigo-bg));border-top:1px solid var(--pf-accent-green-border);animation:interim-fade-in .2s ease-out}@keyframes interim-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.interim-label{font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-semibold);color:var(--pf-accent-cyan);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wide);flex-shrink:0;display:flex;align-items:center;gap:var(--pf-space-2)}.interim-label:before{content:"";width:8px;height:8px;background:var(--pf-accent-cyan);border-radius:50%;animation:interim-pulse 1.5s infinite}@keyframes interim-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.interim-text{font-size:var(--pf-font-size-md);color:var(--pf-text-secondary);font-style:italic;opacity:.85;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-badges{display:flex;gap:var(--pf-space-2);margin-top:var(--pf-space-3);padding-top:var(--pf-space-2);border-top:1px solid var(--pf-border-subtle);flex-wrap:wrap;align-items:center}.message-badge{display:inline-flex;align-items:center;gap:var(--pf-space-1);padding:var(--pf-space-1) var(--pf-space-3);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-medium);border-radius:var(--pf-radius-full);background:var(--pf-overlay-light-8);border:1px solid transparent;cursor:pointer;transition:all var(--pf-transition-fast) ease;animation:badgeFadeIn .3s ease-out}.message-badge:hover{background:var(--pf-overlay-light-12);border-color:var(--pf-overlay-light-15);box-shadow:0 0 8px var(--pf-overlay-light-10)}.message-badge:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.message-badge .badge-icon{font-size:var(--pf-font-size-base);line-height:1}.message-badge .badge-value{font-weight:var(--pf-font-weight-semibold)}.message-badge.badge-positive{background:var(--pf-trust-positive-bg);color:var(--pf-trust-positive);border-color:var(--pf-trust-positive-border)}.message-badge.badge-positive:hover{background:var(--pf-trust-positive-border);border-color:var(--pf-trust-positive-hover);box-shadow:0 0 12px var(--pf-trust-positive-glow)}.message-badge.badge-negative{background:var(--pf-trust-negative-bg);color:var(--pf-trust-negative);border-color:var(--pf-trust-negative-border)}.message-badge.badge-negative:hover{background:var(--pf-trust-negative-border);border-color:var(--pf-trust-negative-hover);box-shadow:0 0 12px var(--pf-trust-negative-glow)}.message-badge.badge-neutral{background:var(--pf-accent-neutral-bg);color:var(--pf-neutral-light);border-color:var(--pf-accent-neutral-border)}.message-badge.badge-neutral:hover{background:var(--pf-accent-neutral-border);border-color:var(--pf-accent-neutral-hover);box-shadow:0 0 12px var(--pf-neutral-glow)}.message-badge.badge-warning{background:var(--pf-warning-bg);color:var(--pf-warning);border-color:var(--pf-warning-border)}.message-badge.badge-warning:hover{background:var(--pf-warning-border);border-color:var(--pf-warning-hover);box-shadow:0 0 12px var(--pf-warning-glow)}.message-badge.badge-latency{background:var(--pf-accent-indigo-bg);color:var(--pf-accent-indigo-light);border-color:var(--pf-accent-indigo-border)}.message-badge.badge-latency:hover{background:var(--pf-accent-indigo-border);border-color:var(--pf-accent-indigo-hover);box-shadow:0 0 12px var(--pf-accent-indigo-glow)}.message-badge.badge-cost{background:var(--pf-accent-purple-bg);color:var(--pf-accent-purple-light);border-color:var(--pf-accent-purple-border)}.message-badge.badge-cost:hover{background:var(--pf-accent-purple-border);border-color:var(--pf-feature-party-secondary);box-shadow:0 0 12px var(--pf-accent-purple-glow)}.message-badge.badge-trust{background:var(--pf-accent-green-bg);color:var(--pf-accent-green);border-color:var(--pf-accent-green-border)}.message-badge.badge-trust:hover{background:var(--pf-accent-green-border);border-color:var(--pf-accent-green-hover);box-shadow:0 0 12px var(--pf-accent-green-glow)}.message-badge.badge-memory{background:var(--pf-accent-pink-bg);color:var(--pf-accent-pink-light);border-color:var(--pf-accent-pink-border)}.message-badge.badge-memory:hover{background:var(--pf-accent-pink-border);border-color:var(--pf-accent-pink-hover);box-shadow:0 0 12px var(--pf-accent-pink-glow)}.message-badge.badge-emotion{background:var(--pf-accent-amber-bg);color:var(--pf-accent-amber-light);border-color:var(--pf-accent-amber-border)}.message-badge.badge-emotion:hover{background:var(--pf-accent-amber-border);border-color:var(--pf-accent-amber-hover);box-shadow:0 0 12px var(--pf-accent-amber-glow)}.message-badge.badge-updated{animation:badgePulse .6s ease-out}.inline-detail-card{margin-top:var(--pf-space-3);padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-overlay-dark-25);border-left:3px solid var(--pf-accent-cyan);border-radius:0 var(--pf-radius-md) var(--pf-radius-md) 0;animation:slideDown .25s ease-out;position:relative}.inline-detail-card .card-close{position:absolute;top:var(--pf-space-2);right:var(--pf-space-2);width:var(--pf-space-8);height:var(--pf-space-8);background:var(--pf-overlay-light-10);border:none;border-radius:50%;color:var(--pf-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--pf-font-size-base);transition:all var(--pf-transition-fast) ease}.inline-detail-card .card-close:hover{background:var(--pf-overlay-light-20);color:var(--pf-text-primary)}.inline-detail-card .card-header{display:flex;align-items:center;gap:var(--pf-space-2);margin-bottom:var(--pf-space-3);padding-right:var(--pf-space-10)}.inline-detail-card .card-icon{font-size:var(--pf-font-size-lg)}.inline-detail-card .card-title{font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-primary)}.inline-detail-card .card-content{font-size:var(--pf-font-size-sm);color:var(--pf-text-secondary);line-height:var(--pf-line-height-normal)}.inline-detail-card .card-content p{margin:0 0 var(--pf-space-2) 0}.inline-detail-card .card-content p:last-child{margin-bottom:0}.inline-detail-card .card-data-row{display:flex;justify-content:space-between;align-items:center;padding:var(--pf-space-2) 0;border-bottom:1px solid var(--pf-border-subtle)}.inline-detail-card .card-data-row:last-child{border-bottom:none}.inline-detail-card .card-data-label{color:var(--pf-text-muted);font-size:var(--pf-font-size-xs)}.inline-detail-card .card-data-value{color:var(--pf-text-primary);font-weight:var(--pf-font-weight-medium);font-size:var(--pf-font-size-sm);display:flex;align-items:center;gap:var(--pf-space-2)}.inline-detail-card .status-good{color:var(--pf-trust-positive)}.inline-detail-card .status-warning{color:var(--pf-warning)}.inline-detail-card .status-unknown{color:var(--pf-text-muted);font-style:italic}.inline-detail-card .card-data-total{font-weight:var(--pf-font-weight-semibold);padding-top:var(--pf-space-2)}.inline-detail-card .card-data-target{color:var(--pf-text-muted);font-size:var(--pf-font-size-xs);padding-bottom:0;border-bottom:none}.inline-detail-card .card-divider{height:1px;background:var(--pf-overlay-light-10);margin:var(--pf-space-2) 0}.inline-detail-card .delta-positive{color:var(--pf-trust-positive)}.inline-detail-card .delta-negative{color:var(--pf-trust-negative)}.inline-detail-card .delta-neutral{color:var(--pf-text-muted)}.inline-detail-card .delta-badge{font-size:var(--pf-font-size-xs);padding:var(--pf-space-1) var(--pf-space-2);border-radius:var(--pf-radius-sm);margin-left:var(--pf-space-1)}.inline-detail-card .delta-badge.delta-positive{background:var(--pf-trust-positive-bg)}.inline-detail-card .delta-badge.delta-negative{background:var(--pf-trust-negative-bg)}.inline-detail-card .delta-badge.delta-neutral{background:var(--pf-accent-neutral-bg)}.inline-detail-card .card-evidence{margin-top:var(--pf-space-3);padding-top:var(--pf-space-3);border-top:1px solid var(--pf-border-subtle)}.inline-detail-card .evidence-text{margin:var(--pf-space-1) 0 0 0;font-style:italic;color:var(--pf-text-secondary);font-size:var(--pf-font-size-xs);line-height:var(--pf-line-height-normal)}.inline-detail-card .card-preview{margin:var(--pf-space-2) 0;padding:var(--pf-space-2) var(--pf-space-3);background:var(--pf-overlay-dark-20);border-radius:var(--pf-radius-sm);border-left:2px solid var(--pf-accent-pink)}.inline-detail-card .preview-text{margin:0;font-style:italic;color:var(--pf-text-secondary);font-size:var(--pf-font-size-xs);line-height:var(--pf-line-height-normal)}.inline-detail-card .card-trigger{margin-top:var(--pf-space-3);padding-top:var(--pf-space-3);border-top:1px solid var(--pf-border-subtle)}.inline-detail-card .trigger-text{margin:var(--pf-space-1) 0 0 0;color:var(--pf-text-secondary);font-size:var(--pf-font-size-xs);line-height:var(--pf-line-height-normal)}.inline-detail-card.card-psychology{border-left-color:var(--pf-accent-purple)}.inline-detail-card.card-latency{border-left-color:var(--pf-accent-indigo)}.inline-detail-card.card-cost{border-left-color:var(--pf-accent-purple)}.inline-detail-card.card-trust{border-left-color:var(--pf-accent-green)}.inline-detail-card.card-memory{border-left-color:var(--pf-accent-pink)}.inline-detail-card.card-emotion{border-left-color:var(--pf-accent-amber)}.inline-detail-card.card-positive{border-left-color:var(--pf-trust-positive)}.inline-detail-card.card-negative{border-left-color:var(--pf-trust-negative)}.inline-detail-card.card-warning{border-left-color:var(--pf-warning)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 0 4px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@media(max-width:767px){.message-badges{flex-direction:column;align-items:flex-start;gap:var(--pf-space-2)}.message-badge{font-size:var(--pf-font-size-xs);padding:var(--pf-space-1) var(--pf-space-2)}.inline-detail-card{padding:var(--pf-space-3);margin-top:var(--pf-space-3)}.inline-detail-card .card-header{padding-right:var(--pf-space-6)}.inline-detail-card .card-close{width:20px;height:20px;font-size:var(--pf-font-size-sm)}.inline-detail-card .card-title{font-size:var(--pf-font-size-base)}.inline-detail-card .card-content{font-size:var(--pf-font-size-sm)}.inline-detail-card .card-data-row{flex-direction:column;align-items:flex-start;gap:var(--pf-space-1)}}.delight-overlays{position:fixed;bottom:100px;right:var(--pf-space-5);z-index:var(--pf-z-dropdown);display:flex;flex-direction:column;gap:var(--pf-space-2);pointer-events:none;max-width:320px}.delight-overlays>*{pointer-events:auto}@media(max-width:767px){.delight-overlays{bottom:80px;right:var(--pf-space-3);left:var(--pf-space-3);max-width:none}}@container chat (max-width: 500px){.message-bubble{max-width:95%;font-size:var(--pf-font-size-base);padding:var(--pf-space-3)}.message-agent-header{margin-bottom:var(--pf-space-2);padding-bottom:var(--pf-space-1)}.message-agent-name{font-size:var(--pf-font-size-sm)}.message-footer{font-size:var(--pf-font-size-xs)}.input-area{padding:var(--pf-space-4) var(--pf-space-4);gap:var(--pf-space-3);min-height:68px}.input-area input{padding:var(--pf-space-3);font-size:var(--pf-font-size-base);border-radius:var(--pf-radius-lg)!important}.input-area .voice-toggle-hero{width:48px;height:48px}.voice-state-indicator{padding:var(--pf-space-1) var(--pf-space-2) var(--pf-space-1) var(--pf-space-1)}.voice-state-text{font-size:var(--pf-font-size-xs)}}@container chat (min-width: 800px){.message-bubble{max-width:70%}.messages-area{padding:var(--pf-space-6);gap:var(--pf-space-6)}.input-area{padding:var(--pf-space-6)}}@container chat (min-width: 1200px){.messages-area{max-width:900px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.typing-indicator .thinking-dots span{animation:none;opacity:.6}.input-area .voice-toggle-hero.recording,.voice-state-dot.recording,.voice-state-icon.speaking,.speaking-icon{animation:none}.speaking-waves span{animation:none;transform:scaleY(.7)}.interim-label:before{animation:none}.message-badge,.message-badge.badge-updated,.inline-detail-card{animation:none}.message-row.has-player.user .message-bubble:before{animation:none}.interim-transcription,.voice-state-indicator{animation:none}.input-area button:hover:not(:disabled){transform:none}.input-area button:active:not(:disabled){transform:none}.input-area .voice-toggle-hero:hover:not(:disabled){transform:none}.starter-button:hover{transform:none}}.message-row.crisis-response{justify-content:center;margin:var(--pf-space-4) 0}.crisis-message{background:linear-gradient(135deg,var(--pf-trust-negative-bg),var(--pf-status-warn-subtle));border:2px solid var(--pf-trust-negative-hover);border-radius:var(--pf-radius-lg);padding:var(--pf-space-6);max-width:600px;width:100%;animation:crisisFadeIn .3s ease-out}.crisis-header{display:flex;align-items:center;gap:var(--pf-space-3);margin-bottom:var(--pf-space-4);padding-bottom:var(--pf-space-3);border-bottom:1px solid var(--pf-trust-negative-border)}.crisis-icon{font-size:var(--pf-font-size-2xl)}.crisis-title{font-size:var(--pf-font-size-lg);font-weight:var(--pf-font-weight-semibold);color:var(--pf-trust-negative-light)}.crisis-content{color:var(--pf-text-primary);line-height:var(--pf-line-height-relaxed)}.crisis-content p{margin:0 0 var(--pf-space-4) 0}.crisis-content p:last-child{margin-bottom:0}.crisis-content strong{color:var(--pf-trust-negative-light);font-weight:var(--pf-font-weight-semibold)}.crisis-content a{color:var(--pf-info-light);text-decoration:underline}.crisis-content a:hover{color:var(--pf-info-light)}@keyframes crisisFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.safety-warning{padding:12px 16px;border-radius:8px;margin:8px 0;border-left:4px solid;animation:warningSlideIn .3s ease-out}.safety-warning__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.safety-warning__icon{flex-shrink:0}.safety-warning__title{font-weight:600;font-size:14px}.safety-warning__message{margin:0;font-size:14px;line-height:1.5}.safety-warning__count{margin:8px 0 0;font-size:12px;opacity:.8}.safety-warning--first{background-color:var(--pf-severity-caution-bg);border-color:var(--pf-severity-caution);color:var(--pf-severity-caution-text)}.safety-warning--first .safety-warning__icon{color:var(--pf-severity-caution)}.safety-warning--second{background-color:var(--pf-severity-warning-bg);border-color:var(--pf-severity-warning);color:var(--pf-severity-warning-text)}.safety-warning--second .safety-warning__icon{color:var(--pf-severity-warning)}.safety-warning--final,.safety-warning--suspended{background-color:var(--pf-severity-danger-bg);border-color:var(--pf-trust-negative);color:var(--pf-severity-danger-text)}.safety-warning--final .safety-warning__icon,.safety-warning--suspended .safety-warning__icon{color:var(--pf-trust-negative)}.safety-warning--default{background-color:var(--pf-severity-default-bg);border-color:var(--pf-severity-default);color:var(--pf-severity-default-text)}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:light){.safety-warning--first{background-color:var(--pf-severity-caution-light-bg);color:var(--pf-severity-caution-light-text)}.safety-warning--second{background-color:var(--pf-severity-warning-light-bg);color:var(--pf-severity-warning-light-text)}.safety-warning--final,.safety-warning--suspended{background-color:var(--pf-severity-danger-light-bg);color:var(--pf-severity-danger-light-text)}.safety-warning--default{background-color:var(--pf-severity-default-light-bg);color:var(--pf-severity-default-light-text)}}@media(max-width:768px){.safety-warning{padding:10px 12px;margin:6px 0}.safety-warning__header{gap:6px}.safety-warning__title,.safety-warning__message{font-size:13px}.safety-warning__count{font-size:11px}}.system-message{display:flex;align-items:center;gap:var(--pf-space-3);padding:var(--pf-space-3) var(--pf-space-4);margin:var(--pf-space-2) auto;max-width:480px;background:var(--system-bg, var(--pf-system-bg));border:1px solid var(--system-color, var(--pf-system-border));border-left:3px solid var(--system-color, var(--pf-system-border));border-radius:8px;animation:systemMessageEnter .4s ease-out}@keyframes systemMessageEnter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.system-message-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--system-color, #94a3b8);color:var(--pf-contrast-white);flex-shrink:0}.system-message-icon svg{width:16px;height:16px}.system-message-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.system-message-label{font-size:12px;font-weight:600;color:var(--system-color, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.system-message-text{font-size:14px;color:var(--pf-text-primary, #e2e8f0);line-height:1.4}.system-message-time{font-size:11px;color:var(--pf-text-muted, #64748b);flex-shrink:0}.system-message:hover{background:var(--system-bg, rgba(148, 163, 184, .15));border-color:var(--system-color, #94a3b8)}.system-message[data-special=true]:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--system-color);border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.unified-insight{--insight-accent: var(--pf-insight-memory, #818cf8);--insight-bg: var(--pf-overlay-light-3);--insight-bg-hover: var(--pf-overlay-light-6);--insight-text: var(--pf-text-secondary, #a8a8b8)}@keyframes insight-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.insight-animate{animation:insight-enter .2s ease-out backwards}.unified-insight-cards .unified-insight:nth-child(2){animation-delay:.1s}.unified-insight-cards .unified-insight:nth-child(3){animation-delay:.2s}.unified-insight-group{display:flex;flex-direction:column;gap:var(--pf-space-2, 8px);margin-top:var(--pf-space-2, 8px)}.unified-insight-badges{display:flex;flex-wrap:wrap;gap:4px}.unified-insight-inlines{display:flex;flex-direction:column;gap:var(--pf-space-1, 4px)}.unified-insight-cards{display:flex;flex-direction:column;gap:var(--pf-space-2, 8px);padding-left:var(--pf-space-1, 4px)}.unified-insight{display:inline-flex;align-items:center;cursor:pointer;border:none;font-family:inherit;color:inherit;text-align:left;transition:all var(--pf-transition-fast, .1s ease)}.unified-insight--badge{gap:3px;padding:2px 6px;border-radius:var(--pf-radius-sm, 4px);background:var(--insight-bg);color:var(--insight-text);font-size:11px;font-weight:500;min-height:24px}.unified-insight--badge:hover{background:var(--insight-bg-hover);transform:translateY(-1px)}.unified-insight--badge:active{transform:translateY(0)}.unified-insight--badge .insight-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.unified-insight--badge .insight-emoji{font-size:12px;line-height:1}.unified-insight--badge .insight-lucide-icon{color:var(--insight-accent);opacity:.9}.unified-insight--badge .insight-badge-value{font-family:var(--font-mono, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.unified-insight--card{flex-direction:row;gap:var(--pf-space-2, 8px);padding:var(--pf-space-2, 8px) var(--pf-space-3, 12px);background:var(--pf-overlay-light-3);border-left:4px solid var(--insight-accent);border-radius:0 var(--pf-radius-md, 8px) var(--pf-radius-md, 8px) 0;width:100%;min-height:44px}.unified-insight--card:hover{background:var(--pf-overlay-light-6)}.unified-insight--card .insight-card-icon{flex-shrink:0;color:var(--insight-accent);opacity:.9;margin-top:1px}.unified-insight--card .insight-card-body{flex:1;min-width:0}.unified-insight--card .insight-card-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--pf-font-display, serif);font-size:var(--pf-font-size-sm, .75rem);line-height:1.4;color:var(--pf-text-secondary, #a8a8b8)}.insight--thought .insight-card-text{font-style:italic}.unified-insight--card .insight-card-type{flex-shrink:0;font-size:var(--pf-font-size-xs, .625rem);font-weight:var(--pf-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wider, .1em);color:var(--insight-accent);opacity:.6;margin-top:2px}.unified-insight--card.unified-insight--expanded{background:var(--pf-overlay-light-5)}.unified-insight--card.unified-insight--expanded .insight-card-text{-webkit-line-clamp:unset}.unified-insight--inline{gap:var(--pf-space-2, 8px);padding:var(--pf-space-2, 8px) var(--pf-space-3, 12px);background:var(--pf-overlay-light-2);border:1px solid var(--pf-border-subtle);border-radius:var(--pf-radius-md, 8px);width:100%;min-height:44px}.unified-insight--inline:hover{background:var(--pf-overlay-light-4);border-color:var(--insight-accent)}.unified-insight--inline .insight-icon{display:flex;align-items:center;flex-shrink:0}.unified-insight--inline .insight-emoji{font-size:14px;line-height:1}.unified-insight--inline .insight-lucide-icon{color:var(--insight-accent)}.unified-insight--inline .insight-inline-content{flex:1;font-size:var(--pf-font-size-sm, .75rem);color:var(--pf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-insight--inline .insight-inline-label{flex-shrink:0;font-size:var(--pf-font-size-xs, .625rem);font-weight:var(--pf-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wider, .1em);color:var(--insight-accent);opacity:.5}.insight-importance--high{--insight-bg: rgba(255, 255, 255, .06)}.insight-importance--high.unified-insight--badge{font-weight:600}.insight-importance--high.unified-insight--card{border-left-width:5px}.insight-importance--low{opacity:.85}.insight-importance--low.unified-insight--badge{font-size:10px}.insight--memory{--insight-accent: var(--pf-insight-memory, #818cf8)}.insight--trust{--insight-accent: var(--pf-trust-positive, #10b981)}.insight--trust[data-negative=true]{--insight-accent: var(--pf-trust-negative, #ef4444)}.insight--gossip{--insight-accent: var(--pf-insight-gossip, #a78bfa)}.insight--tom{--insight-accent: var(--pf-insight-tom, #fbbf24)}.insight--milestone{--insight-accent: var(--pf-trust-positive, #10b981)}.insight--thought{--insight-accent: var(--pf-insight-narrator, #6366f1)}.insight--echo{--insight-accent: var(--pf-delight-memory, #8b5cf6)}.insight--secret{--insight-accent: var(--pf-accent-amber, #fbbf24)}.insight--goal{--insight-accent: var(--pf-accent-cyan, #00d4ff)}.insight--anniversary{--insight-accent: var(--pf-accent-pink, #ec4899)}.insight--broken-promise{--insight-accent: var(--pf-trust-negative, #ef4444)}.insight--gratitude{--insight-accent: var(--pf-accent-pink, #ec4899)}.insight--betrayal{--insight-accent: var(--pf-trust-negative, #ef4444)}.insight--unresolved{--insight-accent: var(--pf-neutral, #6b7280)}.insight--goal-conflict{--insight-accent: var(--pf-warning, #f59e0b)}.unified-insight--badge.insight--trust,.unified-insight--badge.insight--milestone,.unified-insight--badge.insight--gratitude{background:var(--pf-badge-positive-bg);color:var(--pf-badge-positive)}.unified-insight--badge.insight--trust:hover,.unified-insight--badge.insight--milestone:hover,.unified-insight--badge.insight--gratitude:hover{background:var(--pf-badge-positive-hover)}.unified-insight--badge.insight--broken-promise,.unified-insight--badge.insight--betrayal,.unified-insight--badge.insight--trust[data-negative=true]{background:var(--pf-badge-negative-bg);color:var(--pf-badge-negative)}.unified-insight--badge.insight--broken-promise:hover,.unified-insight--badge.insight--betrayal:hover,.unified-insight--badge.insight--trust[data-negative=true]:hover{background:var(--pf-badge-negative-hover)}.unified-insight--badge.insight--goal-conflict{background:var(--pf-status-warn-bg);color:var(--pf-badge-warning)}.unified-insight--badge.insight--goal-conflict:hover{background:var(--pf-status-warn-hover)}.unified-insight--badge.insight--unresolved,.unified-insight--badge.insight--memory,.unified-insight--badge.insight--gossip{background:var(--pf-badge-default-bg);color:var(--pf-text-secondary)}.unified-insight--badge.insight--unresolved:hover,.unified-insight--badge.insight--memory:hover,.unified-insight--badge.insight--gossip:hover{background:var(--pf-badge-default-hover)}@media(max-width:767px){.unified-insight--badge{min-height:32px;padding:4px 8px}.unified-insight--card{padding:var(--pf-space-2, 8px)}.unified-insight--card .insight-card-text{font-size:var(--pf-font-size-xs, .625rem)}.unified-insight--card .insight-card-type,.unified-insight--inline .insight-inline-label{display:none}.unified-insight--badge .insight-badge-value{max-width:120px}}@media(prefers-reduced-motion:reduce){.insight-animate{animation:none}.unified-insight{transition:none}.unified-insight--badge:hover{transform:none}}@media(prefers-contrast:high){.unified-insight--card{border-left-width:6px;background:transparent}.unified-insight--badge{border:1px solid var(--insight-accent)}.unified-insight--inline{border-width:2px}}.unified-insight:focus-visible{outline:2px solid var(--insight-accent);outline-offset:2px}.unified-insight--badge:focus-visible{box-shadow:0 0 0 3px rgba(var(--insight-accent),.3)}@media print{.unified-insight{border:1px solid currentColor;background:transparent}.unified-insight--card{border-left-width:3px}}.inline-memory-callout{--memory-color: var(--pf-callout-memory)}.inline-memory-callout{position:relative;display:inline;cursor:pointer;padding:1px 4px;margin:0 -2px;border-radius:4px;background:linear-gradient(90deg,var(--pf-delight-recall-faint),var(--pf-delight-recall-bg),var(--pf-delight-recall-faint));background-size:200% 100%;animation:memory-shimmer 3s ease-in-out infinite;transition:background-color .2s ease,box-shadow .2s ease}.inline-memory-callout:hover{background:var(--pf-delight-recall-20);box-shadow:0 0 8px var(--memory-color, var(--pf-delight-recall-border))}.inline-memory-callout:focus{outline:2px solid var(--memory-color, var(--pf-delight-recall-strong));outline-offset:2px}.inline-memory-callout.ref-direct{border-bottom:2px solid var(--memory-color, #4a90e2)}.inline-memory-callout.ref-paraphrase{border-bottom:2px dashed var(--memory-color, #4a90e2)}.inline-memory-callout.ref-implicit{border-bottom:1px dotted var(--memory-color, #4a90e2)}@keyframes memory-glow{0%{box-shadow:0 0 0 0 var(--memory-color, rgba(74, 144, 226, .6))}25%{box-shadow:0 0 15px 5px var(--memory-color, rgba(74, 144, 226, .4))}50%{box-shadow:0 0 20px 8px var(--memory-color, rgba(74, 144, 226, .3))}75%{box-shadow:0 0 15px 5px var(--memory-color, rgba(74, 144, 226, .2))}to{box-shadow:0 0 0 0 transparent}}@keyframes memory-pop{0%{transform:scale(1)}20%{transform:scale(1.05)}40%{transform:scale(1)}}.inline-memory-callout.new{animation:memory-glow 2s ease-out,memory-pop .4s ease-out,memory-shimmer 3s ease-in-out infinite}.callout-text{color:inherit;text-decoration:underline;text-decoration-color:var(--pf-delight-recall-strong);text-underline-offset:2px}.callout-icon{display:inline-flex;align-items:center;margin-left:2px;color:var(--pf-callout-memory);vertical-align:middle;opacity:.7;transition:opacity .2s ease}.inline-memory-callout:hover .callout-icon{opacity:1}.callout-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;max-width:90vw;padding:12px;background:var(--pf-bg-base);border:1px solid var(--pf-delight-recall-border);border-radius:8px;box-shadow:0 4px 20px var(--pf-overlay-dark-40),0 0 20px var(--pf-delight-recall-subtle);z-index:var(--pf-z-sticky);pointer-events:none;animation:tooltip-fade-in .2s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.callout-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--pf-delight-recall-border)}.tooltip-header{display:flex;align-items:center;gap:6px;color:var(--pf-callout-memory);font-size:12px;font-weight:600;margin-bottom:8px}.tooltip-content{color:var(--pf-text-primary);font-size:13px;line-height:1.4;margin-bottom:8px;padding:8px;background:var(--pf-overlay-dark-20);border-radius:4px;border-left:2px solid var(--pf-callout-memory)}.tooltip-confidence{margin-left:auto;padding:2px 6px;background:var(--pf-delight-recall-20);border-radius:10px;font-size:10px;font-weight:500;color:var(--pf-callout-memory)}.tooltip-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.tooltip-ref-type{display:inline-flex;align-items:center;padding:2px 8px;background:var(--pf-overlay-light-5);border-radius:4px;font-size:10px;color:var(--pf-text-dim);text-transform:uppercase;letter-spacing:.5px}.tooltip-action{display:flex;align-items:center;gap:4px;color:var(--pf-text-gray-mid);font-size:11px}@media(max-width:480px){.callout-tooltip{width:240px;left:0;transform:translate(0)}.callout-tooltip:after{left:20px;transform:translate(0)}}@media(prefers-color-scheme:light){.inline-memory-callout{background:linear-gradient(90deg,var(--pf-delight-recall-5),var(--pf-delight-recall-subtle),var(--pf-delight-recall-5))}.callout-tooltip{background:var(--pf-text-bright);border-color:var(--pf-delight-recall-20);box-shadow:0 4px 20px var(--pf-overlay-dark-15)}.tooltip-content{color:var(--pf-text-gray-dark);background:var(--pf-delight-recall-5)}}.memory-highlight{position:relative;display:inline;padding:1px 4px;margin:0 -2px;border-radius:4px;background:var(--pf-delight-memory-bg);animation:memory-celebration 2s ease-out forwards;cursor:default}@keyframes memory-celebration{0%{background:#8b5cf666;box-shadow:0 0 #8b5cf699,0 0 20px #8b5cf666}30%{background:#8b5cf659;box-shadow:0 0 12px 4px #8b5cf64d,0 0 25px #8b5cf633}to{background:#8b5cf61f;box-shadow:0 0 #8b5cf600,0 0 #8b5cf600}}.memory-highlight:before{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,transparent 0%,var(--pf-delight-memory-subtle) 50%,transparent 100%);background-size:200% 100%;animation:memory-shimmer 4s ease-in-out infinite 2s;pointer-events:none}@keyframes memory-shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.memory-highlight-text{position:relative;z-index:1;font-weight:600;color:var(--pf-delight-memory-text)}.memory-highlight-sparkle{display:inline-flex;align-items:center;margin-left:2px;color:var(--pf-accent-purple-light);vertical-align:middle;opacity:0;animation:sparkle-appear .5s ease-out .3s forwards}@keyframes sparkle-appear{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:.8;transform:scale(1) rotate(0)}}.memory-highlight-sparkle svg{animation:sparkle-twinkle 2s ease-in-out infinite 1s}@keyframes sparkle-twinkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 3px rgba(167,139,250,.8))}}.memory-highlight-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(135deg,var(--pf-delight-memory-deep) 0%,var(--pf-accent-purple) 100%);border-radius:12px;color:var(--pf-contrast-white);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px var(--pf-delight-memory-border),0 0 20px var(--pf-delight-memory-20);z-index:var(--pf-z-sticky);pointer-events:none;animation:tooltip-pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tooltip-pop-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.memory-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--pf-accent-purple)}.tooltip-heart{animation:heart-beat 1s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.memory-highlight:hover{background:var(--pf-delight-memory-25);box-shadow:0 0 8px var(--pf-delight-memory-border)}.choice-echo{margin-top:10px;animation:badge-entrance .4s ease-out}@keyframes sparkle-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 4px rgba(167,139,250,.8))}}.choice-echo-badge-simple{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--pf-delight-memory-20);border-radius:14px;color:var(--pf-accent-purple-light);font-size:13px;font-weight:600;box-shadow:0 2px 8px var(--pf-delight-memory-20)}.choice-echo-badge-simple svg{animation:sparkle-pulse 2s ease-in-out infinite}.choice-echo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--pf-delight-memory-20);border:1px solid var(--pf-delight-memory-border);border-radius:14px;color:var(--pf-accent-purple-light);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--pf-delight-memory-20)}.choice-echo-badge svg:first-child{animation:sparkle-pulse 2s ease-in-out infinite}.choice-echo-badge:hover{background:var(--pf-delight-memory-25);border-color:var(--pf-delight-memory-glow)}.choice-echo.expanded .badge-arrow{transform:rotate(90deg)}.choice-echo-content{margin:8px 0 0;padding:8px 12px;background:var(--pf-delight-memory-faint);border-left:2px solid var(--pf-accent-purple-light);border-radius:0 4px 4px 0;font-size:12px;color:var(--pf-delight-memory-text);font-style:italic;line-height:1.4;animation:reveal .2s ease-out}@media(max-width:480px){.memory-highlight-tooltip{font-size:10px;padding:5px 8px}.choice-echo-badge{font-size:12px;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.memory-highlight{animation:none;background:var(--pf-delight-memory-bg)}.memory-highlight:before{animation:none}.memory-highlight-sparkle{animation:none;opacity:.8}.memory-highlight-sparkle svg,.tooltip-heart{animation:none}.memory-highlight-tooltip{animation:none}}.trust-secret{margin-top:10px;animation:badge-entrance .4s ease-out}@keyframes badge-entrance{0%{opacity:0;transform:translateY(-8px) scale(.9)}50%{transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes golden-sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 6px rgba(251,191,36,.9))}}.trust-secret-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--pf-secret-bg);border:1px solid var(--pf-secret-border);border-radius:14px;color:var(--pf-secret);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--pf-secret-shadow)}.trust-secret-badge svg:first-child{animation:golden-sparkle 2s ease-in-out infinite}.trust-secret-badge:hover{background:var(--pf-secret-hover);border-color:var(--pf-secret-border-strong);box-shadow:0 4px 12px var(--pf-secret-shadow)}.badge-arrow{transition:transform .2s ease}.trust-secret.expanded .badge-arrow{transform:rotate(90deg)}.trust-secret-content{margin:8px 0 0;padding:8px 12px;background:var(--pf-secret-bg);border-left:2px solid var(--pf-secret);border-radius:0 4px 4px 0;font-size:13px;color:var(--pf-contrast-light);font-style:italic;line-height:1.4;animation:reveal .2s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:light){.trust-secret-content{background:var(--pf-secret-bg);color:var(--pf-contrast-dark)}}.live-stream-panel{display:flex;flex-direction:column;height:100%;background:var(--pf-bg-base);color:var(--pf-text-primary);position:relative}.stream-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--pf-border-default);background:var(--pf-bg-void);flex-shrink:0}.stream-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--pf-text-bright)!important}.stream-title span{color:var(--pf-text-bright)!important}.event-count{font-size:.7rem;color:var(--pf-text-bright)!important;background:var(--pf-bg-floating)!important;padding:.15rem .4rem;border-radius:8px;font-family:var(--pf-font-family-mono)}.stream-controls{display:flex;align-items:center;gap:.35rem}.control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;border-radius:4px;border:1px solid var(--pf-border-default);background:transparent;color:var(--pf-text-secondary);cursor:pointer;transition:all .2s ease}.control-btn:hover:not(:disabled){background:var(--pf-bg-elevated);color:var(--pf-text-primary)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.active{background:var(--pf-info);color:var(--pf-text-bright);border-color:var(--pf-info)}.export-btn:hover:not(:disabled){border-color:var(--pf-trust-positive-light);color:var(--pf-trust-positive-light)}.clear-btn:hover:not(:disabled){border-color:var(--pf-trust-negative);color:var(--pf-trust-negative)}.category-filters{position:relative}.filter-toggle-btn{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.7rem;border-radius:4px;border:1px solid var(--pf-border-default);background:transparent;color:var(--pf-text-secondary);cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:var(--pf-bg-elevated);color:var(--pf-text-primary)}.filter-count{font-family:var(--pf-font-family-mono);font-size:.65rem;color:var(--pf-text-secondary)!important}.filter-chevron{transition:transform .2s ease}.filter-chevron.open{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:200px;background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-radius:6px;box-shadow:0 8px 24px var(--pf-overlay-dark-40);z-index:var(--pf-z-sticky);overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--pf-bg-void);border-bottom:1px solid var(--pf-border-default);font-size:.7rem;font-weight:600}.filter-actions{display:flex;gap:.5rem}.filter-action-btn{font-size:.65rem;padding:.15rem .35rem;border-radius:3px;border:none;background:var(--pf-overlay-light-10);color:var(--pf-text-secondary);cursor:pointer;transition:all .15s ease}.filter-action-btn:hover{background:var(--pf-overlay-light-20);color:var(--pf-text-primary)}.filter-options{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s ease}.filter-option:hover{background:var(--pf-overlay-light-5)}.filter-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--filter-color, var(--pf-info));cursor:pointer}.filter-icon{font-size:.85rem}.filter-label{font-size:.75rem;color:var(--pf-text-primary)}.stream-container{flex:1;overflow-y:auto;padding:.5rem}.stream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pf-text-secondary)!important;text-align:center;gap:.5rem}.stream-empty p{margin:0;font-size:.85rem;color:var(--pf-text-secondary)!important}.stream-empty .hint{font-size:.75rem;opacity:.7}.stream-events{display:flex;flex-direction:column;gap:.25rem}.stream-event{background:var(--pf-bg-elevated);border-left:3px solid var(--event-color, var(--pf-info));border-radius:0 4px 4px 0;font-size:.75rem;animation:slideIn .2s ease;overflow:hidden}.stream-event.expanded{background:var(--pf-bg-floating)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.event-main{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;cursor:pointer;transition:background .15s ease}.event-main:hover{background:var(--pf-overlay-light-3)}.event-time{display:flex;align-items:center;gap:.25rem;color:var(--pf-text-muted);font-family:var(--pf-font-family-mono);font-size:.65rem;white-space:nowrap;flex-shrink:0}.event-icon{font-size:.9rem;flex-shrink:0}.event-content{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:.25rem}.event-type{color:var(--event-color, var(--pf-info));font-weight:600;flex-shrink:0}.event-detail{color:var(--pf-text-secondary);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.event-expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--pf-text-muted);cursor:pointer;flex-shrink:0;transition:color .15s ease}.event-expand-btn:hover{color:var(--pf-text-primary)}.event-details{padding:.5rem .75rem;border-top:1px solid var(--pf-border-default);background:var(--pf-overlay-dark-20);animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.event-json{margin:0;padding:.5rem;font-family:var(--pf-font-family-mono);font-size:.7rem;color:var(--pf-text-secondary);background:var(--pf-bg-void);border-radius:4px;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.new-events-indicator{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.7rem;font-weight:500;background:var(--pf-info);color:var(--pf-text-bright);border:none;border-radius:16px;cursor:pointer;box-shadow:0 4px 12px var(--pf-info-glow);animation:bounceIn .3s ease,pulse 2s infinite;transition:transform .15s ease,box-shadow .15s ease;z-index:10}.new-events-indicator:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 16px var(--pf-info-glow)}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}60%{transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.stream-container::-webkit-scrollbar{width:6px}.stream-container::-webkit-scrollbar-track{background:transparent}.stream-container::-webkit-scrollbar-thumb{background:var(--pf-border-default);border-radius:3px}.stream-container::-webkit-scrollbar-thumb:hover{background:var(--pf-border-strong)}.event-json::-webkit-scrollbar{width:4px;height:4px}.event-json::-webkit-scrollbar-track{background:transparent}.event-json::-webkit-scrollbar-thumb{background:var(--pf-border-default);border-radius:2px}@media(max-width:500px){.stream-header{flex-wrap:wrap;gap:.5rem}.stream-controls{width:100%;justify-content:flex-end}.filter-dropdown{left:0;right:auto;width:180px}.event-time{display:none}.event-content{flex-direction:column;gap:.15rem}}.memory-detail-panel{position:fixed;inset:0;z-index:var(--pf-z-modal);display:flex;justify-content:flex-end}.panel-backdrop{position:absolute;inset:0;background:var(--pf-overlay-dark-50);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-container{position:relative;width:100%;max-width:480px;height:100%;background:var(--pf-bg-base);border-left:1px solid var(--pf-overlay-light-10);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--pf-overlay-light-3);border-bottom:1px solid var(--pf-overlay-light-8);border-left:3px solid var(--type-color, var(--pf-info-light))}.header-type{display:flex;align-items:center;gap:10px}.header-type .type-icon{font-size:1.4rem}.header-type .type-label{font-size:1rem;font-weight:600;color:var(--pf-text-primary)}.header-actions{display:flex;align-items:center;gap:8px}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:6px;color:var(--pf-text-secondary);cursor:pointer;transition:all .15s ease}.close-btn:hover{background:var(--pf-trust-negative-bg);border-color:var(--pf-trust-negative-border);color:var(--pf-trust-negative-light)}.panel-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-section{background:var(--pf-overlay-light-2);border:1px solid var(--pf-overlay-light-6);border-radius:8px;overflow:hidden}.section-header{display:flex;align-items:center;gap:8px;width:100%;padding:12px;min-height:44px;background:transparent;border:none;color:var(--pf-text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s ease}.section-header:hover{background:var(--pf-overlay-light-3)}.section-header svg{color:var(--pf-text-muted)}.section-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.content-block{padding:12px;background:var(--pf-overlay-dark-20);border-radius:6px;border:1px solid var(--pf-overlay-light-4)}.memory-content{margin:0;font-size:.9rem;line-height:1.6;color:var(--pf-text-primary);white-space:pre-wrap;word-break:break-word}.property-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--pf-overlay-light-4)}.property-row:last-child{border-bottom:none}.property-label{display:flex;align-items:center;gap:6px;min-width:120px;font-size:.75rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.5px}.property-label svg{opacity:.7}.property-value{flex:1;font-size:.85rem;color:var(--pf-text-primary)}.property-value.monospace{font-family:SF Mono,Consolas,monospace;font-size:.75rem;background:var(--pf-overlay-dark-20);padding:2px 6px;border-radius:3px;word-break:break-all}.property-group{display:flex;flex-direction:column;gap:6px}.group-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--pf-text-secondary)}.copy-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;min-height:44px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:4px;color:var(--pf-text-muted);font-size:.65rem;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:var(--pf-info-glow);border-color:var(--pf-status-info-border);color:var(--pf-info)}.strength-meter{display:flex;align-items:center;gap:10px}.meter-bar{flex:1;height:8px;background:var(--pf-overlay-light-10);border-radius:4px;overflow:hidden}.meter-fill{height:100%;border-radius:4px;transition:width .3s ease}.meter-value{font-size:.85rem;font-weight:600;color:var(--pf-text-primary);min-width:40px;text-align:right}.type-description{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--pf-overlay-dark-15);border-radius:6px}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500;color:var(--pf-text-bright);width:fit-content}.type-desc{margin:0;font-size:.8rem;color:var(--pf-text-secondary);line-height:1.4}.decay-info{padding:10px;background:var(--pf-status-warn-5);border:1px solid var(--pf-status-warn-bg);border-radius:6px}.retention-display{margin-top:8px;padding-top:8px;border-top:1px solid var(--pf-overlay-light-6)}.retention-label{font-size:.75rem;color:var(--pf-text-muted);margin-bottom:6px;display:block}.retention-warning{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:var(--pf-trust-negative-glow);border-radius:4px;color:var(--pf-trust-negative-light);font-size:.75rem}.no-decay-badge{padding:8px 12px;background:var(--pf-trust-positive-glow);border:1px solid var(--pf-status-success-hover);border-radius:6px;color:var(--pf-trust-positive-light);font-size:.8rem}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.detail-tag{padding:3px 8px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-15);border-radius:4px;font-size:.75rem;color:var(--pf-text-secondary)}.association-list{display:flex;flex-wrap:wrap;gap:6px}.association-item{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--pf-info-glow);border:1px solid var(--pf-status-info-hover);border-radius:4px;font-size:.75rem;color:var(--pf-info)}.empty-value{font-size:.8rem;font-style:italic;color:var(--pf-text-muted)}.json-viewer{border:1px solid var(--pf-overlay-light-6);border-radius:6px;overflow:hidden}.json-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--pf-overlay-dark-20)}.json-toggle{display:flex;align-items:center;gap:6px;min-height:44px;background:none;border:none;color:var(--pf-text-secondary);font-size:.75rem;cursor:pointer}.json-toggle:hover{color:var(--pf-text-primary)}.json-empty{font-size:.75rem;font-style:italic;color:var(--pf-text-muted)}.json-content{margin:0;padding:12px;background:var(--pf-overlay-dark-25);font-family:SF Mono,Consolas,monospace;font-size:.7rem;line-height:1.5;color:var(--pf-text-secondary);overflow-x:auto;max-height:300px}.raw-data-section{display:flex;flex-direction:column;gap:8px}.raw-data-hint{margin:0;font-size:.75rem;color:var(--pf-text-muted);font-style:italic}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:var(--pf-overlay-light-2)}.panel-content::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--pf-overlay-light-15)}@media(max-width:600px){.panel-container{max-width:100%}.property-label{min-width:90px}}.memory-browser{display:flex;flex-direction:column;height:100%;gap:12px;padding:12px;overflow:hidden}.browser-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--pf-overlay-light-8)}.browser-title{display:flex;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;color:var(--pf-text-primary)}.browser-title svg{color:var(--pf-info)}.header-actions{display:flex;align-items:center;gap:12px}.memory-count{font-size:.75rem;color:var(--pf-text-muted)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--pf-overlay-light-10);border-radius:6px;color:var(--pf-text-muted);cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-20);color:var(--pf-text-primary)}.search-bar{display:flex;gap:8px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--pf-text-muted);pointer-events:none}.search-input{width:100%;padding:8px 32px 8px 36px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:8px;color:var(--pf-text-primary);font-size:.85rem;transition:all .2s ease}.search-input::placeholder{color:var(--pf-text-muted)}.search-input:focus{outline:none;background:var(--pf-overlay-light-8);border-color:var(--pf-info);box-shadow:0 0 0 3px var(--pf-info-glow)}.clear-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-10);border:none;border-radius:4px;color:var(--pf-text-muted);cursor:pointer;transition:all .15s ease}.clear-search:hover{background:var(--pf-overlay-light-20);color:var(--pf-text-primary)}.sort-dropdown{position:relative}.sort-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:8px;color:var(--pf-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-trigger:hover{background:var(--pf-overlay-light-8);border-color:var(--pf-overlay-light-20)}.sort-trigger svg.open{transform:rotate(180deg)}.sort-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--pf-bg-base);border:1px solid var(--pf-overlay-light-10);border-radius:8px;box-shadow:0 4px 16px var(--pf-overlay-dark-30);z-index:var(--pf-z-sticky);overflow:hidden}.sort-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--pf-text-secondary);font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s ease}.sort-option:hover{background:var(--pf-overlay-light-5)}.sort-option.active{background:var(--pf-info-glow);color:var(--pf-info)}.sort-option svg{opacity:.7}.date-filter{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--pf-overlay-light-6)}.date-filter-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.5px}.date-filter-header svg{opacity:.7}.date-presets{display:flex;flex-wrap:wrap;gap:4px}.date-preset-btn{padding:4px 10px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:4px;color:var(--pf-text-secondary);font-size:.7rem;cursor:pointer;transition:all .2s ease}.date-preset-btn:hover{background:var(--pf-overlay-light-8);border-color:var(--pf-overlay-light-20)}.date-preset-btn.active{background:var(--pf-info-glow);border-color:var(--pf-info);color:var(--pf-info)}.custom-date-inputs{display:flex;gap:12px;margin-top:4px}.date-input-group{display:flex;align-items:center;gap:6px}.date-input-group label{font-size:.7rem;color:var(--pf-text-muted)}.date-input{padding:4px 8px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:4px;color:var(--pf-text-primary);font-size:.75rem;cursor:pointer}.date-input:focus{outline:none;border-color:var(--pf-info);box-shadow:0 0 0 2px var(--pf-info-glow)}.date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.type-filters{display:flex;flex-direction:column;gap:8px}.filters-row{display:flex;flex-wrap:wrap;gap:6px}.type-filter-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:16px;color:var(--pf-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.type-filter-pill:hover{background:var(--pf-overlay-light-8);border-color:var(--pill-color, var(--pf-overlay-light-20))}.type-filter-pill.selected{background:color-mix(in srgb,var(--pill-color) 15%,transparent);border-color:var(--pill-color);color:var(--pill-color)}.pill-icon{font-size:.85rem}.pill-label{font-weight:500}.pill-count{padding:0 5px;background:var(--pf-overlay-light-10);border-radius:8px;font-size:.65rem;font-weight:600}.type-filter-pill.selected .pill-count{background:var(--pill-color);color:var(--pf-text-bright)}.clear-filters{display:flex;align-items:center;gap:4px;align-self:flex-start;padding:4px 8px;background:transparent;border:1px solid var(--pf-trust-negative-glow);border-radius:4px;color:var(--pf-trust-negative);font-size:.7rem;cursor:pointer;transition:all .15s ease}.clear-filters:hover{background:var(--pf-status-bad-subtle);border-color:var(--pf-status-bad-border)}.browser-results{flex:1;overflow-y:auto;padding:4px 0}.browser-results::-webkit-scrollbar{width:4px}.browser-results::-webkit-scrollbar-track{background:transparent}.browser-results::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:2px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--pf-text-muted);text-align:center}.loading-spinner{width:24px;height:24px;border:2px solid var(--pf-overlay-light-10);border-top-color:var(--pf-info);border-radius:50%;animation:spin .8s linear infinite}.empty-icon{font-size:2rem;opacity:.5}.empty-state svg{opacity:.3}.empty-state p{margin:0;font-size:.9rem}.empty-hint{font-size:.75rem;opacity:.7}.empty-state button{margin-top:8px;padding:6px 12px;background:var(--pf-info);border:none;border-radius:6px;color:var(--pf-text-bright);font-size:.8rem;cursor:pointer;transition:background .2s ease}.empty-state button:hover{background:var(--pf-info)}.memory-list{display:flex;flex-direction:column;gap:8px}.memory-entry{padding:10px 12px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-left:3px solid var(--memory-color, #60a5fa);border-radius:8px;cursor:pointer;transition:all .2s ease}.memory-entry:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-12)}.memory-entry.is-new{animation:pulseNew 2s ease-out}@keyframes pulseNew{0%{background:color-mix(in srgb,var(--memory-color) 20%,transparent);box-shadow:0 0 0 0 var(--memory-color)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--memory-color) 30%,transparent)}to{background:#ffffff08;box-shadow:0 0 0 0 transparent}}.entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.entry-type{display:flex;align-items:center;gap:6px}.type-icon{font-size:.9rem}.type-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--memory-color)}.entry-meta{display:flex;align-items:center;gap:8px}.new-badge{padding:2px 6px;background:linear-gradient(135deg,var(--pf-trust-positive-light) 0%,var(--pf-trust-positive) 100%);border-radius:4px;color:var(--pf-text-bright);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:badgePulse 1.5s ease-in-out infinite}.hit-badge{padding:2px 6px;background:linear-gradient(135deg,var(--pf-accent-purple-dark) 0%,var(--pf-accent-purple-light) 100%);border-radius:4px;color:var(--pf-text-bright);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.memory-entry.is-highlighted{animation:highlightPulse 3s ease-out;border-color:var(--pf-accent-purple);box-shadow:0 0 0 2px var(--pf-accent-purple-glow)}@keyframes highlightPulse{0%{background:#7c3aed33;box-shadow:0 0 0 4px #7c3aed66}to{background:var(--pf-overlay-light-3);box-shadow:0 0 0 2px #7c3aed4d}}.entry-time{font-size:.7rem;color:var(--pf-text-muted)}.expand-icon{color:var(--pf-text-muted);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.entry-content{font-size:.85rem;line-height:1.5;color:var(--pf-text-secondary);margin-bottom:8px}.search-highlight{background:var(--pf-accent-amber-glow);color:var(--pf-accent-amber);padding:0 2px;border-radius:2px}.entry-strength{display:flex;align-items:center;gap:8px}.strength-bar{flex:1;height:4px;background:var(--pf-overlay-light-10);border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width .3s ease}.strength-value{font-size:.65rem;font-weight:600;color:var(--pf-text-muted);min-width:32px;text-align:right}.entry-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--pf-overlay-light-8);display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;align-items:flex-start;gap:8px;font-size:.75rem}.detail-label{color:var(--pf-text-muted);min-width:70px;flex-shrink:0}.detail-value{color:var(--pf-text-secondary)}.detail-value.monospace{font-family:var(--pf-font-family-mono);font-size:.7rem}.detail-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:2px 6px;background:var(--pf-overlay-light-10);border-radius:4px;font-size:.65rem;color:var(--pf-text-secondary)}.assoc-tag{padding:2px 6px;background:var(--pf-info-glow);border:1px solid var(--pf-info-glow);border-radius:4px;font-size:.65rem;color:var(--pf-info)}.view-details-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:8px 12px;background:var(--pf-info-glow);border:1px solid var(--pf-info-glow);border-radius:6px;color:var(--pf-info);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.view-details-btn:hover{background:var(--pf-status-info-hover);border-color:var(--pf-status-info-border)}.view-details-btn svg{opacity:.8}@media(max-width:480px){.search-bar{flex-direction:column}.sort-dropdown{align-self:flex-end}.filters-row{justify-content:flex-start}.type-filter-pill .pill-label{display:none}}.memory-timeline{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #0f0f1a)}.memory-timeline .timeline-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--pf-overlay-light-3);border-bottom:1px solid var(--pf-overlay-light-6)}.timeline-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--pf-text-primary, #e0e0e0)}.timeline-stats{display:flex;gap:12px}.timeline-stats .stat{font-size:.7rem;color:var(--pf-text-tertiary, #8b929e)}.timeline-stats .stat.warning{color:var(--pf-status-warn)}.timeline-filters{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--pf-overlay-light-3);border-bottom:1px solid var(--pf-overlay-light-5)}.filter-label{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--pf-text-tertiary, #8b929e)}.type-filter-row{display:flex;gap:4px}.type-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s ease;opacity:.4}.type-toggle:hover{opacity:.7;background:var(--pf-overlay-light-6)}.type-toggle.active{opacity:1;background:rgba(var(--type-color),.15);border-color:var(--type-color)}.timeline-controls{display:flex;justify-content:flex-end;padding:8px 14px;border-bottom:1px solid var(--pf-overlay-light-5)}.memory-timeline .auto-scroll-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:4px;font-size:.65rem;color:var(--pf-text-tertiary, #8b929e);cursor:pointer;transition:all .15s ease}.memory-timeline .auto-scroll-btn:hover{background:var(--pf-overlay-light-6)}.memory-timeline .auto-scroll-btn.active{background:var(--pf-status-success-subtle);border-color:var(--pf-status-success-border);color:var(--pf-badge-positive)}.timeline-scroll{flex:1;overflow-y:auto;padding:12px 0}.timeline-scroll::-webkit-scrollbar{width:4px}.timeline-scroll::-webkit-scrollbar-track{background:transparent}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:2px}.timeline-empty p{margin:0;font-size:.9rem}.timeline-empty span{font-size:.75rem;opacity:.7}.timeline-periods{display:flex;flex-direction:column;gap:4px}.timeline-period{display:flex;flex-direction:column}.period-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--pf-overlay-light-3);border:none;border-bottom:1px solid var(--pf-overlay-light-5);color:var(--pf-text-secondary, #bbb);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s ease}.period-header:hover{background:var(--pf-overlay-light-5)}.period-header svg{color:var(--pf-text-tertiary, #8b929e)}.period-label{flex:1}.period-count{padding:2px 6px;background:var(--pf-overlay-light-8);border-radius:10px;font-size:.65rem;color:var(--pf-text-tertiary, #8b929e)}.period-events{padding:8px 14px 8px 20px;display:flex;flex-direction:column;gap:0}.timeline-memory-event{display:flex;gap:12px;position:relative}.timeline-memory-event.is-new .event-card{animation:newEventPulse 1.5s ease-in-out}@keyframes newEventPulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 0 4px #4ade804d}}.timeline-memory-event.decaying .event-card{opacity:.7;border-left-color:var(--pf-status-warn)}.event-connector{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.event-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pf-badge-event);flex-shrink:0}.event-icon{font-size:.65rem}.event-line{flex:1;width:2px;min-height:20px;background:linear-gradient(to bottom,var(--pf-overlay-light-20),var(--pf-overlay-light-5));border:none;margin:4px 0}.event-card{flex:1;padding:10px 12px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-6);border-left:3px solid var(--pf-overlay-light-10);border-radius:8px;margin-bottom:8px;position:relative;transition:all .2s ease}.event-card:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-10)}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.event-time{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--pf-text-tertiary, #8b929e)}.event-content{font-size:.8rem;line-height:1.5;color:var(--pf-text-secondary, #bbb);margin-bottom:8px}.event-footer{display:flex;align-items:center;gap:10px}.event-strength{display:flex;align-items:center;gap:4px;color:var(--pf-text-tertiary, #8b929e)}.strength-mini-bar{width:40px;height:4px;background:var(--pf-overlay-light-10);border-radius:2px;overflow:hidden}.strength-mini-fill{height:100%;border-radius:2px}.event-retention{display:flex;align-items:center;gap:3px;font-size:.65rem;color:var(--pf-text-tertiary, #8b929e)}.event-retention.warning{color:var(--pf-status-warn)}.view-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:auto;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:4px;color:var(--pf-text-tertiary, #8b929e);cursor:pointer;transition:all .15s ease}.view-btn:hover{background:var(--pf-badge-event-bg);border-color:var(--pf-badge-event-border);color:var(--accent-blue, #3b82f6)}.new-indicator{position:absolute;top:6px;right:6px;padding:2px 6px;background:linear-gradient(135deg,var(--pf-viz-consolidated) 0%,var(--pf-viz-audio-peak) 100%);border-radius:4px;color:var(--pf-contrast-white);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.timeline-memory-event.consolidated .event-card{border-left-color:var(--pf-viz-consolidated);background:var(--pf-viz-consolidated-3)}.timeline-memory-event.consolidated .event-connector .event-dot{box-shadow:0 0 0 3px var(--pf-viz-consolidated-20)}.consolidation-badge{display:flex;align-items:center;gap:2px;padding:2px 6px;background:var(--pf-viz-consolidated-bg);border:1px solid var(--pf-status-success-border);border-radius:4px;font-size:.6rem;color:var(--pf-viz-consolidated);margin-left:auto}.consolidation-badge svg{width:10px;height:10px}.consolidation-target-badge{display:flex;align-items:center;gap:3px;padding:2px 6px;background:var(--pf-status-info-bg);border:1px solid var(--pf-status-info-border);border-radius:4px;font-size:.55rem;color:var(--pf-badge-event);margin-left:auto}.consolidated-indicator{position:absolute;bottom:6px;right:6px;padding:2px 6px;background:linear-gradient(135deg,var(--pf-viz-consolidated) 0%,var(--pf-viz-audio-peak) 100%);border-radius:4px;color:var(--pf-contrast-white);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.timeline-stats .stat.consolidated{color:var(--pf-viz-consolidated)}@media(max-width:480px){.timeline-filters{flex-direction:column;align-items:flex-start;gap:8px}.event-card{padding:8px 10px}.event-content{font-size:.75rem}.consolidation-badge,.consolidation-target-badge{font-size:.5rem;padding:1px 4px}}.mirix-explorer{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--pf-bg-floating);border-radius:12px;border:1px solid var(--pf-border-default);height:100%;min-height:0;overflow-y:auto}.mirix-header{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:10px}.mirix-title{margin:0;font-size:16px;font-weight:600;color:var(--pf-text-primary)}.agent-badge{padding:3px 10px;background:var(--pf-inspector-primary-bg);border:1px solid var(--pf-inspector-primary-border);border-radius:12px;font-size:11px;color:var(--pf-accent-purple-light);font-weight:500}.header-right{display:flex;align-items:center;gap:10px}.total-memories{font-size:12px;color:var(--pf-text-secondary);font-family:var(--pf-font-family-mono)}.refresh-btn{width:28px;height:28px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-radius:6px;color:var(--pf-text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}.refresh-btn:hover{background:var(--pf-bg-floating);color:var(--pf-text-primary);transform:rotate(90deg)}.view-tabs{display:flex;gap:4px;padding:4px;background:var(--pf-bg-elevated);border-radius:8px}.view-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--pf-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-tab:hover{color:var(--pf-text-primary);background:var(--pf-bg-floating)}.view-tab.active{background:var(--pf-inspector-primary-hover);color:var(--pf-accent-purple-light)}.memory-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memory-type-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.memory-type-card:hover{background:var(--pf-bg-floating);border-color:var(--pf-accent-cyan, var(--pf-overlay-light-15));transform:translateY(-1px)}.memory-type-card.selected{background:rgba(var(--pf-accent-cyan),.1);border-color:var(--pf-accent-cyan);box-shadow:0 0 12px rgba(var(--pf-accent-cyan),.2)}.card-icon{font-size:20px;line-height:1}.card-content{display:flex;flex-direction:column;gap:2px}.card-label{font-size:12px;font-weight:600;color:var(--pf-text-primary)}.card-description{font-size:10px;color:var(--pf-text-secondary);line-height:1.3}.card-count{font-size:11px;font-weight:500;color:var(--pf-text-secondary);font-family:var(--pf-font-family-mono);margin-top:4px}.card-bar{height:3px;background:var(--pf-overlay-light-10);border-radius:2px;overflow:hidden}.card-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.relationship-status{padding:14px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:10px;margin-top:4px}.relationship-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.relationship-label{font-size:12px;font-weight:600;color:var(--pf-overlay-light-70);text-transform:uppercase;letter-spacing:.5px}.relationship-phase{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize;border:1px solid}.relationship-metrics{display:flex;flex-direction:column;gap:10px}.metric{display:grid;grid-template-columns:80px 50px 1fr;align-items:center;gap:10px}.metric-label{font-size:11px;color:var(--pf-overlay-light-50)}.metric-value{font-size:13px;font-weight:600;color:var(--pf-overlay-light-90);font-family:var(--pf-font-family-mono)}.metric-value.category{text-transform:capitalize;font-family:inherit}.metric-bar{height:6px;background:var(--pf-overlay-light-10);border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-bar-fill.trust{background:linear-gradient(90deg,var(--pf-trust-negative) 0%,var(--pf-accent-amber) 35%,var(--pf-trust-positive-light) 65%,var(--pf-info) 100%)}.memories-view{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.filter-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--pf-inspector-primary-bg);border:1px solid var(--pf-inspector-primary-hover);border-radius:8px;font-size:12px;color:var(--pf-overlay-light-80)}.filter-indicator button{background:none;border:none;color:var(--pf-accent-purple-light);cursor:pointer;font-size:11px;text-decoration:underline}.filter-indicator button:hover{color:var(--pf-accent-purple-light)}.memory-type-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 10px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:6px;color:var(--pf-overlay-light-60);font-size:12px;cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:var(--pf-overlay-light-10);color:var(--pf-overlay-light-90)}.filter-btn.active{background:rgba(var(--filter-color),.2);border-color:var(--filter-color, var(--pf-inspector-primary));color:var(--filter-color, #a78bfa)}.memories-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto}.memories-list::-webkit-scrollbar{width:6px}.memories-list::-webkit-scrollbar-track{background:var(--pf-overlay-light-5);border-radius:3px}.memories-list::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-15);border-radius:3px}.memories-list::-webkit-scrollbar-thumb:hover{background:var(--pf-overlay-light-25)}.memory-item{padding:12px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:8px;cursor:pointer;transition:all .15s ease}.memory-item:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-12)}.memory-item.expanded{background:var(--pf-overlay-light-6)}.memory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.memory-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500;color:var(--pf-overlay-light-95)}.memory-time{font-size:10px;color:var(--pf-overlay-light-60);font-family:var(--pf-font-family-mono)}.memory-content{font-size:12px;color:var(--pf-overlay-light-80);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-item.expanded .memory-content{-webkit-line-clamp:unset;display:block}.memory-metadata{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--pf-overlay-light-8)}.metadata-tag{padding:3px 8px;background:var(--pf-overlay-light-5);border-radius:4px;font-size:10px;color:var(--pf-overlay-light-60)}.metadata-tag.positive{background:var(--pf-status-success-bg);color:var(--pf-trust-positive-light)}.metadata-tag.negative{background:var(--pf-status-bad-bg);color:var(--pf-trust-negative)}.no-memories{padding:40px 20px;text-align:center;color:var(--pf-overlay-light-60);font-size:13px}.summary-view{display:flex;flex-direction:column;gap:16px}.memory-summary{padding:14px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:10px}.summary-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--pf-overlay-light-80)}.summary-section{margin-bottom:12px}.summary-section:last-child{margin-bottom:0}.summary-label{display:block;font-size:10px;font-weight:500;color:var(--pf-overlay-light-50);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-content{margin:0;font-size:12px;color:var(--pf-overlay-light-75);line-height:1.5}.agent-info{padding:14px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:10px}.agent-info-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--pf-overlay-light-80)}.agent-details{display:flex;flex-direction:column;gap:12px}.agent-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:10px;font-weight:500;color:var(--pf-overlay-light-50);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:12px;color:var(--pf-overlay-light-80)}.trait-tags{display:flex;flex-wrap:wrap;gap:6px}.trait-tag{padding:3px 8px;background:var(--pf-inspector-primary-bg);border:1px solid var(--pf-inspector-primary-border);border-radius:10px;font-size:10px;color:var(--pf-accent-purple-light)}.goals-list{margin:0;padding-left:16px;font-size:12px;color:var(--pf-overlay-light-70);line-height:1.6}.goals-list li{margin-bottom:4px}.goals-list li:last-child{margin-bottom:0}.mirix-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--pf-inspector-primary-hover);border-top-color:var(--pf-accent-purple-light);border-radius:50%;animation:spin .8s linear infinite}.empty-icon{font-size:36px;opacity:.5}.empty-title{font-size:14px;font-weight:600;color:var(--pf-overlay-light-70)}.empty-subtitle{font-size:12px;color:var(--pf-overlay-light-60)}@media(max-width:400px){.memory-types-grid{grid-template-columns:repeat(2,1fr)}.metric{grid-template-columns:70px 40px 1fr}.mirix-header{flex-direction:column;align-items:flex-start;gap:10px}.header-right{width:100%;justify-content:space-between}}.memory-type-card{animation:card-enter .3s ease-out}.memory-type-card:nth-child(1){animation-delay:0s}.memory-type-card:nth-child(2){animation-delay:.05s}.memory-type-card:nth-child(3){animation-delay:.1s}.memory-type-card:nth-child(4){animation-delay:.15s}.memory-type-card:nth-child(5){animation-delay:.2s}.memory-type-card:nth-child(6){animation-delay:.25s}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.memory-item{animation:item-fade-in .2s ease-out}@keyframes item-fade-in{0%{opacity:0}to{opacity:1}}.scope-toggle{display:flex;gap:2px;background:var(--pf-overlay-dark-30);border-radius:6px;padding:2px}.scope-btn{padding:4px 10px;border:none;background:transparent;border-radius:4px;font-size:10px;font-weight:500;color:var(--pf-overlay-light-50);cursor:pointer;transition:all .15s ease}.scope-btn:hover{color:var(--pf-overlay-light-80)}.scope-btn.active{background:var(--pf-inspector-primary);color:var(--pf-accent-purple-light)}.sections-view{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.memory-section{background:var(--pf-overlay-light-2);border:1px solid var(--pf-overlay-light-6);border-radius:10px;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:var(--pf-overlay-dark-20);border:none;cursor:pointer;transition:background .15s ease}.section-header:hover{background:var(--pf-overlay-dark-30)}.section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--pf-overlay-light-90)}.section-icon{font-size:14px}.section-count{font-size:11px;font-weight:400;color:var(--pf-overlay-light-50);font-family:var(--pf-font-family-mono)}.section-chevron{font-size:10px;color:var(--pf-overlay-light-60);transition:transform .2s ease}.section-chevron.open{transform:rotate(0)}.memory-section.collapsed .section-chevron{transform:rotate(-90deg)}.section-content{padding:10px;display:flex;flex-direction:column;gap:8px}.section-empty{padding:20px;text-align:center;font-size:12px;color:var(--pf-overlay-light-60);font-style:italic}.new-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:linear-gradient(135deg,var(--pf-trust-positive-light) 0%,var(--pf-trust-positive) 100%);color:var(--pf-text-bright);font-size:8px;font-weight:700;letter-spacing:.5px;border-radius:4px;text-transform:uppercase;animation:pulse-badge 2s ease-in-out infinite;box-shadow:0 0 8px var(--pf-status-success-shadow)}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 8px #4ade8066}50%{transform:scale(1.05);box-shadow:0 0 12px #4ade8099}}.memory-item.is-new{border-color:var(--pf-status-success-border);background:var(--pf-status-success-bg);animation:new-memory-glow 2s ease-in-out}@keyframes new-memory-glow{0%{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 15px 2px #4ade8033}to{box-shadow:0 0 #4ade8000}}.memory-strength-row{display:flex;align-items:center;gap:8px;margin:6px 0}.strength-label{font-size:10px;color:var(--pf-overlay-light-50);flex-shrink:0}.strength-bar{flex:1;height:6px;background:var(--pf-overlay-light-10);border-radius:3px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:3px;transition:width .3s ease;background:linear-gradient(90deg,currentColor 0%,currentColor 100%)}.strength-value{font-size:10px;font-weight:600;color:var(--pf-overlay-light-70);font-family:var(--pf-font-family-mono);min-width:32px;text-align:right}.memory-decay{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-top:8px;background:var(--pf-accent-amber-bg);border:1px solid var(--pf-status-warn-border);border-radius:6px;font-size:10px}.decay-icon{font-size:12px}.decay-text{color:var(--pf-status-warn);font-family:var(--pf-font-family-mono)}.links-count{margin-left:auto;color:var(--pf-overlay-light-50);font-family:var(--pf-font-family-mono)}.memory-header-left{display:flex;align-items:center;gap:8px}.memory-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.memory-tags .tag{padding:2px 6px;background:var(--pf-status-info-bg);border:1px solid var(--pf-status-info-border);border-radius:4px;font-size:9px;color:var(--pf-info)}.memory-counts-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,var(--pf-inspector-primary-bg) 0%,var(--pf-status-info-bg) 100%);border:1px solid var(--pf-inspector-primary-bg);border-radius:10px}.counts-bar-label{display:flex;align-items:baseline;gap:4px;flex-shrink:0;padding-right:12px;border-right:1px solid var(--pf-overlay-light-10)}.counts-total{font-size:18px;font-weight:700;color:var(--pf-accent-purple-light);font-family:var(--pf-font-family-mono)}.counts-label{font-size:10px;color:var(--pf-overlay-light-50);text-transform:uppercase;letter-spacing:.5px}.counts-bar-types{display:flex;flex-wrap:wrap;gap:6px;flex:1}.count-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-8);border-radius:20px;transition:all .2s ease}.count-pill.has-count{background:rgba(var(--pill-color, 167, 139, 250),.15);border-color:var(--pill-color, #a78bfa)}.count-pill:hover{transform:translateY(-1px);border-color:var(--pill-color, var(--pf-overlay-light-20))}.pill-icon{font-size:12px;line-height:1}.pill-count{font-size:11px;font-weight:600;color:var(--pill-color, var(--pf-overlay-light-60));font-family:var(--pf-font-family-mono);min-width:14px;text-align:center}.count-pill.has-count .pill-count{color:var(--pill-color, #a78bfa)}@keyframes count-bump{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.count-pill.has-count .pill-count{animation:count-bump .3s ease-out}@media(max-width:400px){.memory-counts-bar{flex-direction:column;align-items:flex-start;gap:8px}.counts-bar-label{border-right:none;border-bottom:1px solid var(--pf-overlay-light-10);padding-right:0;padding-bottom:8px;width:100%}.counts-bar-types{width:100%;justify-content:flex-start}}.memory-type-legend{margin-top:-8px}.legend-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;cursor:pointer;color:var(--pf-overlay-light-50);font-size:11px;transition:all .15s ease}.legend-toggle:hover{color:var(--pf-overlay-light-80)}.legend-toggle-icon{font-size:8px;transition:transform .2s ease}.legend-toggle-text{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.legend-content{margin-top:8px;padding:12px;background:var(--pf-overlay-dark-25);border:1px solid var(--pf-overlay-light-8);border-radius:10px;animation:legend-expand .2s ease-out}@keyframes legend-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.legend-type-item{padding:10px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-6);border-radius:8px;border-left:3px solid var(--type-color, #a78bfa);transition:all .15s ease}.legend-type-item:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-10)}.legend-type-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.legend-type-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px;flex-shrink:0}.legend-type-name{font-size:12px;font-weight:600;color:var(--pf-overlay-light-90);flex:1}.legend-type-decay{font-size:9px;font-weight:500;padding:2px 6px;border-radius:10px;font-family:var(--pf-font-family-mono)}.legend-type-decay.permanent{background:var(--pf-status-success-bg);color:var(--pf-trust-positive-light);border:1px solid var(--pf-status-success-border)}.legend-type-decay.decays{background:var(--pf-status-warn-bg);color:var(--pf-accent-amber);border:1px solid var(--pf-accent-amber-border)}.legend-type-description{margin:0;font-size:10px;color:var(--pf-overlay-light-60);line-height:1.4}.legend-footer{display:flex;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--pf-overlay-light-6)}.legend-footer-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--pf-overlay-light-50)}.legend-footer-dot{width:8px;height:8px;border-radius:50%}.legend-footer-dot.permanent{background:var(--pf-trust-positive-light)}.legend-footer-dot.decays{background:var(--pf-accent-amber)}@media(max-width:400px){.legend-grid{grid-template-columns:1fr}.legend-footer{flex-direction:column;gap:8px}}.memory-distribution-chart{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:var(--pf-overlay-light-2);border:1px solid var(--pf-overlay-light-6);border-radius:12px}.distribution-donut{width:180px;height:180px}.donut-segment{filter:drop-shadow(0 2px 4px var(--pf-overlay-dark-30));transition:all .2s ease}.donut-segment:hover,.donut-segment.active{filter:drop-shadow(0 4px 12px var(--pf-overlay-dark-40))}.donut-segment.selected{filter:drop-shadow(0 0 12px currentColor)}.distribution-donut .center-total{font-size:24px;font-weight:700;fill:var(--pf-overlay-light-95);font-family:var(--pf-font-family-mono)}.distribution-donut .center-label{font-size:11px;font-weight:500;fill:var(--pf-overlay-light-60);text-transform:uppercase;letter-spacing:.5px}.distribution-donut .center-percent{font-size:10px;font-weight:600;fill:var(--pf-overlay-light-50);font-family:var(--pf-font-family-mono)}.distribution-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.legend-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-6);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:11px}.legend-item:hover{background:var(--pf-overlay-light-6);border-color:var(--legend-color, var(--pf-overlay-light-15))}.legend-item.selected{background:rgba(var(--legend-color-rgb, 167, 139, 250),.15);border-color:var(--legend-color, #a78bfa)}.legend-item.empty{opacity:.5}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--legend-color, #888);flex-shrink:0}.legend-icon{font-size:12px;line-height:1}.legend-label{flex:1;color:var(--pf-overlay-light-70);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-count{font-family:var(--pf-font-family-mono);font-size:10px;font-weight:600;color:var(--legend-color, var(--pf-overlay-light-50));min-width:16px;text-align:right}@media(max-width:350px){.distribution-legend{grid-template-columns:repeat(2,1fr)}}.overview-view{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto}.inspector-container{display:flex;flex-direction:column;gap:2rem}.inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pf-text-secondary);gap:1rem;opacity:.5}.inspector-section h3{margin:0 0 1rem;font-size:1rem;color:var(--pf-text-primary);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--pf-border-default);padding-bottom:.5rem}.metric-group{margin-bottom:1.5rem}.metric-group h4{margin:0 0 .5rem;font-size:.8rem;color:var(--pf-text-secondary);text-transform:uppercase}.metric-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.metric-label{width:80px;text-align:right;color:var(--pf-text-secondary)}.metric-bar-container{flex:1;height:6px;background-color:var(--pf-bg-elevated);border-radius:3px;overflow:hidden}.metric-bar{height:100%;border-radius:3px;transition:width .5s ease-out}.metric-value{width:30px;font-weight:600}.json-dump{background-color:var(--pf-overlay-dark-30);padding:1rem;border-radius:4px;font-family:monospace;font-size:.8rem;color:var(--pf-text-secondary);overflow-x:auto;font-size:.7rem}.memory-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;font-size:.9rem}.stat-item .label{color:var(--pf-text-secondary)}.stat-item .val{color:var(--pf-accent-cyan);font-family:monospace}.psychology-full{gap:.75rem}.psychology-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--pf-border-default);margin-bottom:.5rem}.psychology-header h3{margin:0;border-bottom:none;padding-bottom:0;display:flex;align-items:center;gap:.5rem}.session-stats{display:flex;gap:.5rem}.stat-pill{background:var(--pf-accent-cyan-bg);border:1px solid var(--pf-accent-cyan-border);padding:.25rem .5rem;border-radius:12px;font-size:.7rem;display:flex;align-items:center;gap:.25rem;color:var(--pf-accent-cyan)}.collapsible-section{border:1px solid var(--pf-border-default);border-radius:6px;overflow:hidden;background:var(--pf-overlay-dark-20)}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--pf-overlay-dark-30);border:none;cursor:pointer;color:var(--pf-text-primary);font-size:.85rem;font-weight:500;transition:background .2s;border-left:3px solid var(--section-color, var(--pf-accent-cyan))}.collapsible-header:hover{background:var(--pf-overlay-dark-40)}.header-left{display:flex;align-items:center;gap:.5rem}.collapsible-content{padding:.75rem}.flat-section{border:1px solid var(--pf-border-default);border-radius:6px;overflow:hidden;background:var(--pf-overlay-dark-20);margin-bottom:.75rem}.flat-section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--pf-overlay-dark-30);color:var(--pf-text-primary);font-size:.8rem;font-weight:500;border-left:3px solid var(--section-color, var(--pf-accent-cyan))}.flat-section-content{padding:.75rem}.detail-section .flat-section-header{padding:.4rem .6rem;font-size:.75rem}.category-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--pf-text-bright)}.dimension-badges{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.dimension-highlight{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;font-size:.85rem}.octant-label{color:var(--pf-text-secondary)}.confidence-text{font-size:.75rem;color:var(--pf-text-secondary)}.asymmetry-indicator,.fit-indicator,.flexibility-indicator{font-size:.75rem;color:var(--pf-text-secondary);margin-top:.5rem;padding:.25rem .5rem;background:var(--pf-overlay-dark-20);border-radius:4px;display:inline-block}.overall-score{font-size:.85rem;margin-top:.5rem;padding:.5rem;background:var(--pf-overlay-dark-20);border-radius:4px;text-align:center}.overall-score strong{color:var(--pf-accent-cyan);font-size:1rem}.mini-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0}.mini-metric{display:flex;flex-direction:column;align-items:center;padding:.4rem;background:var(--pf-overlay-dark-20);border-radius:4px}.mini-label{font-size:.65rem;color:var(--pf-text-secondary);text-transform:uppercase;letter-spacing:.3px}.mini-value{font-size:.9rem;font-weight:600}.debug-toggle{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;font-size:.7rem;padding:.25rem .5rem;min-height:44px;border-radius:4px;transition:all .2s}.debug-toggle:hover{background:var(--pf-overlay-light-10);color:var(--pf-text-primary)}.psychology-full .metric-row{margin-bottom:.4rem}.psychology-full .metric-label{width:90px;font-size:.75rem}.psychology-full .metric-value{width:28px;font-size:.8rem}.psychology-full .metric-group{margin-bottom:.75rem}.psychology-full .metric-group h4{font-size:.7rem;margin-bottom:.4rem}.psychology-panel-v2{display:flex;flex-direction:column;gap:.75rem}.psychology-dashboard{background:var(--pf-overlay-dark-30);border-radius:8px;padding:.75rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--pf-border-default)}.dashboard-header h3{margin:0;font-size:.9rem;display:flex;align-items:center;gap:.5rem;color:var(--pf-text-primary)}.interaction-badge{display:flex;align-items:center;gap:.25rem;background:var(--pf-accent-cyan-bg);border:1px solid var(--pf-accent-cyan-border);padding:.2rem .5rem;border-radius:10px;font-size:.7rem;color:var(--pf-accent-cyan)}.dashboard-controls{display:flex;align-items:center;gap:.5rem}.view-toggle{display:flex;position:relative;background:var(--pf-overlay-dark-30);border-radius:6px;padding:2px;border:1px solid var(--pf-overlay-light-10)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:4px;color:var(--pf-text-secondary);cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover{background:var(--pf-overlay-light-10);color:var(--pf-text-primary)}.view-toggle-btn.active{background:var(--pf-accent-cyan-bg);color:var(--pf-accent-cyan)}.view-toggle--pending{opacity:.7;pointer-events:none}.view-toggle--pending:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--pf-accent-cyan);border-radius:50%;animation:pulse-pending .8s ease-in-out infinite}@keyframes pulse-pending{0%,to{opacity:.4;transform:translateY(-50%) scale(.8)}50%{opacity:1;transform:translateY(-50%) scale(1)}}.primary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.metric-card{background:var(--pf-overlay-dark-30);border-radius:6px;padding:.5rem;border:1px solid var(--pf-overlay-light-10)}.metric-card.trust-card{border-color:var(--pf-trust-positive-border)}.card-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.7rem;color:var(--pf-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-icon{opacity:.7}.trust-score,.ei-score{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.35rem}.big-number{font-size:1.5rem;font-weight:700;line-height:1}.score-label{font-size:.65rem;color:var(--pf-text-secondary)}.trust-breakdown{display:flex;flex-direction:column;gap:.25rem}.trajectory-indicator{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--pf-overlay-light-10)}.compact-metric{margin-bottom:.2rem}.compact-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.compact-metric-label{font-size:.65rem;color:var(--pf-text-secondary)}.compact-metric-value{font-size:.7rem;font-weight:600}.compact-metric-bar-bg{height:3px;background:var(--pf-overlay-light-10);border-radius:1.5px;overflow:hidden}.compact-metric-bar-fill{height:100%;border-radius:1.5px;transition:width .3s ease}.status-badge{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--pf-text-bright)}.mini-stats{display:flex;gap:.5rem;margin-top:.35rem}.mini-stat{display:flex;flex-direction:column;align-items:center}.mini-stat .mini-label{font-size:.55rem;color:var(--pf-text-secondary);text-transform:uppercase}.mini-stat .mini-value{font-size:.75rem;font-weight:600}.secondary-metrics{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:var(--pf-overlay-dark-20);border-radius:4px;margin-bottom:.5rem}.secondary-metric{display:flex;align-items:center;gap:.35rem;font-size:.7rem}.secondary-label{color:var(--pf-text-secondary)}.secondary-value{font-size:.65rem;color:var(--pf-text-secondary)}.warning-icon{color:var(--pf-trust-negative);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.personality-quick{background:var(--pf-overlay-dark-20);border-radius:4px;padding:.5rem}.personality-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.65rem;color:var(--pf-text-secondary);text-transform:uppercase}.personality-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.detail-sections{display:flex;flex-direction:column;gap:.35rem}.detail-section .collapsible-header{padding:.4rem .6rem;font-size:.75rem}.detail-content{display:flex;flex-direction:column;gap:.35rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.detail-row span:first-child{color:var(--pf-text-secondary)}.detail-row.overall{padding-top:.35rem;margin-top:.25rem;border-top:1px solid var(--pf-overlay-light-10)}.conflict-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-top:.35rem}.conflict-item{display:flex;justify-content:space-between;font-size:.7rem;padding:.2rem .4rem;background:var(--pf-overlay-dark-20);border-radius:3px}.conflict-item span:first-child{color:var(--pf-text-secondary)}.debug-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--pf-border-default)}.debug-section .debug-toggle{display:flex;align-items:center;gap:.35rem;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);color:var(--pf-text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.65rem;cursor:pointer;transition:all .2s}.debug-section .debug-toggle:hover{background:var(--pf-overlay-light-10);color:var(--pf-text-primary)}.debug-section .debug-panel{margin-top:.5rem}.debug-section .last-update{font-size:.65rem;color:var(--pf-text-secondary);margin-top:.5rem}.dimensions-15-view{display:flex;flex-direction:column;gap:.5rem}.dimensions-15-header{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--pf-text-secondary);padding:.5rem;background:var(--pf-overlay-dark-20);border-radius:4px;margin-bottom:.25rem}.dimensions-15-header .research-note{margin-left:auto;font-style:italic;opacity:.7}.section-badge{background:var(--pf-overlay-light-10);padding:.1rem .4rem;border-radius:8px;font-size:.6rem;color:var(--pf-text-secondary);margin-left:.25rem}.category-research{font-size:.65rem;color:var(--pf-text-secondary);font-style:italic;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--pf-border-subtle)}.dimension-list{display:flex;flex-direction:column;gap:.35rem}.dimension-row{display:grid;grid-template-columns:90px 1fr 32px;gap:.5rem;align-items:center;padding:.25rem 0;position:relative;cursor:help}.dimension-row:hover{background:var(--pf-overlay-light-3);border-radius:3px}.dimension-name{font-size:.7rem;color:var(--pf-text-primary);display:flex;align-items:center;gap:.2rem}.dimension-name .invert-indicator{color:var(--pf-accent-pink-light);font-size:.8rem;font-weight:700}.dimension-bar-container{height:6px;background:var(--pf-overlay-light-10);border-radius:3px;overflow:hidden}.dimension-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.dimension-value{font-size:.7rem;font-weight:600;text-align:right;font-family:monospace}.dimension-tooltip{position:absolute;left:50%;transform:translate(-50%);bottom:100%;margin-bottom:.5rem;background:var(--pf-overlay-dark-95);border:1px solid var(--pf-overlay-light-20);border-radius:6px;padding:.5rem .75rem;min-width:200px;max-width:280px;z-index:var(--pf-z-sticky);box-shadow:0 4px 12px var(--pf-overlay-dark-50)}.dimension-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--pf-overlay-light-20)}.dimension-tooltip p{margin:0;font-size:.7rem;color:var(--pf-text-primary);line-height:1.4}.dimension-tooltip .tooltip-note{margin-top:.35rem;color:var(--pf-accent-pink-light);font-style:italic}@media(max-width:480px){.mini-metrics-grid{grid-template-columns:repeat(2,1fr)}}.relationship-summary{background:var(--pf-overlay-dark-30);border-radius:8px;padding:.75rem;margin-bottom:.5rem;border-left:4px solid var(--pf-neutral);transition:border-color .3s ease}.relationship-header{display:flex;flex-direction:column;gap:.25rem}.relationship-stage{display:flex;align-items:baseline;gap:.5rem}.stage-label{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.trust-percentage{font-size:.75rem;color:var(--pf-text-secondary);font-weight:400}.stage-description{font-size:.8rem;color:var(--pf-text-secondary);line-height:1.3}.relationship-insights{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--pf-overlay-light-10)}.insight-tag{display:inline-block;background:var(--pf-overlay-light-8);border:1px solid var(--pf-overlay-light-15);padding:.2rem .5rem;border-radius:12px;font-size:.65rem;color:var(--pf-text-primary)}.debug-panel{display:flex;flex-direction:column;gap:1rem}.debug-controls{background-color:var(--pf-overlay-light-5);padding:.75rem;border-radius:4px;border:1px solid var(--pf-border-default)}.debug-controls h4{margin:0 0 .5rem;font-size:.75rem;color:var(--pf-text-secondary);text-transform:uppercase}.button-group{display:flex;gap:.5rem}.button-group button{flex:1;padding:.5rem;min-height:44px;background-color:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-radius:4px;color:var(--pf-text-primary);font-size:.7rem;cursor:pointer;transition:background-color .2s}.button-group button:hover{background-color:var(--pf-accent-cyan);color:var(--pf-contrast-black)}.psychology-heatmap{position:relative;background:var(--pf-surface-glass-dark);border-radius:var(--pf-radius-lg);padding:var(--pf-space-4);font-size:var(--pf-font-size-sm)}.heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-space-4);padding-bottom:var(--pf-space-3);border-bottom:1px solid var(--pf-border-default)}.heatmap-header h3{display:flex;align-items:center;gap:var(--pf-space-2);font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-primary);margin:0}.heatmap-header h3 svg{color:var(--pf-accent-indigo-light)}.dimension-count{font-size:11px;color:var(--pf-text-muted);background:var(--pf-border-subtle);padding:4px 8px;border-radius:10px}.heatmap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pf-space-12);color:var(--pf-text-secondary);gap:var(--pf-space-3)}.heatmap-empty svg{opacity:.3}.category-filter{margin-bottom:var(--pf-space-4)}.filter-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--pf-text-muted);margin-bottom:var(--pf-space-2)}.filter-header svg{opacity:.6}.clear-filters{margin-left:auto;background:none;border:none;color:var(--pf-accent-cyan);font-size:var(--pf-font-size-xs);cursor:pointer;padding:2px 6px;border-radius:var(--pf-radius-sm)}.clear-filters:hover{background:var(--pf-accent-cyan-glow)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--pf-border-subtle);border:1px solid var(--pf-border-default);border-radius:var(--pf-radius-lg);color:var(--pf-text-secondary);font-size:var(--pf-font-size-xs);cursor:pointer;transition:all .15s ease}.filter-chip:hover{background:var(--pf-border-default);border-color:var(--chip-color, var(--pf-border-strong))}.filter-chip.active{background:var(--chip-color, var(--pf-trust-positive-light));background:rgba(var(--chip-color-rgb, 74, 222, 128),.2);border-color:var(--chip-color, var(--pf-trust-positive-light));color:var(--chip-color, var(--pf-trust-positive-light))}.filter-chip svg{opacity:.8}.heatmap-grid{display:flex;flex-direction:column;gap:2px}.heatmap-row{display:flex;gap:2px;transition:opacity .2s ease}.heatmap-row.filtered{opacity:.25}.row-header{display:flex;align-items:center;gap:6px;min-width:110px;padding:8px 10px;background:var(--pf-overlay-light-3);border-radius:var(--pf-radius-md);color:var(--category-color, var(--pf-text-secondary));font-size:11px;font-weight:var(--pf-font-weight-medium)}.row-header svg{flex-shrink:0;opacity:.8}.row-cells{display:flex;gap:2px;flex:1}.heatmap-cell{flex:1;min-width:60px;padding:8px;background:var(--cell-bg, var(--pf-border-default));border-radius:var(--pf-radius-md);cursor:pointer;transition:all .15s ease;position:relative;display:flex;flex-direction:column;gap:2px}.heatmap-cell:hover{transform:scale(1.02);box-shadow:var(--pf-shadow-md);z-index:2}.heatmap-cell.filtered{pointer-events:none}.cell-name{font-size:var(--pf-font-size-xs);color:var(--cell-text, var(--pf-text-secondary));font-weight:var(--pf-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-value{font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-bold);color:var(--cell-text, var(--pf-text-primary));font-family:var(--pf-font-family-mono)}.cell-delta{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:2px;font-size:9px;font-weight:var(--pf-font-weight-semibold);padding:2px 4px;border-radius:var(--pf-radius-sm);animation:delta-pulse 1s ease-out}.cell-delta.positive{background:var(--pf-trust-positive-glow);color:var(--pf-trust-positive-light)}.cell-delta.negative{background:var(--pf-trust-negative-glow);color:var(--pf-trust-negative-light)}.heatmap-cell.has-delta{box-shadow:inset 0 0 0 2px var(--pf-border-default)}.heatmap-cell.delta-positive{box-shadow:inset 0 0 0 2px var(--pf-trust-positive-border)}.heatmap-cell.delta-negative{box-shadow:inset 0 0 0 2px var(--pf-trust-negative-border)}@keyframes delta-pulse{0%{transform:scale(1.2);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.dimension-tooltip{position:absolute;z-index:var(--pf-z-tooltip);width:200px;padding:10px;background:var(--pf-bg-deep);border:1px solid var(--tooltip-color, var(--pf-border-strong));border-radius:var(--pf-radius-md);box-shadow:var(--pf-shadow-lg);transform:translate(-50%,-100%);pointer-events:none;animation:tooltip-appear .1s ease-out}.dimension-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:var(--tooltip-color, var(--pf-border-strong)) transparent transparent}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tooltip-name{font-weight:var(--pf-font-weight-semibold);color:var(--tooltip-color, var(--pf-text-bright));font-size:var(--pf-font-size-sm)}.tooltip-value{font-weight:var(--pf-font-weight-bold);font-family:var(--pf-font-family-mono);color:var(--pf-text-primary)}.tooltip-description{margin:0;font-size:11px;color:var(--pf-text-secondary);line-height:1.4}.tooltip-note{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:var(--pf-font-size-xs);color:var(--pf-text-secondary);font-style:italic}.popover-overlay{position:fixed;inset:0;background:var(--pf-overlay-dark-50);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-tooltip);animation:overlay-fade .15s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.dimension-popover{width:320px;background:var(--pf-bg-deep);border:1px solid var(--popover-color, var(--pf-border-strong));border-radius:var(--pf-radius-lg);box-shadow:var(--pf-shadow-xl);animation:popover-appear .2s ease-out}@keyframes popover-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pf-space-4);border-bottom:1px solid var(--pf-border-default);background:var(--pf-overlay-light-3);border-radius:var(--pf-radius-lg) var(--pf-radius-lg) 0 0}.popover-title{display:flex;align-items:center;gap:var(--pf-space-2);font-weight:var(--pf-font-weight-semibold);font-size:var(--pf-font-size-base);color:var(--popover-color, var(--pf-text-bright))}.popover-title svg{opacity:.8}.popover-close{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:4px;border-radius:var(--pf-radius-sm);display:flex;transition:all .15s ease}.popover-close:hover{background:var(--pf-border-default);color:var(--pf-text-primary)}.popover-content{padding:var(--pf-space-4)}.popover-value-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-space-3)}.value-display{display:flex;align-items:baseline;gap:4px}.current-value{font-size:32px;font-weight:var(--pf-font-weight-bold);color:var(--popover-color, var(--pf-text-bright));font-family:var(--pf-font-family-mono)}.value-label{font-size:var(--pf-font-size-base);color:var(--pf-text-secondary)}.delta-display{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--pf-radius-md);font-weight:var(--pf-font-weight-semibold)}.delta-display.positive{background:var(--pf-trust-positive-bg);color:var(--pf-trust-positive-light)}.delta-display.negative{background:var(--pf-trust-negative-bg);color:var(--pf-trust-negative-light)}.delta-label{font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-normal);opacity:.8;margin-left:4px}.popover-bar{position:relative;height:8px;background:var(--pf-border-default);border-radius:var(--pf-radius-sm);margin-bottom:var(--pf-space-3);overflow:visible}.popover-bar-fill{height:100%;border-radius:var(--pf-radius-sm);transition:width .3s ease}.popover-bar-prev{position:absolute;top:-4px;width:2px;height:16px;background:var(--pf-text-muted);border-radius:1px;transform:translate(-50%)}.popover-description{margin:0 0 var(--pf-space-4);font-size:var(--pf-font-size-sm);color:var(--pf-text-secondary);line-height:1.5}.popover-meta{display:flex;flex-direction:column;gap:var(--pf-space-2);padding-top:var(--pf-space-3);border-top:1px solid var(--pf-border-default)}.meta-item{display:flex;align-items:center;gap:var(--pf-space-2);font-size:11px}.meta-label{color:var(--pf-text-muted)}.meta-value{color:var(--pf-text-primary)}.meta-item.invert-note{color:var(--pf-text-secondary);font-style:italic}.heatmap-legend{display:flex;align-items:center;gap:var(--pf-space-4);margin-top:var(--pf-space-4);padding-top:var(--pf-space-3);border-top:1px solid var(--pf-border-default);font-size:var(--pf-font-size-xs);color:var(--pf-text-muted)}.legend-label{font-weight:var(--pf-font-weight-medium)}.legend-gradient{display:flex;align-items:center;gap:6px}.gradient-bar{width:80px;height:8px;border-radius:var(--pf-radius-sm);background:linear-gradient(to right,var(--pf-viz-chart-heatmap-20),var(--pf-viz-chart-heatmap-50),var(--pf-viz-chart-heatmap-80),var(--pf-accent-indigo))}.legend-deltas{display:flex;gap:var(--pf-space-3);margin-left:auto}.delta-indicator{display:flex;align-items:center;gap:4px}.delta-indicator.positive{color:var(--pf-trust-positive-light)}.delta-indicator.negative{color:var(--pf-trust-negative-light)}@media(max-width:768px){.heatmap-row{flex-direction:column}.row-header{min-width:auto;margin-bottom:4px}.row-cells{flex-wrap:wrap}.heatmap-cell{min-width:70px;flex:1 1 calc(33% - 4px)}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-chip{flex-shrink:0}.heatmap-legend{flex-wrap:wrap;gap:var(--pf-space-2)}.legend-deltas{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:480px){.psychology-heatmap{padding:var(--pf-space-3)}.heatmap-cell{min-width:60px;flex:1 1 calc(50% - 2px)}.dimension-popover{width:calc(100vw - 32px);max-width:320px}}@media(max-width:374px){.psychology-heatmap{padding:var(--pf-space-2)}.heatmap-cell{min-width:48px;padding:6px}.cell-value{font-size:var(--pf-font-size-base)}.cell-name{font-size:9px}.row-header{min-width:80px;padding:6px 8px;font-size:var(--pf-font-size-xs)}}.dimension-detail-panel{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--pf-overlay-dark-40);border:1px solid var(--pf-overlay-light-10);border-left:3px solid var(--category-color, #3b82f6);border-radius:10px;max-height:400px;overflow-y:auto}.dimension-detail-panel::-webkit-scrollbar{width:4px}.dimension-detail-panel::-webkit-scrollbar-track{background:transparent}.dimension-detail-panel::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:2px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-info{display:flex;flex-direction:column;gap:2px}.header-category{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.header-title{margin:0;font-size:1rem;font-weight:700;color:var(--pf-text-primary, #e0e0e0)}.close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--pf-overlay-light-10);border-radius:4px;color:var(--pf-text-muted, #9ca3af);cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-20);color:var(--pf-text-primary, #e0e0e0)}.panel-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pf-text-muted, #9ca3af)}.section-header svg{opacity:.7}.value-gauge{display:flex;flex-direction:column;gap:6px}.gauge-track{position:relative;height:8px;background:var(--pf-overlay-light-10);border-radius:4px;overflow:visible}.gauge-fill{height:100%;border-radius:4px;transition:width .3s ease}.gauge-previous-marker{position:absolute;top:-2px;width:2px;height:12px;background:var(--pf-overlay-light-50);border-radius:1px;transform:translate(-50%)}.gauge-info{display:flex;align-items:center;justify-content:space-between}.gauge-percentage{font-size:1.1rem;font-weight:700;color:var(--pf-text-primary, #e0e0e0)}.gauge-delta{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.gauge-delta.positive{background:var(--pf-viz-trend-up-bg);color:var(--pf-status-success)}.gauge-delta.negative{background:var(--pf-viz-trend-down-bg);color:var(--pf-status-bad)}.level-badge{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.level-badge[data-level=veryLow]{background:var(--pf-status-bad-bg);color:var(--pf-status-bad)}.level-badge[data-level=low]{background:var(--pf-status-warn-bg);color:var(--pf-badge-dimension)}.level-badge[data-level=medium]{background:var(--pf-status-warn-bg);color:var(--pf-status-warn)}.level-badge[data-level=high]{background:var(--pf-status-success-bg);color:var(--pf-status-success)}.level-badge[data-level=veryHigh]{background:var(--pf-status-good-bg);color:var(--pf-status-good)}.description,.interpretation{margin:0;font-size:.8rem;line-height:1.5;color:var(--pf-text-secondary, #bbb)}.interpretation{padding:8px 10px;background:var(--pf-overlay-light-3);border-radius:6px;border-left:2px solid var(--category-color, #3b82f6)}.invert-note{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--pf-text-muted, #9ca3af);padding:6px 8px;background:var(--pf-accent-amber-bg);border-radius:4px}.invert-note svg{color:var(--pf-status-warn);flex-shrink:0}.tips-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.tips-list li{position:relative;padding-left:16px;font-size:.75rem;line-height:1.4;color:var(--pf-text-secondary, #bbb)}.tips-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--category-color, #3b82f6);border-radius:50%;opacity:.6}.related-list{display:flex;flex-wrap:wrap;gap:6px}.related-dimension{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.75rem}.related-dimension:hover{background:var(--pf-overlay-light-10);border-color:var(--dim-color, var(--pf-overlay-light-20))}.related-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.related-name{color:var(--pf-text-secondary, #bbb)}.related-value{font-weight:600;color:var(--pf-text-primary, #e0e0e0);font-family:var(--font-mono, "Fira Code", monospace);font-size:.7rem}@media(max-width:480px){.dimension-detail-panel{max-height:300px}.header-title{font-size:.9rem}.gauge-percentage{font-size:1rem}}.psychology-radar{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #1a1a2e);color:var(--pf-text-primary, #e0e0e0)}.radar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--pf-border-default, #333);background:var(--header-bg, #16162a)}.radar-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:600}.dimension-count{font-size:.7rem;color:var(--pf-text-muted, #9ca3af);background:var(--badge-bg, #333);padding:.15rem .4rem;border-radius:8px}.radar-content{display:flex;flex:1;min-height:0;overflow:hidden}.radar-chart-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative}.radar-svg{transition:transform .3s ease}.radar-svg.animating{animation:radar-pulse .5s ease}@keyframes radar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.grid-circle{fill:none;stroke:var(--pf-overlay-light-10);stroke-width:1}.axis-line{stroke:var(--pf-overlay-light-15);stroke-width:1;stroke-dasharray:3 3}.radar-polygon{transition:d .5s ease,opacity .3s ease}.radar-polygon.previous{fill:var(--pf-radar-previous-fill);stroke:var(--pf-radar-previous-stroke);stroke-width:1;stroke-dasharray:4 4}.radar-polygon.current{fill:var(--pf-viz-chart-primary-fill);stroke:var(--pf-viz-chart-primary-stroke);stroke-width:2}.data-point{cursor:pointer;transition:r .2s ease,opacity .2s ease;stroke:var(--pf-overlay-dark-30);stroke-width:2}.data-point:hover{filter:brightness(1.2)}.data-point.pulsing{animation:point-pulse 1s ease infinite}@keyframes point-pulse{0%,to{r:5;opacity:1}50%{r:8;opacity:.8}}.radar-labels .label{font-size:.6rem;font-weight:500;cursor:pointer;transition:font-size .2s ease,fill .2s ease}.radar-labels .label:hover,.radar-labels .label.highlighted{font-size:.7rem;font-weight:600}.radar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--pf-border-default, #333)}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--pf-text-muted, #9ca3af)}.legend-dot{width:8px;height:8px;border-radius:50%}.changes-panel{width:180px;flex-shrink:0;border-left:1px solid var(--pf-border-default, #333);background:var(--panel-secondary, #16162a);display:flex;flex-direction:column;overflow:hidden}.changes-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;border-bottom:1px solid var(--pf-border-default, #333);color:var(--pf-text-secondary, #aaa)}.changes-list{flex:1;overflow-y:auto;padding:.5rem}.no-changes{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pf-text-muted, #9ca3af);font-size:.75rem;text-align:center;gap:.5rem}.change-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;margin-bottom:.35rem;border-radius:6px;background:var(--pf-overlay-light-3);border-left:3px solid transparent;transition:all .2s ease}.change-item.new{animation:change-highlight 1s ease}.change-item.positive{border-left-color:var(--accent-green, #4ade80)}.change-item.negative{border-left-color:var(--accent-red, #f87171)}@keyframes change-highlight{0%{background:#3b82f64d}to{background:var(--pf-overlay-light-3)}}.change-header{display:flex;align-items:center;gap:.35rem}.change-dot{width:6px;height:6px;border-radius:50%}.change-name{font-size:.7rem;font-weight:500;color:var(--pf-text-primary, #e0e0e0)}.change-values{display:flex;justify-content:space-between;align-items:center}.change-current{font-size:.75rem;font-weight:600;color:var(--pf-text-primary, #e0e0e0)}.change-delta{display:flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:500}.change-delta.up{color:var(--accent-green, #4ade80)}.change-delta.down{color:var(--accent-red, #f87171)}.radar-tooltip{position:absolute;z-index:var(--pf-z-sticky);background:var(--tooltip-bg, #1e1e3a);border:1px solid var(--tooltip-color, #3b82f6);border-radius:8px;padding:.5rem .75rem;min-width:150px;max-width:200px;box-shadow:0 8px 24px var(--pf-overlay-dark-40);pointer-events:none;transform:translate(-50%,-100%);animation:tooltip-in .15s ease}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.tooltip-category{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-value{font-size:.85rem;font-weight:700;color:var(--pf-text-primary, #e0e0e0)}.tooltip-name{font-size:.8rem;font-weight:600;color:var(--pf-text-primary, #e0e0e0);margin-bottom:.35rem}.tooltip-description{font-size:.7rem;color:var(--pf-text-secondary, #aaa);margin:0;line-height:1.4}.tooltip-note{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.65rem;color:var(--pf-text-muted, #9ca3af);font-style:italic}.radar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pf-text-muted, #9ca3af);text-align:center;gap:.5rem}.radar-empty p{margin:0;font-size:.85rem}.radar-empty span{font-size:.75rem;opacity:.7}.changes-list::-webkit-scrollbar{width:4px}.changes-list::-webkit-scrollbar-track{background:transparent}.changes-list::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:2px}@media(max-width:600px){.radar-content{flex-direction:column}.changes-panel{width:100%;max-height:150px;border-left:none;border-top:1px solid var(--pf-border-default, #333)}.changes-list{display:flex;flex-wrap:wrap;gap:.5rem}.change-item{flex:1;min-width:120px}}.trust-evolution-graph{position:relative;background:var(--pf-glass-elevated-60);border:1px solid var(--pf-overlay-light-10);border-radius:12px;padding:16px;margin-bottom:16px}.graph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.graph-title{margin:0;font-size:14px;font-weight:600;color:var(--pf-overlay-light-90)}.graph-legend{display:flex;align-items:center;gap:8px}.phase-indicator{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize}.phase-indicator.orientation{background:var(--pf-viz-phase-orientation-bg);color:var(--pf-viz-phase-orientation);border:1px solid var(--pf-viz-phase-orientation-border)}.phase-indicator.exploratory{background:var(--pf-viz-phase-exploratory-bg);color:var(--pf-viz-phase-exploratory);border:1px solid var(--pf-viz-phase-exploratory-border)}.phase-indicator.affective{background:var(--pf-viz-phase-affective-bg);color:var(--pf-viz-phase-affective);border:1px solid var(--pf-viz-phase-affective-border)}.phase-indicator.stable{background:var(--pf-viz-phase-stable-bg);color:var(--pf-viz-phase-stable);border:1px solid var(--pf-viz-phase-stable-border)}.trend-icon{opacity:.9}.trend-icon.trend-up{color:var(--pf-viz-trend-up)}.trend-icon.trend-down{color:var(--pf-viz-trend-down)}.trend-icon.trend-neutral{color:var(--pf-overlay-light-60)}.evolution-svg{display:block;width:100%;max-width:320px;margin:0 auto}.phase-band{opacity:.3;transition:opacity .3s ease}.phase-band.active{opacity:.6}.threshold-line line{stroke-opacity:.4}.threshold-label{fill:var(--pf-overlay-light-40);font-size:9px;font-family:SF Mono,Monaco,Consolas,monospace}.axis-label{fill:var(--pf-overlay-light-50);font-size:10px;text-anchor:end;font-family:SF Mono,Monaco,Consolas,monospace}.axis-label.x-axis{text-anchor:middle;font-size:10px}.area-path{opacity:.6;transition:opacity .3s ease}.trust-evolution-graph:hover .area-path{opacity:.8}.line-path{filter:drop-shadow(0 2px 4px var(--pf-overlay-dark-30));transition:stroke-width .2s ease}.trust-evolution-graph:hover .line-path{stroke-width:3}.point-dot{transition:all .15s ease;filter:drop-shadow(0 1px 3px var(--pf-overlay-dark-30))}.point-dot.hovered{filter:drop-shadow(0 0 8px var(--pf-accent-cyan-60))}.delta-label{font-size:9px;font-weight:600;text-anchor:middle;font-family:SF Mono,Monaco,Consolas,monospace}.delta-label.positive{fill:var(--pf-viz-trend-up)}.delta-label.negative{fill:var(--pf-viz-trend-down)}.empty-text{fill:var(--pf-overlay-light-50);font-size:12px;font-weight:500}.empty-subtext{fill:var(--pf-overlay-light-30);font-size:10px}.point-tooltip{position:absolute;z-index:var(--pf-z-tooltip);background:var(--pf-glass-elevated);border:1px solid var(--pf-overlay-light-15);border-radius:8px;padding:10px 12px;box-shadow:0 4px 12px var(--pf-overlay-dark-40);pointer-events:none;animation:tooltip-appear .15s ease-out;min-width:120px}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;gap:12px}.tooltip-label{color:var(--pf-overlay-light-50);font-size:10px}.tooltip-value{color:var(--pf-overlay-light-90);font-size:11px;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.tooltip-value.positive{color:var(--pf-viz-trend-up)}.tooltip-value.negative{color:var(--pf-viz-trend-down)}.tooltip-value.phase-orientation{color:var(--pf-viz-phase-orientation)}.tooltip-value.phase-exploratory{color:var(--pf-viz-phase-exploratory)}.tooltip-value.phase-affective{color:var(--pf-viz-phase-affective)}.tooltip-value.phase-stable{color:var(--pf-viz-phase-stable)}.phase-legend{display:flex;justify-content:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--pf-overlay-light-8)}.legend-item{display:flex;align-items:center;gap:4px;opacity:.5;transition:opacity .2s ease}.legend-item.active{opacity:1}.legend-color{width:8px;height:8px;border-radius:2px}.legend-label{font-size:10px;color:var(--pf-overlay-light-70);text-transform:capitalize}.trust-evolution-compact{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pf-overlay-light-3);border-radius:8px}.compact-header{display:flex;align-items:center;gap:4px}.compact-label{font-size:11px;color:var(--pf-overlay-light-60);white-space:nowrap}.compact-sparkline{flex:1}.compact-sparkline path{filter:drop-shadow(0 1px 2px var(--pf-overlay-dark-20))}.trend-up{color:var(--pf-viz-trend-up)}.trend-down{color:var(--pf-viz-trend-down)}.trend-neutral{color:var(--pf-overlay-light-60)}@media(max-width:400px){.trust-evolution-graph{padding:12px}.graph-header{flex-direction:column;align-items:flex-start;gap:8px}.phase-legend{flex-wrap:wrap;gap:8px}.legend-item{font-size:9px}}.trust-evolution-graph .line-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line 1.5s ease-out forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.data-point{opacity:0;animation:point-enter .3s ease-out forwards}.data-point:nth-child(1){animation-delay:.1s}.data-point:nth-child(2){animation-delay:.15s}.data-point:nth-child(3){animation-delay:.2s}.data-point:nth-child(4){animation-delay:.25s}.data-point:nth-child(5){animation-delay:.3s}.data-point:nth-child(6){animation-delay:.35s}.data-point:nth-child(7){animation-delay:.4s}.data-point:nth-child(8){animation-delay:.45s}.data-point:nth-child(9){animation-delay:.5s}.data-point:nth-child(10){animation-delay:.55s}@keyframes point-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.emotional-timeline{display:flex;flex-direction:column;height:100%;gap:12px;padding:12px;overflow:hidden}.emotional-summary{background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:12px;padding:12px}.summary-header{font-size:.75rem;color:var(--pf-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.summary-content{display:flex;align-items:center;gap:16px}.summary-sentiment{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:var(--pf-overlay-light-5);border-radius:10px;color:var(--sentiment-color, #4ade80)}.summary-sentiment svg{color:var(--sentiment-color)}.summary-sentiment span{font-size:.75rem;font-weight:600}.summary-metrics{flex:1;display:flex;gap:16px}.summary-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.summary-metric .metric-label{font-size:.65rem;color:var(--pf-text-muted, #9ca3af);text-transform:uppercase}.summary-metric .metric-value{font-size:1.1rem;font-weight:700;color:var(--pf-text-primary, #e0e0e0)}.sentiment-trend{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:500}.sentiment-trend.improving{background:var(--pf-viz-trend-up-bg);border:1px solid var(--pf-status-success-hover);color:var(--pf-viz-trend-up)}.sentiment-trend.declining{background:var(--pf-viz-trend-down-bg);border:1px solid var(--pf-status-bad-hover);color:var(--pf-viz-trend-down)}.sentiment-trend.stable{background:var(--pf-accent-amber-bg);border:1px solid var(--pf-status-warn-hover);color:var(--pf-status-warn)}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--pf-overlay-light-8)}.timeline-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--pf-text-primary, #e0e0e0)}.timeline-title svg{color:var(--accent-blue, #3b82f6)}.event-count{background:var(--accent-blue, #3b82f6);color:var(--pf-contrast-white);font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px}.auto-scroll-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--pf-overlay-light-10);border-radius:6px;color:var(--pf-text-muted, #9ca3af);cursor:pointer;transition:all .2s ease}.auto-scroll-btn:hover{background:var(--pf-overlay-light-5);border-color:var(--pf-overlay-light-20)}.auto-scroll-btn.active{background:var(--pf-status-info-subtle);border-color:var(--pf-status-info-border);color:var(--accent-blue, #3b82f6)}.timeline-container{flex:1;overflow-y:auto;padding:8px 0}.timeline-container::-webkit-scrollbar{width:4px}.timeline-container::-webkit-scrollbar-track{background:transparent}.timeline-container::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:2px}.timeline-events{display:flex;flex-direction:column}.timeline-event{display:flex;gap:12px;padding:8px 0}.timeline-connector{display:flex;flex-direction:column;align-items:center;width:24px}.timeline-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--pf-contrast-white);flex-shrink:0;z-index:1}.timeline-line{width:2px;flex:1;min-height:20px;background:linear-gradient(to bottom,var(--pf-overlay-light-20),var(--pf-overlay-light-5));margin-top:4px}.timeline-content{flex:1;display:flex;flex-direction:column;gap:4px;padding-bottom:12px}.event-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-time{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--pf-text-muted, #9ca3af);font-family:var(--font-mono, "Fira Code", monospace)}.event-description{font-size:.8rem;color:var(--pf-text-secondary, #bbb);line-height:1.4}.event-delta{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;width:fit-content}.event-delta.positive{background:var(--pf-viz-trend-up-bg);color:var(--pf-viz-trend-up)}.event-delta.negative{background:var(--pf-viz-trend-down-bg);color:var(--pf-viz-trend-down)}.event-sentiment{display:flex;align-items:center;gap:4px;font-size:.65rem;margin-top:4px}.event-sentiment svg{opacity:.8}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--pf-text-muted, #9ca3af);text-align:center}.timeline-empty svg{opacity:.3}.timeline-empty p{margin:0;font-size:.85rem}.timeline-empty .hint{font-size:.75rem;opacity:.7}.timeline-event.positive .timeline-content{border-left:2px solid var(--pf-status-success-border);padding-left:12px;margin-left:-2px}.timeline-event.negative .timeline-content{border-left:2px solid var(--pf-status-bad-border);padding-left:12px;margin-left:-2px}.timeline-event.neutral .timeline-content{border-left:2px solid var(--pf-status-warn-border);padding-left:12px;margin-left:-2px}.timeline-event.mixed .timeline-content{border-left:2px solid var(--pf-inspector-primary-border);padding-left:12px;margin-left:-2px}@media(max-width:480px){.summary-content{flex-direction:column}.summary-metrics{width:100%;justify-content:space-around}}.trust-dynamics-panel{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #1a1a2e);color:var(--pf-text-primary, #e0e0e0);overflow-y:auto}.trust-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--pf-border-default, #333);background:var(--header-bg, #16162a)}.trust-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.trust-indicator{display:flex;align-items:center;gap:.75rem}.trust-score-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:conic-gradient(var(--phase-color, #3b82f6) calc(var(--trust-value, 50) * 3.6deg),var(--circle-bg, #333) 0deg)}.trust-score-circle:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--panel-bg, #1a1a2e)}.trust-value{position:relative;font-size:1rem;font-weight:700;color:var(--phase-color, #3b82f6)}.trust-label{position:relative;font-size:.55rem;color:var(--pf-text-muted, #9ca3af);text-transform:uppercase}.trust-meta{display:flex;flex-direction:column;gap:.25rem}.phase-badge{display:flex;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600;color:var(--pf-contrast-white);border-radius:4px}.trust-delta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.phase-description{padding:.75rem;border-bottom:1px solid var(--pf-border-default, #333);border-left:3px solid var(--phase-color, #3b82f6);background:var(--pf-overlay-dark-20)}.phase-name{font-size:.85rem;font-weight:600;color:var(--phase-color, #3b82f6)}.phase-detail{font-size:.75rem;color:var(--pf-text-secondary, #aaa);margin-top:.15rem}.phase-range{font-size:.65rem;color:var(--pf-text-muted, #9ca3af);margin-top:.25rem}.trust-graph-container{flex:1;min-height:180px;padding:.5rem}.trust-factors{padding:.75rem;border-top:1px solid var(--pf-border-default, #333);background:var(--pf-overlay-dark-10)}.factors-title{font-size:.7rem;font-weight:600;color:var(--pf-text-muted, #9ca3af);text-transform:uppercase;margin-bottom:.5rem}.factors-grid{display:flex;flex-direction:column;gap:.5rem}.factor{display:flex;align-items:center;gap:.5rem}.factor-label{width:70px;font-size:.7rem;color:var(--pf-text-secondary, #aaa)}.factor-bar{flex:1;height:6px;background:var(--bar-bg, #333);border-radius:3px;overflow:hidden}.factor-fill{height:100%;border-radius:3px;transition:width .5s ease}.trust-dynamics-panel::-webkit-scrollbar{width:6px}.trust-dynamics-panel::-webkit-scrollbar-track{background:transparent}.trust-dynamics-panel::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:3px}.trust-dynamics-panel::-webkit-scrollbar-thumb:hover{background:var(--pf-text-dim)}.trust-tier-secrets{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surface-elevated, #1a1a2e);border-radius:12px;position:relative;height:100%;min-height:0;overflow-y:auto}.trust-tier-header{display:flex;flex-direction:column;gap:4px}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--tier-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--tier-color) 40%,transparent);border-radius:20px;color:var(--tier-color);font-weight:600;font-size:13px;width:fit-content}.tier-description{color:var(--pf-text-secondary, #888);font-size:12px;padding-left:4px}.tier-progress-container{display:flex;align-items:center;gap:12px}.tier-progress-bar{flex:1;height:24px;background:var(--surface-default, #0f0f1a);border-radius:12px;display:flex;overflow:hidden;position:relative}.tier-section{display:flex;align-items:center;justify-content:center;position:relative;transition:opacity .2s}.tier-section.tier-low{background:linear-gradient(135deg,var(--pf-viz-trust-low-bg),var(--pf-viz-trust-low-subtle));border-right:1px solid var(--pf-viz-trust-low-border)}.tier-section.tier-medium{background:linear-gradient(135deg,var(--pf-viz-trust-mid-bg),var(--pf-viz-trust-mid-subtle));border-right:1px solid var(--pf-viz-trust-mid-border)}.tier-section.tier-high{background:linear-gradient(135deg,var(--pf-viz-trust-high-bg),var(--pf-viz-trust-high-subtle))}.tier-label-mini{font-size:10px;color:var(--pf-text-tertiary, #666);text-transform:uppercase;letter-spacing:.5px}.tier-marker{position:absolute;top:-4px;transform:translate(-50%);transition:left .3s ease;z-index:2}.tier-marker-dot{width:16px;height:32px;background:var(--pf-text-primary, #fff);border-radius:8px;box-shadow:0 2px 8px var(--pf-overlay-dark-30)}.tier-progress-score{font-size:18px;font-weight:700;color:var(--pf-text-primary, #fff);min-width:32px;text-align:right}.secrets-summary{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:var(--surface-default, #0f0f1a);border-radius:8px}.summary-item{display:flex;align-items:center;gap:6px;color:var(--pf-text-secondary, #888);font-size:13px}.summary-divider{width:1px;height:16px;background:var(--border-subtle, #333)}.tier-cards{display:flex;flex-direction:column;gap:8px}.secret-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tier-bg);border:1px solid color-mix(in srgb,var(--tier-color) 30%,transparent);border-radius:8px;cursor:pointer;transition:all .2s}.secret-card:hover{background:color-mix(in srgb,var(--tier-color) 20%,transparent);transform:translate(4px)}.secret-card:focus{outline:2px solid var(--tier-color);outline-offset:2px}.secret-card.locked{opacity:.6}.secret-card.locked:hover{opacity:.8}.secret-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tier-color) 20%,transparent);border-radius:8px;color:var(--tier-color)}.secret-card-content{flex:1}.secret-card-tier{font-weight:600;font-size:14px;color:var(--pf-text-primary, #fff)}.secret-card-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--pf-text-secondary, #888);margin-top:2px}.secret-card-arrow{color:var(--pf-text-tertiary, #666);transition:transform .2s}.secret-card:hover .secret-card-arrow{transform:translate(4px);color:var(--tier-color)}.tier-details{background:var(--surface-default, #0f0f1a);border:1px solid color-mix(in srgb,var(--tier-color) 30%,transparent);border-radius:8px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tier-details-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:color-mix(in srgb,var(--tier-color) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tier-color) 20%,transparent);color:var(--tier-color);font-weight:600;font-size:13px}.tier-details-header button{background:none;border:none;color:var(--pf-text-secondary, #888);font-size:18px;cursor:pointer;padding:0 4px}.tier-details-header button:hover{color:var(--pf-text-primary, #fff)}.tier-details-content{padding:16px}.tier-hint{font-size:13px;color:var(--pf-text-secondary, #888);line-height:1.5;margin:0}.tier-hint.locked{display:flex;align-items:flex-start;gap:8px;color:var(--pf-text-tertiary, #666)}.tier-transition-notification{position:absolute;top:-8px;left:8px;right:8px;display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--tier-color) 25%,#1a1a2e),color-mix(in srgb,var(--tier-color) 15%,#1a1a2e));border:1px solid var(--tier-color);border-radius:12px;box-shadow:0 4px 24px var(--pf-overlay-dark-30),0 0 48px color-mix(in srgb,var(--tier-color) 20%,transparent);animation:notificationPop .3s ease;z-index:10}@keyframes notificationPop{0%{opacity:0;transform:translateY(-16px) scale(.95)}50%{transform:translateY(4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tier-color);border-radius:12px;color:var(--pf-contrast-black);animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-content{flex:1}.notification-title{font-size:16px;font-weight:700;color:var(--tier-color);margin-bottom:4px}.notification-message{font-size:13px;color:var(--pf-text-secondary, #888);line-height:1.4}.notification-message strong{color:var(--tier-color)}.notification-dismiss{background:none;border:none;color:var(--pf-text-tertiary, #666);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.notification-dismiss:hover{color:var(--pf-text-primary, #fff)}@media(max-width:480px){.trust-tier-secrets{padding:12px;gap:12px}.tier-progress-bar{height:20px}.tier-label-mini{font-size:9px}.secret-card{padding:10px}.secret-card-icon{width:32px;height:32px}}.reasoning-chain-panel{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #1a1a2e);color:var(--pf-text-primary, #e0e0e0)}.chain-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--pf-border-default, #333);background:var(--header-bg, #16162a)}.chain-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.step-count{font-size:.7rem;color:var(--pf-text-muted, #9ca3af);background:var(--badge-bg, #333);padding:.15rem .4rem;border-radius:8px}.toggle-all-btn{font-size:.7rem;padding:.25rem .5rem;min-height:44px;border-radius:4px;border:1px solid var(--pf-border-default, #333);background:transparent;color:var(--pf-text-secondary, #aaa);cursor:pointer;transition:all .2s ease}.toggle-all-btn:hover{background:var(--pf-bg-hover, #333);color:var(--pf-text-primary, #e0e0e0)}.chain-container{flex:1;overflow-y:auto;padding:.75rem}.chain-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pf-text-muted, #9ca3af);text-align:center;gap:.5rem}.chain-empty p{margin:0;font-size:.85rem}.chain-empty .hint{font-size:.75rem;opacity:.7}.chain-steps{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.chain-line{position:absolute;left:.35rem;top:1rem;bottom:1rem;width:2px;background:linear-gradient(to bottom,var(--accent-purple),var(--accent-blue),var(--accent-green));opacity:.3;border-radius:1px}.reasoning-step{position:relative;background:var(--step-bg, #1e1e3a);border-radius:8px;border:1px solid var(--pf-border-default, #333);overflow:hidden;animation:stepIn .3s ease}@keyframes stepIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.reasoning-step:before{content:"";position:absolute;left:-1rem;top:50%;width:.5rem;height:2px;background:var(--step-color, #3b82f6);transform:translateY(-50%)}.step-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .2s ease}.step-header:hover{background:var(--pf-bg-hover, var(--pf-overlay-light-5))}.step-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:700;background:var(--step-color, #3b82f6);color:var(--pf-contrast-white);border-radius:50%}.step-icon{color:var(--step-color, #3b82f6)}.step-summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.step-type{font-size:.7rem;font-weight:600;color:var(--step-color, #3b82f6);text-transform:uppercase}.step-brief{font-size:.75rem;color:var(--pf-text-secondary, #aaa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-confidence{font-size:.7rem;font-weight:600;padding:.15rem .4rem;background:var(--step-color, #3b82f6);color:var(--pf-contrast-white);border-radius:4px;opacity:.8}.step-toggle{display:flex;align-items:center;justify-content:center;padding:.25rem;min-width:44px;min-height:44px;background:transparent;border:none;color:var(--pf-text-muted, #9ca3af);cursor:pointer;transition:color .2s ease}.step-toggle:hover{color:var(--pf-text-primary, #e0e0e0)}.step-details{padding:.75rem;border-top:1px solid var(--pf-border-default, #333);background:var(--detail-bg, var(--pf-overlay-dark-20))}.step-content{font-size:.8rem;line-height:1.5;color:var(--pf-text-primary, #e0e0e0);white-space:pre-wrap}.step-alternatives{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--pf-border-default, #444)}.alt-label,.result-label{font-size:.7rem;font-weight:600;color:var(--pf-text-muted, #9ca3af);text-transform:uppercase}.step-alternatives ul{margin:.25rem 0 0;padding-left:1.25rem;list-style:disc}.step-alternatives li{font-size:.75rem;color:var(--pf-text-secondary, #aaa);margin:.15rem 0}.step-tool-result{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--pf-border-default, #444)}.step-tool-result code{display:block;margin-top:.25rem;padding:.5rem;font-size:.7rem;background:var(--code-bg, #0d0d1a);border-radius:4px;overflow-x:auto;white-space:pre}.step-timestamp{margin-top:.5rem;font-size:.65rem;color:var(--pf-text-muted, #9ca3af);text-align:right}.reasoning-step.conclusion{border-color:var(--accent-purple)}.reasoning-step.conclusion .step-header{background:var(--pf-delight-memory-subtle)}.reasoning-step.error{border-color:var(--accent-red)}.reasoning-step.error .step-header{background:var(--pf-trust-negative-bg)}.chain-container::-webkit-scrollbar{width:6px}.chain-container::-webkit-scrollbar-track{background:transparent}.chain-container::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:3px}.chain-container::-webkit-scrollbar-thumb:hover{background:var(--pf-text-dim)}.voice-monitor-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;min-height:0;overflow-y:auto}.voice-monitor-panel.disabled{display:flex;align-items:center;justify-content:center;min-height:300px}.voice-monitor-panel.has-error{border:1px solid var(--pf-status-bad-border)}.disabled-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--pf-overlay-light-60)}.disabled-content svg{opacity:.4;margin-bottom:16px}.disabled-content h3{margin:0 0 8px;font-size:16px;color:var(--pf-overlay-light-90)}.disabled-content p{margin:0 0 12px;font-size:13px}.disabled-content ul{margin:0;padding:0;list-style:none}.disabled-content li{font-size:12px;color:var(--pf-accent-cyan-80);margin-bottom:4px}.disabled-content .hint{margin-top:16px;font-size:11px;color:var(--pf-overlay-light-60)}.monitor-header{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--pf-overlay-dark-30);border-radius:8px}.voice-state-indicator{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--state-bg, var(--pf-status-neutral-bg));border:1px solid var(--state-color, #6b7280);border-radius:20px;transition:all .3s ease}.voice-state-indicator .state-icon{display:flex;align-items:center;justify-content:center;color:var(--state-color, #6b7280)}.voice-state-indicator .state-info{display:flex;flex-direction:column}.voice-state-indicator .state-label{font-size:12px;font-weight:600;color:var(--state-color, #6b7280);text-transform:uppercase;letter-spacing:.5px}.voice-state-indicator .state-time{font-size:10px;color:var(--pf-overlay-light-50);font-family:SF Mono,Monaco,Inconsolata,monospace}.waveforms-section{display:flex;flex-direction:column;gap:8px}.audio-waveform{background:var(--pf-glass-panel);border:1px solid var(--pf-overlay-light-8);border-radius:8px;overflow:hidden}.audio-waveform.active{border-color:var(--pf-overlay-light-15)}.audio-waveform.input.active{border-color:var(--pf-accent-cyan-border)}.audio-waveform.output.active{border-color:var(--pf-status-success-border)}.waveform-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--pf-overlay-dark-30);font-size:11px;color:var(--pf-overlay-light-60)}.waveform-header svg{opacity:.7}.waveform-live{margin-left:auto;padding:2px 6px;background:var(--pf-trust-negative-bg);color:var(--pf-trust-negative);border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.5px;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.waveform-canvas{width:100%;display:block}.levels-section{display:flex;gap:12px}.audio-level-meter{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--pf-overlay-dark-20);border-radius:6px}.audio-level-meter .meter-label{display:flex;align-items:center;color:var(--pf-overlay-light-50)}.audio-level-meter .meter-bar{flex:1;height:6px;background:var(--pf-overlay-light-10);border-radius:3px;overflow:hidden;position:relative}.audio-level-meter .meter-fill{height:100%;background:linear-gradient(90deg,var(--pf-viz-audio-low) 0%,var(--pf-viz-audio-peak) 60%,var(--pf-viz-audio-mid) 80%,var(--pf-trust-negative) 100%);border-radius:3px;transition:width .05s ease-out}.audio-level-meter.input .meter-fill{background:linear-gradient(90deg,var(--pf-accent-cyan) 0%,var(--pf-accent-cyan-dark) 60%,var(--pf-viz-audio-mid) 80%,var(--pf-trust-negative) 100%)}.audio-level-meter .meter-peak{position:absolute;top:0;right:0;width:2px;height:100%;background:var(--pf-trust-negative);opacity:0;transition:opacity .1s ease}.audio-level-meter.clipping .meter-peak{opacity:1}.audio-level-meter .meter-value{font-size:10px;color:var(--pf-overlay-light-60);font-family:SF Mono,Monaco,Inconsolata,monospace;min-width:28px;text-align:right}.stt-confidence{background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-8);border-radius:8px;padding:12px}.stt-confidence.high{border-color:var(--pf-status-good-border)}.stt-confidence.medium{border-color:var(--pf-status-warn-border)}.stt-confidence.low{border-color:var(--pf-status-bad-border)}.stt-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--pf-overlay-light-70)}.stt-header svg{opacity:.7}.confidence-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.confidence-badge.high{background:var(--pf-status-success-hover);color:var(--pf-status-success)}.confidence-badge.medium{background:var(--pf-status-warn-hover);color:var(--pf-status-warn)}.confidence-badge.low{background:var(--pf-status-bad-hover);color:var(--pf-status-bad)}.confidence-bar{height:8px;background:var(--pf-overlay-light-10);border-radius:4px;overflow:visible;position:relative;margin-bottom:8px}.confidence-fill{height:100%;border-radius:4px;transition:width .3s ease}.stt-confidence.high .confidence-fill{background:linear-gradient(90deg,var(--pf-viz-audio-peak) 0%,var(--pf-viz-tts) 100%)}.stt-confidence.medium .confidence-fill{background:linear-gradient(90deg,var(--pf-warning) 0%,var(--pf-viz-llm) 100%)}.stt-confidence.low .confidence-fill{background:linear-gradient(90deg,var(--pf-action-danger) 0%,var(--pf-status-bad) 100%)}.confidence-markers{position:relative;height:12px}.confidence-markers span{position:absolute;font-size:9px;color:var(--pf-overlay-light-60);transform:translate(-50%)}.stt-transcript{margin-top:10px;padding:8px;background:var(--pf-overlay-dark-20);border-radius:6px}.transcript-status{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-overlay-light-50);margin-bottom:4px}.transcript-status.final svg{color:var(--pf-status-success)}.transcript-status.interim svg{color:var(--pf-status-warn)}.transcript-text{font-size:12px;color:var(--pf-overlay-light-80);font-style:italic}.latency-panel{background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-8);border-radius:8px;padding:12px}.latency-panel.empty{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--pf-overlay-light-60);font-size:12px;padding:20px}.latency-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--pf-overlay-light-70)}.latency-header svg{color:var(--pf-status-warn)}.latency-total{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.latency-total.good{background:var(--pf-status-success-hover);color:var(--pf-status-success)}.latency-total.warn{background:var(--pf-status-warn-hover);color:var(--pf-status-warn)}.latency-total.bad{background:var(--pf-status-bad-hover);color:var(--pf-status-bad)}.latency-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.latency-segment{display:flex;align-items:center;gap:8px;position:relative}.latency-segment .segment-bar{height:16px;border-radius:4px;min-width:4px;transition:width .3s ease}.latency-segment.stt .segment-bar{background:linear-gradient(90deg,var(--pf-accent-cyan-dark) 0%,var(--pf-accent-cyan) 100%)}.latency-segment.llm .segment-bar{background:linear-gradient(90deg,var(--pf-warning) 0%,var(--pf-viz-llm) 100%)}.latency-segment.tts .segment-bar{background:linear-gradient(90deg,var(--pf-viz-audio-peak) 0%,var(--pf-viz-tts) 100%)}.latency-segment .segment-label{font-size:10px;color:var(--pf-overlay-light-60);min-width:24px}.latency-segment .segment-value{margin-left:auto;font-size:11px;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--pf-overlay-light-80)}.latency-targets{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--pf-overlay-light-6)}.latency-targets span{font-size:10px}.latency-targets .met{color:var(--pf-status-success)}.latency-targets .missed{color:var(--pf-status-bad)}.session-stats{background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-8);border-radius:8px;padding:12px}.session-stats.empty{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--pf-overlay-light-60);font-size:12px;padding:20px}.stats-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--pf-overlay-light-70)}.stats-header svg{color:var(--pf-inspector-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:var(--pf-overlay-dark-20);border-radius:6px}.stat-item .stat-value{font-size:16px;font-weight:600;color:var(--pf-overlay-light-90);font-family:SF Mono,Monaco,Inconsolata,monospace}.stat-item .stat-label{font-size:9px;color:var(--pf-overlay-light-50);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.interruption-section{background:var(--pf-viz-interrupt-bg);border:1px solid var(--pf-viz-interrupt-border);border-radius:8px;padding:12px}.interruption-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--pf-viz-interrupt)}.interruption-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .detail-label{font-size:10px;color:var(--pf-overlay-light-50)}.detail-item .detail-value{font-size:12px;color:var(--pf-overlay-light-80)}.detail-item .detail-value.truncated{font-style:italic;color:var(--pf-overlay-light-60)}.voice-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--pf-status-bad-bg);border:1px solid var(--pf-status-bad-border);border-radius:8px;color:var(--pf-status-bad);font-size:12px}.voice-error svg{flex-shrink:0}@media(max-width:400px){.voice-monitor-panel{padding:12px;gap:12px}.levels-section{flex-direction:column;gap:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.latency-targets{flex-wrap:wrap;gap:6px}}.narrator-panel{display:flex;flex-direction:column;padding:1rem;height:100%;min-height:0;overflow-y:auto;background-color:var(--bg-secondary);color:var(--pf-text-primary)}.narrator-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.6;text-align:center}.narrator-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.narrator-hint{font-size:.85rem;color:var(--pf-text-secondary);margin-top:.5rem}.narrator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--pf-border-default)}.narrator-title{display:flex;align-items:center;gap:.5rem}.narrator-icon-small{font-size:1.2rem}.narrator-header h3{margin:0;font-size:1.1rem;font-weight:600}.timestamp{font-size:.8rem;color:var(--pf-text-secondary);font-family:monospace}.drift-card{background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--pf-border-default)}.drift-label-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.drift-meter-bg{height:8px;background-color:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.drift-meter-fill{height:100%;border-radius:4px;transition:width .5s ease-out,background-color .3s}.drift-legend{display:flex;justify-content:space-between;font-size:.75rem;color:var(--pf-text-secondary)}.reflection-card{background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;border:1px solid var(--pf-border-default)}.reflection-card h4{margin:0 0 .75rem;font-size:.95rem;color:var(--pf-text-secondary);text-transform:uppercase;letter-spacing:.5px}.reflection-text{font-family:Georgia,serif;font-style:italic;line-height:1.6;font-size:1.05rem;color:var(--pf-text-primary);white-space:pre-wrap}.metrics-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.metrics-panel::-webkit-scrollbar{width:6px}.metrics-panel::-webkit-scrollbar-track{background:var(--pf-overlay-light-2)}.metrics-panel::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:3px}.metrics-panel::-webkit-scrollbar-thumb:hover{background:var(--pf-overlay-light-20)}.metrics-section{background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-6);border-radius:12px;padding:14px}.section-subtitle{color:var(--pf-overlay-light-60);font-size:11px;margin-left:auto}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.cost-card{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px;text-align:center}.cost-label{color:var(--pf-overlay-light-50);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cost-value{color:var(--pf-overlay-light-95);font-size:16px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.cost-value.over-budget{color:var(--pf-status-bad)}.cost-value.excellent{color:var(--pf-status-good)}.cost-value.good{color:var(--pf-inspector-primary)}.cost-value.warning{color:var(--pf-status-warn)}.cost-value.critical{color:var(--pf-status-bad)}.cost-value.session-total{color:var(--pf-status-info)}.cost-turns{color:var(--pf-overlay-light-60);font-size:10px;margin-top:2px}.budget-indicator{background:var(--pf-overlay-light-2);border-radius:8px;padding:10px}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.budget-header span:first-child{color:var(--pf-overlay-light-50);font-size:11px}.budget-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:10px}.budget-status.neutral{color:var(--pf-overlay-light-50);background:var(--pf-overlay-light-10)}.budget-status.excellent{color:var(--pf-status-good);background:var(--pf-status-good-bg)}.budget-status.good{color:var(--pf-inspector-primary);background:var(--pf-inspector-primary-bg)}.budget-status.warning{color:var(--pf-status-warn);background:var(--pf-status-warn-bg)}.budget-status.critical{color:var(--pf-status-bad);background:var(--pf-status-bad-bg)}.budget-bar-container{position:relative;height:6px;background:var(--pf-overlay-light-8);border-radius:3px;overflow:hidden}.budget-bar{height:100%;border-radius:3px;transition:width .3s ease}.budget-bar.excellent{background:linear-gradient(90deg,var(--pf-status-good) 0%,var(--pf-trust-positive) 100%)}.budget-bar.good{background:linear-gradient(90deg,var(--pf-inspector-primary) 0%,var(--pf-delight-memory) 100%)}.budget-bar.warning{background:linear-gradient(90deg,var(--pf-status-warn) 0%,var(--pf-warning) 100%)}.budget-bar.critical{background:linear-gradient(90deg,var(--pf-status-bad) 0%,var(--pf-trust-negative) 100%)}.budget-target-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--pf-overlay-light-60);border-radius:1px}.budget-efficiency{text-align:right;color:var(--pf-overlay-light-60);font-size:10px;margin-top:6px}.latest-tokens{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px;margin-bottom:12px}.token-label{color:var(--pf-overlay-light-50);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.token-breakdown{display:flex;justify-content:space-around;gap:12px}.token-input,.token-output{display:flex;align-items:center;gap:4px;font-size:13px;font-family:SF Mono,Monaco,Inconsolata,monospace}.token-input{color:var(--pf-viz-token-input)}.token-output{color:var(--pf-viz-token-output)}.token-arrow{font-size:10px;opacity:.7}.session-tokens{background:var(--pf-overlay-light-2);border-radius:8px;padding:10px}.token-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.total-label{color:var(--pf-overlay-light-50);font-size:11px}.total-value{color:var(--pf-overlay-light-95);font-size:16px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.token-distribution{display:flex;flex-direction:column;gap:6px}.distribution-bar{display:flex;height:8px;background:var(--pf-overlay-light-5);border-radius:4px;overflow:hidden}.distribution-input{background:linear-gradient(90deg,var(--pf-viz-chart-primary) 0%,var(--pf-viz-token-input) 100%);transition:width .3s ease}.distribution-output{background:linear-gradient(90deg,var(--pf-trust-positive) 0%,var(--pf-viz-token-output) 100%);transition:width .3s ease}.distribution-legend{display:flex;justify-content:space-between;gap:8px}.legend-input,.legend-output{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-overlay-light-60)}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.input{background:var(--pf-viz-token-input)}.legend-dot.output{background:var(--pf-viz-token-output)}.latency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.latency-item{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px 8px;text-align:center;border:1px solid transparent;transition:border-color .2s ease}.latency-item.e2e{grid-column:span 1}.latency-item.good{border-color:var(--pf-status-good-border)}.latency-item.warning{border-color:var(--pf-status-warn-border)}.latency-item.critical{border-color:var(--pf-status-bad-border)}.latency-label{color:var(--pf-overlay-light-50);font-size:9px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.latency-value{color:var(--pf-overlay-light-95);font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.latency-item.good .latency-value{color:var(--pf-status-good)}.latency-item.warning .latency-value{color:var(--pf-status-warn)}.latency-item.critical .latency-value{color:var(--pf-status-bad)}.latency-target{text-align:center;color:var(--pf-overlay-light-60);font-size:10px;padding:6px;background:var(--pf-overlay-light-2);border-radius:6px}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.overview-stat{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px 8px;text-align:center}.stat-value{color:var(--pf-overlay-light-95);font-size:18px;font-weight:700;margin-bottom:2px}.stat-value.warning{color:var(--pf-status-warn)}.stat-label{color:var(--pf-overlay-light-50);font-size:9px;text-transform:uppercase;letter-spacing:.3px}.efficiency-stat .stat-value{font-size:16px}.efficiency-grade{font-weight:800}.efficiency-grade.excellent{color:var(--pf-status-good)}.efficiency-grade.good{color:var(--pf-inspector-primary)}.efficiency-grade.warning{color:var(--pf-status-warn)}.efficiency-grade.critical{color:var(--pf-status-bad)}.overview-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--pf-overlay-light-2);border-radius:8px;color:var(--pf-overlay-light-60);font-size:12px}.empty-icon{font-size:16px;opacity:.6}.overview-summary{text-align:center;padding:8px;background:var(--pf-overlay-light-2);border-radius:8px;font-size:11px}.summary-good{color:var(--pf-status-good)}.summary-warning{color:var(--pf-status-warn)}@media(max-width:500px){.metrics-panel{padding:12px;gap:12px}.metrics-section{padding:12px}.cost-grid{grid-template-columns:1fr 1fr;gap:8px}.cost-card.total-cost{grid-column:span 2}.latency-grid{grid-template-columns:repeat(2,1fr)}.latency-item.e2e{grid-column:span 2}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.cost-grid{grid-template-columns:1fr}.cost-card.total-cost{grid-column:span 1}.token-breakdown{flex-direction:column;align-items:center;gap:6px}.distribution-legend{flex-direction:column;gap:4px}}.metrics-panel .metrics-section{animation:section-fade-in .3s ease-out}.metrics-section:nth-child(2){animation-delay:.05s}.metrics-section:nth-child(3){animation-delay:.1s}.metrics-section:nth-child(4){animation-delay:.15s}@keyframes value-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cost-value,.total-value,.stat-value{transition:color .3s ease}.session-export-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.session-export-panel::-webkit-scrollbar{width:6px}.session-export-panel::-webkit-scrollbar-track{background:var(--pf-overlay-light-3)}.session-export-panel::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:3px}.session-export-panel::-webkit-scrollbar-thumb:hover{background:var(--pf-overlay-light-20)}.export-section,.import-section,.share-section{background:var(--pf-overlay-dark-20);border:1px solid var(--pf-overlay-light-6);border-radius:12px;padding:14px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-icon{font-size:16px;line-height:1}.section-title{color:var(--pf-overlay-light-90);font-size:13px;font-weight:600;letter-spacing:.3px}.session-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.summary-item{background:var(--pf-overlay-light-3);border-radius:8px;padding:8px;text-align:center}.summary-label{display:block;color:var(--pf-overlay-light-50);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.summary-value{display:block;color:var(--pf-overlay-light-95);font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.no-session{grid-column:span 3;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--pf-overlay-light-3);border-radius:8px;color:var(--pf-overlay-light-60);font-size:12px}.no-session-icon{font-size:18px;opacity:.6}.export-buttons{display:flex;gap:8px}.export-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:8px;color:var(--pf-overlay-light-90);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover:not(:disabled){background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-20)}.export-btn:active:not(:disabled){transform:scale(.98)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.export-btn .btn-icon{font-size:14px}.export-btn .btn-text{letter-spacing:.3px}.json-btn:hover:not(:disabled){border-color:var(--pf-status-info-border);background:var(--pf-status-info-subtle)}.markdown-btn:hover:not(:disabled){border-color:var(--pf-inspector-primary-border);background:var(--pf-inspector-primary-bg)}.status-message{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:11px;margin-top:10px;animation:status-fade-in .2s ease-out}.status-message.success{background:var(--pf-status-good-bg);color:var(--pf-status-good);border:1px solid var(--pf-status-good-hover)}.status-message.error{background:var(--pf-status-bad-bg);color:var(--pf-status-bad);border:1px solid var(--pf-status-bad-hover)}@keyframes status-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.import-area{text-align:center}.import-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--pf-status-info-subtle) 0%,var(--pf-inspector-primary-bg) 100%);border:1px dashed var(--pf-overlay-light-20);border-radius:8px;color:var(--pf-overlay-light-90);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.import-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--pf-status-info-hover) 0%,var(--pf-delight-memory-20) 100%);border-color:var(--pf-overlay-light-60)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.import-btn .btn-icon{font-size:16px}.import-hint{color:var(--pf-overlay-light-60);font-size:11px;margin-top:8px}.spinner{width:14px;height:14px;border:2px solid var(--pf-overlay-light-20);border-top-color:var(--pf-overlay-light-80);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:8px;color:var(--pf-overlay-light-90);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover:not(:disabled){background:var(--pf-overlay-light-10);border-color:var(--pf-status-good-border)}.share-btn:disabled{opacity:.4;cursor:not-allowed}.share-url-container{display:flex;gap:6px}.share-url-input{flex:1;padding:8px 10px;background:var(--pf-overlay-dark-30);border:1px solid var(--pf-overlay-light-10);border-radius:6px;color:var(--pf-overlay-light-80);font-size:11px;font-family:SF Mono,Monaco,Inconsolata,monospace}.share-url-input:focus{outline:none;border-color:var(--pf-status-info-border)}.copy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-20)}.share-hint{color:var(--pf-overlay-light-60);font-size:11px;margin-top:8px;text-align:center}.preview-overlay{position:fixed;inset:0;background:var(--pf-overlay-dark-70);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-modal);animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.preview-modal{width:90%;max-width:600px;max-height:80vh;background:linear-gradient(180deg,var(--pf-overlay-dark-98) 0%,var(--pf-glass-elevated) 100%);border:1px solid var(--pf-overlay-light-10);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:modal-slide-in .3s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--pf-overlay-light-8)}.preview-header h3{margin:0;color:var(--pf-overlay-light-95);font-size:16px;font-weight:600}.close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-5);border:none;border-radius:6px;color:var(--pf-overlay-light-60);font-size:18px;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--pf-overlay-light-10);color:var(--pf-overlay-light-90)}.preview-content{flex:1;overflow-y:auto;padding:16px 20px}.preview-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.meta-item{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px}.meta-label{display:block;color:var(--pf-overlay-light-50);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.meta-value{display:block;color:var(--pf-overlay-light-90);font-size:12px;font-weight:500;word-break:break-all}.preview-transcript{margin-bottom:16px}.preview-transcript h4{margin:0 0 10px;color:var(--pf-overlay-light-70);font-size:12px;font-weight:600}.transcript-scroll{max-height:200px;overflow-y:auto;background:var(--pf-overlay-dark-20);border-radius:8px;padding:10px}.preview-message{padding:6px 0;border-bottom:1px solid var(--pf-overlay-light-4)}.preview-message:last-child{border-bottom:none}.preview-message .msg-role{display:block;font-size:10px;font-weight:600;margin-bottom:2px}.preview-message.user .msg-role{color:var(--pf-feature-export)}.preview-message.agent .msg-role{color:var(--pf-feature-export-secondary)}.preview-message.system .msg-role{color:var(--pf-overlay-light-60)}.preview-message .msg-content{display:block;color:var(--pf-overlay-light-70);font-size:11px;line-height:1.4}.preview-more{text-align:center;padding:8px;color:var(--pf-overlay-light-60);font-size:10px;font-style:italic}.preview-stats h4{margin:0 0 10px;color:var(--pf-overlay-light-70);font-size:12px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{background:var(--pf-overlay-light-3);border-radius:8px;padding:10px;text-align:center}.stat-item .stat-value{display:block;color:var(--pf-overlay-light-95);font-size:18px;font-weight:700;margin-bottom:2px}.stat-item .stat-label{display:block;color:var(--pf-overlay-light-50);font-size:10px;text-transform:uppercase;letter-spacing:.3px}.preview-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--pf-overlay-light-8);background:var(--pf-overlay-dark-20)}.action-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.secondary{background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);color:var(--pf-overlay-light-80)}.action-btn.secondary:hover{background:var(--pf-overlay-light-10)}.action-btn.primary{background:linear-gradient(135deg,var(--pf-feature-export) 0%,var(--pf-feature-export-secondary) 100%);border:none;color:var(--pf-contrast-white)}.action-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:500px){.session-export-panel{padding:12px;gap:12px}.session-summary{grid-template-columns:1fr}.no-session{grid-column:span 1}.export-buttons{flex-direction:column}.preview-meta,.stats-grid{grid-template-columns:1fr}}.session-export-panel>div{animation:section-fade-in .3s ease-out}@keyframes section-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.export-section{animation-delay:0s}.import-section{animation-delay:.05s}.share-section{animation-delay:.1s}.session-history-panel{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #1a1a2e);color:var(--pf-text-primary, #e0e0e0)}.session-history-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--pf-border-default, #333);background:var(--header-bg, #16162a)}.header-icon{font-size:1.1rem}.header-title{font-weight:600;font-size:.9rem;flex:1}.session-count{background:var(--accent-primary, #3b82f6);color:var(--pf-contrast-white);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.refresh-btn{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.refresh-btn:hover:not(:disabled){background:var(--pf-overlay-light-10)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.session-history-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.session-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-8);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;color:inherit;width:100%}.session-card:hover:not(:disabled){background:var(--pf-overlay-light-6);border-color:var(--pf-overlay-light-15);transform:translateY(-1px)}.session-card.active{background:var(--pf-status-info-subtle);border-color:var(--pf-status-info-border);cursor:default}.session-card:disabled{cursor:default}.session-card-header{display:flex;align-items:center;gap:8px}.session-agent-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.session-agent-name{font-weight:600;font-size:.85rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-active-badge{background:var(--accent-green, #4ade80);color:var(--pf-contrast-black);font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.session-card-meta{display:flex;gap:16px}.session-meta-row{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--pf-text-muted, #9ca3af)}.meta-icon{font-size:.7rem}.meta-value{color:var(--pf-text-secondary, #aaa)}.session-card-footer{display:flex;justify-content:space-between;align-items:center}.session-mode-badge{font-size:.65rem;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--pf-overlay-light-8);color:var(--pf-text-muted, #9ca3af);text-transform:uppercase}.session-id-short{font-family:var(--font-mono, "Fira Code", monospace);font-size:.65rem;color:var(--pf-text-muted, #9ca3af)}.session-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;text-align:center;color:var(--pf-text-muted, #9ca3af)}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.session-history-empty p{margin:0 0 8px;font-size:.9rem;font-weight:500}.empty-hint{font-size:.75rem;opacity:.7;max-width:200px}.session-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;gap:12px;color:var(--pf-text-muted, #9ca3af)}.loading-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.session-history-error{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:8px 12px 0;background:var(--pf-trust-negative-bg);border:1px solid var(--pf-trust-negative-border);border-radius:6px;font-size:.75rem;color:var(--accent-red, #f87171)}.session-history-error button{background:transparent;border:1px solid currentColor;color:inherit;padding:2px 8px;border-radius:4px;font-size:.7rem;cursor:pointer}.session-history-error button:hover{background:var(--pf-trust-negative-border)}.session-history-footer{padding:8px 12px;border-top:1px solid var(--pf-border-default, #333);background:var(--header-bg, #16162a)}.footer-note{margin:0;font-size:.65rem;color:var(--pf-text-muted, #9ca3af);font-style:italic;text-align:center}.session-history-list::-webkit-scrollbar{width:4px}.session-history-list::-webkit-scrollbar-track{background:transparent}.session-history-list::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:2px}@media(max-width:480px){.session-card-meta{flex-direction:column;gap:4px}}.script-runner-panel{height:100%;display:flex;flex-direction:column;background:var(--pf-bg-base);color:var(--pf-text-primary);overflow:hidden}.runner-layout{display:flex;flex:1;overflow:hidden;gap:1px;background:var(--pf-border-default)}.runner-sidebar{width:240px;min-width:200px;background:var(--pf-bg-deep);overflow:hidden;display:flex;flex-direction:column}.runner-main{flex:1;background:var(--pf-bg-base);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.script-library{display:flex;flex-direction:column;height:100%}.library-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--pf-border-default);background:var(--pf-bg-elevated, var(--pf-bg-deep))}.library-icon{font-size:1rem}.library-title{font-weight:600;font-size:.85rem;flex:1}.refresh-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;opacity:.6;transition:opacity .2s,background-color .2s}.refresh-btn:hover{opacity:1;background:var(--pf-bg-hover)}.library-loading{padding:2rem 1rem;text-align:center;color:var(--pf-text-muted);font-size:.85rem}.script-list{flex:1;overflow-y:auto;padding:.5rem}.script-item{padding:.75rem;border-radius:6px;cursor:pointer;margin-bottom:.5rem;background:var(--pf-bg-base);border:1px solid transparent;transition:all .2s ease}.script-item:hover{border-color:var(--pf-border-default);background:var(--pf-bg-hover)}.script-item.selected{border-color:var(--pf-accent-cyan);background:rgba(var(--accent-rgb, 99, 102, 241),.1)}.script-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.script-name{font-weight:500;font-size:.85rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-badge{font-size:.75rem}.custom-badge{font-size:.65rem;padding:.125rem .375rem;background:var(--pf-accent-cyan);color:var(--pf-contrast-white);border-radius:3px;font-weight:500}.script-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--pf-text-muted)}.no-script-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--pf-text-muted)}.empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.script-details{background:var(--pf-bg-deep);border-radius:8px;padding:1rem}.details-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--pf-border-default)}.details-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.script-description{margin:0;font-size:.85rem;color:var(--pf-text-secondary)}.script-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.125rem}.info-label{font-size:.7rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.85rem;font-weight:500}.script-steps-preview h4{font-size:.85rem;font-weight:600;margin:0 0 .5rem;color:var(--pf-text-secondary)}.steps-list{display:flex;flex-direction:column;gap:.25rem}.step-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--pf-bg-deep);border-radius:4px;font-size:.8rem;border-left:3px solid transparent;transition:all .2s ease}.step-preview.current{border-left-color:var(--pf-accent-cyan);background:rgba(var(--accent-rgb, 99, 102, 241),.1)}.step-preview.passed{border-left-color:var(--pf-trust-positive);background:var(--pf-status-good-bg)}.step-preview.failed{border-left-color:var(--pf-trust-negative);background:var(--pf-status-bad-bg)}.step-number{font-weight:600;color:var(--pf-text-muted);min-width:1.5rem}.step-type{font-weight:500;color:var(--pf-accent-cyan);min-width:6rem}.step-content{flex:1;color:var(--pf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-result-icon{font-size:.85rem}.execution-controls{background:var(--pf-bg-deep);border-radius:8px;padding:1rem}.control-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.voice-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.voice-toggle input{cursor:pointer}.control-buttons{display:flex;gap:.5rem}.run-btn,.stop-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.run-btn{background:var(--pf-trust-positive);color:var(--pf-contrast-white)}.run-btn:hover:not(:disabled){background:var(--pf-status-good)}.run-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{background:var(--pf-trust-negative);color:var(--pf-contrast-white)}.stop-btn:hover{background:var(--pf-action-danger)}.connection-warning{margin-top:.75rem;padding:.5rem .75rem;background:var(--pf-status-warn-bg);border:1px solid var(--pf-status-warn-border);border-radius:6px;font-size:.8rem;color:var(--pf-warning)}.execution-progress{background:var(--pf-bg-deep);border-radius:8px;padding:1rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem}.progress-label{color:var(--pf-text-secondary)}.progress-step{font-weight:500}.progress-bar{height:6px;background:var(--pf-bg-deep);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--pf-accent-cyan);border-radius:3px;transition:width .3s ease}.execution-report{background:var(--pf-bg-deep);border-radius:8px;padding:1rem;border-left:4px solid}.execution-report.success{border-left-color:var(--pf-trust-positive)}.execution-report.failure{border-left-color:var(--pf-trust-negative)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-header h4{margin:0;font-size:1rem}.export-btn{padding:.375rem .75rem;background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--pf-bg-hover);border-color:var(--pf-accent-cyan)}.report-summary{display:flex;gap:1.5rem;padding:.75rem;background:var(--pf-bg-deep);border-radius:6px;margin-bottom:1rem}.summary-stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.25rem;font-weight:600}.stat-value.positive{color:var(--pf-trust-positive)}.stat-value.negative{color:var(--pf-trust-negative)}.stat-label{font-size:.7rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.5px}.report-steps h5{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--pf-text-secondary)}.report-step{background:var(--pf-bg-deep);border-radius:6px;margin-bottom:.5rem;overflow:hidden;border-left:3px solid}.report-step.passed{border-left-color:var(--pf-trust-positive)}.report-step.failed{border-left-color:var(--pf-trust-negative)}.step-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--pf-overlay-dark-10)}.step-icon{font-size:.9rem}.step-index{font-weight:600;font-size:.8rem}.step-type-badge{font-size:.7rem;padding:.125rem .375rem;background:var(--pf-accent-cyan);color:var(--pf-contrast-white);border-radius:3px}.step-duration{margin-left:auto;font-size:.75rem;color:var(--pf-text-muted)}.step-body{padding:.75rem}.step-content-text{margin:0 0 .5rem;font-size:.85rem;color:var(--pf-text-primary)}.step-details{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem}.detail-item{color:var(--pf-text-secondary)}.detail-item .expected{color:var(--pf-text-muted);font-size:.75rem}.detail-message{width:100%;color:var(--pf-text-muted);font-style:italic}.step-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--pf-status-bad-bg);border:1px solid var(--pf-status-bad-border);border-radius:4px;font-size:.8rem;color:var(--pf-trust-negative)}@media(max-width:768px){.runner-layout{flex-direction:column}.runner-sidebar{width:100%;max-height:200px}.report-summary{flex-wrap:wrap;justify-content:center}}.script-list::-webkit-scrollbar,.runner-main::-webkit-scrollbar{width:6px}.script-list::-webkit-scrollbar-track,.runner-main::-webkit-scrollbar-track{background:transparent}.script-list::-webkit-scrollbar-thumb,.runner-main::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:3px}.script-list::-webkit-scrollbar-thumb:hover,.runner-main::-webkit-scrollbar-thumb:hover{background:var(--pf-text-dim)}.gossip-network-panel{display:flex;flex-direction:column;height:100%;background:var(--pf-bg-base);color:var(--pf-text-primary);overflow:hidden}.gossip-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--pf-bg-void);border-bottom:1px solid var(--pf-border-default)}.gossip-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.gossip-count{font-size:11px;color:var(--pf-text-muted);background:var(--pf-bg-elevated);padding:2px 6px;border-radius:10px}.gossip-clear-btn{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.gossip-clear-btn:hover:not(:disabled){background:var(--pf-bg-elevated);color:var(--pf-text-primary)}.gossip-clear-btn:disabled{opacity:.5;cursor:not-allowed}.gossip-network-viz{padding:12px;background:var(--pf-bg-void);border-bottom:1px solid var(--pf-border-default)}.network-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--pf-text-muted);text-transform:uppercase;margin-bottom:10px}.character-network{display:flex;flex-wrap:wrap;gap:8px}.character-node{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--pf-bg-base);border:1px solid var(--pf-border-default);border-radius:16px;font-size:11px;transition:all .3s ease}.character-node.active{border-color:var(--node-color, #888);box-shadow:0 0 8px color-mix(in srgb,var(--node-color, #888) 40%,transparent);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px color-mix(in srgb,var(--node-color, #888) 30%,transparent)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--node-color, #888) 50%,transparent)}}.node-emoji{font-size:14px}.node-name{color:var(--pf-text-secondary)}.node-count{background:var(--node-color, #888);color:var(--pf-text-bright);font-size:9px;font-weight:600;padding:2px 5px;border-radius:8px;min-width:16px;text-align:center}.gossip-stream{flex:1;overflow:hidden;display:flex;flex-direction:column}.stream-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--pf-text-muted);text-transform:uppercase;padding:10px 12px 6px}.gossip-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--pf-text-muted);text-align:center;padding:20px}.gossip-empty p{margin:0}.gossip-empty .hint{font-size:12px;color:var(--pf-text-muted)}.gossip-empty .example{font-size:11px;color:var(--pf-accent-purple);font-style:italic;background:var(--pf-bg-void);padding:8px 12px;border-radius:6px;margin-top:8px}.gossip-events{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.gossip-flow-item{background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-left:3px solid var(--agent-color, #888);border-radius:6px;padding:10px;transition:all .2s ease;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.gossip-flow-item:hover{background:var(--pf-bg-floating)}.gossip-flow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gossip-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-text-muted)}.gossip-dismiss-btn{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:2px;border-radius:3px;opacity:0;transition:all .2s}.gossip-flow-item:hover .gossip-dismiss-btn{opacity:1}.gossip-dismiss-btn:hover{background:var(--pf-bg-base);color:var(--pf-trust-negative)}.gossip-flow-content{display:flex;align-items:center;justify-content:space-between;gap:10px}.gossip-flow-participants{display:flex;align-items:center;gap:8px}.gossip-source,.gossip-target{display:flex;align-items:center;gap:4px}.gossip-emoji{font-size:16px}.gossip-name{font-size:12px;font-weight:500}.gossip-arrow{color:var(--pf-text-muted);animation:arrow-pulse 1.5s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.5}50%{opacity:1}}.gossip-type-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;background:color-mix(in srgb,var(--type-color, #888) 20%,transparent);border:1px solid color-mix(in srgb,var(--type-color, #888) 40%,transparent);border-radius:12px;font-size:10px;color:var(--type-color, #888)}.gossip-confidence{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10px}.confidence-label{color:var(--pf-text-muted)}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--agent-color, #888),color-mix(in srgb,var(--agent-color, #888) 60%,white));border-radius:2px;transition:width .3s ease}.gossip-footer{padding:8px 12px;background:var(--pf-bg-void);border-top:1px solid var(--pf-border-default);text-align:center}.gossip-hint{font-size:10px;color:var(--pf-text-muted);font-style:italic}.gossip-events::-webkit-scrollbar{width:6px}.gossip-events::-webkit-scrollbar-track{background:var(--pf-bg-base)}.gossip-events::-webkit-scrollbar-thumb{background:var(--pf-border-default);border-radius:3px}.gossip-events::-webkit-scrollbar-thumb:hover{background:var(--pf-text-muted)}.drama-tension-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-bg, #1a1a2e);color:var(--pf-text-primary, #e0e0e0);overflow:hidden}.drama-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-darker, #141428);border-bottom:1px solid var(--border-subtle, #333)}.drama-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.drama-clear-btn{background:none;border:none;color:var(--pf-text-muted, #888);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.drama-clear-btn:hover{background:var(--surface-elevated, #252540);color:var(--pf-text-primary, #e0e0e0)}.drama-meters{padding:12px;display:flex;flex-direction:column;gap:16px;background:var(--surface-darker, #141428);border-bottom:1px solid var(--border-subtle, #333)}.drama-meter-section{display:flex;flex-direction:column;gap:6px}.meter-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--pf-text-secondary, #aaa)}.meter-description{font-size:11px;color:var(--pf-text-muted, #666);font-style:italic;margin:0}.drama-progress-container{display:flex;flex-direction:column;gap:4px}.drama-progress-header{display:flex;justify-content:space-between;align-items:center}.drama-progress-label{font-size:10px;color:var(--pf-text-muted, #666);text-transform:uppercase}.drama-progress-value{font-size:11px;font-weight:600;color:var(--pf-text-secondary, #aaa)}.drama-progress-bar{height:8px;background:var(--surface-bg, #1a1a2e);border-radius:4px;overflow:hidden;position:relative}.drama-progress-fill{height:100%;border-radius:4px;transition:width .5s ease,background .3s ease;box-shadow:0 0 8px currentColor}.drama-initiatives{flex:1;overflow:hidden;display:flex;flex-direction:column}.initiatives-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--pf-text-muted, #888);text-transform:uppercase;padding:10px 12px 6px}.initiative-count{background:var(--surface-elevated, #252540);padding:2px 6px;border-radius:10px;font-size:10px}.initiatives-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--pf-text-muted, #666);text-align:center;padding:20px}.initiatives-empty p{margin:0}.initiatives-empty .hint{font-size:11px;color:var(--text-subtle, #555)}.initiatives-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.initiative-event{background:var(--surface-elevated, #252540);border:1px solid var(--border-subtle, #333);border-left:3px solid var(--initiative-color, #888);border-radius:6px;padding:10px;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.initiative-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.initiative-type{display:flex;align-items:center;gap:4px}.initiative-icon{font-size:14px}.initiative-label{font-size:12px;font-weight:500;color:var(--initiative-color, #888)}.initiative-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-text-muted, #666)}.initiative-dismiss{background:none;border:none;color:var(--pf-text-muted, #666);cursor:pointer;padding:2px;border-radius:3px;opacity:0;transition:all .2s}.initiative-event:hover .initiative-dismiss{opacity:1}.initiative-dismiss:hover{background:var(--surface-bg, #1a1a2e);color:var(--accent-red, #f44336)}.initiative-secret{display:flex;align-items:center;gap:6px;padding:6px 8px;background:color-mix(in srgb,var(--initiative-color, #888) 15%,transparent);border-radius:4px;font-size:11px;color:var(--pf-text-secondary, #aaa);margin-bottom:6px}.initiative-secret svg{color:var(--initiative-color, #888)}.initiative-context{display:flex;gap:12px;font-size:10px;color:var(--pf-text-muted, #666)}.drama-footer{padding:8px 12px;background:var(--surface-darker, #141428);border-top:1px solid var(--border-subtle, #333)}.last-update{font-size:10px;color:var(--pf-text-muted, #666);font-style:italic}.initiatives-list::-webkit-scrollbar{width:6px}.initiatives-list::-webkit-scrollbar-track{background:var(--surface-bg, #1a1a2e)}.initiatives-list::-webkit-scrollbar-thumb{background:var(--border-subtle, #333);border-radius:3px}.initiatives-list::-webkit-scrollbar-thumb:hover{background:var(--pf-text-muted, #666)}.theory-of-mind-panel{display:flex;flex-direction:column;height:100%;background:var(--pf-bg-base);color:var(--pf-text-primary);overflow:hidden}.tom-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--pf-bg-void);border-bottom:1px solid var(--pf-border-default)}.tom-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.tom-clear-btn{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.tom-clear-btn:hover{background:var(--pf-bg-elevated);color:var(--pf-text-primary)}.tom-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:12px}.tom-section{display:flex;flex-direction:column;gap:8px}.beliefs-list{display:flex;flex-direction:column;gap:12px}.agent-beliefs-group{display:flex;flex-direction:column;gap:8px}.agent-beliefs-header{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pf-text-secondary)}.agent-emoji{font-size:14px}.agent-name{font-weight:500}.belief-card{background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-left:3px solid var(--belief-color, #888);border-radius:6px;padding:10px;transition:all .2s ease;animation:fade-in .3s ease-out}.belief-card:hover{background:var(--pf-bg-floating)}.belief-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;cursor:pointer}.belief-subject{display:flex;align-items:center;gap:6px}.subject-emoji{font-size:16px}.subject-name{font-size:12px;font-weight:500;color:var(--pf-text-secondary)}.belief-meta{display:flex;align-items:center;gap:8px}.belief-type-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:color-mix(in srgb,var(--type-color, #888) 20%,transparent);border:1px solid color-mix(in srgb,var(--type-color, #888) 40%,transparent);border-radius:10px;font-size:10px;color:var(--type-color, #888)}.belief-expand-btn{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:2px}.belief-content{margin-bottom:8px}.belief-text{font-size:12px;color:var(--pf-text-primary);font-style:italic;margin:0;line-height:1.4}.belief-confidence{display:flex;align-items:center;gap:8px;font-size:10px}.confidence-label{color:var(--pf-text-muted);min-width:60px}.confidence-bar{flex:1;height:4px;background:var(--pf-bg-base);border-radius:2px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--belief-color, #888),color-mix(in srgb,var(--belief-color, #888) 70%,white));border-radius:2px;transition:width .3s ease}.confidence-value{color:var(--pf-text-secondary);min-width:30px;text-align:right}.belief-evidence{margin-top:8px;padding-top:8px;border-top:1px solid var(--pf-border-default)}.evidence-label{font-size:10px;color:var(--pf-text-muted);text-transform:uppercase}.evidence-list{margin:4px 0 0;padding-left:16px;font-size:11px;color:var(--pf-text-secondary)}.evidence-list li{margin-bottom:2px}.belief-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.belief-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-text-muted)}.belief-dismiss{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:2px;border-radius:3px;opacity:0;transition:all .2s}.belief-card:hover .belief-dismiss{opacity:1}.belief-dismiss:hover{background:var(--pf-bg-base);color:var(--pf-trust-negative)}.knowledge-list{display:flex;flex-direction:column;gap:6px}.knowledge-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--pf-bg-elevated);border-radius:6px;font-size:12px;animation:fade-in .3s ease-out}.knowledge-icon{font-size:14px;flex-shrink:0}.knowledge-text{flex:1;color:var(--pf-text-primary);line-height:1.4}.knowledge-source{font-size:10px;color:var(--pf-text-muted);background:var(--pf-bg-base);padding:2px 6px;border-radius:8px;flex-shrink:0}.tom-footer{padding:8px 12px;background:var(--pf-bg-void);border-top:1px solid var(--pf-border-default)}.tom-hint{font-size:10px;color:var(--pf-text-muted);font-style:italic}.tom-content::-webkit-scrollbar{width:6px}.tom-content::-webkit-scrollbar-track{background:var(--pf-bg-base)}.tom-content::-webkit-scrollbar-thumb{background:var(--pf-border-default);border-radius:3px}.tom-content::-webkit-scrollbar-thumb:hover{background:var(--pf-text-muted)}.personality-evolution-panel{display:flex;flex-direction:column;height:100%;background:var(--pf-bg-base);color:var(--pf-text-primary);overflow:hidden}.personality-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--pf-bg-void);border-bottom:1px solid var(--pf-border-default)}.personality-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.active-agent{font-size:11px;color:var(--pf-text-muted);background:var(--pf-bg-elevated);padding:2px 8px;border-radius:10px}.personality-clear-btn{background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.personality-clear-btn:hover{background:var(--pf-bg-elevated);color:var(--pf-text-primary)}.personality-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:12px}.personality-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--pf-text-muted);text-transform:uppercase}.section-count{background:var(--pf-bg-elevated);padding:2px 6px;border-radius:10px;font-size:10px}.section-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--pf-text-muted);text-align:center}.section-empty p{margin:0}.section-empty .hint{font-size:11px;color:var(--pf-text-muted)}.traits-grid{display:flex;flex-direction:column;gap:12px}.trait-bar{display:flex;flex-direction:column;gap:4px}.trait-header{display:flex;justify-content:space-between;align-items:center}.trait-name{display:flex;align-items:center;gap:6px}.trait-short{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--trait-color, #888);color:var(--pf-text-bright);font-size:11px;font-weight:600;border-radius:4px}.trait-full{font-size:12px;color:var(--pf-text-secondary)}.trait-value{display:flex;align-items:center;gap:6px}.value-number{font-size:12px;font-weight:600;color:var(--pf-text-primary)}.drift-indicator{display:flex;align-items:center;gap:2px;font-size:10px;padding:2px 4px;border-radius:4px}.drift-indicator.up{color:var(--pf-trust-positive);background:color-mix(in srgb,var(--accent-green) 20%,transparent)}.drift-indicator.down{color:var(--pf-trust-negative);background:color-mix(in srgb,var(--accent-red) 20%,transparent)}.trait-bar-container{display:flex;flex-direction:column;gap:2px}.trait-bar-track{height:8px;background:var(--pf-bg-void);border-radius:4px;position:relative;overflow:visible}.trait-bar-fill{height:100%;background:linear-gradient(90deg,var(--trait-color, #888),color-mix(in srgb,var(--trait-color, #888) 70%,white));border-radius:4px;transition:width .5s ease;box-shadow:0 0 6px color-mix(in srgb,var(--trait-color, #888) 50%,transparent)}.baseline-marker{position:absolute;top:-2px;width:2px;height:12px;background:var(--pf-text-bright);border-radius:1px;opacity:.6;z-index:1;transform:translate(-50%)}.trait-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--pf-text-muted)}.expressions-list{display:flex;flex-direction:column;gap:8px}.expression-event{background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-left:3px solid var(--trait-color, #888);border-radius:6px;padding:10px;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.expression-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.expression-trait{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--trait-color, #888);color:var(--pf-text-bright);font-size:10px;font-weight:600;border-radius:3px}.expression-name{font-size:12px;font-weight:500;color:var(--pf-text-secondary)}.expression-direction{display:flex;align-items:center;margin-left:auto}.expression-direction.up{color:var(--pf-trust-positive)}.expression-direction.down{color:var(--pf-trust-negative)}.expression-values{display:flex;gap:12px;font-size:10px;color:var(--pf-text-muted);margin-bottom:4px}.expression-context{font-size:11px;color:var(--pf-text-secondary);font-style:italic;margin:0 0 4px}.expression-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-text-muted)}.milestones-list{display:flex;flex-direction:column;gap:8px}.milestone-event{display:flex;align-items:center;gap:10px;padding:10px;background:var(--pf-bg-elevated);border:1px solid var(--pf-border-default);border-left:3px solid var(--pf-accent-pink);border-radius:6px;animation:fade-in .3s ease-out}.milestone-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:color-mix(in srgb,var(--accent-pink) 20%,transparent);border-radius:50%;color:var(--pf-accent-pink);flex-shrink:0}.milestone-content{flex:1;display:flex;flex-direction:column;gap:2px}.milestone-label{font-size:12px;font-weight:500;color:var(--pf-text-primary)}.milestone-meta{font-size:10px;color:var(--pf-text-muted)}.milestone-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--pf-text-muted);flex-shrink:0}.personality-footer{padding:8px 12px;background:var(--pf-bg-void);border-top:1px solid var(--pf-border-default)}.personality-hint{font-size:10px;color:var(--pf-text-muted);font-style:italic}.personality-content::-webkit-scrollbar{width:6px}.personality-content::-webkit-scrollbar-track{background:var(--pf-bg-base)}.personality-content::-webkit-scrollbar-thumb{background:var(--pf-border-default);border-radius:3px}.personality-content::-webkit-scrollbar-thumb:hover{background:var(--pf-text-muted)}.inspector-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--pf-glass-elevated-95) 0%,var(--pf-glass-base) 100%);border-left:1px solid var(--pf-overlay-light-8);position:relative;transition:height .3s ease;overflow:hidden;z-index:1}.inspector-panel.collapsed{height:auto!important}.inspector-panel.resizing{transition:none;-webkit-user-select:none;user-select:none}.inspector-resize-handle{position:absolute;top:0;left:0;right:0;height:6px;cursor:ns-resize;background:transparent;z-index:10;transition:background .2s ease}.inspector-resize-handle:hover,.inspector-panel.resizing .inspector-resize-handle{background:linear-gradient(90deg,transparent 0%,var(--pf-inspector-primary-shadow) 25%,var(--pf-inspector-secondary-shadow) 75%,transparent 100%)}.inspector-resize-handle:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--pf-overlay-light-10);border-radius:1px;transition:background .2s ease,width .2s ease}.inspector-resize-handle:hover:after,.inspector-panel.resizing .inspector-resize-handle:after{width:60px;background:var(--pf-overlay-light-30)}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--pf-overlay-dark-30);border-bottom:1px solid var(--pf-overlay-light-6);min-height:44px}.inspector-title{display:flex;align-items:center;gap:8px;color:var(--pf-overlay-light-90);font-family:var(--pf-font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wide)}.inspector-icon{font-size:14px;line-height:1}.inspector-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-8);border-radius:6px;cursor:pointer;transition:all .2s ease}.inspector-collapse-btn:hover{background:var(--pf-overlay-light-10);border-color:var(--pf-overlay-light-15)}.inspector-collapse-btn:active{transform:scale(.95)}.collapse-icon{font-size:10px;color:var(--pf-overlay-light-60);transition:transform .3s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.inspector-header-controls{display:flex;align-items:center;gap:6px}.inspector-tabs{display:flex;padding:8px 8px 0;background:var(--pf-overlay-dark-20);border-bottom:1px solid var(--pf-overlay-light-8);gap:4px;overflow-x:auto;scrollbar-width:none}.inspector-tabs::-webkit-scrollbar{display:none}.inspector-tab{flex:0 0 auto;min-width:80px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:8px 8px 0 0;color:var(--pf-overlay-light-50);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.inspector-tab:hover{color:var(--pf-overlay-light-80);background:var(--pf-overlay-light-5)}.inspector-tab.active{color:var(--pf-overlay-light-95);background:var(--pf-overlay-light-8)}.inspector-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,var(--pf-inspector-primary) 0%,var(--pf-inspector-secondary) 100%);border-radius:2px 2px 0 0}.tab-icon{font-size:14px;line-height:1}.tab-label{font-size:11px;letter-spacing:.3px}.inspector-tab.player-tab{background:var(--pf-overlay-dark-20);border:1px solid transparent;border-bottom:none}.inspector-tab.player-tab:hover{background:var(--pf-accent-cyan-bg);border-color:var(--pf-inspector-secondary-hover)}.inspector-tab.player-tab.active{background:var(--pf-inspector-secondary-bg);border-color:var(--pf-inspector-secondary-border)}.inspector-tab.player-tab.active:after{background:linear-gradient(90deg,var(--pf-inspector-secondary) 0%,var(--pf-inspector-primary) 100%)}.tab-icon-svg{stroke-width:2;opacity:.8}.inspector-tab.active .tab-icon-svg{opacity:1}.tab-divider{width:1px;height:24px;background:var(--pf-overlay-light-15);margin:0 8px;align-self:center}.inspector-tab.developer-tab{opacity:.7;min-width:60px}.inspector-tab.developer-tab:hover,.inspector-tab.developer-tab.active{opacity:1}.inspector-tab.developer-tab.active:after{background:linear-gradient(90deg,var(--pf-status-warn) 0%,var(--pf-warning) 100%)}.inspector-tab:focus{outline:none}.inspector-tab:focus-visible{outline:2px solid var(--pf-inspector-secondary-border);outline-offset:2px}.inspector-content{flex:1;overflow-y:auto;overflow-x:hidden}.inspector-content::-webkit-scrollbar{width:6px}.inspector-content::-webkit-scrollbar-track{background:var(--pf-overlay-light-3)}.inspector-content::-webkit-scrollbar-thumb{background:var(--pf-overlay-light-10);border-radius:3px}.inspector-content::-webkit-scrollbar-thumb:hover{background:var(--pf-overlay-light-20)}.trust-combined-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.inspector-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:300px}.inspector-placeholder .placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.6}.inspector-placeholder h3{color:var(--pf-overlay-light-90);font-size:18px;font-weight:600;margin:0 0 8px}.inspector-placeholder p{color:var(--pf-contrast-white)!important;font-size:13px;margin:0 0 24px;max-width:280px;line-height:1.5}.inspector-placeholder .placeholder-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.inspector-placeholder .feature-item{display:flex;align-items:center;gap:10px;color:var(--pf-overlay-light-60);font-size:12px}.inspector-placeholder .feature-icon{font-size:16px;opacity:.8}.inspector-placeholder .placeholder-status{color:var(--pf-inspector-primary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;background:var(--pf-accent-purple-bg);padding:6px 12px;border-radius:12px;margin:0}@keyframes tab-content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inspector-panel.collapsed .inspector-content,.inspector-panel.collapsed .inspector-tabs{display:none}.developer-mode-toggle{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:44px;min-height:44px;background:var(--pf-overlay-light-3);border:1px solid var(--pf-overlay-light-6);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--pf-overlay-light-30);z-index:5;opacity:.5}.developer-mode-toggle:hover{background:var(--pf-overlay-light-8);border-color:var(--pf-overlay-light-15);color:var(--pf-overlay-light-60);opacity:1}.developer-mode-toggle.active{background:var(--pf-accent-amber-bg);border-color:var(--pf-accent-amber-border);color:var(--pf-status-warn);opacity:1}.developer-mode-toggle.active:hover{background:var(--pf-accent-amber-border);border-color:var(--pf-status-warn-border)}.developer-mode-toggle svg{transition:transform .3s ease}.developer-mode-toggle:hover svg{transform:rotate(45deg)}.developer-mode-toggle.active svg{transform:rotate(180deg)}@media(max-width:500px){.inspector-tabs{padding:6px 6px 0}.inspector-tab{padding:8px;flex-direction:column;gap:4px}.tab-label{font-size:9px}.inspector-header{padding:8px 10px}}@media(max-width:400px){.inspector-tab{padding:6px 4px}.tab-icon{font-size:16px}.tab-label{display:none}}.shortcuts-modal-overlay{position:fixed;inset:0;background:var(--pf-overlay-dark-75);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-max);animation:fadeIn .15s ease-out}.shortcuts-modal{background:var(--pf-bg-deep, #1e1e2e);border-radius:12px;box-shadow:0 20px 40px var(--pf-overlay-dark-40);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out;border:1px solid var(--pf-border-default, #333)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--pf-border-default, #333)}.shortcuts-title-row{display:flex;align-items:center;gap:.75rem}.shortcuts-icon{color:var(--pf-accent-cyan, #6366f1)}.shortcuts-modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--pf-text-primary, #fff)}.shortcuts-close-btn{background:transparent;border:none;color:var(--pf-text-secondary, #888);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.shortcuts-close-btn:hover{background:var(--pf-bg-hover, #333);color:var(--pf-text-primary, #fff)}.shortcuts-close-btn:focus{outline:2px solid var(--pf-accent-cyan, #6366f1);outline-offset:2px}.shortcuts-platform-note{padding:.75rem 1.25rem;background:var(--pf-accent-indigo-bg);font-size:.8rem;color:var(--pf-text-secondary, #888);display:flex;align-items:center;gap:.5rem}.shortcuts-platform-note kbd{background:var(--pf-bg-deep, #181825);padding:.125rem .5rem;border-radius:4px;font-family:inherit;font-size:.85em;border:1px solid var(--pf-border-default, #333);color:var(--pf-text-primary, #fff)}.shortcuts-content{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.shortcuts-category{display:flex;flex-direction:column;gap:.5rem}.category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pf-accent-cyan, #6366f1);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--pf-border-default, #333)}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--pf-bg-base, #181825);border-radius:6px;gap:1rem}.shortcut-description{font-size:.85rem;color:var(--pf-text-primary, #fff)}.shortcut-keys{background:var(--pf-bg-elevated, #252537);padding:.25rem .625rem;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;color:var(--pf-text-secondary, #888);border:1px solid var(--pf-border-default, #333);white-space:nowrap;min-width:fit-content}.shortcuts-modal-footer{display:flex;align-items:center;justify-content:center;gap:2rem;padding:.75rem 1.25rem;border-top:1px solid var(--pf-border-default, #333);background:var(--pf-overlay-dark-20)}.shortcuts-hint{font-size:.75rem;color:var(--pf-text-muted, #9ca3af);display:flex;align-items:center;gap:.375rem}.shortcuts-hint kbd{background:var(--pf-bg-deep, #181825);padding:.125rem .375rem;border-radius:3px;font-family:inherit;font-size:.9em;border:1px solid var(--pf-border-default, #333);color:var(--pf-text-secondary, #888)}.shortcuts-content::-webkit-scrollbar{width:6px}.shortcuts-content::-webkit-scrollbar-track{background:transparent}.shortcuts-content::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:3px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:var(--pf-text-dim)}@media(max-width:600px){.shortcuts-modal{max-height:90vh;width:95%}.shortcuts-content{grid-template-columns:1fr}.shortcuts-modal-footer{flex-direction:column;gap:.5rem}}.shortcuts-modal *:focus-visible{outline:2px solid var(--pf-accent-cyan, #6366f1);outline-offset:2px}.barge-in-indicator{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:var(--pf-z-overlay);background:linear-gradient(135deg,var(--accent-orange, #f59e0b) 0%,var(--accent-yellow, #eab308) 100%);border-radius:12px;padding:12px 20px;box-shadow:0 4px 20px var(--pf-warning-30),0 2px 8px var(--pf-overlay-dark-10);animation:slideUp .3s ease-out;overflow:hidden}.barge-in-indicator.fading{animation:fadeOut .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.barge-in-content{display:flex;align-items:center;gap:12px}.barge-in-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--pf-overlay-light-20);border-radius:50%;color:var(--pf-contrast-white);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.8}}.barge-in-text{color:var(--pf-contrast-white)}.barge-in-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:2px}.barge-in-phrase{font-size:14px;font-weight:500;font-style:italic;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barge-in-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--pf-overlay-light-40);animation:progressShrink 3s linear forwards}@keyframes progressShrink{0%{width:100%}to{width:0%}}[data-theme=dark] .barge-in-indicator{box-shadow:0 4px 20px var(--pf-warning-hover),0 2px 8px var(--pf-overlay-dark-30)}@media(max-width:480px){.barge-in-indicator{bottom:80px;left:10px;right:10px;transform:none;border-radius:10px}.barge-in-phrase{max-width:100%}}.arrival-overlay{position:fixed;inset:0;background:var(--pf-gradient-void, linear-gradient(180deg, var(--pf-bg-void) 0%, var(--pf-bg-deep) 50%, var(--pf-bg-navy-deep) 100%));display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-modal);animation:arrival-fade-in 1.2s ease-out;padding:var(--pf-space-4);overflow:hidden}@keyframes arrival-fade-in{0%{opacity:0}60%{opacity:.6}to{opacity:1}}.arrival-fog{position:fixed;width:250%;height:200%;pointer-events:none;opacity:var(--pf-fog-opacity, .4)}.arrival-fog-1{top:-60%;left:-70%;background:radial-gradient(ellipse at center,var(--pf-accent-subtle-18) 0%,transparent 55%);animation:arrival-fog-drift-1 28s ease-in-out infinite}.arrival-fog-2{bottom:-60%;right:-70%;background:radial-gradient(ellipse at center,var(--pf-ambient-gold-bg) 0%,transparent 50%);animation:arrival-fog-drift-2 35s ease-in-out infinite}@keyframes arrival-fog-drift-1{0%,to{transform:translate(0) rotate(-1deg)}33%{transform:translate(6%,3%) rotate(2deg)}66%{transform:translate(-3%,-4%) rotate(-2deg)}}@keyframes arrival-fog-drift-2{0%,to{transform:translate(0) rotate(1deg)}33%{transform:translate(-5%,4%) rotate(-1deg)}66%{transform:translate(4%,-2%) rotate(2deg)}}.arrival-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:100%;animation:arrival-cinematic-enter 1s var(--pf-ease-out-expo) .3s both}.arrival-screen.phase-2{min-height:400px}.arrival-screen.transitioning{opacity:.5;transform:scale(.97);transition:all .3s ease}@keyframes arrival-cinematic-enter{0%{opacity:0;transform:translateY(30px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.arrival-title-group{margin-bottom:var(--pf-space-10);animation:title-group-enter 1.4s var(--pf-ease-out-expo) .6s both}@keyframes title-group-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.arrival-game-title{margin:0;font-family:var(--pf-font-display);font-size:clamp(var(--pf-font-size-4xl),8vw,3.5rem);font-weight:var(--pf-font-weight-normal);letter-spacing:.18em;text-transform:uppercase;color:var(--pf-text-bright);text-shadow:0 0 60px var(--pf-accent-purple-glow),0 0 120px var(--pf-accent-purple-bg),0 2px 4px var(--pf-overlay-dark-50);animation:title-glow-breathe 4s ease-in-out infinite alternate}@keyframes title-glow-breathe{0%{text-shadow:0 0 40px var(--pf-accent-purple-glow),0 0 80px var(--pf-accent-purple-bg),0 2px 4px var(--pf-overlay-dark-50)}to{text-shadow:0 0 60px var(--pf-accent-purple-glow),0 0 120px var(--pf-accent-purple-bg),0 0 180px var(--pf-ambient-gold-faint),0 2px 4px var(--pf-overlay-dark-50)}}.arrival-tagline{margin:var(--pf-space-3) 0 0;font-family:var(--pf-font-display);font-size:var(--pf-font-size-lg);font-style:italic;color:var(--pf-text-dim);letter-spacing:var(--pf-letter-spacing-wide);opacity:0;animation:tagline-fade .8s ease 1.2s both}@keyframes tagline-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.arrival-notice-card{background:linear-gradient(145deg,var(--pf-glass-card-85) 0%,var(--pf-glass-input) 100%);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--pf-accent-purple-border);border-radius:var(--pf-radius-xl);padding:var(--pf-space-6) var(--pf-space-6) var(--pf-space-5);width:100%;text-align:left;margin-bottom:var(--pf-space-6);box-shadow:0 8px 32px var(--pf-overlay-dark-40),inset 0 1px 0 var(--pf-overlay-light-5);animation:card-enter .6s ease .8s both}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arrival-notice-text{margin:0 0 var(--pf-space-4);font-size:var(--pf-font-size-md);line-height:var(--pf-line-height-relaxed);color:var(--pf-text-primary)}.arrival-notice-text strong{color:var(--pf-text-bright);font-weight:var(--pf-font-weight-semibold)}.arrival-crisis-note{background:linear-gradient(135deg,#10b9812e,#10b9810f);border:1px solid rgba(16,185,129,.35);border-radius:var(--pf-radius-md);padding:var(--pf-space-3) var(--pf-space-4);margin-bottom:var(--pf-space-4);font-size:var(--pf-font-size-sm);line-height:var(--pf-line-height-normal);color:var(--pf-text-primary)}.arrival-crisis-note strong{color:var(--pf-text-primary)}.arrival-checkbox-row{display:flex;align-items:flex-start;gap:var(--pf-space-3);padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-glass-void-60);border:1px solid var(--pf-border-default);border-radius:var(--pf-radius-md);cursor:pointer;transition:border-color var(--pf-transition-normal) ease,background var(--pf-transition-normal) ease,box-shadow var(--pf-transition-normal) ease}.arrival-checkbox-row:hover{border-color:var(--pf-accent-purple);background:var(--pf-glass-card-50)}.arrival-checkbox-row:has(.arrival-checkbox-input:checked){border-color:var(--pf-trust-positive);background:linear-gradient(135deg,var(--pf-trust-positive-bg) 0%,transparent 100%);box-shadow:0 0 16px var(--pf-trust-positive-bg)}.arrival-checkbox-input{position:absolute;opacity:0;width:0;height:0}.arrival-checkmark{position:relative;flex-shrink:0;width:22px;height:22px;background:var(--pf-bg-elevated, rgba(30, 30, 50, .95));border:2px solid rgba(255,255,255,.55);border-radius:var(--pf-radius-sm);transition:all .25s ease;box-shadow:inset 0 1px 2px #0000004d}.arrival-checkbox-input:checked+.arrival-checkmark{background:var(--pf-trust-positive);border-color:var(--pf-trust-positive);box-shadow:0 0 10px var(--pf-trust-positive-glow)}.arrival-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:12px;border:solid var(--pf-text-bright);border-width:0 2px 2px 0;transform:rotate(45deg)}.arrival-checkbox-input:checked+.arrival-checkmark:after{display:block}.arrival-checkbox-input:focus-visible+.arrival-checkmark{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.arrival-checkbox-label{font-size:var(--pf-font-size-base);line-height:var(--pf-line-height-normal);color:var(--pf-text-primary);padding-top:1px}.arrival-terms-link{background:none;border:none;padding:0;color:var(--pf-accent-gold-light, var(--pf-accent-cyan));cursor:pointer;text-decoration:underline;text-decoration-color:var(--pf-accent-gold-glow);text-underline-offset:2px;font-size:inherit;font-family:inherit;transition:color var(--pf-transition-fast) ease,text-decoration-color var(--pf-transition-fast) ease}.arrival-terms-link:hover{color:var(--pf-accent-gold, var(--pf-accent-cyan));text-decoration-color:var(--pf-accent-gold, var(--pf-accent-cyan))}.arrival-terms-inline-link{color:var(--pf-accent-gold-light, var(--pf-accent-cyan));text-decoration:none}.arrival-terms-inline-link:hover{text-decoration:underline}.arrival-full-terms{max-height:240px;overflow-y:auto;margin-top:var(--pf-space-4);padding:var(--pf-space-4);background:var(--pf-glass-void-deep);border:1px solid var(--pf-border-subtle);border-radius:var(--pf-radius-md);font-size:var(--pf-font-size-sm);line-height:var(--pf-line-height-relaxed);color:var(--pf-text-secondary)}.arrival-full-terms .terms-content{text-align:left}.arrival-full-terms .terms-section{margin-bottom:var(--pf-space-4);padding-bottom:var(--pf-space-3);border-bottom:1px solid var(--pf-border-subtle)}.arrival-full-terms .terms-section.last{border-bottom:none;margin-bottom:0;padding-bottom:0}.arrival-full-terms .terms-section h2{margin:0 0 var(--pf-space-2);font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-bright)}.arrival-full-terms .terms-section p{margin:0;color:var(--pf-text-secondary)}.arrival-full-terms::-webkit-scrollbar{width:6px}.arrival-full-terms::-webkit-scrollbar-track{background:transparent}.arrival-full-terms::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:var(--pf-radius-sm)}.arrival-actions{display:flex;flex-direction:column;align-items:center;gap:var(--pf-space-3);width:100%;max-width:360px;animation:actions-enter .5s ease 1s both}@keyframes actions-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arrival-btn{width:100%;padding:var(--pf-space-3) var(--pf-space-6);font-family:var(--pf-font-family);font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-semibold);letter-spacing:var(--pf-letter-spacing-wide);text-transform:uppercase;border:none;border-radius:var(--pf-radius-lg);cursor:pointer;transition:all .25s var(--pf-ease-out)}.arrival-btn:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:3px}.arrival-btn-primary{background:linear-gradient(135deg,var(--pf-accent-purple) 0%,var(--pf-accent-purple-dark) 100%);color:var(--pf-text-bright);box-shadow:0 4px 20px var(--pf-accent-purple-glow),0 2px 4px var(--pf-overlay-dark-30),inset 0 1px 0 var(--pf-overlay-light-10)}.arrival-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px var(--pf-accent-purple-glow),0 4px 8px var(--pf-overlay-dark-30),inset 0 1px 0 var(--pf-overlay-light-15);filter:brightness(1.15)}.arrival-btn-primary:active:not(:disabled){transform:translateY(-1px)}.arrival-btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;filter:none}.arrival-btn-start{background:linear-gradient(135deg,var(--pf-accent-gold-light, var(--pf-trust-positive-light)) 0%,var(--pf-accent-gold, var(--pf-trust-positive)) 100%);color:var(--pf-bg-void);width:100%;padding:var(--pf-space-4) var(--pf-space-6);font-family:var(--pf-font-family);font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-bold);letter-spacing:var(--pf-letter-spacing-wide);text-transform:uppercase;border:none;border-radius:var(--pf-radius-lg);cursor:pointer;transition:all .25s var(--pf-ease-out);box-shadow:0 4px 20px var(--pf-accent-gold-glow, var(--pf-trust-positive-glow)),0 2px 4px var(--pf-overlay-dark-30)}.arrival-btn-start:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--pf-accent-gold-glow, var(--pf-trust-positive-glow)),0 4px 8px var(--pf-overlay-dark-30);filter:brightness(1.08)}.arrival-btn-start:active{transform:translateY(-1px)}.arrival-btn-start:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:3px}.arrival-btn-decline{background:none;border:none;color:var(--pf-text-dim);font-size:var(--pf-font-size-sm);cursor:pointer;padding:var(--pf-space-2);transition:color var(--pf-transition-fast) ease}.arrival-btn-decline:hover{color:var(--pf-text-secondary)}.arrival-step{display:flex;flex-direction:column;align-items:center;text-align:center;animation:arrival-step-in .6s var(--pf-ease-out-expo);width:100%}@keyframes arrival-step-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.arrival-step .narrative-scene{display:flex;flex-direction:column;gap:var(--pf-space-5);margin-bottom:var(--pf-space-10);max-width:420px}.arrival-step .narrative-text{margin:0;font-family:var(--pf-font-display);font-size:var(--pf-font-size-xl);line-height:var(--pf-line-height-relaxed);color:var(--pf-text-secondary);font-weight:var(--pf-font-weight-normal);letter-spacing:.01em}.arrival-step .narrative-text.emphasis{color:var(--pf-text-bright);font-size:var(--pf-font-size-2xl);font-weight:var(--pf-font-weight-semibold);margin-top:var(--pf-space-3);text-shadow:0 0 30px var(--pf-accent-gold-glow, var(--pf-ambient-gold-faint))}.arrival-step .narrative-text.typewriter{opacity:0;animation:narrative-line-reveal .9s ease forwards}.arrival-step .narrative-text.delay-1{animation-delay:1s}.arrival-step .narrative-text.delay-2{animation-delay:2s}.arrival-step .narrative-text.delay-3{animation-delay:3s}@keyframes narrative-line-reveal{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.arrival-step .choice-question{margin:0 0 var(--pf-space-8);font-family:var(--pf-font-display);font-size:var(--pf-font-size-3xl);font-weight:var(--pf-font-weight-normal);color:var(--pf-text-bright);letter-spacing:.02em;text-shadow:0 2px 20px var(--pf-overlay-dark-50)}.arrival-step .reason-choices{display:flex;flex-direction:column;gap:var(--pf-space-3);width:100%;max-width:420px;margin-bottom:var(--pf-space-6)}.arrival-step .reason-choice{display:flex;align-items:center;gap:var(--pf-space-4);padding:var(--pf-space-4) var(--pf-space-5);background:var(--pf-glass-input-70);border:1px solid var(--pf-border-default);border-radius:var(--pf-radius-lg);cursor:pointer;text-align:left;color:var(--pf-text-primary);font-size:var(--pf-font-size-base);transition:all .25s var(--pf-ease-out)}.arrival-step .reason-choice:hover{background:var(--pf-glass-card-80);border-color:var(--pf-accent-purple);transform:translate(4px);box-shadow:0 4px 16px var(--pf-overlay-dark-20)}.arrival-step .reason-choice.selected{background:linear-gradient(135deg,var(--pf-accent-purple-bg) 0%,var(--pf-ambient-glow-warm) 100%);border-color:var(--pf-accent-purple);box-shadow:0 0 20px var(--pf-accent-purple-glow),inset 0 0 20px var(--pf-overlay-light-5)}.arrival-step .reason-icon{font-size:var(--pf-font-size-xl);flex-shrink:0}.arrival-step .reason-label{flex:1;line-height:var(--pf-line-height-tight)}.arrival-step .objective-context{margin:0 0 var(--pf-space-5);font-family:var(--pf-font-display);font-size:var(--pf-font-size-xl);font-style:italic;color:var(--pf-text-secondary);font-weight:var(--pf-font-weight-normal)}.arrival-step .objective-card{background:linear-gradient(145deg,var(--pf-accent-purple-bg) 0%,var(--pf-ambient-glow-warm) 100%);border:1px solid var(--pf-accent-purple-border);border-radius:var(--pf-radius-xl);padding:var(--pf-space-6);width:100%;max-width:420px;text-align:center;margin-bottom:var(--pf-space-8);box-shadow:0 8px 32px var(--pf-overlay-dark-30),0 0 40px var(--pf-ambient-glow);animation:objective-card-enter .5s ease both}@keyframes objective-card-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.arrival-step .objective-badge{display:inline-block;padding:var(--pf-space-1) var(--pf-space-3);background:var(--pf-accent-gold, var(--pf-accent-cyan));color:var(--pf-bg-void);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-bold);letter-spacing:var(--pf-letter-spacing-wider);border-radius:var(--pf-radius-sm);margin-bottom:var(--pf-space-3)}.arrival-step .objective-text{margin:0 0 var(--pf-space-3);font-family:var(--pf-font-display);font-size:var(--pf-font-size-xl);font-weight:var(--pf-font-weight-semibold);color:var(--pf-text-bright);line-height:var(--pf-line-height-tight)}.arrival-step .objective-hint{margin:0;font-size:var(--pf-font-size-base);color:var(--pf-text-secondary);line-height:var(--pf-line-height-normal);font-style:italic}.step-progress{display:flex;align-items:center;gap:0;margin-top:var(--pf-space-8)}.step-dot{width:10px;height:10px;border-radius:var(--pf-radius-full);background:var(--pf-border-strong);transition:all .4s var(--pf-ease-out);position:relative}.step-dot:not(:last-child){margin-right:var(--pf-space-5)}.step-dot:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:var(--pf-space-5);height:1px;background:var(--pf-border-default);transform:translateY(-50%);transition:background .4s ease}.step-dot.active{background:var(--pf-accent-purple);box-shadow:0 0 10px var(--pf-accent-purple-glow)}.step-dot.active:not(:last-child):after{background:var(--pf-accent-purple-glow)}@media(max-width:480px){.arrival-overlay{padding:var(--pf-space-3)}.arrival-game-title{font-size:var(--pf-font-size-4xl);letter-spacing:.12em}.arrival-tagline{font-size:var(--pf-font-size-base)}.arrival-notice-card{padding:var(--pf-space-4);border-radius:var(--pf-radius-lg)}.arrival-btn{padding:var(--pf-space-3) var(--pf-space-4);font-size:var(--pf-font-size-base)}.arrival-step .choice-question{font-size:var(--pf-font-size-xl)}.arrival-step .narrative-text{font-size:var(--pf-font-size-lg)}}@media(max-width:374px){.arrival-overlay{padding:var(--pf-space-2)}.arrival-game-title{font-size:var(--pf-font-size-3xl);letter-spacing:.08em}.arrival-notice-card{padding:var(--pf-space-3)}.arrival-step .reason-choice{padding:var(--pf-space-3);gap:var(--pf-space-3)}}@media(prefers-reduced-motion:reduce){.arrival-overlay,.arrival-screen,.arrival-step,.arrival-step .narrative-text.typewriter,.arrival-title-group,.arrival-tagline,.arrival-notice-card,.arrival-actions,.arrival-step .objective-card{animation:none;opacity:1;transform:none;filter:none}.arrival-fog-1,.arrival-fog-2,.arrival-game-title{animation:none}}.auth-return-overlay{position:fixed;inset:0;background:var(--pf-bg-void);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-modal)}.auth-return-fog{position:fixed;width:200%;height:120%;pointer-events:none;opacity:.3}.auth-return-fog-1{top:-30%;left:-50%;background:radial-gradient(ellipse at center,var(--pf-accent-cyan-glow) 0%,transparent 60%);animation:auth-fog-drift 20s ease-in-out infinite alternate}.auth-return-fog-2{bottom:-40%;right:-60%;background:radial-gradient(ellipse at center,var(--pf-accent-purple-glow) 0%,transparent 60%);animation:auth-fog-drift 25s ease-in-out infinite alternate-reverse}@keyframes auth-fog-drift{0%{transform:translate(-5%) rotate(-2deg)}to{transform:translate(5%) rotate(2deg)}}.auth-return-content{position:relative;z-index:1;text-align:center}.auth-return-title{margin:0;font-family:var(--pf-font-display);font-size:var(--pf-font-size-4xl);font-weight:300;letter-spacing:var(--pf-letter-spacing-wider);text-transform:uppercase;color:var(--pf-text-bright);text-shadow:0 0 40px var(--pf-accent-cyan-glow)}.auth-return-text{margin:var(--pf-space-4) 0 0;font-family:var(--pf-font-display);font-style:italic;font-size:var(--pf-font-size-md);color:var(--pf-text-muted);letter-spacing:var(--pf-letter-spacing-wide)}.auth-return-dots{display:flex;justify-content:center;gap:var(--pf-space-2);margin-top:var(--pf-space-6)}.auth-dot{width:6px;height:6px;border-radius:var(--pf-radius-full);background:var(--pf-accent-cyan);opacity:.3;animation:auth-dot-pulse 1.4s ease-in-out infinite}.auth-dot:nth-child(2){animation-delay:.2s}.auth-dot:nth-child(3){animation-delay:.4s}@keyframes auth-dot-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.auth-return-fog-1,.auth-return-fog-2{animation:none}.auth-dot{animation:none;opacity:.6}}.main-menu-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 100% 80% at 50% 120%,var(--pf-accent-green-glow) 0%,transparent 50%),linear-gradient(180deg,#0a0f0a,#0d1410,#0f1a14 60%,#0a0f0a);z-index:var(--pf-z-max)}.main-menu{position:relative;width:100%;max-width:480px;padding:var(--pf-space-8);background:var(--pf-glass-void);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-radius:var(--pf-radius-2xl);border:1px solid var(--pf-border-default);box-shadow:0 25px 50px -12px var(--pf-overlay-dark-50),0 0 100px var(--pf-accent-purple-bg);overflow:hidden}.main-menu-fog{position:absolute;width:200%;height:200%;pointer-events:none;opacity:.25}.main-menu-fog-1{top:-50%;left:-50%;background:radial-gradient(ellipse at center,var(--pf-accent-green-glow) 0%,transparent 60%);animation:fog-drift-1 25s ease-in-out infinite}.main-menu-fog-2{bottom:-50%;right:-50%;background:radial-gradient(ellipse at center,var(--pf-overlay-light-10) 0%,transparent 50%);animation:fog-drift-2 30s ease-in-out infinite}@keyframes fog-drift-1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,5%) rotate(5deg)}}@keyframes fog-drift-2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,-10%) rotate(-3deg)}}.main-menu-content{position:relative;z-index:1}.main-menu-header{text-align:center;margin-bottom:var(--pf-space-8)}.main-menu-logo{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:var(--pf-space-4);color:var(--pf-accent-green);filter:drop-shadow(0 4px 20px var(--pf-accent-green-glow));animation:treeSway 8s ease-in-out infinite}@keyframes treeSway{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}.main-menu-title{font-family:var(--pf-font-display);font-size:var(--pf-font-size-5xl, 3rem);font-weight:var(--pf-font-weight-bold);color:var(--pf-text-bright);margin:0 0 var(--pf-space-3) 0;letter-spacing:var(--pf-letter-spacing-wide);text-shadow:0 0 40px var(--pf-accent-green-glow),0 2px 20px var(--pf-overlay-dark-50);text-transform:uppercase}.main-menu-subtitle{font-family:var(--pf-font-display);font-size:var(--pf-font-size-md);color:var(--pf-text-secondary);margin:0;font-style:italic;letter-spacing:.1em;opacity:.8}.main-menu-options{display:flex;flex-direction:column;gap:var(--pf-space-4)}.main-menu-button{display:flex;align-items:center;justify-content:center;gap:var(--pf-space-3);width:100%;padding:var(--pf-space-4) var(--pf-space-6);border:none;border-radius:var(--pf-radius-lg);font-size:var(--pf-font-size-lg);font-weight:var(--pf-font-weight-semibold);cursor:pointer;transition:all var(--pf-transition-fast) ease}.main-menu-button-primary{background:linear-gradient(135deg,var(--pf-accent-purple) 0%,var(--pf-accent-purple-dark) 100%);color:var(--pf-text-bright);box-shadow:0 4px 15px var(--pf-accent-purple-glow)}.main-menu-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--pf-accent-purple-border)}.main-menu-button-secondary{background:var(--pf-overlay-light-8);color:var(--pf-overlay-light-90);border:1px solid var(--pf-overlay-light-10)}.main-menu-button-secondary:hover:not(:disabled){background:var(--pf-overlay-light-12);border-color:var(--pf-overlay-light-20)}.main-menu-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.menu-button-icon{display:flex;align-items:center;justify-content:center}.menu-button-text{flex:1;text-align:left}.main-menu-version{margin-top:var(--pf-space-6);text-align:center;font-size:var(--pf-font-size-base);color:var(--pf-overlay-light-30)}.main-menu-confirm{display:flex;flex-direction:column;gap:var(--pf-space-6)}.confirm-warning{display:flex;gap:var(--pf-space-4);padding:var(--pf-space-4);background:var(--pf-warning-bg);border:1px solid var(--pf-warning-glow);border-radius:var(--pf-radius-lg);color:var(--pf-warning-light)}.confirm-warning svg{flex-shrink:0;margin-top:var(--pf-space-1)}.confirm-warning p{margin:0;font-size:var(--pf-font-size-md);line-height:var(--pf-line-height-normal)}.password-field{display:flex;flex-direction:column;gap:var(--pf-space-2)}.password-field label{font-size:var(--pf-font-size-base);font-weight:var(--pf-font-weight-medium);color:var(--pf-overlay-light-80)}.password-field input{padding:var(--pf-space-4);background:var(--pf-overlay-light-5);border:1px solid var(--pf-overlay-light-10);border-radius:var(--pf-radius-md);color:var(--pf-text-bright);font-size:var(--pf-font-size-md);transition:border-color var(--pf-transition-fast) ease,box-shadow var(--pf-transition-fast) ease}.password-field input::placeholder{color:var(--pf-overlay-light-40)}.password-field input:focus{outline:none;border-color:var(--pf-accent-purple);box-shadow:0 0 0 3px var(--pf-accent-purple-glow)}.confirm-error{padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-trust-negative-bg);border:1px solid var(--pf-trust-negative-border);border-radius:var(--pf-radius-md);color:var(--pf-status-bad-text);font-size:var(--pf-font-size-base)}.confirm-actions{display:flex;gap:var(--pf-space-4)}.confirm-actions .main-menu-button{flex:1}@media(prefers-reduced-motion:reduce){.main-menu-fog-1,.main-menu-fog-2{animation:none}.main-menu-button{transition:none}.main-menu-button-primary:hover:not(:disabled){transform:none}}@media(max-width:480px){.main-menu{margin:var(--pf-space-4);padding:var(--pf-space-6)}.main-menu-title{font-size:var(--pf-font-size-3xl)}.main-menu-button{padding:var(--pf-space-3) var(--pf-space-5);font-size:var(--pf-font-size-md)}}.main-menu-button:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.password-field input:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.main-menu-button-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.main-menu-button-secondary:active:not(:disabled){background:var(--pf-overlay-light-15)}.first-encounter-overlay{position:fixed;inset:0;background:var(--pf-glass-abyss-92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-toast);cursor:pointer;animation:first-encounter-fade-in .6s ease-out}.first-encounter-overlay.exiting{animation:first-encounter-fade-out .4s ease-in forwards}@keyframes first-encounter-fade-in{0%{opacity:0}to{opacity:1}}@keyframes first-encounter-fade-out{0%{opacity:1}to{opacity:0}}.first-encounter-fog{position:absolute;width:200%;height:150%;pointer-events:none;opacity:.5}.first-encounter-fog-1{top:-40%;left:-50%;background:radial-gradient(ellipse at center,var(--pf-accent-purple-bg) 0%,transparent 55%);animation:first-encounter-fog-drift 18s ease-in-out infinite alternate}.first-encounter-fog-2{bottom:-50%;right:-60%;background:radial-gradient(ellipse at center,var(--pf-ambient-gold-faint) 0%,transparent 55%);animation:first-encounter-fog-drift 22s ease-in-out infinite alternate-reverse}@keyframes first-encounter-fog-drift{0%{transform:translate(-8%) rotate(-3deg)}to{transform:translate(8%) rotate(3deg)}}.first-encounter-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--pf-space-8);max-width:480px;animation:first-encounter-content-rise .8s var(--pf-ease-out-expo)}@keyframes first-encounter-content-rise{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.first-encounter-badge{margin-bottom:var(--pf-space-6);animation:first-encounter-badge-pulse 2s ease-in-out infinite}.badge-text{display:inline-block;padding:var(--pf-space-1) var(--pf-space-4);font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--pf-accent-gold, #c8a44e);background:var(--pf-accent-gold-glow, rgba(200, 164, 78, .15));border:1px solid var(--pf-ambient-gold-border);border-radius:var(--pf-radius-full)}@keyframes first-encounter-badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.first-encounter-portrait{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-space-6);box-shadow:0 0 0 4px var(--pf-overlay-light-5),0 0 60px var(--pf-accent-purple-border),0 16px 32px var(--pf-overlay-dark-40);animation:first-encounter-portrait-glow 3s ease-in-out infinite}.portrait-initials{font-family:var(--pf-font-display);font-size:var(--pf-font-size-4xl);font-weight:300;letter-spacing:var(--pf-letter-spacing-wide);color:var(--pf-overlay-light-95);text-shadow:0 2px 8px var(--pf-overlay-dark-30)}@keyframes first-encounter-portrait-glow{0%,to{box-shadow:0 0 0 4px var(--pf-overlay-light-5),0 0 60px var(--pf-accent-purple-glow),0 16px 32px var(--pf-overlay-dark-40)}50%{box-shadow:0 0 0 4px var(--pf-overlay-light-8),0 0 80px var(--pf-accent-purple-border),0 16px 32px var(--pf-overlay-dark-40)}}.first-encounter-name{margin:0 0 var(--pf-space-2);font-family:var(--pf-font-display);font-size:var(--pf-font-size-3xl);font-weight:var(--pf-font-weight-normal);letter-spacing:.04em;color:var(--pf-text-bright, #ffffff);text-shadow:0 0 40px var(--pf-accent-subtle-20)}.first-encounter-role{margin:0 0 var(--pf-space-6);font-size:var(--pf-font-size-md);font-weight:var(--pf-font-weight-normal);letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-secondary, #a8a8b8)}.first-encounter-impression{margin:0 0 var(--pf-space-6);padding:0 var(--pf-space-4);font-family:var(--pf-font-display);font-size:var(--pf-font-size-md);line-height:var(--pf-line-height-relaxed);font-style:italic;color:var(--pf-text-primary, #e8e8f0);max-width:380px}.first-encounter-hint{margin:0;font-size:var(--pf-font-size-sm);color:var(--pf-text-dim, #7a7a8a);opacity:0;animation:first-encounter-hint-fade .5s ease-out 1.5s forwards}@keyframes first-encounter-hint-fade{0%{opacity:0}to{opacity:1}}.first-encounter-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--pf-overlay-light-5);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--pf-accent-purple, #7c6aad) 0%,var(--pf-accent-gold, #c8a44e) 100%);animation:first-encounter-progress 5s linear forwards;transform-origin:left}@keyframes first-encounter-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:767px){.first-encounter-content{padding:var(--pf-space-6)}.first-encounter-portrait{width:100px;height:100px}.portrait-initials{font-size:var(--pf-font-size-3xl)}.first-encounter-name{font-size:var(--pf-font-size-2xl)}.first-encounter-role{font-size:var(--pf-font-size-base)}.first-encounter-impression{font-size:var(--pf-font-size-md);padding:0}}@media(prefers-reduced-motion:reduce){.first-encounter-overlay{animation:none}.first-encounter-overlay.exiting{animation:none;opacity:0}.first-encounter-content,.first-encounter-fog-1,.first-encounter-fog-2,.first-encounter-badge,.first-encounter-portrait{animation:none}.first-encounter-hint{animation:none;opacity:1}.progress-bar{animation:none;transform:scaleX(1)}}.conversation-hints-overlay{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:var(--pf-z-sticky);max-width:400px;width:calc(100% - 2rem);pointer-events:auto;animation:hints-slide-up .3s ease-out}.conversation-hints-overlay.exiting{animation:hints-fade-out .3s ease-in forwards}.conversation-hints-inline{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:var(--pf-z-dropdown);max-width:420px;width:calc(100% - 2rem);pointer-events:auto;animation:hints-slide-up .3s ease-out}.conversation-hints-inline.exiting{animation:hints-fade-out .3s ease-in forwards}@keyframes hints-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hints-fade-out{0%{opacity:1}to{opacity:0}}.conversation-hints-content{position:relative;background:var(--pf-glass-floating);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pf-overlay-light-10);border-radius:var(--pf-radius-lg);padding:var(--pf-space-3) var(--pf-space-4);padding-right:var(--pf-space-8);box-shadow:0 4px 24px var(--pf-overlay-dark-30)}.hints-label{display:block;font-size:var(--pf-font-size-xs);font-weight:var(--pf-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-dim, #7a7a8a);margin-bottom:var(--pf-space-2)}.hints-chips{display:flex;flex-wrap:wrap;gap:var(--pf-space-2)}.hint-chip{display:inline-block;padding:var(--pf-space-2) var(--pf-space-3);font-size:var(--pf-font-size-sm);color:var(--pf-accent-purple-light, #9d8ec4);background:var(--pf-accent-purple-bg);border:1px solid var(--pf-accent-purple-border);border-radius:var(--pf-radius-full);transition:all var(--pf-transition-fast) ease}.hint-chip:hover{background:var(--pf-accent-subtle-20);border-color:var(--pf-accent-subtle-40)}.hints-dismiss{position:absolute;top:var(--pf-space-2);right:var(--pf-space-2);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--pf-radius-full);color:var(--pf-text-dim, #7a7a8a);font-size:var(--pf-font-size-xs);cursor:pointer;transition:all var(--pf-transition-fast) ease;padding:0;line-height:1}.hints-dismiss:hover{background:var(--pf-overlay-light-10);color:var(--pf-text-secondary, #a8a8b8)}.hints-dismiss:focus-visible{outline:2px solid var(--pf-accent-purple, #7c6aad);outline-offset:2px}@media(max-width:767px){.conversation-hints-overlay{bottom:70px;max-width:calc(100% - var(--pf-space-4))}.conversation-hints-content{padding:var(--pf-space-3)}.hint-chip{font-size:var(--pf-font-size-sm);padding:var(--pf-space-1) var(--pf-space-3)}}@media(prefers-reduced-motion:reduce){.conversation-hints-overlay{animation:none}.conversation-hints-overlay.exiting{animation:none;opacity:0}}.memory-callback-container{position:fixed;bottom:100px;left:20px;z-index:var(--pf-z-overlay);display:flex;flex-direction:column;gap:12px;pointer-events:none}.memory-callback-toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:linear-gradient(135deg,var(--pf-delight-recall-bg),var(--pf-delight-memory-bg));border:1px solid var(--pf-accent-purple-glow);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:320px;transform:translate(-20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;pointer-events:auto}.memory-callback-toast.visible{transform:translate(0);opacity:1}.memory-callback-icon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--pf-accent-gray-blue),var(--pf-accent-purple));border-radius:10px;color:var(--pf-text-bright);flex-shrink:0;animation:memory-icon-pulse 2s ease-in-out infinite}.memory-callback-icon .sparkle-overlay{position:absolute;top:-2px;right:-2px;color:var(--pf-warning-light);animation:sparkle-twinkle 1s ease-in-out infinite}@keyframes memory-icon-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 20px 5px #8b5cf633}}@keyframes sparkle-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.memory-callback-content{flex:1;min-width:0}.memory-callback-header{font-size:12px;font-weight:600;color:var(--pf-accent-purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.memory-callback-text{font-size:14px;color:var(--pf-text-primary);line-height:1.5;font-style:italic}.memory-callback-meta{font-size:11px;color:var(--pf-text-muted);margin-top:6px}.memory-callback-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--pf-delight-memory-subtle) 50%,transparent 100%);animation:memory-shimmer 2s ease-in-out infinite;pointer-events:none}@keyframes memory-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.memory-callback-toast{transition:opacity .2s ease;transform:none}.memory-callback-icon{animation:none}.memory-callback-glow{animation:none;opacity:.1}.sparkle-overlay{animation:none}}@media(max-width:480px){.memory-callback-container{left:10px;right:10px;bottom:80px}.memory-callback-toast{max-width:none}}.gossip-chain-overlay{position:fixed;bottom:100px;right:20px;z-index:var(--pf-z-overlay);transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.gossip-chain-overlay.visible{transform:translateY(0);opacity:1;pointer-events:auto}.gossip-chain-card{position:relative;background:linear-gradient(135deg,var(--pf-overlay-void-95),var(--pf-glass-card));border:1px solid var(--pf-border-default, var(--pf-overlay-light-10));border-radius:16px;padding:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px var(--pf-overlay-dark-40),0 0 40px var(--pf-ambient-gold-faint);min-width:280px}.gossip-chain-close{position:absolute;top:12px;right:12px;background:var(--pf-overlay-light-10);border:none;border-radius:6px;padding:4px;cursor:pointer;color:var(--pf-overlay-light-50);transition:all .2s}.gossip-chain-close:hover{background:var(--pf-overlay-light-20);color:var(--pf-overlay-light-80)}.gossip-chain-header{display:flex;align-items:center;gap:10px;color:var(--pf-text-secondary, var(--pf-overlay-light-70));font-family:var(--pf-font-display);font-size:13px;font-style:italic;margin-bottom:20px}.gossip-chain-header svg{color:var(--pf-accent-gold, #c8a44e)}.gossip-chain-visualization{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.gossip-chain-node{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:scale(.8);animation:gossip-node-appear .4s ease-out forwards;animation-delay:var(--animation-delay, 0s)}@keyframes gossip-node-appear{to{opacity:1;transform:scale(1)}}.gossip-node-avatar{width:48px;height:48px;border-radius:50%;background:var(--node-color, #6b7280);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--pf-contrast-white);box-shadow:0 0 20px rgba(var(--node-color),.3);animation:gossip-avatar-glow 2s ease-in-out infinite;animation-delay:var(--animation-delay, 0s)}@keyframes gossip-avatar-glow{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--node-color) 30%,transparent)}50%{box-shadow:0 0 25px color-mix(in srgb,var(--node-color) 50%,transparent)}}.gossip-node-name{font-size:11px;color:var(--pf-overlay-light-70);font-weight:500}.gossip-chain-arrow{color:var(--pf-overlay-light-40);opacity:0;transform:translate(-10px);animation:gossip-arrow-appear .3s ease-out forwards;animation-delay:var(--animation-delay, 0s)}@keyframes gossip-arrow-appear{to{opacity:1;transform:translate(0)}}.gossip-chain-about{text-align:center;font-size:12px;color:var(--pf-overlay-light-50);margin-bottom:8px}.gossip-chain-about strong{color:var(--pf-overlay-light-80)}.gossip-chain-topic{text-align:center;font-size:12px;color:var(--pf-overlay-light-50);padding-top:12px;border-top:1px solid var(--pf-overlay-light-10)}.topic-label{display:inline-block;padding:2px 8px;background:var(--pf-accent-gold-glow, rgba(200, 164, 78, .2));border-radius:4px;color:var(--pf-accent-gold, #c8a44e);font-weight:500}@media(prefers-reduced-motion:reduce){.gossip-chain-overlay{transition:opacity .2s ease;transform:none}.gossip-chain-node,.gossip-chain-arrow{animation:none;opacity:1;transform:none}.gossip-node-avatar{animation:none}}@media(max-width:480px){.gossip-chain-overlay{right:10px;left:10px;bottom:80px}.gossip-chain-card{min-width:0}.gossip-node-avatar{width:40px;height:40px;font-size:12px}}.session-recap-overlay{position:fixed;inset:0;background:var(--pf-overlay-dark-80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--pf-z-modal);display:flex;align-items:center;justify-content:center;padding:20px;animation:recap-overlay-appear .3s ease-out}@keyframes recap-overlay-appear{0%{opacity:0}to{opacity:1}}.session-recap-modal{position:relative;background:linear-gradient(135deg,var(--pf-bg-base),var(--pf-bg-deep));border:1px solid var(--pf-border-strong);border-radius:20px;padding:32px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--pf-overlay-dark-50);animation:recap-modal-appear .4s cubic-bezier(.4,0,.2,1)}@keyframes recap-modal-appear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.session-recap-close{position:absolute;top:16px;right:16px;background:var(--pf-border-strong);border:none;border-radius:8px;padding:8px;cursor:pointer;color:var(--pf-text-muted);transition:all .2s}.session-recap-close:hover{background:var(--pf-overlay-light-20);color:var(--pf-text-bright)}.session-recap-header{text-align:center;margin-bottom:28px}.session-recap-header h2{font-size:24px;font-weight:600;color:var(--pf-text-bright);margin:0 0 8px}.progress-message{font-size:16px;color:var(--pf-text-secondary);font-style:italic;margin:0}.session-recap-section{margin-bottom:24px}.session-recap-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--pf-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.session-recap-section h3 svg{color:var(--pf-info-light)}.emotional-timeline{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:60px;padding:8px;background:var(--pf-border-subtle);border-radius:8px}.emotion-bar{width:8px;min-height:4px;height:var(--bar-height, 50%);background:var(--bar-color, var(--pf-text-dim));border-radius:4px 4px 0 0;opacity:0;animation:bar-grow .4s ease-out forwards;animation-delay:var(--animation-delay, 0s)}@keyframes bar-grow{0%{height:0;opacity:0}to{height:var(--bar-height, 50%);opacity:1}}.emotion-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--pf-text-dim)}.legend-positive{color:var(--pf-trust-positive)}.legend-neutral{color:var(--pf-text-dim)}.legend-negative{color:var(--pf-trust-negative)}.trust-changes{display:flex;flex-wrap:wrap;gap:8px}.trust-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px}.trust-badge.positive{background:var(--pf-trust-positive-glow);color:var(--pf-trust-positive)}.trust-badge.negative{background:var(--pf-trust-negative-glow);color:var(--pf-trust-negative)}.trust-badge.neutral{background:var(--pf-status-neutral-bg);color:var(--pf-text-muted)}.trust-badge .delta{font-weight:600}.trust-badge .agent-name{color:var(--pf-text-primary)}.memories-list{display:flex;flex-direction:column;gap:8px}.memory-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--pf-border-subtle);border-radius:8px;border-left:3px solid var(--pf-delight-memory-glow)}.memory-type{font-size:10px;text-transform:uppercase;color:var(--pf-accent-purple-light);font-weight:500}.memory-content{font-size:13px;color:var(--pf-text-secondary);font-style:italic;line-height:1.4}.session-recap-stats{display:flex;justify-content:center;gap:24px;padding:16px 0;margin-bottom:20px;border-top:1px solid var(--pf-border-strong)}.stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--pf-text-muted)}.stat svg{color:var(--pf-text-dim)}.session-recap-continue{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--pf-info),var(--pf-feature-party-primary));border:none;border-radius:12px;color:var(--pf-text-bright);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.session-recap-continue:hover{background:linear-gradient(135deg,var(--pf-info-light),var(--pf-info));transform:translateY(-1px);box-shadow:0 4px 20px var(--pf-info-glow)}@media(prefers-reduced-motion:reduce){.session-recap-overlay,.session-recap-modal,.emotion-bar{animation:none}.emotion-bar{opacity:1}}@media(max-width:480px){.session-recap-modal{padding:24px;border-radius:16px}.session-recap-header h2{font-size:20px}.emotional-timeline{height:50px}.emotion-bar{width:6px}}.install-prompt-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--pf-z-max);background:linear-gradient(135deg,var(--pf-bg-navy) 0%,var(--pf-bg-deep) 100%);border-top:1px solid var(--pf-overlay-light-10);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px var(--pf-overlay-dark-30);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.install-prompt-icon{flex-shrink:0;width:40px;height:40px;background:var(--pf-overlay-light-10);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--pf-info-light)}.install-prompt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.install-prompt-text strong{font-size:14px;font-weight:600;color:var(--pf-text-bright)}.install-prompt-text span{font-size:12px;color:var(--pf-overlay-light-70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-prompt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-prompt-install-btn{background:var(--pf-info-light);color:var(--pf-bg-navy);border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.install-prompt-install-btn:hover{background:var(--pf-info);transform:scale(1.02)}.install-prompt-install-btn:active{transform:scale(.98)}.install-prompt-install-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.install-prompt-dismiss{background:transparent;border:none;color:var(--pf-overlay-light-50);padding:8px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.install-prompt-dismiss:hover{color:var(--pf-overlay-light-80);background:var(--pf-overlay-light-10)}.install-prompt-overlay{position:fixed;inset:0;z-index:var(--pf-z-max);background:var(--pf-overlay-dark-70);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-prompt-modal{background:linear-gradient(135deg,var(--pf-bg-deep) 0%,var(--pf-bg-navy) 100%);border-radius:16px;padding:24px;max-width:320px;width:100%;position:relative;box-shadow:0 20px 40px var(--pf-overlay-dark-40);animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.install-prompt-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--pf-overlay-light-50);padding:8px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.install-prompt-close:hover{color:var(--pf-overlay-light-80);background:var(--pf-overlay-light-10)}.install-prompt-title{font-size:20px;font-weight:700;color:var(--pf-text-bright);margin:0 0 16px;text-align:center}.install-prompt-instructions{color:var(--pf-overlay-light-90)}.install-prompt-instructions p{margin:0 0 16px;font-size:14px}.install-prompt-instructions ol{margin:0;padding:0 0 0 20px;list-style:none;counter-reset:step-counter}.install-prompt-instructions li{position:relative;padding:12px 0 12px 32px;font-size:14px;line-height:1.5;border-bottom:1px solid var(--pf-overlay-light-10);counter-increment:step-counter}.install-prompt-instructions li:last-child{border-bottom:none}.install-prompt-instructions li:before{content:counter(step-counter);position:absolute;left:-20px;top:12px;width:24px;height:24px;background:var(--pf-info-glow);color:var(--pf-info-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--pf-info-glow);color:var(--pf-info-light);border-radius:4px;margin-right:8px;vertical-align:middle}.install-prompt-dismiss-btn{width:100%;background:var(--pf-info-light);color:var(--pf-bg-navy);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .2s ease}.install-prompt-dismiss-btn:hover{background:var(--pf-info)}.install-prompt-dismiss-btn:active{transform:scale(.98)}@supports (padding-bottom: env(safe-area-inset-bottom)){.install-prompt-banner{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}[data-theme=light] .install-prompt-banner{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-contrast-gray-light) 100%);border-top-color:var(--pf-overlay-dark-10);box-shadow:0 -4px 20px var(--pf-overlay-dark-10)}[data-theme=light] .install-prompt-icon{background:var(--pf-overlay-dark-5);color:var(--pf-action-primary)}[data-theme=light] .install-prompt-text strong{color:var(--pf-bg-deep)}[data-theme=light] .install-prompt-text span{color:var(--pf-overlay-dark-60)}[data-theme=light] .install-prompt-install-btn{background:var(--pf-action-primary);color:var(--pf-contrast-white)}[data-theme=light] .install-prompt-install-btn:hover{background:var(--pf-action-primary-hover)}[data-theme=light] .install-prompt-dismiss{color:var(--pf-overlay-dark-40)}[data-theme=light] .install-prompt-dismiss:hover{color:var(--pf-overlay-dark-70);background:var(--pf-overlay-dark-5)}[data-theme=light] .install-prompt-modal{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-contrast-gray-light) 100%)}[data-theme=light] .install-prompt-title{color:var(--pf-bg-deep)}[data-theme=light] .install-prompt-instructions{color:var(--pf-overlay-dark-80)}[data-theme=light] .install-prompt-instructions li{border-bottom-color:var(--pf-overlay-dark-10)}[data-theme=light] .install-prompt-close{color:var(--pf-overlay-dark-40)}[data-theme=light] .install-prompt-close:hover{color:var(--pf-overlay-dark-70);background:var(--pf-overlay-dark-5)}.status-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:var(--pf-z-toast);display:flex;flex-direction:column;gap:.75rem;max-width:380px;pointer-events:none}.status-toast-container>*{pointer-events:auto}.status-toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--pf-bg-base);border-radius:12px;border:1px solid var(--pf-border-default);box-shadow:0 4px 12px var(--pf-overlay-dark-30),0 2px 4px var(--pf-overlay-dark-20);animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.status-toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-toast__message{flex:1;font-size:.875rem;font-weight:500;color:var(--pf-text-bright);line-height:1.4}.status-toast__dismiss{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--pf-text-dim);cursor:pointer;transition:all .2s ease}.status-toast__dismiss:hover{background:var(--pf-bg-floating);color:var(--pf-text-bright)}.status-toast--success{border-color:var(--pf-status-success-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-status-success-subtle) 100%)}.status-toast--success .status-toast__icon{color:var(--pf-trust-positive)}.status-toast--error{border-color:var(--pf-status-bad-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-status-bad-subtle) 100%)}.status-toast--error .status-toast__icon{color:var(--pf-trust-negative-light)}.status-toast--warning{border-color:var(--pf-status-warn-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-status-warn-subtle) 100%)}.status-toast--warning .status-toast__icon{color:var(--pf-warning-light)}.status-toast--info{border-color:var(--pf-status-info-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-status-info-subtle) 100%)}.status-toast--info .status-toast__icon{color:var(--pf-info)}.status-toast--recovery{border-color:var(--pf-status-success-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-toast-success-bg) 100%);animation:toast-slide-in .3s ease,recovery-glow .5s ease .3s}@keyframes recovery-glow{0%{box-shadow:0 4px 12px #0000004d,0 0 #22c55e66}50%{box-shadow:0 4px 12px #0000004d,0 0 20px 4px #22c55e4d}to{box-shadow:0 4px 12px #0000004d,0 0 #22c55e00}}.recovery-celebration,.recovery-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.recovery-check{color:var(--pf-trust-positive);animation:recovery-pop .4s ease}@keyframes recovery-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.recovery-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--pf-trust-positive);animation:recovery-ring .6s ease forwards;opacity:0}@keyframes recovery-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.status-toast--reconnecting{border-color:var(--pf-status-warn-border);background:linear-gradient(135deg,var(--pf-bg-base) 0%,var(--pf-status-warn-subtle) 100%)}.status-toast--reconnecting .status-toast__icon{color:var(--pf-warning-light)}.reconnect-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reconnect-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.reconnect-message{font-size:.875rem;font-weight:500;color:var(--pf-text-bright)}.reconnect-attempt{font-size:.75rem;color:var(--pf-text-dim)}.reconnect-cancel{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--pf-text-secondary);background:transparent;border:1px solid var(--pf-border-default);border-radius:6px;cursor:pointer;transition:all .2s ease}.reconnect-cancel:hover{background:var(--pf-bg-floating);color:var(--pf-text-bright);border-color:var(--pf-warning-light)}.theme-light .status-toast{background:var(--pf-bg-elevated, #ffffff);border-color:var(--pf-border-default, #e5e7eb);box-shadow:0 4px 12px var(--pf-overlay-dark-10),0 2px 4px var(--pf-overlay-dark-5)}.theme-light .status-toast--success,.theme-light .status-toast--recovery{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-status-success-light-bg) 100%);border-color:var(--pf-status-success-light-border)}.theme-light .status-toast--error{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-status-bad-light-bg) 100%);border-color:var(--pf-status-bad-light-border)}.theme-light .status-toast--warning,.theme-light .status-toast--reconnecting{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-status-warn-light-bg) 100%);border-color:var(--pf-status-warn-light-border)}.theme-light .status-toast--info{background:linear-gradient(135deg,var(--pf-contrast-white) 0%,var(--pf-status-info-light-bg) 100%);border-color:var(--pf-status-info-light-border)}.theme-light .status-toast__message{color:var(--pf-text-primary, #1f2937)}@media(max-width:767px){.status-toast-container{max-width:300px;right:var(--pf-space-4);left:auto}}@media(max-width:640px){.status-toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}.status-toast{padding:.75rem}.status-toast__message{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.status-toast,.recovery-check,.recovery-ring,.reconnect-spin,.status-toast--recovery{animation:none}}.invite-code-overlay{position:fixed;inset:0;background:var(--pf-glass-abyss);backdrop-filter:var(--pf-blur-lg);-webkit-backdrop-filter:var(--pf-blur-lg);display:flex;align-items:center;justify-content:center;z-index:var(--pf-z-modal);padding:var(--pf-space-4)}.invite-code-fog{position:fixed;width:200%;height:120%;pointer-events:none;opacity:.3}.invite-code-fog-1{top:-30%;left:-50%;background:radial-gradient(ellipse at center,var(--pf-accent-purple-glow) 0%,transparent 60%);animation:arrival-fog-drift 20s ease-in-out infinite alternate}.invite-code-fog-2{bottom:-40%;right:-60%;background:radial-gradient(ellipse at center,var(--pf-accent-purple-glow) 0%,transparent 60%);animation:arrival-fog-drift 25s ease-in-out infinite alternate-reverse}.invite-code-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:100%}.invite-code-title{margin:0;font-family:var(--pf-font-display);font-size:var(--pf-font-size-2xl);font-weight:400;color:var(--pf-text-bright);letter-spacing:var(--pf-letter-spacing-wide)}.invite-code-subtitle{margin:var(--pf-space-2) 0 var(--pf-space-6);font-size:var(--pf-font-size-base);color:var(--pf-text-muted)}.invite-code-field{width:100%;margin-bottom:var(--pf-space-4);text-align:left}.invite-code-field label{display:block;margin-bottom:var(--pf-space-2);font-size:var(--pf-font-size-sm);font-weight:var(--pf-font-weight-medium);color:var(--pf-text-secondary);letter-spacing:var(--pf-letter-spacing-wide);text-transform:uppercase}.invite-code-field input{width:100%;padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-bg-deep);border:1px solid var(--pf-border-default);border-radius:var(--pf-radius-md);color:var(--pf-text-primary);font-size:var(--pf-font-size-md);text-transform:uppercase;letter-spacing:var(--pf-letter-spacing-wider);transition:border-color var(--pf-transition-normal),box-shadow var(--pf-transition-normal);box-sizing:border-box}.invite-code-field input::placeholder{color:var(--pf-text-dim);text-transform:uppercase}.invite-code-field input:focus{outline:none;border-color:var(--pf-accent-purple);box-shadow:0 0 0 2px var(--pf-accent-purple-glow)}.invite-code-error{margin-bottom:var(--pf-space-4);padding:var(--pf-space-3) var(--pf-space-4);background:var(--pf-trust-negative-bg);border:1px solid var(--pf-trust-negative-30);border-radius:var(--pf-radius-md);color:var(--pf-trust-negative-light);font-size:var(--pf-font-size-sm);text-align:left}.invite-code-actions,.invite-code-actions .arrival-btn{width:100%}.invite-code-waitlist{margin-top:var(--pf-space-6);text-align:center}.invite-code-waitlist-btn{background:none;border:none;color:var(--pf-text-dim);cursor:pointer;font-size:var(--pf-font-size-sm);text-decoration:underline;padding:var(--pf-space-2);transition:color var(--pf-transition-normal)}.invite-code-waitlist-btn:hover{color:var(--pf-text-secondary)}.invite-code-waitlist-text{font-size:var(--pf-font-size-sm);color:var(--pf-text-dim)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}:root{--knob-space-unit:4px;--knob-space-scale-tight:.5;--knob-space-scale-normal:1;--knob-space-scale-loose:1.5;--knob-font-base:14px;--knob-font-scale:1.25;--knob-line-height-base:1.5;--knob-line-height-tight:1.2;--knob-line-height-loose:1.7;--knob-bg-lightness:6%;--knob-accent-saturation:70%;--knob-text-opacity-primary:.92;--knob-text-opacity-secondary:.68;--knob-text-opacity-muted:.56;--knob-text-opacity-dim:.48;--knob-shadow-opacity:.35;--knob-border-opacity-subtle:.05;--knob-border-opacity-default:.08;--knob-border-opacity-strong:.12;--knob-glass-blur:16px;--knob-glass-saturation:1.2;--knob-transition-fast:.1s;--knob-transition-normal:.2s;--knob-transition-slow:.3s;--knob-transition-spring:.3s;--knob-easing-default:cubic-bezier(.4,0,.2,1);--knob-easing-spring:cubic-bezier(.34,1.56,.64,1);--knob-easing-out-expo:cubic-bezier(.16,1,.3,1);--knob-fog-opacity:.4;--knob-grain-opacity:.035;--knob-ambient-glow-opacity:.08;--knob-radius-base:4px;--knob-radius-scale:2;--knob-touch-target-min:44px;--knob-touch-target-comfortable:48px;--knob-breakpoint-mobile:375px;--knob-breakpoint-tablet:768px;--knob-breakpoint-desktop:1024px;--knob-breakpoint-wide:1440px}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-pf-void:var(--pf-bg-void);--color-pf-abyss:var(--pf-bg-abyss);--color-pf-deep:var(--pf-bg-deep);--color-pf-base:var(--pf-bg-base);--color-pf-elevated:var(--pf-bg-elevated);--color-pf-floating:var(--pf-bg-floating);--color-pf-hover:var(--pf-bg-hover);--color-pf-glass:var(--pf-surface-glass);--color-pf-text-bright:var(--pf-text-bright);--color-pf-text-primary:var(--pf-text-primary);--color-pf-text-secondary:var(--pf-text-secondary);--color-pf-text-muted:var(--pf-text-muted);--color-pf-text-dim:var(--pf-text-dim);--color-pf-cyan:var(--pf-accent-cyan);--color-pf-cyan-glow:var(--pf-accent-cyan-glow);--color-pf-purple:var(--pf-accent-purple);--color-pf-purple-glow:var(--pf-accent-purple-glow);--color-pf-positive:var(--pf-trust-positive);--color-pf-positive-glow:var(--pf-trust-positive-glow);--color-pf-negative:var(--pf-trust-negative);--color-pf-negative-glow:var(--pf-trust-negative-glow);--color-pf-border-subtle:var(--pf-border-subtle);--color-pf-border-default:var(--pf-border-default);--color-pf-border-strong:var(--pf-border-strong);--spacing-pf-2:var(--pf-space-2);--spacing-pf-3:var(--pf-space-3);--spacing-pf-4:var(--pf-space-4);--spacing-pf-6:var(--pf-space-6);--spacing-pf-8:var(--pf-space-8);--radius-pf-sm:var(--pf-radius-sm);--radius-pf-md:var(--pf-radius-md);--radius-pf-lg:var(--pf-radius-lg);--radius-pf-full:var(--pf-radius-full);--font-pf-sans:var(--pf-font-family);--font-pf-mono:var(--pf-font-family-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media(min-width:375px){.container{max-width:375px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1440px){.container{max-width:1440px}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mb-pf-2{margin-bottom:var(--spacing-pf-2)}.mb-pf-3{margin-bottom:var(--spacing-pf-3)}.mb-pf-6{margin-bottom:var(--spacing-pf-6)}.mb-pf-8{margin-bottom:var(--spacing-pf-8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.min-h-screen{min-height:100vh}.w-9{width:calc(var(--spacing)*9)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-pf-2{gap:var(--spacing-pf-2)}.gap-pf-3{gap:var(--spacing-pf-3)}.gap-pf-4{gap:var(--spacing-pf-4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pf-full{border-radius:var(--radius-pf-full)}.rounded-pf-lg{border-radius:var(--radius-pf-lg)}.rounded-pf-md{border-radius:var(--radius-pf-md)}.rounded-pf-sm{border-radius:var(--radius-pf-sm)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-pf-border-default{border-color:var(--color-pf-border-default)}.border-pf-border-subtle{border-color:var(--color-pf-border-subtle)}.border-pf-cyan{border-color:var(--color-pf-cyan)}.border-pf-negative{border-color:var(--color-pf-negative)}.border-pf-positive{border-color:var(--color-pf-positive)}.border-pf-purple{border-color:var(--color-pf-purple)}.border-transparent{border-color:#0000}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-pf-abyss{background-color:var(--color-pf-abyss)}.bg-pf-base{background-color:var(--color-pf-base)}.bg-pf-cyan-glow{background-color:var(--color-pf-cyan-glow)}.bg-pf-deep{background-color:var(--color-pf-deep)}.bg-pf-elevated{background-color:var(--color-pf-elevated)}.bg-pf-floating{background-color:var(--color-pf-floating)}.bg-pf-glass{background-color:var(--color-pf-glass)}.bg-pf-hover{background-color:var(--color-pf-hover)}.bg-pf-negative-glow{background-color:var(--color-pf-negative-glow)}.bg-pf-positive-glow{background-color:var(--color-pf-positive-glow)}.bg-pf-purple-glow{background-color:var(--color-pf-purple-glow)}.bg-pf-void{background-color:var(--color-pf-void)}.p-6{padding:calc(var(--spacing)*6)}.p-pf-3{padding:var(--spacing-pf-3)}.p-pf-4{padding:var(--spacing-pf-4)}.p-pf-6{padding:var(--spacing-pf-6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-pf-3{padding-inline:var(--spacing-pf-3)}.px-pf-4{padding-inline:var(--spacing-pf-4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-pf-2{padding-block:var(--spacing-pf-2)}.py-pf-3{padding-block:var(--spacing-pf-3)}.text-center{text-align:center}.font-pf-mono{font-family:var(--font-pf-mono)}.font-pf-sans{font-family:var(--font-pf-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-pf-base{color:var(--color-pf-base)}.text-pf-cyan{color:var(--color-pf-cyan)}.text-pf-negative{color:var(--color-pf-negative)}.text-pf-positive{color:var(--color-pf-positive)}.text-pf-purple{color:var(--color-pf-purple)}.text-pf-text-bright{color:var(--color-pf-text-bright)}.text-pf-text-dim{color:var(--color-pf-text-dim)}.text-pf-text-muted{color:var(--color-pf-text-muted)}.text-pf-text-primary{color:var(--color-pf-text-primary)}.text-pf-text-secondary{color:var(--color-pf-text-secondary)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-pf-md{--tw-shadow:var(--pf-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-pf-glass{-webkit-backdrop-filter:var(--pf-blur-glass)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.bg-pf-gradient-accent{background:var(--pf-gradient-accent)}.transition-pf-normal{transition:all var(--pf-transition-normal)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-pf-border-strong:hover{border-color:var(--color-pf-border-strong)}.hover\:border-pf-cyan:hover{border-color:var(--color-pf-cyan)}.hover\:bg-pf-hover:hover{background-color:var(--color-pf-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-pf-glow-cyan:hover{--tw-shadow:var(--pf-shadow-glow-cyan);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-pf-lg:hover{--tw-shadow:var(--pf-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing)*1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}@media(min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}@media(hover:hover){a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.theme-light{--primary-bg:#f8f9fa;--secondary-bg:#fff;--tertiary-bg:#e9ecef;--accent-bg:#e7f5ff;--text-primary:#000;--text-secondary:#1f2937;--text-muted:#374151;--text-tertiary:#4b5563;--accent-color:#005a8a;--accent-hover:#004570;--success-color:#198754;--success-bg:#1987541a;--error-color:#dc3545;--error-bg:#dc35451a;--warning-color:#ca6702;--warning-bg:#ca67021a;--info-color:#0d6efd;--info-bg:#0d6efd1a;--border-color:#dee2e6;--border-focus:var(--accent-color);--hover-bg:#0000000a;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--scrollbar-track:var(--tertiary-bg);--scrollbar-thumb:#adb5bd;--scrollbar-thumb-hover:#868e96;--focus-ring-color:var(--accent-color);--focus-ring-offset:2px}.high-contrast{--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:silver;--text-tertiary:silver;--accent-color:#0ff;--accent-hover:#fff;--border-color:#fff}.theme-light.high-contrast{--text-primary:#000;--text-secondary:#1a1a1a;--text-muted:#333;--text-tertiary:#333;--accent-color:#00c;--accent-hover:#009;--border-color:#000}.high-contrast *{border-width:2px!important}.high-contrast :focus{outline-width:3px!important}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--pf-bg-base);color:var(--pf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s}@media(max-width:480px){body{font-size:14px}}#root{flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}:focus{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--pf-accent-cyan);outline-offset:2px}.skip-to-content{width:1px;height:1px;z-index:var(--pf-z-max);position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus{background:var(--accent-color);color:#000;width:auto;height:auto;z-index:var(--pf-z-max);padding:1rem 2rem;font-weight:600;text-decoration:none;position:fixed;top:0;left:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--pf-bg-base)}::-webkit-scrollbar-thumb{background:var(--pf-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pf-text-dim)}*{scrollbar-width:thin;scrollbar-color:var(--pf-border-strong)var(--pf-bg-base)}::selection{background:var(--accent-color);color:#000}.theme-light ::selection{background:var(--accent-color);color:#fff}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}small{color:var(--text-primary);font-size:.875rem}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #00d4ff26}.theme-light input:focus,.theme-light textarea:focus,.theme-light select:focus{box-shadow:0 0 0 3px #0077b626}.hidden{display:none!important}.clickable{cursor:pointer}.position-full{left:100%}.position-half{left:50%}.position-80{left:80%}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}.auth-error-overlay,.terms-declined-overlay{background:var(--pf-bg-base,#0a0a0f);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-error-message,.terms-declined-message{max-width:400px;padding:var(--pf-spacing-xl,32px);background:var(--pf-bg-elevated,#1a1a24);border:1px solid var(--pf-border-subtle,#2a2a3a);border-radius:var(--pf-radius-lg,12px);text-align:center}.auth-error-message h2,.terms-declined-message h2{margin:0 0 var(--pf-spacing-md,16px);font-size:var(--pf-text-xl,1.25rem);color:var(--pf-text-primary,#e0e0e0);font-weight:600}.auth-error-message p,.terms-declined-message p{margin:0 0 var(--pf-spacing-md,16px);font-size:var(--pf-text-sm,.875rem);color:var(--pf-text-secondary,#a0a0a0);line-height:1.5}.auth-error-detail{font-family:monospace;font-size:var(--pf-text-xs,.75rem);color:var(--pf-text-muted,#666);background:var(--pf-bg-sunken,#0f0f14);padding:var(--pf-spacing-sm,8px);border-radius:var(--pf-radius-sm,4px)}.auth-error-retry,.terms-declined-retry{padding:var(--pf-spacing-sm,8px)var(--pf-spacing-lg,24px);font-size:var(--pf-text-sm,.875rem);color:var(--pf-text-primary,#e0e0e0);background:var(--pf-accent-primary,#4a6fa5);border-radius:var(--pf-radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;transition:background .15s;display:inline-flex}.auth-error-retry:hover,.terms-declined-retry:hover{background:var(--pf-accent-hover,#5a7fb5)}.auth-error-retry:disabled{opacity:.6;cursor:not-allowed}