:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-bg: #1a1a1a;--color-text: rgba(255, 255, 255, .87);--color-error: #e57373;--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .15);--border-focus: rgba(255, 255, 255, .3);--border-hover: rgba(255, 255, 255, .25);--bg-overlay-1: rgba(255, 255, 255, .02);--bg-overlay-2: rgba(255, 255, 255, .03);--bg-overlay-3: rgba(255, 255, 255, .04);--bg-overlay-4: rgba(255, 255, 255, .05);--bg-overlay-5: rgba(255, 255, 255, .06);--bg-hover-1: rgba(255, 255, 255, .07);--bg-hover-2: rgba(255, 255, 255, .08);--bg-hover-3: rgba(255, 255, 255, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--font-xs: .7rem;--font-sm: .75rem;--font-body: .8rem;--font-md: .9rem;--font-base: .95rem;--font-lg: 1rem;--font-xl: 2rem;--font-xxl: 2.4rem;--max-width-content: 560px;--max-width-form: 360px;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}}@media(max-width:600px){.chat,.embodiments,.memories,.testing,.demo,.settings{padding:var(--space-md)}.welcome{padding:var(--space-xl) var(--space-md) var(--space-md)}.login,.register{padding:var(--space-xxl) var(--space-md) var(--space-md)}.welcome-title{font-size:var(--font-xl)}.login-title,.register-title{font-size:1.6rem}}.toast-container{position:fixed;top:var(--space-md);right:var(--space-md);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-body);pointer-events:auto;animation:toast-slide-in .2s ease-out}.toast-error{background:#e5737326;border:1px solid rgba(229,115,115,.3);color:var(--color-error)}.toast-info{background:var(--bg-hover-2);border:1px solid var(--border-light)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.welcome{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:3.5rem var(--space-xl) var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.welcome-hero{width:100%;height:auto;display:block;border-radius:var(--radius-lg);margin-bottom:2.5rem}.welcome-title{font-size:var(--font-xxl);font-weight:300;letter-spacing:.08em;margin-bottom:.35rem}.welcome-subtitle{font-size:1.05rem;opacity:.55;margin-bottom:var(--space-xxl)}.welcome-body{line-height:1.75;opacity:.85;margin-bottom:var(--space-xxl)}.welcome-body p{margin-bottom:1.25rem}.welcome-disclaimer{font-size:var(--font-md);opacity:.55}.welcome-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-bottom:2.5rem}.welcome-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.welcome-status{font-size:var(--font-body);opacity:.35;margin-bottom:2.5rem}.welcome-attribution{display:flex;align-items:center;gap:.6rem;font-size:var(--font-sm);opacity:.4}.welcome-umbrella{width:24px;height:24px}.embodiments{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.embodiments-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.embodiments-back{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-base);padding:0;flex-shrink:0}.embodiments-back:hover{opacity:.8}.embodiments-title{font-size:var(--font-lg);font-weight:400;opacity:.7;margin:0}.embodiments-list{flex:1;overflow-y:auto;padding:var(--space-md) 0}.embodiments-loading{opacity:.4;text-align:center;margin-top:var(--space-xl)}.embodiments-empty{text-align:center;margin-top:4rem;opacity:.5}.embodiments-empty-hint{font-size:.85rem;opacity:.6;margin-top:var(--space-sm)}.embodiments-card{padding:.75rem var(--space-md);border-radius:var(--radius-lg);background:var(--bg-overlay-3);border:1px solid var(--border-subtle);margin-bottom:.75rem}.embodiments-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:.35rem}.embodiments-card-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.embodiments-card-type{font-size:.85rem;opacity:.8}.embodiments-card-demo{font-size:var(--font-xs);padding:.1rem .4rem;border-radius:var(--radius-sm);background:#ffc8641f;color:#ffc864cc}.embodiments-card-script{font-size:var(--font-body);opacity:.5;margin:.35rem 0;line-height:1.4}.embodiments-card-footer{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.embodiments-card-date,.embodiments-card-status{font-size:var(--font-xs);opacity:.35}.embodiments-card-delete{margin-left:auto;background:none;border:1px solid var(--border-soft);color:inherit;opacity:.4;cursor:pointer;font-size:var(--font-xs);padding:.15rem .5rem;border-radius:var(--radius-sm)}.embodiments-card-delete:hover{opacity:.7;background:var(--bg-overlay-3)}.embodiments-playback{margin:var(--space-sm) 0;position:relative;border-radius:var(--radius-md);overflow:hidden;background:#000}.embodiments-playback-badge{position:absolute;top:0;left:0;right:0;z-index:1;text-align:center;font-size:.65rem;letter-spacing:.04em;padding:.3rem .5rem;background:#000000bf;color:#ffc864e6;pointer-events:none}.embodiments-video{width:100%;display:block;border-radius:var(--radius-md)}.embodiments-play-btn{display:block;width:100%;margin-top:.4rem;padding:.4rem 0;background:var(--bg-overlay-5);border:1px solid var(--border-soft);color:inherit;opacity:.7;cursor:pointer;font-size:var(--font-body);border-radius:6px}.embodiments-play-btn:hover{opacity:.9;background:var(--bg-hover-3)}.embodiments-playback-error{font-size:var(--font-sm);color:#ff8282cc;margin:.35rem 0}.embodiments-footer{font-size:var(--font-sm);opacity:.35;text-align:center;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.memories{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.memories-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.memories-back{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-base);padding:0;flex-shrink:0}.memories-back:hover{opacity:.8}.memories-title{font-size:var(--font-lg);font-weight:400;opacity:.7;margin:0}.memories-count{font-size:var(--font-sm);opacity:.35}.memories-themes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.memories-theme-label{font-size:var(--font-sm);opacity:.4}.memories-theme-pill{font-size:var(--font-sm);padding:.15rem .5rem;border-radius:var(--radius-md);background:var(--bg-overlay-4);border:1px solid var(--border-soft)}.memories-list{flex:1;overflow-y:auto;padding:var(--space-md) 0}.memories-loading{opacity:.4;text-align:center;margin-top:var(--space-xl)}.memories-empty{text-align:center;margin-top:4rem;opacity:.5}.memories-empty-hint{font-size:.85rem;opacity:.6;margin-top:var(--space-sm)}.memories-card{padding:.75rem var(--space-md);border-radius:var(--radius-lg);background:var(--bg-overlay-3);border:1px solid var(--border-subtle);margin-bottom:.75rem}.memories-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:.35rem}.memories-card-title{font-size:.85rem;opacity:.8}.memories-card-significance{font-size:var(--font-xs);padding:.1rem .4rem;border-radius:var(--radius-sm);background:var(--bg-overlay-5)}.memories-card-description{font-size:var(--font-body);opacity:.5;margin:.35rem 0;line-height:1.4}.memories-card-thumb{position:relative;display:inline-block;border-radius:var(--radius-sm);overflow:hidden;margin:.35rem 0}.memories-card-thumb:after{content:"Demo";position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fffc;font-size:.6rem;font-family:system-ui,sans-serif;text-align:center;padding:.15rem 0}.memories-card-thumb-img{display:block;width:60px;height:45px;object-fit:cover;border-radius:var(--radius-sm)}.memories-card-footer{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.memories-card-date{font-size:var(--font-xs);opacity:.35}.memories-card-tag{font-size:var(--font-xs);opacity:.35;font-style:italic}.memories-card-delete{margin-left:auto;background:none;border:1px solid var(--border-soft);color:inherit;opacity:.4;cursor:pointer;font-size:var(--font-xs);padding:.15rem .5rem;border-radius:var(--radius-sm)}.memories-card-delete:hover{opacity:.7;background:var(--bg-overlay-3)}.memories-footer{font-size:var(--font-sm);opacity:.35;text-align:center;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.testing{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.testing-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.testing-back{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-base);padding:0;flex-shrink:0}.testing-back:hover{opacity:.8}.testing-title{font-size:var(--font-lg);font-weight:400;opacity:.7;margin:0}.testing-loading{opacity:.4;text-align:center;margin-top:var(--space-xl)}.testing-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.testing-persona-select{background:var(--bg-overlay-3);border:1px solid var(--border-soft);color:inherit;padding:.3rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-body)}.testing-mode-toggle{display:flex;gap:0}.testing-mode-btn{background:var(--bg-overlay-2);border:1px solid var(--border-soft);color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-xs);padding:.25rem .5rem}.testing-mode-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.testing-mode-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.testing-mode-btn.active{opacity:.9;background:var(--bg-overlay-5)}.testing-run-btn{background:var(--bg-overlay-4);border:1px solid var(--border-medium);color:inherit;cursor:pointer;font-size:var(--font-body);padding:.3rem .75rem;border-radius:var(--radius-sm)}.testing-run-btn:hover{background:var(--bg-hover-1)}.testing-run-btn:disabled{opacity:.35;cursor:default}.testing-reset-btn{background:none;border:1px solid var(--border-soft);color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-xs);padding:.25rem .5rem;border-radius:var(--radius-sm)}.testing-reset-btn:hover{opacity:.8}.testing-reset-btn:disabled{opacity:.25;cursor:default}.testing-results{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.testing-summary{display:flex;align-items:center;gap:var(--space-md);padding:.5rem var(--space-md);border-radius:var(--radius-md);background:var(--bg-overlay-3);border:1px solid var(--border-subtle);margin-bottom:var(--space-md);font-size:var(--font-body)}.testing-summary-pass{opacity:.8}.testing-summary-fail{color:var(--color-error)}.testing-summary-duration{margin-left:auto;opacity:.35;font-size:var(--font-xs)}.testing-step{padding:.6rem var(--space-md);border-radius:var(--radius-lg);background:var(--bg-overlay-3);border:1px solid var(--border-subtle);margin-bottom:.5rem;cursor:pointer}.testing-step:hover{background:var(--bg-overlay-4)}.testing-step-header{display:flex;align-items:center;gap:var(--space-sm)}.testing-step-number{font-size:var(--font-sm);opacity:.5;min-width:3.5rem}.testing-type-badge{font-size:var(--font-xs);padding:.1rem .4rem;border-radius:var(--radius-sm);background:var(--bg-overlay-5)}.testing-type-memory{border:1px solid rgba(130,170,255,.2)}.testing-type-media{border:1px solid rgba(180,140,255,.2)}.testing-type-conversation{border:1px solid rgba(130,220,180,.2)}.testing-type-avatar{border:1px solid rgba(255,180,100,.2)}.testing-type-guardrail{border:1px solid rgba(255,130,130,.2)}.testing-status-pass{font-size:var(--font-xs);opacity:.6;margin-left:auto}.testing-status-fail{font-size:var(--font-xs);color:var(--color-error);margin-left:auto}.testing-step-duration{font-size:var(--font-xs);opacity:.3}.testing-step-detail{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);font-size:var(--font-sm)}.testing-step-detail p{margin:.2rem 0;opacity:.7}.testing-reflection{opacity:.45;font-style:italic}.testing-violation{color:var(--color-error);opacity:1}.testing-should{opacity:.5;font-size:var(--font-xs)}.testing-empty,.testing-disabled{text-align:center;margin-top:4rem;opacity:.5}.testing-disabled-hint{font-size:.85rem;opacity:.6;margin-top:var(--space-sm)}.testing-persona-section{margin-bottom:var(--space-sm)}.testing-persona-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem var(--space-md);border-radius:var(--radius-md);background:var(--bg-overlay-4);border:1px solid var(--border-soft);cursor:pointer;font-size:var(--font-body)}.testing-persona-header:hover{background:var(--bg-overlay-5)}.testing-persona-name{font-weight:500;opacity:.8}.testing-persona-steps{padding:var(--space-sm) 0 0 var(--space-md)}.testing-footer{font-size:var(--font-sm);opacity:.35;text-align:center;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.asset-viewer-backdrop{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center}.asset-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.asset-viewer-close{position:absolute;top:-2rem;right:-1rem;background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.asset-viewer-close:hover{color:#ffffffe6}.asset-viewer-media{position:relative;border-radius:var(--radius-md);overflow:hidden}.asset-viewer-media:after{content:"Example Material — Demo Only";position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fffc;font-size:.85rem;font-family:system-ui,sans-serif;text-align:center;padding:.5rem 0}.asset-viewer-img,.asset-viewer-video{display:block;max-width:80vw;max-height:75vh;border-radius:var(--radius-md)}.asset-viewer-desc{font-size:var(--font-body);opacity:.7;margin-top:var(--space-sm);text-align:center}.asset-viewer-label{font-size:var(--font-xs);opacity:.4;font-style:italic;margin-top:var(--space-xs);text-align:center}.demo{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:960px;margin:0 auto}.demo-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.demo-title{font-size:var(--font-lg);opacity:.85}.demo-persona{font-size:var(--font-body);opacity:.4}.demo-narration{background:var(--bg-overlay-2);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-body);font-style:italic;opacity:.6}.demo-body{display:flex;gap:var(--space-lg);flex:1;min-height:0}.demo-chat{flex:1;min-width:0;overflow-y:auto;padding:var(--space-md) 0;padding-bottom:5rem}.demo-sidebar{width:280px;flex-shrink:0;overflow-y:auto;max-height:calc(100vh - 12rem)}.demo-sidebar-title{font-size:var(--font-sm);opacity:.4;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.demo-sidebar-card{background:var(--bg-overlay-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);display:flex;align-items:baseline;justify-content:space-between}.demo-sidebar-card-title{font-size:var(--font-body);opacity:.8}.demo-sidebar-card-sig{font-size:var(--font-xs);opacity:.5}.demo-sidebar-themes{margin-top:var(--space-md)}.demo-sidebar-themes-label{font-size:var(--font-sm);opacity:.4;margin-bottom:var(--space-xs)}.demo-sidebar-theme-pill{font-size:var(--font-sm);padding:.15rem .5rem;border-radius:var(--radius-md);background:var(--bg-overlay-4);border:1px solid var(--border-soft);display:inline-block;margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.demo-memory-card{background:var(--bg-overlay-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.demo-memory-label{font-size:var(--font-xs);opacity:.4;margin-bottom:var(--space-xs)}.demo-memory-title{font-size:var(--font-body);opacity:.8}.demo-memory-sig{font-size:var(--font-xs);opacity:.5;margin-top:var(--space-xs)}.demo-highlight{border-left:3px solid rgba(255,130,130,.3);padding-left:var(--space-md);margin-bottom:var(--space-sm)}.demo-annotation{font-size:var(--font-xs);opacity:.35;margin:-.75rem 0 var(--space-lg) 0;font-style:italic}.demo-controls{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-overlay-3);border-top:1px solid var(--border-light);justify-content:center}.demo-controls-btn{background:var(--bg-overlay-4);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:inherit;cursor:pointer;padding:.4rem .8rem;font-size:var(--font-body);font-family:inherit}.demo-controls-btn:disabled{opacity:.3;cursor:default}.demo-controls-btn:not(:disabled):hover{background:var(--bg-hover-2)}.demo-speed{font-size:var(--font-xs);opacity:.6;min-width:2rem;text-align:center;background:var(--bg-overlay-4);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:inherit;cursor:pointer;padding:.4rem .6rem;font-family:inherit}.demo-progress{font-size:var(--font-sm);opacity:.5;margin-left:var(--space-sm)}.demo-phase-label{font-size:var(--font-xs);opacity:.4}.demo-export-wrap{position:relative}.demo-export-dropdown{position:absolute;bottom:calc(100% + .5rem);right:0;background:var(--bg-overlay-5);border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;z-index:10;min-width:10rem}.demo-export-option{display:block;width:100%;padding:.5rem .75rem;font-size:var(--font-body);font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}.demo-export-option:hover{background:var(--bg-hover-2)}.demo-export-option+.demo-export-option{border-top:1px solid var(--border-subtle)}.demo-mode-toggle{display:flex;border:1px solid var(--border-medium);border-radius:var(--radius-sm);overflow:hidden}.demo-mode-btn{background:none;border:none;color:inherit;cursor:pointer;padding:.4rem .6rem;font-size:var(--font-xs);font-family:inherit;opacity:.4}.demo-mode-btn.demo-mode-active{background:var(--bg-overlay-4);opacity:.9}.demo-mode-btn:not(.demo-mode-active):hover{opacity:.6}.demo-live-badge{font-size:var(--font-xs);background:#64c86426;border:1px solid rgba(100,200,100,.25);border-radius:var(--radius-sm);padding:.05rem .3rem;margin-left:.4rem;vertical-align:middle}.demo-fallback-msg{font-size:var(--font-xs);opacity:.7;color:#ffb464e6}.demo-asset-card{background:var(--bg-overlay-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.demo-asset-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm);cursor:pointer}.demo-asset-thumb:after{content:"Example Material — Demo Only";position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fffc;font-size:.75rem;font-family:system-ui,sans-serif;text-align:center;padding:.35rem 0}.demo-asset-img{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.demo-asset-desc{font-size:var(--font-body);opacity:.7;margin-bottom:var(--space-xs)}.demo-asset-link{font-size:var(--font-xs);opacity:.4}.demo-asset-label{font-size:var(--font-xs);opacity:.4;font-style:italic;margin-top:var(--space-xs)}.demo-sidebar-media{margin-top:var(--space-md)}.demo-sidebar-media-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--border-subtle)}.demo-sidebar-media-thumb{width:40px;height:30px;object-fit:cover;border-radius:var(--radius-sm);opacity:.7}.demo-sidebar-media-name{font-size:var(--font-xs);opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-avatar-card{background:var(--bg-overlay-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.demo-avatar-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-sm)}.demo-avatar-portrait{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.demo-avatar-text{flex:1;min-width:0}.demo-avatar-preparing{font-size:var(--font-body);opacity:.5;font-style:italic}.demo-avatar-typed-text{font-size:var(--font-body);opacity:.8;font-style:italic;line-height:1.5}.demo-avatar-cursor{opacity:.6;animation:avatar-blink .8s step-end infinite}@keyframes avatar-blink{0%,to{opacity:.6}50%{opacity:0}}.demo-avatar-video-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.demo-avatar-video-wrap:after{content:"Example Material — Demo Only";position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fffc;font-size:.75rem;font-family:system-ui,sans-serif;text-align:center;padding:.35rem 0}.demo-avatar-video{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.demo-avatar-subtitle{font-size:var(--font-body);opacity:.7;font-style:italic;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-left:2px solid rgba(180,160,220,.2)}.demo-avatar-label{font-size:var(--font-xs);opacity:.4;font-style:italic;margin-top:var(--space-xs)}.demo-scenario-picker{flex:1;display:flex;align-items:center;justify-content:center}.demo-scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);max-width:800px;width:100%}.demo-scenario-card{background:var(--bg-overlay-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;text-align:left;color:inherit;font-family:inherit}.demo-scenario-card:hover{background:var(--bg-hover-2);border-color:var(--border-strong)}.demo-scenario-card-name{font-size:var(--font-body);opacity:.85;margin-bottom:var(--space-sm)}.demo-scenario-card-desc{font-size:var(--font-sm);opacity:.45;line-height:1.4}.demo-scenario-select{background:var(--bg-overlay-4);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:inherit;font-family:inherit;font-size:var(--font-xs);padding:.25rem .5rem;cursor:pointer;opacity:.6}.demo-empty{opacity:.4;text-align:center;margin-top:4rem}@media(prefers-reduced-motion:reduce){.demo-avatar-cursor{animation:none}}@media(max-width:600px){.demo{max-width:700px}.demo-sidebar{display:none}.demo-body{flex-direction:column}}@media print{.demo-controls,.chat-back,.demo-export-wrap,.chat-reflecting{display:none!important}.demo{max-width:none;padding:0;min-height:auto}.demo-header{border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:1rem}.demo-body{flex-direction:column}.demo-sidebar{width:auto;max-height:none;overflow:visible;border-top:1px solid #ccc;padding-top:1rem;margin-top:1rem}.demo-chat{padding-bottom:0;overflow:visible}.demo,.demo *{color:#111!important;background:#fff!important;border-color:#ccc!important;opacity:1!important}.demo-title{font-size:1.4rem}.demo-persona{font-size:.85rem}.demo-narration{border:1px solid #ddd;font-size:.8rem;padding:.5rem .75rem}.chat-bubble{border:1px solid #ddd!important;page-break-inside:avoid}.chat-ben-icon{display:none}.demo-live-badge{font-size:.6rem;border:1px solid #999!important;background:#eee!important;color:#333!important;padding:.05rem .3rem;border-radius:3px}.demo-annotation{font-size:.7rem;color:#666!important}.demo-highlight{border-left:3px solid #c44!important}.demo-memory-card,.demo-sidebar-card{border:1px solid #ddd!important;page-break-inside:avoid}.demo-sidebar-theme-pill{border:1px solid #999!important;padding:.1rem .4rem}.demo-print-cover{display:block!important;text-align:center;padding:2rem 0;margin-bottom:1.5rem;border-bottom:2px solid #333;page-break-after:avoid}.demo-print-cover h1{font-size:1.8rem;margin:0 0 .5rem}.demo-print-cover p{font-size:.85rem;margin:.25rem 0}.demo-print-guardrails{display:block!important;page-break-before:always;margin-top:2rem}.demo-print-guardrails h2{font-size:1.2rem;margin-bottom:.75rem}.demo-print-guardrails table{width:100%;border-collapse:collapse;font-size:.75rem}.demo-print-guardrails th,.demo-print-guardrails td{border:1px solid #ccc!important;padding:.4rem .5rem;text-align:left;vertical-align:top}.demo-print-guardrails th{font-weight:600}.demo-asset-card{border:1px solid #ddd!important;page-break-inside:avoid}.demo-asset-thumb:after{background:#eee!important;color:#333!important;font-size:.55rem}.demo-asset-img{max-width:200px}.demo-avatar-card{border:1px solid #ddd!important;page-break-inside:avoid}.demo-avatar-video-wrap{display:none}.demo-avatar-subtitle{border-left-color:#999!important}.demo-avatar-label{font-size:.7rem}.demo-print-footer{display:block!important;text-align:center;font-size:.7rem;margin-top:2rem;padding-top:.75rem;border-top:1px solid #ccc}}.demo-print-cover,.demo-print-guardrails,.demo-print-footer{display:none}.login{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:6rem var(--space-xl) var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.login-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.06em;margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:var(--max-width-form)}.login-input{padding:.7rem var(--space-md);font-size:var(--font-lg);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;outline:none}.login-input:focus{border-color:var(--border-focus)}.login-error{color:var(--color-error);font-size:var(--font-md);margin:0}.login-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-top:var(--space-sm)}.login-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.login-button:disabled{opacity:.5;cursor:default}.login-switch{margin-top:var(--space-xl);font-size:var(--font-md);opacity:.6}.login-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.login-forgot{margin-top:var(--space-sm);font-size:var(--font-md);opacity:.5}.register{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:6rem var(--space-xl) var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.register-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.06em;margin-bottom:2.5rem}.register-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:var(--max-width-form)}.register-input{padding:.7rem var(--space-md);font-size:var(--font-lg);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;outline:none}.register-input:focus{border-color:var(--border-focus)}.register-error{color:var(--color-error);font-size:var(--font-md);margin:0}.register-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-top:var(--space-sm)}.register-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.register-button:disabled{opacity:.5;cursor:default}.register-switch{margin-top:var(--space-xl);font-size:var(--font-md);opacity:.6}.register-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.forgot-password{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:6rem var(--space-xl) var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.forgot-password-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.06em;margin-bottom:2.5rem}.forgot-password-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:var(--max-width-form)}.forgot-password-input{padding:.7rem var(--space-md);font-size:var(--font-lg);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;outline:none}.forgot-password-input:focus{border-color:var(--border-focus)}.forgot-password-error{color:var(--color-error);font-size:var(--font-md);margin:0}.forgot-password-info{font-size:var(--font-md);opacity:.7;text-align:center;max-width:var(--max-width-form);margin-bottom:var(--space-xl)}.forgot-password-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-top:var(--space-sm)}.forgot-password-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.forgot-password-button:disabled{opacity:.5;cursor:default}.forgot-password-switch{margin-top:var(--space-xl);font-size:var(--font-md);opacity:.6}.forgot-password-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.reset-password{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:6rem var(--space-xl) var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.reset-password-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.06em;margin-bottom:2.5rem}.reset-password-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:var(--max-width-form)}.reset-password-input{padding:.7rem var(--space-md);font-size:var(--font-lg);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;outline:none}.reset-password-input:focus{border-color:var(--border-focus)}.reset-password-error{color:var(--color-error);font-size:var(--font-md);margin:0}.reset-password-info{font-size:var(--font-md);opacity:.7;text-align:center;max-width:var(--max-width-form);margin-bottom:var(--space-xl)}.reset-password-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-top:var(--space-sm)}.reset-password-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.reset-password-button:disabled{opacity:.5;cursor:default}.reset-password-switch{margin-top:var(--space-xl);font-size:var(--font-md);opacity:.6}.reset-password-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.settings{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.settings-header{margin-bottom:var(--space-md)}.settings-back{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-base);padding:0}.settings-back:hover{opacity:.8}.settings-title{font-size:var(--font-xl);font-weight:300;letter-spacing:.06em;margin-bottom:var(--space-xl)}.settings-section{margin-bottom:var(--space-xxl)}.settings-section-title{font-size:var(--font-lg);font-weight:400;margin-bottom:var(--space-md);opacity:.8}.settings-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--max-width-form)}.settings-input{padding:.7rem var(--space-md);font-size:var(--font-lg);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;outline:none}.settings-input:focus{border-color:var(--border-focus)}.settings-error{color:var(--color-error);font-size:var(--font-md);margin:0}.settings-success{font-size:var(--font-md);opacity:.7;margin:0}.settings-button{padding:.8rem 2.5rem;font-size:var(--font-lg);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-4);color:inherit;cursor:pointer;transition:background .2s,border-color .2s;margin-top:var(--space-sm)}.settings-button:hover{background:var(--bg-hover-3);border-color:var(--border-hover)}.settings-button:disabled{opacity:.5;cursor:default}.settings-danger{border-top:1px solid var(--border-light);padding-top:var(--space-xl)}.settings-delete-btn{padding:.6rem 1.5rem;font-size:var(--font-md);border-radius:var(--radius-md);border:1px solid var(--color-error);background:none;color:var(--color-error);cursor:pointer;opacity:.8}.settings-delete-btn:hover{opacity:1;background:#e5737314}.settings-delete-warning{font-size:var(--font-md);color:var(--color-error);margin:0;opacity:.9}.settings-delete-actions{display:flex;gap:var(--space-md)}.settings-delete-confirm{padding:.6rem 1.5rem;font-size:var(--font-md);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--color-error);background:#e5737326;color:var(--color-error);cursor:pointer}.settings-delete-confirm:hover{background:#e5737340}.settings-delete-confirm:disabled{opacity:.5;cursor:default}.chat{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.chat-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.chat-back{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-base);padding:0;flex-shrink:0}.chat-back:hover{opacity:.8}.chat-memories-link{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-body);padding:0;flex-shrink:0}.chat-memories-link:hover{opacity:.8}.chat-embodiments-link{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-body);padding:0;flex-shrink:0}.chat-embodiments-link:hover{opacity:.8}.chat-settings-link{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--font-body);padding:0;flex-shrink:0}.chat-settings-link:hover{opacity:.8}.chat-disclosure{font-size:var(--font-body);opacity:.4;margin:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md) 0}.chat-empty{opacity:.4;text-align:center;margin-top:4rem}.chat-guided-entry{margin-top:var(--space-xl)}.chat-guided-intro{opacity:.5;text-align:center;margin-bottom:1.25rem;font-size:var(--font-base)}.chat-directions{display:flex;flex-direction:column;gap:var(--space-sm)}.chat-direction-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.75rem var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-overlay-2);color:inherit;cursor:pointer;font-family:inherit}.chat-direction-btn:hover{background:var(--bg-hover-1);border-color:#ffffff2e}.chat-direction-label{font-size:var(--font-md);opacity:.85}.chat-direction-desc{font-size:.78rem;opacity:.4;margin-top:.15rem}.chat-guided-skip{opacity:.3;font-size:var(--font-body);text-align:center;margin-top:1.25rem}.chat-bubble{margin-bottom:var(--space-lg);max-width:85%}.chat-bubble-user{margin-left:auto;text-align:right}.chat-bubble-ben{margin-right:auto}.chat-label{display:flex;align-items:center;gap:.35rem;font-size:var(--font-sm);opacity:.45;margin-bottom:var(--space-xs)}.chat-ben-icon{width:18px;height:18px}.chat-bubble-user .chat-label{justify-content:flex-end}.chat-text{margin:0;line-height:1.6;padding:.75rem var(--space-md);border-radius:var(--radius-lg)}.chat-bubble-user .chat-text{background:var(--bg-hover-2)}.chat-bubble-ben .chat-text{background:var(--bg-overlay-3);border:1px solid var(--border-subtle)}.chat-reflecting{opacity:.5;font-style:italic}.chat-memory-saved{font-size:var(--font-sm);opacity:.45;margin:.35rem 0 0 var(--space-md);font-style:italic}.chat-action-confirm{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);margin-left:var(--space-md)}.chat-action-btn{padding:.3rem .8rem;font-size:var(--font-body);border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-overlay-3);color:inherit;cursor:pointer;opacity:.7}.chat-action-btn:disabled{opacity:.3;cursor:default}.chat-action-btn:not(:disabled):hover{opacity:1;background:var(--bg-hover-2)}.chat-action-no{opacity:.5}.chat-input-form{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.chat-input{flex:1;padding:.6rem .8rem;font-size:var(--font-base);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-overlay-3);color:inherit;font-family:inherit}.chat-input::placeholder{opacity:.4}.chat-send{padding:.6rem 1.2rem;font-size:var(--font-base);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-overlay-5);color:inherit;cursor:pointer}.chat-send:disabled{opacity:.3;cursor:default}.chat-send:not(:disabled):hover{background:var(--bg-hover-3)}.chat-material-btn{padding:.6rem .8rem;font-size:1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-overlay-3);color:inherit;cursor:pointer;opacity:.5;flex-shrink:0;line-height:1}.chat-material-btn:disabled{opacity:.2;cursor:default}.chat-material-btn:not(:disabled):hover{opacity:.8;background:var(--bg-hover-2)}.chat-material-preview{margin-bottom:var(--space-md);padding:.6rem .8rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-overlay-1)}.chat-material-header{font-size:var(--font-sm);opacity:.4;margin:0 0 .4rem}.chat-material-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-body);padding:.2rem 0;opacity:.7}.chat-material-type-icon{font-size:var(--font-md);flex-shrink:0}.chat-material-thumb-placeholder{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg-hover-2);flex-shrink:0}.chat-material-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-material-status{font-size:var(--font-xs);opacity:.5;flex-shrink:0}.chat-footer{font-size:var(--font-sm);opacity:.35;text-align:center;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.verification-banner{background:var(--bg-overlay-4);border-bottom:1px solid var(--border-medium);padding:var(--space-sm) var(--space-md);text-align:center;font-size:var(--font-md);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.verification-resend{background:none;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-size:var(--font-body);padding:.2rem .6rem}.verification-resend:hover{background:var(--bg-hover-1)}.verification-resend:disabled{opacity:.4;cursor:default}