@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 4px;--radius-lg: 8px;--color-accent: #135bec}.theme-dark,.theme-dark-ocean{--bg-page: #0f0f14;--bg-card: #16161d;--bg-elevated: #1c1c26;--bg-input: #1c1c26;--border: #2a2a36;--text: #e8e8ed;--text-muted: #9494a3;--text-dim: #6b6b7a;--accent: var(--color-accent);--accent-hover: color-mix(in srgb, var(--color-accent) 90%, white);--success: #22c55e;--warning: #eab308;--error: #ef4444;--idle-bg: #2a2a36;--active-bg: rgba(34, 197, 94, .2);--paused-bg: rgba(234, 179, 8, .2)}.theme-light,.theme-light-ocean{--bg-page: #f8f9fc;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--border: #e2e4eb;--text: #1a1a24;--text-muted: #6b6b7a;--text-dim: #9494a3;--accent: var(--color-accent);--accent-hover: color-mix(in srgb, var(--color-accent) 85%, black);--success: #16a34a;--warning: #ca8a04;--error: #dc2626;--idle-bg: #e2e4eb;--active-bg: rgba(34, 197, 94, .15);--paused-bg: rgba(234, 179, 8, .15)}.theme-dnd{--bg-page: #1a1207;--bg-card: #231a0c;--bg-elevated: #2d2110;--bg-input: #2d2110;--border: #4a3520;--text: #f5e6cc;--text-muted: #b8976a;--text-dim: #8a6d42;--accent: #b45309;--accent-hover: #d97706;--success: #22c55e;--warning: #eab308;--error: #dc2626;--idle-bg: #2d2110;--active-bg: rgba(180, 83, 9, .25);--paused-bg: rgba(234, 179, 8, .2);--font-sans: "Cinzel", serif}.theme-dnd .transcript-feed,.theme-dnd .settings-modal,.theme-dnd .history-drawer,.theme-dnd .event-timeline{box-shadow:inset 0 0 0 1px var(--border),0 0 12px #b4530926;border:1px solid var(--border)}.theme-dnd .transcript-feed:before,.theme-dnd .settings-modal:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(180,83,9,.3);border-radius:var(--radius-lg);pointer-events:none}.theme-dnd .utterance-menu-btn{font-family:serif}.theme-dnd .tag-badge:before{content:"📜"}.theme-cyberpunk{--bg-page: #0a0a12;--bg-card: #10101e;--bg-elevated: #16162a;--bg-input: #16162a;--border: #2a2a4a;--text: #e0e0ff;--text-muted: #8888cc;--text-dim: #5555aa;--accent: #06b6d4;--accent-hover: #22d3ee;--success: #00ff88;--warning: #ff6600;--error: #ff0055;--idle-bg: #16162a;--active-bg: rgba(6, 182, 212, .2);--paused-bg: rgba(255, 102, 0, .2)}.theme-marvel-rivals{--bg-page: #1a0a0a;--bg-card: #241010;--bg-elevated: #2e1414;--bg-input: #2e1414;--border: #5a2020;--text: #ffd700;--text-muted: #cc9933;--text-dim: #996622;--accent: #e3342f;--accent-hover: #ff4444;--success: #22c55e;--warning: #ffd700;--error: #ff1744;--idle-bg: #2e1414;--active-bg: rgba(227, 52, 47, .25);--paused-bg: rgba(255, 215, 0, .2)}.theme-apex-legends{--bg-page: #0f1a0f;--bg-card: #1a2a1a;--bg-elevated: #223322;--bg-input: #223322;--border: #3a5a3a;--text: #e8e0d0;--text-muted: #a0a080;--text-dim: #707060;--accent: #ff6600;--accent-hover: #ff8833;--success: #44cc44;--warning: #ff9900;--error: #ff3333;--idle-bg: #223322;--active-bg: rgba(255, 102, 0, .25);--paused-bg: rgba(255, 153, 0, .2)}.theme-arc-raiders{--bg-page: #1a1510;--bg-card: #242018;--bg-elevated: #2e2820;--bg-input: #2e2820;--border: #4a4030;--text: #d4c9b0;--text-muted: #998a70;--text-dim: #706050;--accent: #2dd4bf;--accent-hover: #5eead4;--success: #34d399;--warning: #d4a02d;--error: #dc2626;--idle-bg: #2e2820;--active-bg: rgba(45, 212, 191, .2);--paused-bg: rgba(212, 160, 45, .2)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg-page);color:var(--text);height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}.layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.layout-header-left{display:flex;align-items:center;gap:1rem}.layout-header-branding{display:flex;align-items:center;gap:.5rem}.layout-header-branding-icon{width:28px;height:28px;border-radius:6px;object-fit:contain}.layout-header-branding-text{font-weight:600;font-size:1.125rem;color:var(--text)}.layout-header-compact{justify-content:flex-end;padding:.5rem 1rem}.layout-header-compact .layout-header-left{margin-right:auto}.layout-nav{display:flex;align-items:center;gap:.5rem}.layout-nav-link{color:var(--text);text-decoration:none;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius);transition:background .15s,color .15s}.layout-nav-link:hover{background:var(--bg-elevated);color:var(--accent)}.layout-header-actions{display:flex;align-items:center;gap:.75rem}.layout-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.layout-refresh-btn:hover{color:var(--text);background:var(--bg-elevated);border-color:var(--border)}.layout-refresh-btn:active{transform:rotate(45deg);transition:transform .2s}.layout-header-with-slot .layout-header-actions{margin-left:auto}.layout-logout-btn{font:inherit;color:var(--text-muted);background:none;border:none;padding:.25rem .5rem;border-radius:var(--radius);cursor:pointer;transition:color .15s,background .15s}.layout-logout-btn:hover{color:var(--text);background:var(--bg-elevated)}.layout-nav-sep{color:var(--text-dim);font-weight:400}.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.user-menu-trigger:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.user-menu-item{display:block;width:100%;padding:.5rem .75rem;font:inherit;font-size:.875rem;text-align:left;background:none;border:none;border-radius:var(--radius);color:var(--text);cursor:pointer;transition:background .15s}.header-activity-tabs .history-toggle-btn{margin:0}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0003;max-width:400px;width:100%}.settings-debug-toggle{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.settings-debug-toggle label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer}.settings-debug-toggle input[type=checkbox]{width:1rem;height:1rem}.layout-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.layout-main--activity{padding:0;width:100%;max-width:900px;margin-left:auto;margin-right:auto;overflow:hidden}.theme-selector{display:flex;flex-direction:column;gap:.5rem}.theme-selector-label{font-size:.875rem;color:var(--text-muted)}.theme-selector-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.theme-selector-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:var(--font-sans);font-size:.8rem;transition:border-color .15s}.theme-selector-option:hover{border-color:var(--accent)}.theme-selector-option--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-selector-swatch{width:24px;height:24px;border-radius:4px;border:2px solid;position:relative;flex-shrink:0;overflow:hidden}.theme-selector-swatch-accent{position:absolute;bottom:0;left:0;right:0;height:6px}.theme-selector-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.user-menu-trigger:hover{background:var(--bg-card);border-color:var(--accent);color:var(--text)}.user-menu-avatar{display:flex;align-items:center;justify-content:center}.user-menu-dropdown{position:absolute;top:calc(100% + .25rem);right:0;min-width:160px;padding:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;z-index:100}.user-menu-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;font:inherit;font-size:.875rem;color:var(--text);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s}.user-menu-item:hover{background:var(--bg-elevated)}.header-activity-tabs{display:flex;align-items:center;gap:.5rem}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0003}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.settings-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.settings-modal-close{padding:.375rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.settings-modal-close:hover{background:var(--bg-elevated);color:var(--text)}.settings-modal-body{padding:1.25rem}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text)}.session-controls{display:flex;gap:.5rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.session-controls select{padding:.4rem .75rem;font-family:var(--font-sans);font-size:.875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.session-controls select:hover,.session-controls select:focus{border-color:var(--accent);outline:none}.session-controls button{padding:.4rem 1rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,opacity .15s}.session-controls button:hover:not(:disabled){background:var(--accent-hover)}.session-controls button:disabled{opacity:.5;cursor:not-allowed}.session-controls button[data-variant=secondary]{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.session-controls button[data-variant=secondary]:hover:not(:disabled){background:var(--border)}.session-controls-primary,.session-controls-force{display:flex;gap:.5rem;align-items:center}.session-controls-force{margin-left:.5rem;padding-left:.75rem;border-left:1px solid var(--border)}.session-controls-force button{padding:.4rem 1rem;min-width:90px;font-size:.8125rem;color:var(--text-muted)}@media (min-width: 601px){.session-controls-primary button:not([data-variant=secondary]){padding:.75rem 1.5rem;min-width:120px}}.transcript-feed{margin:1.5rem 0}.transcript-state{padding:.4rem .75rem;font-weight:600;font-size:.875rem;margin-bottom:.5rem;border-radius:var(--radius)}.transcript-state[data-state=IDLE]{background:var(--idle-bg);color:var(--text-muted)}.transcript-state[data-state=ACTIVE]{background:var(--active-bg);color:var(--success)}.transcript-state[data-state=PAUSED]{background:var(--paused-bg);color:var(--warning)}.transcript-list{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--bg-card)}.utterance{display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);position:relative}.utterance--menu-open{z-index:20}.utterance:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.utterance--own{flex-direction:row-reverse;justify-content:flex-end}.utterance--own .utterance-body{text-align:right}.utterance--own .utterance-meta{flex-direction:row-reverse;justify-content:flex-end}.utterance--other{flex-direction:row;justify-content:flex-start}.utterance-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden}.utterance-avatar img{width:100%;height:100%;object-fit:cover}.utterance-avatar-placeholder{width:100%;height:100%;background:var(--text-dim)}.utterance-body{flex:1;min-width:0}.utterance-meta{display:flex;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem}.utterance-username{font-weight:500;color:var(--text)}.utterance-time{color:var(--text-dim)}.utterance-text{font-size:.9375rem;line-height:1.45;color:var(--text)}.utterance--with-actions .utterance-meta{display:flex;align-items:center;gap:.5rem}.utterance-actions{position:relative;margin-left:auto}.utterance-action-trigger{padding:.25rem .5rem;font-size:1rem;line-height:1;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:color .15s,background .15s}.utterance-action-trigger:hover{color:var(--text);background:var(--bg-elevated)}.utterance-action-menu{position:absolute;top:100%;right:0;margin-top:.25rem;padding:.25rem;min-width:100px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;z-index:10}.utterance-action-item{display:block;width:100%;padding:.375rem .5rem;font-size:.875rem;text-align:left;background:none;border:none;border-radius:var(--radius);color:var(--text);cursor:pointer;transition:background .15s}.utterance-action-item:hover{background:var(--bg-elevated)}.utterance-action-item--danger:hover{background:color-mix(in srgb,#dc2626 15%,var(--bg-elevated));color:#dc2626}.edit-utterance-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.edit-utterance-modal{width:100%;max-width:450px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0003}.edit-utterance-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.edit-utterance-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.edit-utterance-close{padding:.375rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.edit-utterance-body{padding:1rem 1.25rem}.edit-utterance-input{width:100%;padding:.75rem;font-family:var(--font-sans);font-size:.9375rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);resize:vertical;min-height:80px}.edit-utterance-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.edit-utterance-cancel,.edit-utterance-save{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer}.edit-utterance-cancel{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text)}.edit-utterance-save{background:var(--accent);border:none;color:#fff}.session-history{margin-top:2rem}.session-history h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--text)}.session-list{list-style:none;padding:0;margin:0}.session-list li{margin-bottom:.25rem}.session-list button{padding:.5rem .75rem;cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);font-size:.875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:background .15s,border-color .15s}.session-list button:hover{background:var(--bg-elevated);border-color:var(--accent)}.session-list button.selected{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.session-detail{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.session-detail h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text)}.session-utterances{margin-top:.5rem}.activity-page,.dashboard-page{padding:0}.activity-page{flex:1;min-height:0;display:flex;flex-direction:column}.dashboard-page{flex:1}.activity-page .error,.dashboard-page .error{color:var(--error);margin:.5rem 0;padding:.5rem .75rem;background:color-mix(in srgb,var(--error) 12%,transparent);border-radius:var(--radius)}.loading-screen{padding:2rem;color:var(--text-muted)}.activity-page .hint{color:var(--text-muted);margin:.5rem 0;font-size:.875rem}.auth-block{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:400px}.auth-block h1{margin:0 0 .5rem;font-size:1.25rem}.auth-block p{margin:.5rem 0;color:var(--text-muted)}.auth-block a{display:inline-block;margin-top:.5rem;padding:.4rem 1rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:var(--radius);font-weight:500;transition:background .15s}.auth-block a:hover{background:var(--accent-hover)}.debug-panel{margin-top:2rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,monospace;font-size:.75rem}.debug-panel summary{cursor:pointer;color:var(--text-muted)}.debug-panel pre{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-all;color:var(--text-muted)}.activity-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.activity-topbar .page-title{margin:0;font-size:1.125rem;font-weight:600}.activity-topbar-actions{display:flex;gap:.5rem;align-items:center}.history-toggle-btn{padding:.35rem .75rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.history-toggle-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--text)}.history-toggle-btn--active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.activity-page-top{flex-shrink:0}.activity-controls{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.activity-main{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.activity-transcript-area{flex:1;min-height:0;display:flex;flex-direction:column}.activity-transcript-area .transcript-feed{margin:0;display:flex;flex-direction:column;padding:.75rem 1rem;flex:1;min-height:0}.activity-transcript-area .transcript-scroll-container{position:relative;flex:1;min-height:120px;display:flex;flex-direction:column}.activity-transcript-area .transcript-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}.transcript-go-to-bottom-pill{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .15s,border-color .15s;z-index:1}.transcript-go-to-bottom-pill:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.transcript-item--highlighted{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{background:rgba(var(--accent-rgb, 19, 91, 236),.3)}to{background:transparent}}.effects-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.effects-layer--spell-cast{animation:spell-cast-glow 1.5s ease-out forwards}@keyframes spell-cast-glow{0%{background:radial-gradient(circle at 50% 50%,rgba(180,83,9,.4) 0%,transparent 70%);opacity:0}30%{opacity:.8}to{background:radial-gradient(circle at 50% 50%,rgba(180,83,9,0) 0%,transparent 70%);opacity:0}}.effects-layer--theme-transition{animation:theme-fade .4s ease-out forwards}@keyframes theme-fade{0%{background:var(--bg-page);opacity:.6}to{opacity:0}}.activity-page-bottom{flex-shrink:0;background:var(--bg-card);border-top:1px solid var(--border);z-index:1;padding-bottom:env(safe-area-inset-bottom,0px)}.activity-page-bottom-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.activity-page-bottom .activity-action-bar{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;flex-wrap:wrap}.activity-page-bottom .debug-panel{margin-top:0;margin-bottom:.75rem;padding:.75rem 1rem}.opt-out-panel{border-top:1px solid var(--border);padding:0 1rem}.opt-out-panel-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;background:none;border:none;color:var(--text-muted);cursor:pointer;text-align:left;transition:color .15s}.opt-out-panel-toggle:hover{color:var(--text)}.opt-out-panel-toggle-icon{font-size:.625rem;width:1rem;text-align:center}.opt-out-panel-count{margin-left:.375rem;color:var(--warning)}.opt-out-panel-body{padding:.25rem 0 .75rem}.opt-out-panel-action{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.opt-out-toggle-btn{padding:.3rem .75rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.opt-out-toggle-btn:hover{border-color:var(--accent)}.opt-out-toggle-btn--opted-out{background:color-mix(in srgb,var(--success) 15%,transparent);border-color:var(--success);color:var(--success)}.opt-out-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.opt-out-status-badge{font-size:.75rem;color:var(--warning);font-weight:500}.opt-out-panel-error{color:var(--error);font-size:.8125rem;margin-bottom:.5rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--error) 12%,transparent);border-radius:var(--radius)}.opt-out-panel-loading,.opt-out-panel-empty{font-size:.8125rem;color:var(--text-muted);padding:.25rem 0}.opt-out-user-list{display:flex;flex-wrap:wrap;gap:.5rem}.opt-out-user-item{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-elevated);border-radius:var(--radius);font-size:.8125rem;border:1px solid var(--border)}.opt-out-user-item--self{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--bg-elevated))}.opt-out-user-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0}.opt-out-user-avatar img{width:100%;height:100%;object-fit:cover}.opt-out-user-avatar-placeholder{width:100%;height:100%;background:var(--text-dim);border-radius:50%}.opt-out-user-name{color:var(--text);font-weight:500}.opt-out-user-you{color:var(--text-muted);font-weight:400}.action-btn{padding:.4rem .875rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.action-btn:disabled{opacity:.45;cursor:not-allowed}.session-event-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem 1rem;height:40px;font-size:.875rem;background:color-mix(srgb,var(--accent) 12%,var(--bg-card));border-bottom:1px solid var(--border);color:var(--text)}.session-event-banner-dismiss{padding:.375rem .5rem;font-size:.875rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.session-event-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;background:color-mix(srgb,var(--accent) 12%,var(--bg-card));border-bottom:1px solid var(--border);color:var(--text)}.session-event-banner-dismiss{padding:.375rem .5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.session-event-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;background:color-mix(in srgb,var(--accent) 12%,var(--bg-card));border-bottom:1px solid var(--border);height:40px}.session-event-banner-dismiss{padding:.25rem .5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.session-event-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;min-height:40px;font-size:.875rem;background:color-mix(srgb,var(--accent) 12%,var(--bg-card));border-bottom:1px solid var(--border);color:var(--text)}.session-event-banner-dismiss{padding:.375rem .625rem;font-size:.875rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.session-event-banner-dismiss:hover{background:var(--bg-elevated);color:var(--text)}.session-summary-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;min-height:40px;font-size:.875rem;background:color-mix(srgb,var(--accent) 12%,var(--bg-card));border-bottom:1px solid var(--border);color:var(--text)}.session-summary-banner-dismiss{padding:.375rem .625rem;font-size:.875rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.session-summary-banner-dismiss:hover{background:var(--bg-elevated);color:var(--text)}.voice-image-cooldown-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;background:color-mix(srgb,var(--accent) 15%,var(--bg-card));border:1px solid var(--accent);border-radius:var(--radius);font-size:.875rem;color:var(--text);margin:0 1rem .5rem}.voice-image-cooldown-banner-dismiss{padding:.375rem .625rem;font-size:.875rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s,color .15s}.voice-image-cooldown-banner-dismiss:hover{background:var(--bg-elevated);color:var(--text)}.history-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;animation:fadeIn .15s ease}.history-drawer{position:fixed;top:0;right:0;bottom:0;width:min(max(40vw,320px),600px);background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.history-drawer--open{transform:translate(0)}.history-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;padding-top:max(1rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);flex-shrink:0}.history-drawer-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.history-drawer-close{padding:.5rem .75rem;font-size:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:background .15s}.history-drawer-close:hover{background:var(--bg-elevated);color:var(--text)}.history-drawer-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:.75rem;overflow-y:auto}.history-timeframe-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.history-timeframe-filter label{font-size:.8125rem;color:var(--text-muted)}.history-timeframe-select{font-size:.8125rem;padding:.25rem .5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.history-session-day-group{margin-bottom:1rem}.history-session-day-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;padding-left:.25rem}.history-archive-selected-btn{padding:.35rem .75rem;font-size:.8125rem;font-family:var(--font-sans);background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s}.history-archive-selected-btn:hover:not(:disabled){opacity:.9}.history-archive-selected-btn:disabled{opacity:.5;cursor:not-allowed}.history-session-checkbox-wrap{flex-shrink:0;display:flex;align-items:center;cursor:pointer}.history-session-checkbox-wrap input{width:1rem;height:1rem;cursor:pointer}.history-session-checkbox-placeholder{width:1rem;height:1rem;flex-shrink:0;display:inline-block}.history-session-list,.history-session-block{display:flex;flex-direction:column;gap:.25rem}.history-session-transcript{display:flex;flex-direction:column;margin-left:.75rem;padding-left:.75rem;border-left:2px solid var(--border);height:80%;max-height:80vh;min-height:120px;overflow:hidden}.history-session-transcript-header{flex-shrink:0;padding:.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.history-export-pdf-btn{padding:.25rem .625rem;font-size:.75rem;font-family:var(--font-sans);font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.history-export-pdf-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.history-session-transcript-inner{flex:1;min-height:0;overflow-y:auto}.history-drawer-loading,.history-drawer-empty{color:var(--text-muted);font-size:.875rem;padding:.5rem}.history-drawer-empty--muted{font-size:.8125rem;color:var(--text-dim)}.history-drawer-error{font-size:.8125rem;color:var(--error);padding:.5rem .75rem;background:color-mix(in srgb,var(--error) 10%,transparent);border-radius:var(--radius);margin-bottom:.5rem}.session-list-item-row{display:flex;align-items:center;gap:.5rem}.history-session-archive-btn:hover{color:var(--accent);border-color:var(--accent)}.history-archived-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.history-archived-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.history-delete-all-archived-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.history-delete-all-archived-btn{padding:.2rem .4rem;font-size:.75rem;font-family:var(--font-sans);background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.history-delete-all-archived-btn:hover{color:var(--error);border-color:var(--error)}.history-archived-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.8125rem;font-family:var(--font-sans);background:none;border:none;color:var(--text-muted);cursor:pointer}.history-archived-toggle:hover{color:var(--text)}.history-archived-list{margin-top:.5rem}.history-delete-confirm-text{font-size:.75rem;color:var(--text-muted)}.history-session-delete-confirm-btn{padding:.2rem .4rem;font-size:.7rem;font-family:var(--font-sans);background:var(--error);border:1px solid var(--error);border-radius:var(--radius);color:#fff;cursor:pointer}.history-session-delete-cancel-btn{padding:.2rem .4rem;font-size:.7rem;font-family:var(--font-sans);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer}.history-archived-batch-btn{padding:.35rem .75rem;font-size:.8125rem;font-family:var(--font-sans);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s}.history-archived-batch-btn:disabled{opacity:.5;cursor:not-allowed}.history-archived-batch-btn:hover:not(:disabled){opacity:.9}.history-archived-batch-btn--unarchive{background:var(--success);color:#fff}.history-archived-batch-btn--delete{background:var(--error);color:#fff}.history-archive-selected-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);margin-bottom:.5rem;flex-wrap:wrap}.session-list-item{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:background .15s,border-color .15s}.session-list-item:hover{background:var(--bg-card);border-color:var(--accent)}.session-list-item.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.session-list-item--with-summary{align-items:stretch}.session-list-item-line1{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.session-list-item-line2{font-size:.75rem;color:var(--text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.session-list-date{font-size:.8125rem;font-weight:500;color:var(--text)}.session-list-channel{font-size:.75rem;color:var(--text-muted)}.session-list-duration{font-size:.75rem;color:var(--text-dim)}.session-list-item-row{display:flex;align-items:center;gap:.5rem;width:100%}.session-list-item-row .session-list-item{flex:1;min-width:0}.history-session-archive-btn{flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-sans);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.history-session-archive-btn:hover{color:var(--text);border-color:var(--accent)}.history-drawer-error{padding:.5rem .75rem;font-size:.8125rem;color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid var(--error);border-radius:var(--radius);margin-bottom:.5rem}.session-detail{flex:1;min-height:0;display:flex;flex-direction:column}.session-detail-header{padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius);margin:.75rem 0 .5rem;font-size:.875rem;color:var(--text);display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.session-detail-duration{font-size:.75rem;color:var(--text-muted)}.session-utterances{max-height:10rem;overflow-y:auto;flex:1;min-height:0}.utterance--compact{font-size:.8125rem;line-height:1.4;padding:.25rem 0;word-wrap:break-word;overflow-wrap:break-word}.utterance--compact .utterance-username{font-weight:500;flex-shrink:0}.tag-badge--compact{padding:.2rem .5rem;font-size:.75rem;margin:.2rem 0}.history-view-switch{display:flex;gap:.25rem;margin-top:.5rem}.history-view-switch button{padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-sans);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.history-view-switch button:hover{background:var(--bg-card);color:var(--text)}.history-view-switch button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--text)}.history-image-thumbnail-wrap{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;margin:.2rem 0}.history-image-thumbnail-btn{flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-elevated);transition:border-color .15s,box-shadow .15s}.history-image-thumbnail-btn:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.history-image-thumbnail{display:block;width:48px;height:48px;object-fit:cover}.history-image-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;background:var(--bg-elevated)}.history-image-thumbnail-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.history-image-thumbnail-meta{font-size:.75rem;color:var(--text-muted)}.history-image-thumbnail-prompt{font-size:.75rem;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.image-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;overflow-y:auto;flex:1;min-height:0}.image-library-thumbnail{display:flex;flex-direction:column;gap:.25rem;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);cursor:pointer;text-align:left;overflow:hidden;transition:border-color .15s,box-shadow .15s}.image-library-thumbnail:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.image-library-thumbnail-img-wrap{aspect-ratio:1;overflow:hidden;background:var(--bg-elevated)}.image-library-thumbnail-img{width:100%;height:100%;object-fit:cover}.image-library-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:2rem}.image-library-thumbnail-meta{padding:.25rem .5rem;display:flex;flex-direction:column;gap:.125rem}.image-library-thumbnail-prompt{font-size:.75rem;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.image-library-thumbnail-session{font-size:.75rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-library-thumbnail-time{font-size:.75rem;color:var(--text-muted)}.tag-badge{display:flex;align-items:baseline;gap:.375rem;margin:.5rem 0;padding:.4rem .75rem;border-radius:var(--radius);border-left:3px solid currentColor;font-size:.8125rem;line-height:1.4;background:var(--bg-elevated)}.tag-badge--manual{color:#60a5fa;border-color:#60a5fa;background:color-mix(in srgb,#60a5fa 8%,transparent)}.tag-badge--ai_significant{color:#fb923c;border-color:#fb923c;background:color-mix(in srgb,#fb923c 8%,transparent)}.tag-badge--ai_transition{color:#34d399;border-color:#34d399;background:color-mix(in srgb,#34d399 8%,transparent)}.tag-badge-icon{flex-shrink:0}.tag-badge-type{font-weight:600;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.tag-badge-label{color:var(--text);flex:1;min-width:0}.tag-badge-meta{display:flex;gap:.35rem;flex-shrink:0;color:var(--text-dim);font-size:.75rem}.tag-badge-author{font-weight:500}.tag-button-container{position:relative}.tag-btn{background:var(--bg-elevated);color:var(--text)}.tag-btn:not(:disabled):hover{background:color-mix(in srgb,#60a5fa 15%,var(--bg-elevated));border-color:#60a5fa}.tag-popover{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:60;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem;width:min(280px,calc(100vw - 2rem));box-shadow:0 8px 24px #00000059;animation:slideUp .15s ease}.tag-popover-form{display:flex;flex-direction:column;gap:.5rem}.tag-popover-label{font-size:.875rem;font-weight:500;color:var(--text)}.tag-popover-input{width:100%;box-sizing:border-box;padding:.4rem .625rem;font-family:var(--font-sans);font-size:.875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;transition:border-color .15s}.tag-popover-input:focus{border-color:var(--accent)}.tag-popover-error{font-size:.8125rem;color:var(--error)}.tag-popover-actions{display:flex;gap:.5rem;justify-content:flex-end}.tag-popover-cancel{padding:.5rem .875rem;font-family:var(--font-sans);font-size:.8125rem;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:background .15s}.tag-popover-cancel:hover{background:var(--bg-elevated)}.tag-popover-submit{padding:.5rem 1rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;background:var(--accent);border:1px solid transparent;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .15s}.tag-popover-submit:hover:not(:disabled){background:var(--accent-hover)}.tag-popover-submit:disabled{opacity:.5;cursor:not-allowed}.image-generator{display:flex;flex-direction:column;gap:.5rem;flex:1}.image-gen-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.image-gen-btn{background:var(--bg-elevated);color:var(--text)}.image-gen-btn:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 15%,var(--bg-elevated));border-color:var(--accent)}.image-gen-btn--cooldown{color:var(--text-muted)}.image-gen-btn--generating{color:var(--warning);border-color:var(--warning);animation:pulse 1.5s ease-in-out infinite}.image-gen-reset-btn{font-size:.8125rem;padding:.375rem .5rem;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.image-gen-reset-btn:hover{color:var(--text);border-color:var(--accent)}.image-gen-error{font-size:.8125rem;color:var(--error)}.image-gen-preview{display:flex;align-items:flex-start;gap:.625rem}.image-gen-thumbnail-btn{position:relative;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:0;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .15s}.image-gen-thumbnail-btn:hover{border-color:var(--accent)}.image-gen-thumbnail{display:block;width:72px;height:72px;object-fit:cover;border-radius:calc(var(--radius) - 1px)}.image-gen-thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;padding:.125rem .25rem;font-size:.75rem;background:#000000a6;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-gen-caption-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;align-self:center}.image-gen-caption{font-size:.75rem;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.image-gen-caption-meta{font-size:.75rem;color:var(--text-muted)}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:30;display:flex;flex-direction:column;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:0;animation:fadeIn .15s ease}.image-lightbox-content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding-bottom:.75rem;max-height:65vh;overflow:hidden}.image-lightbox-content>.image-lightbox-img{max-width:min(90vw,900px);max-height:65vh;width:100%;height:auto;border-radius:var(--radius-lg);display:block;object-fit:contain}.image-lightbox-close{position:absolute;top:0;right:0;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .15s;padding:.25rem}.image-lightbox-close:hover{opacity:1}.image-lightbox-img{width:100%;border-radius:var(--radius-lg);display:block}.image-lightbox-prompt{flex-shrink:0;position:relative;z-index:2;font-size:.8125rem;color:#fff9;text-align:center;line-height:1.45;padding:1rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));max-height:30vh;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.transcript-empty{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.875rem}.ws-error{font-size:.8125rem}.active-events-panel{padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.active-events-header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem}.active-events-indicator{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1.5s ease-in-out infinite}.active-events-list{display:flex;flex-wrap:wrap;gap:.375rem}.active-event-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;font-size:.75rem}.active-event-label{color:var(--text);font-weight:500}.active-event-type{color:var(--text-dim);text-transform:capitalize}.active-event-duration{color:var(--text-muted);font-variant-numeric:tabular-nums}.active-event-end-btn{padding:.125rem .375rem;font-size:.6875rem;font-family:var(--font-sans);font-weight:500;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.active-event-end-btn:hover{border-color:var(--warning);color:var(--warning)}.highlighted-moments-panel{border-top:1px solid var(--border)}.highlighted-moments-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;text-align:left;transition:color .15s}.highlighted-moments-toggle:hover,.highlighted-moments-toggle--open{color:var(--text)}.highlighted-moments-toggle-icon{font-size:.625rem;color:var(--text-dim)}.highlighted-moments-list{padding:0 1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.highlighted-moments-empty{font-size:.8125rem;color:var(--text-dim);padding:.25rem 0}.highlighted-moment-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans);font-size:.8125rem;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s;width:100%}.highlighted-moment-item:hover{border-color:var(--accent)}.highlighted-moment-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlighted-moment-time{color:var(--text-dim);font-size:.75rem;font-variant-numeric:tabular-nums}.highlighted-moment-user{color:var(--text-dim);font-size:.75rem}.dnd-card{display:inline-flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;margin:.25rem 0;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);font-size:.8125rem;max-width:320px}.dnd-card--spell{border-left:3px solid #a855f7}.dnd-card--monster{border-left:3px solid #ef4444}.dnd-card--item{border-left:3px solid #eab308}.dnd-card--location{border-left:3px solid #22c55e}.dnd-card--npc{border-left:3px solid #3b82f6}.dnd-card-header{display:flex;align-items:center;gap:.375rem}.dnd-card-icon{font-size:1rem}.dnd-card-name{font-weight:600;color:var(--text)}.dnd-card-type-badge{margin-left:auto;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;background:var(--bg-input);color:var(--text-muted)}.dnd-card-description{color:var(--text-muted);line-height:1.4}.query-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.query-panel{width:90vw;max-width:560px;height:70vh;max-height:600px;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000040;overflow:hidden}.query-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.query-panel-title{font-size:1rem;font-weight:600;margin:0;color:var(--text)}.query-panel-close{padding:.25rem .5rem;font-size:1.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.query-panel-close:hover{color:var(--text);background:var(--bg-elevated)}.query-panel-messages{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.query-panel-empty{color:var(--text-muted);font-size:.875rem;line-height:1.5}.query-panel-empty ul{margin:.5rem 0 0;padding-left:1.25rem}.query-panel-empty li{margin-bottom:.25rem;font-style:italic}.query-message{max-width:85%}.query-message--user{align-self:flex-end}.query-message--assistant{align-self:flex-start}.query-message-content{padding:.5rem .75rem;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5;white-space:pre-wrap}.query-message--user .query-message-content{background:var(--accent);color:#fff}.query-message--assistant .query-message-content{background:var(--bg-elevated);color:var(--text)}.query-message-loading{animation:pulse 1.5s ease-in-out infinite}.query-message-sources{margin-top:.375rem;font-size:.75rem;color:var(--text-dim)}.query-message-sources-label{font-weight:500;margin-right:.25rem}.query-source-link{display:inline;padding:0;font-size:.75rem;background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;margin-right:.5rem}.query-source-link:hover{color:var(--accent-hover)}.query-panel-input-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.query-panel-input{flex:1;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none}.query-panel-input:focus{border-color:var(--accent)}.query-panel-send{padding:.5rem 1rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .15s}.query-panel-send:hover:not(:disabled){background:var(--accent-hover)}.query-panel-send:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.layout-nav-link:active{background:var(--bg-elevated);color:var(--accent)}.layout-logout-btn:active{color:var(--text);background:var(--bg-elevated)}.history-toggle-btn:active{background:var(--bg-card);border-color:var(--accent);color:var(--text)}.session-list button:active{background:var(--bg-elevated);border-color:var(--accent)}.session-list-item:active{background:var(--bg-card);border-color:var(--accent)}.history-drawer-close:active,.voice-image-cooldown-banner-dismiss:active{background:var(--bg-elevated);color:var(--text)}.history-view-switch button:active{background:var(--bg-card);color:var(--text)}.history-image-thumbnail-btn:active,.image-library-thumbnail:active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.tag-btn:not(:disabled):active{background:color-mix(in srgb,#60a5fa 15%,var(--bg-elevated));border-color:#60a5fa}.image-gen-btn:not(:disabled):active{background:color-mix(in srgb,var(--accent) 15%,var(--bg-elevated));border-color:var(--accent)}.image-gen-thumbnail-btn:active{border-color:var(--accent)}.image-gen-reset-btn:active{color:var(--text);border-color:var(--accent)}.image-lightbox-close:active{opacity:1}.tag-popover-cancel:active{background:var(--bg-elevated)}.tag-popover-submit:not(:disabled):active{background:var(--accent-hover)}.event-timeline{display:flex;flex-direction:column;width:200px;min-width:200px;max-width:200px;border-right:1px solid var(--border);background:var(--bg-card);overflow-y:auto}.event-timeline-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.event-timeline-body{position:relative;flex:1;min-height:0;overflow-y:auto;padding:.5rem .5rem .5rem 1rem}.event-timeline-line{position:absolute;left:1.25rem;top:0;bottom:0;width:2px;background:var(--border)}.event-timeline-empty{color:var(--text-dim);font-size:.75rem;padding:.5rem 0 .5rem 1rem}.event-timeline-marker{position:relative;display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;cursor:default;border-radius:var(--radius);transition:background .15s ease}.event-timeline-marker--active{cursor:pointer}.event-timeline-marker--active:hover{background:var(--bg-elevated)}.event-timeline-dot{width:10px;height:10px;min-width:10px;border-radius:50%;margin-top:3px;z-index:1}.event-timeline-marker--active .event-timeline-dot{animation:event-pulse 2s ease-in-out infinite;box-shadow:0 0 6px currentColor}@keyframes event-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.event-timeline-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.event-timeline-type-badge{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:1px 4px;border-radius:2px;align-self:flex-start}.event-timeline-label{font-size:.75rem;color:var(--text);line-height:1.3;word-break:break-word}.event-timeline-time{font-size:.65rem;color:var(--text-dim)}.event-timeline-author{font-size:.65rem;color:var(--text-muted)}.event-timeline-delete{position:absolute;top:.25rem;right:0;background:none;border:none;color:var(--text-dim);font-size:.875rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:0;transition:opacity .15s ease,color .15s ease}.event-timeline-marker:hover .event-timeline-delete{opacity:1}.event-timeline-delete:hover{color:var(--error)}.event-timeline-add-section{flex-shrink:0;padding:.5rem;border-top:1px solid var(--border)}.event-timeline-add-btn{width:100%;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--accent);background:transparent;border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:background .15s ease,border-color .15s ease}.event-timeline-add-btn:hover{background:var(--bg-elevated);border-color:var(--accent)}.event-timeline-add-form{display:flex;flex-direction:column;gap:.375rem}.event-timeline-add-select{font-size:.75rem;padding:.25rem .375rem;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius)}.event-timeline-add-input{font-size:.75rem;padding:.25rem .375rem;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans)}.event-timeline-add-input:focus{outline:none;border-color:var(--accent)}.event-timeline-add-actions{display:flex;gap:.25rem}.event-timeline-add-confirm{flex:1;padding:.25rem;font-size:.7rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer}.event-timeline-add-confirm:disabled{opacity:.5;cursor:not-allowed}.event-timeline-add-cancel{flex:1;padding:.25rem;font-size:.7rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.activity-transcript-area--with-timeline{flex-direction:row}.activity-transcript-area--with-timeline .transcript-feed{flex:1;min-width:0}.session-timeline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-page);display:flex;flex-direction:column}.session-timeline-header-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.session-timeline-header-bar h3{margin:0;color:var(--text);font-size:1rem}.session-timeline-actions{display:flex;gap:.5rem;align-items:center}.session-timeline-export-btn{padding:.4rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.session-timeline-export-btn:hover{background:var(--accent-hover)}.session-timeline-export-btn:disabled{opacity:.5;cursor:not-allowed}.session-timeline-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.session-timeline-scroll{flex:1;overflow-y:auto;padding:1.5rem}.session-timeline-container{max-width:800px;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem}.session-timeline-session-header{border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}.session-timeline-session-header h2{margin:0 0 .5rem;color:var(--text)}.session-timeline-meta{display:flex;gap:1rem;color:var(--text-muted);font-size:.85rem}.session-timeline-summary{margin:.5rem 0 0;color:var(--text-muted);font-style:italic}.session-timeline-events{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.session-timeline-events h4{margin:0 0 .5rem;color:var(--text-muted);font-size:.85rem}.session-timeline-event-bar{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.85rem;color:var(--text)}.session-timeline-event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.session-timeline-event-type{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.session-timeline-event-label{flex:1}.session-timeline-event-time{color:var(--text-dim);font-size:.8rem}.session-timeline-flow{display:flex;flex-direction:column;gap:.25rem}.session-timeline-utterance{display:flex;gap:.5rem;padding:.2rem 0;font-size:.85rem}.session-timeline-time{color:var(--text-dim);font-size:.75rem;min-width:50px;flex-shrink:0}.session-timeline-speaker{color:var(--accent);font-weight:600;min-width:80px;flex-shrink:0}.session-timeline-text{color:var(--text)}.session-timeline-tag{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;margin:.3rem 0;background:var(--active-bg);border-radius:var(--radius);border-left:3px solid var(--accent);font-size:.85rem}.session-timeline-tag-icon{color:var(--accent)}.session-timeline-tag-label{color:var(--text);font-weight:500;flex:1}.session-timeline-image{margin:.5rem 0;text-align:center}.session-timeline-image img{max-width:100%;max-height:300px;border-radius:var(--radius);border:1px solid var(--border)}.session-timeline-image-caption{display:block;color:var(--text-muted);font-size:.8rem;margin-top:.3rem}.my-sessions-group{margin-bottom:1rem}.my-sessions-group-header{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.3rem 0;border-bottom:1px solid var(--border);margin-bottom:.5rem}.browser-activity-channel-select{display:flex;flex-direction:column;gap:.75rem;padding:1rem;max-width:400px;margin:0 auto}.browser-activity-channel-select h3{margin:0;color:var(--text);font-size:1rem}.browser-activity-channel-select select{padding:.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem}.browser-activity-start-btn{padding:.5rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.browser-activity-start-btn:hover{background:var(--accent-hover)}.browser-activity-start-btn:disabled{opacity:.5;cursor:not-allowed}.session-search-mode-toggle{display:flex;gap:0;margin-bottom:.5rem}.session-search-mode-btn{flex:1;padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s}.session-search-mode-btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.session-search-mode-btn:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.session-search-mode-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.session-search-explanation{padding:.5rem;background:var(--bg-elevated);border-radius:var(--radius);color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem;font-style:italic}@media (max-width: 600px){.utterance{gap:.5rem}.utterance-avatar{width:32px;height:32px}.activity-transcript-area .transcript-scroll-container{min-height:80px}.transcript-go-to-bottom-pill{min-height:44px;padding:.5rem 1rem;width:100%;left:0;right:0;transform:none;border-radius:0;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.history-drawer{width:90vw}.history-drawer-body{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.layout-header{padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.layout-main{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.layout-main--activity{padding:0}.activity-page-bottom-inner{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.activity-topbar{padding:.5rem .75rem}.auth-block{max-width:100%}.layout-nav-link{min-height:44px;display:inline-flex;align-items:center}.layout-logout-btn{min-height:44px}.history-toggle-btn{min-height:44px;padding:.5rem .875rem}.action-btn{min-height:44px}.history-view-switch button{min-height:40px;padding:.375rem .75rem}.image-gen-reset-btn{min-height:44px;padding:.5rem .75rem}.voice-image-cooldown-banner-dismiss{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.session-controls{flex-direction:column;align-items:stretch}.session-controls button,.session-controls select{width:100%;min-height:44px}.tag-popover-input,.theme-selector-select,.session-controls select,.session-controls button{font-size:1rem}.image-library-grid{grid-template-columns:1fr}.image-lightbox-close{position:fixed;top:.75rem;right:.75rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:var(--radius);padding:.5rem}.session-event-banner{min-height:48px;font-size:1rem;padding:.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.session-event-banner-dismiss{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem}.session-summary-banner{min-height:48px;font-size:1rem;padding:.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.session-summary-banner-dismiss{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem}.user-menu-trigger{min-width:44px;min-height:44px}.user-menu-dropdown{min-width:160px}.user-menu-item{min-height:44px;display:flex;align-items:center;padding:.625rem .875rem}.edit-utterance-modal{max-width:none;width:calc(100% - 2rem);margin:1rem;margin-left:max(1rem,env(safe-area-inset-left));margin-right:max(1rem,env(safe-area-inset-right))}.edit-utterance-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.edit-utterance-cancel,.edit-utterance-save{min-height:44px;padding:.625rem 1.25rem;font-size:1rem}.utterance-action-trigger{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.utterance-action-item{min-height:44px;padding:.625rem 1rem;font-size:1rem}.history-archived-toggle{min-height:44px;padding:.5rem 0;font-size:1rem;width:100%;justify-content:flex-start}.history-session-archive-btn,.history-archived-batch-btn,.history-session-delete-confirm-btn,.history-session-delete-cancel-btn{min-height:44px;padding:.5rem .75rem;font-size:.875rem}.session-controls-primary button,.session-controls-force button{min-height:44px;font-size:1rem}.session-controls-force{margin-top:.5rem}.header-activity-tabs{gap:.25rem}.header-activity-tabs .history-toggle-btn{padding:.375rem .625rem;font-size:.8125rem}.opt-out-panel-toggle{min-height:44px;font-size:.875rem}.opt-out-toggle-btn{min-height:44px;padding:.5rem .75rem;font-size:.875rem}.opt-out-user-item{padding:.5rem .25rem}.activity-page-bottom .activity-action-bar{flex-direction:column;align-items:stretch}.activity-page-bottom-inner{padding:0 .75rem}.activity-controls,.activity-transcript-area .transcript-feed{padding:.5rem .75rem}.event-timeline{width:100%;min-width:100%;max-width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--border);max-height:120px;overflow-x:auto;overflow-y:hidden}.event-timeline-header{writing-mode:vertical-rl;text-orientation:mixed;border-bottom:none;border-right:1px solid var(--border);padding:.5rem .25rem}.event-timeline-body{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.375rem .5rem;gap:.5rem}.event-timeline-line{display:none}.event-timeline-marker{flex-shrink:0;min-width:120px;max-width:160px;padding:.25rem .375rem}.event-timeline-add-section{border-top:none;border-left:1px solid var(--border);padding:.375rem;display:flex;align-items:center}.event-timeline-add-btn{white-space:nowrap;min-height:44px;padding:.5rem .75rem}.activity-transcript-area--with-timeline{flex-direction:column}}@media (max-width: 375px){.history-drawer{width:100vw}.layout-header{padding:.375rem .5rem;padding-top:max(.375rem,env(safe-area-inset-top))}.layout-header-brand{font-size:.875rem}.utterance-avatar{width:28px;height:28px}.utterance-text{font-size:.875rem}.utterance-username{font-size:.75rem}.utterance-time{font-size:.6875rem}.session-search-input{font-size:1rem}}.session-search{flex:1;display:flex;flex-direction:column;min-height:0;padding:.75rem}.session-search-input-wrap{flex-shrink:0;margin-bottom:.75rem}.session-search-input{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:var(--font-sans);background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.session-search-input:focus{border-color:var(--accent)}.session-search-input::placeholder{color:var(--text-dim)}.session-search-results{flex:1;overflow-y:auto;min-height:0}.session-search-empty{text-align:center;color:var(--text-muted);font-size:.8125rem;padding:2rem 1rem}.session-search-group{margin-bottom:.75rem}.session-search-group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;transition:background .15s}.session-search-group-header:hover{background:var(--border)}.session-search-group-date{font-weight:600;white-space:nowrap}.session-search-group-channel{color:var(--text-muted);white-space:nowrap}.session-search-group-count{margin-left:auto;color:var(--text-dim);font-size:.75rem;white-space:nowrap}.session-search-group-matches{padding-left:.5rem;border-left:2px solid var(--border);margin-left:.625rem;margin-top:.25rem}.session-search-result{display:block;width:100%;text-align:left;padding:.5rem .625rem;background:none;border:none;border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:background .15s}.session-search-result:hover{background:var(--bg-elevated)}.session-search-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.session-search-result-speaker{font-size:.75rem;font-weight:600;color:var(--accent)}.session-search-result-time{font-size:.6875rem;color:var(--text-dim)}.session-search-result-text{font-size:.8125rem;color:var(--text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.session-search-match{background:#eab3084d;color:var(--text);border-radius:2px;padding:0 1px}