.error-boundary{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.error-content{background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:2rem;max-width:600px;text-align:center}.error-content h2{color:var(--text-primary, #c9d1d9);margin-bottom:1rem}.error-content p{color:var(--text-secondary, #8b949e);margin-bottom:1.5rem}.error-details{text-align:left;margin-bottom:1.5rem;background:var(--bg-tertiary, #0d1117);border-radius:6px;padding:1rem}.error-details summary{cursor:pointer;color:var(--text-secondary, #8b949e);margin-bottom:.5rem}.error-details pre{font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#f85149;margin:.5rem 0}.error-actions{display:flex;gap:1rem;justify-content:center}.error-actions .btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;border:none}.error-actions .btn-primary{background:var(--accent-color, #238636);color:#fff}.error-actions .btn-primary:hover{background:#2ea043}.error-actions .btn-secondary{background:var(--bg-tertiary, #21262d);color:var(--text-primary, #c9d1d9);border:1px solid var(--border-color, #30363d)}.error-actions .btn-secondary:hover{background:var(--bg-secondary, #30363d)}@media (max-width: 768px){.error-boundary{min-height:300px;padding:1rem}.error-content{padding:1.5rem}.error-content h2{font-size:1.25rem}.error-content p{font-size:.95rem}.error-details{padding:.75rem}.error-details pre{font-size:.7rem}.error-actions{flex-direction:column;gap:.75rem}.error-actions .btn{width:100%}}@media (max-width: 480px){.error-content{padding:1rem}.error-content h2{font-size:1.1rem}.error-content p{font-size:.9rem;margin-bottom:1rem}.error-details{padding:.5rem;margin-bottom:1rem}}.login-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-container{max-width:800px;width:100%}.login-hero{text-align:center;margin-bottom:2.5rem}.login-logo{max-width:280px;width:100%;height:auto;margin-bottom:1.5rem;border-radius:16px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-default);box-shadow:0 4px 20px #00000026}.login-title{font-size:3.5rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:1.5rem;color:var(--text-primary);margin:0 0 .75rem;font-weight:500}.login-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.preview-section{margin-bottom:2.5rem}.preview-window{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.preview-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.preview-dots{display:flex;gap:6px}.preview-dots .dot{width:12px;height:12px;border-radius:50%}.preview-dots .dot.red{background:#ff5f57}.preview-dots .dot.yellow{background:#ffbd2e}.preview-dots .dot.green{background:#28ca41}.preview-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.preview-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.preview-message{padding:.875rem 1rem;border-radius:10px;display:flex;flex-direction:column;gap:.35rem}.preview-message.user{background:var(--accent-primary);align-self:flex-end;max-width:80%}.preview-message.ai{background:var(--bg-tertiary);border:1px solid var(--border-default);max-width:90%}.preview-author{font-size:.8rem;font-weight:600;color:var(--text-primary)}.preview-message.user .preview-author{color:#fff}.preview-text{font-size:.9rem;color:var(--text-primary);line-height:1.5}.preview-message.user .preview-text{color:#fff}.login-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:2rem;text-align:center;max-width:400px;margin:0 auto 3rem}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.25rem}.models-row{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.model-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:20px;font-size:.85rem;color:var(--text-primary);font-weight:500}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:.875rem 1.5rem;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:10px;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.google-signin-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-tertiary)}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.login-error{background:var(--accent-danger-bg);color:var(--accent-danger);padding:12px 16px;border-radius:8px;font-size:.9rem;margin-top:1rem}.login-footer{color:var(--text-muted);font-size:.85rem;margin:1.25rem 0 2.5rem}.webview-warning{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--accent-warning-bg);border:1px solid rgba(245,158,11,.3);border-radius:10px;text-align:center}.webview-warning-icon{color:var(--accent-warning-text);display:flex;align-items:center;justify-content:center}.webview-warning-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.webview-warning-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.open-browser-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.875rem 1.5rem;background:var(--accent-primary);border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.open-browser-btn:hover{background:var(--accent-primary-hover)}.open-browser-btn:active{transform:scale(.98)}.copy-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-default);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.copy-link-btn:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.webview-manual-hint{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 0;line-height:1.4}.webview-manual-hint strong{color:var(--text-secondary)}@media (max-width: 768px){.login-logo{max-width:220px;padding:.75rem;border-radius:12px}.login-title{font-size:2.5rem}.login-subtitle{font-size:1.25rem}.login-description{font-size:1rem}.preview-content{padding:1rem}.preview-message{padding:.75rem}.preview-message.user{max-width:85%}.login-card{padding:1.5rem}}@media (max-width: 480px){.login-page{padding:1.5rem 1rem}.login-logo{max-width:180px;padding:.5rem;border-radius:10px}.login-title{font-size:2rem}.login-subtitle{font-size:1.1rem}.login-description{font-size:.95rem}.preview-message{padding:.625rem .75rem}.preview-author{font-size:.75rem}.preview-text{font-size:.85rem}.models-row{gap:.5rem}.model-badge{padding:.35rem .6rem;font-size:.8rem}.login-card{padding:1.25rem}.card-title{font-size:1.25rem}}.home-page{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-4)}.hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-20)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.pulse-dot{width:8px;height:8px;background:var(--accent-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hero-title{font-size:var(--font-size-5xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-6) 0;letter-spacing:var(--letter-spacing-tighter);line-height:1.1}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:540px;margin:0 auto var(--space-10);line-height:1.6}.hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-10)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm)}.stat-divider{width:4px;height:4px;background:var(--text-muted);border-radius:50%;opacity:.5}.models-section{text-align:center;margin-bottom:var(--space-20)}.models-section h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-10);letter-spacing:var(--letter-spacing-tight)}.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.model-card{padding:var(--space-6);text-align:center;transition:transform var(--transition-fast);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@media (hover: hover){.model-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.model-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#fff}.model-icon-wrapper.openai{background:linear-gradient(135deg,#10a37f,#0d8c6d)}.model-icon-wrapper.gemini{background:linear-gradient(135deg,#4285f4,#3367d6)}.model-icon-wrapper.claude{background:linear-gradient(135deg,#cc785c,#b5644a)}.model-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-2) 0;letter-spacing:var(--letter-spacing-tight)}.model-card p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.features-section{margin-bottom:var(--space-20)}.features-section h2{text-align:center;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-10);letter-spacing:var(--letter-spacing-tight)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal)}@media (hover: hover){.feature-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--glow-accent)}.feature-card:hover:before{opacity:1}}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--accent-primary)}.feature-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-3) 0;letter-spacing:var(--letter-spacing-tight)}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0;font-size:var(--font-size-sm)}.feature-link{color:var(--accent-primary);font-weight:500;font-size:var(--font-size-sm);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}@media (hover: hover){.feature-link:hover{color:var(--accent-primary-hover);gap:var(--space-3)}.feature-link:hover svg{transform:translate(4px)}}.feature-link svg{transition:transform var(--transition-fast)}.how-it-works{margin-bottom:var(--space-12)}.how-it-works h2{text-align:center;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-10);letter-spacing:var(--letter-spacing-tight)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.step{text-align:center;padding:var(--space-4)}.step-number{width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:600;margin:0 auto var(--space-4);font-feature-settings:var(--font-feature-tabular);box-shadow:var(--shadow-sm)}.step h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-2) 0;letter-spacing:var(--letter-spacing-tight)}.step p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}@media (max-width: 992px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}@media (max-width: 768px){.home-page{padding:var(--space-4) var(--space-4)}.hero{padding:var(--space-10) var(--space-2) var(--space-12)}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-base)}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn-lg{width:100%;max-width:280px}.hero-stats{flex-wrap:wrap;gap:var(--space-3)}.models-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}.features-grid{grid-template-columns:1fr}.features-grid .feature-card:last-child{max-width:100%}.feature-card{padding:var(--space-6)}.steps{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width: 480px){.hero{padding:var(--space-8) 0 var(--space-10)}.hero-title{font-size:var(--font-size-3xl)}.hero-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.models-section h2,.features-section h2,.how-it-works h2{font-size:var(--font-size-xl)}.feature-card h3{font-size:var(--font-size-lg)}}.response-tabs{background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.tabs-header{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-default);overflow-x:auto}.tab{flex:1;min-width:150px;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}@media (hover: hover){.tab:hover{background-color:var(--bg-secondary);color:var(--text-primary)}}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background-color:var(--bg-secondary)}.tab-name{font-weight:600;font-size:1rem}.tab-rank{font-size:.85rem;opacity:.8}.tabs-content{padding:1.5rem}.tab-panel{display:none}.tab-panel.active{display:block}.response-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.response-header h4{font-size:1.25rem;color:var(--text-primary)}.response-model{color:var(--text-secondary);font-size:.9rem;font-family:Menlo,Monaco,monospace;background-color:var(--bg-primary);padding:.25rem .5rem;border-radius:4px}.markdown-content{color:var(--text-primary);line-height:1.6}.markdown-content p{margin-bottom:1rem}.markdown-content code{background-color:var(--bg-primary);padding:.2rem .4rem;border-radius:3px;font-size:.9em}.markdown-content pre{background-color:var(--bg-primary);padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background-color:transparent;padding:0}.rankings-display{display:flex;flex-direction:column;gap:var(--space-6)}.rankings-explanation{background-color:var(--bg-secondary);border-left:4px solid var(--accent-highlight);padding:var(--space-4) var(--space-6)}.explanation-text{color:var(--text-primary);line-height:1.6;margin:0;font-size:.95rem}.explanation-text strong{color:var(--accent-highlight);font-weight:600}.rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.ranking-card{background-color:var(--bg-tertiary)}.ranking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.ranking-header h4{color:var(--text-primary);font-size:1.05rem;font-weight:600}.ranking-label{color:var(--accent-highlight);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ranking-list{display:flex;flex-direction:column;gap:var(--space-2)}.ranking-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--border-default)}.rank-position{font-weight:600;color:var(--accent-highlight);min-width:45px;font-size:var(--font-size-sm);text-transform:uppercase;font-feature-settings:var(--font-feature-tabular)}.rank-label-badge{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;background-color:var(--accent-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-width:95px;text-align:center}.rank-arrow{color:var(--text-secondary);font-size:1.1rem;margin:0 .25rem}.rank-model{flex:1;color:var(--text-primary);font-size:.95rem;font-weight:500}.aggregate-rankings{background-color:var(--bg-tertiary)}.aggregate-rankings h4{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-2);letter-spacing:-.025em}.aggregate-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.aggregate-list{display:flex;flex-direction:column;gap:var(--space-3)}.aggregate-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-primary);border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-fast)}.aggregate-item.winner{border-color:var(--accent-success);background-color:var(--accent-success-bg)}.aggregate-position{font-size:var(--font-size-2xl);font-weight:700;min-width:40px;text-align:center;font-feature-settings:var(--font-feature-tabular)}.aggregate-name{flex:1;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.aggregate-score{font-size:var(--font-size-xl);font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}.aggregate-item.winner .aggregate-score{color:var(--accent-success)}.compare-page{max-width:100%}.question-section{margin-bottom:var(--space-10)}.question-form{display:flex;flex-direction:column;gap:var(--space-5)}.question-input{min-height:140px;font-size:var(--font-size-lg);padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-2xl);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.question-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.question-input::placeholder{color:var(--text-muted)}.form-actions{display:flex;justify-content:space-between;align-items:center}.form-left{display:flex;align-items:center;gap:var(--space-4)}.char-count{color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}.char-count.warning{color:var(--accent-warning)}.mode-indicator{color:var(--text-muted);font-size:var(--font-size-sm)}.mode-indicator strong{color:var(--accent-primary)}.results-section{margin-top:var(--space-10)}.section-title{font-size:var(--font-size-xl);font-weight:600;margin:var(--space-10) 0 var(--space-5) 0;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.final-answer{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.markdown-content{line-height:1.7;color:var(--text-primary)}.markdown-content p{margin-bottom:var(--space-4)}.markdown-content code{background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.875em;font-family:var(--font-mono)}.markdown-content pre{background:var(--bg-tertiary);border:1px solid var(--border-default);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4) 0}.markdown-content pre code{background:transparent;padding:0}.winner-section{margin-top:var(--space-10)}.winner-card{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.winner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-success),var(--accent-primary))}.winner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-default)}.winner-badge{background:var(--accent-success);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.winner-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.winner-stats{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-sm)}.winner-stats strong{color:var(--accent-success);font-size:var(--font-size-xl);font-feature-settings:var(--font-feature-tabular)}.info-card{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-md)}.info-card h3{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-lg);font-weight:600;letter-spacing:var(--letter-spacing-tight)}.info-content{color:var(--text-secondary);line-height:1.7;font-size:var(--font-size-sm)}.info-content p{margin-bottom:var(--space-4)}.info-content p:last-child{margin-bottom:0}.info-content strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.question-section{margin-bottom:var(--space-6)}.question-input{min-height:100px;font-size:var(--font-size-base);padding:var(--space-4);border-radius:var(--radius-xl)}.form-actions{flex-direction:column;gap:var(--space-4);align-items:stretch}.form-left{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mode-indicator{font-size:var(--font-size-sm)}.section-title{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-4) 0}.winner-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.winner-name{font-size:var(--font-size-base)}.info-card{padding:var(--space-4)}.info-card h3{font-size:var(--font-size-base)}.final-answer,.winner-card{padding:var(--space-4)}}@media (max-width: 480px){.question-input{min-height:80px;font-size:16px}.char-count{font-size:.65rem}.section-title{font-size:var(--font-size-base)}.winner-badge{font-size:.65rem;padding:2px var(--space-2)}.markdown-content{font-size:var(--font-size-sm);line-height:1.6}.markdown-content pre{padding:var(--space-3);font-size:var(--font-size-sm)}}.chat-message{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{font-size:1.25rem;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-shrink:0}.message-content-wrapper{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.message-author-info{display:flex;flex-direction:column;gap:2px}.message-author{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.message-model-id{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.message-timestamp{color:var(--text-muted);font-size:var(--font-size-xs);font-feature-settings:var(--font-feature-tabular)}.user-message .message-content{background:var(--accent-primary);color:#fff;padding:var(--space-4);border-radius:var(--radius-xl);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);line-height:1.6;border:none}.user-message .message-content p{color:#fff}.user-message .message-content code{background:#fff3;color:#fff}.user-message .message-content pre{background:#ffffff26}.user-message .message-content pre code{background:transparent}.ai-message .message-content{background:var(--bg-secondary);border:1px solid var(--border-hover);padding:var(--space-4);border-radius:var(--radius-xl);border-radius:var(--radius-sm) var(--radius-xl) var(--radius-xl) var(--radius-xl);line-height:1.6;color:var(--text-primary);box-shadow:var(--shadow-sm)}.message-content p{margin:0;white-space:pre-wrap;word-wrap:break-word}.message-content p:not(:last-child){margin-bottom:var(--space-3)}.message-content code{background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.875em;font-family:var(--font-mono)}.message-content pre{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-3) 0;border:1px solid var(--border-hover)}.message-content pre code{background:transparent;padding:0}.message-content ul,.message-content ol{margin:var(--space-2) 0;padding-left:var(--space-6)}.message-content li{margin:var(--space-1) 0}.message-content strong{color:var(--text-primary);font-weight:600}.user-message .message-content strong{color:#fff}.message-content em{font-style:italic;color:var(--text-secondary)}.user-message .message-content em{color:#ffffffe6}.message-meta{margin-top:var(--space-2);padding-left:var(--space-2)}.message-tokens{color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}.mention-highlight{color:var(--accent-primary);background:var(--accent-primary-alpha);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-mono);font-size:.9em}.user-message .mention-highlight{background:#fff3;color:#fff}.chat-message.message-highlight{animation:highlight-pulse 2s ease-out;border-radius:var(--radius-lg)}@keyframes highlight-pulse{0%{box-shadow:0 0 0 4px var(--accent-warning);background:var(--accent-warning-bg)}to{box-shadow:0 0 0 4px transparent;background:transparent}}.message-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding-left:var(--space-2)}.attachment-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary)}.user-message .attachment-badge{background:#ffffff26;border-color:#ffffff40;color:#ffffffe6}.attachment-badge-icon{font-size:.875rem;flex-shrink:0}.attachment-badge-name{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-badge-size{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);flex-shrink:0}.user-message .attachment-badge-size{color:#ffffffb3}@media (max-width: 768px){.chat-message{gap:var(--space-3);margin-bottom:var(--space-4)}.message-avatar{font-size:1rem;min-width:32px;height:32px;border-radius:var(--radius-md)}.message-author{font-size:var(--font-size-sm)}.message-model-id{font-size:.65rem}.message-timestamp{font-size:var(--font-size-xs)}.user-message .message-content,.ai-message .message-content,.message-content pre{padding:var(--space-3);font-size:var(--font-size-sm)}.message-tokens{font-size:.65rem}}@media (max-width: 480px){.chat-message{gap:var(--space-2);margin-bottom:var(--space-3)}.message-avatar{font-size:.875rem;min-width:28px;height:28px}.message-header{flex-direction:column;gap:2px}.message-author{font-size:var(--font-size-xs)}.user-message .message-content,.ai-message .message-content{padding:var(--space-3);font-size:var(--font-size-sm);line-height:1.5;border-radius:var(--radius-lg)}.message-content pre{padding:var(--space-2);font-size:var(--font-size-xs);margin:var(--space-2) 0}.message-content code{font-size:.8em}.message-meta{padding-left:var(--space-1)}.attachment-badge-name{max-width:100px}}.search-sources{margin:.75rem 0;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-default);overflow:hidden}.search-sources.searching{background-color:transparent;border:none}.search-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;color:var(--text-secondary);background:none;border:none;width:100%;text-align:left;font-family:inherit}.search-header.clickable{cursor:pointer;transition:background-color .15s ease}.search-header.clickable:hover{background-color:var(--bg-tertiary)}.search-icon{font-size:1rem}.search-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-label{flex:1;font-weight:500;color:var(--text-primary)}.expand-icon{font-size:.7rem;transition:transform .2s ease;color:var(--text-secondary)}.expand-icon.expanded{transform:rotate(180deg)}.sources-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.source-item{padding:.75rem;background-color:var(--bg-primary);border-radius:6px;border:1px solid var(--border-default)}.source-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit}.source-link:hover .source-title{text-decoration:underline;color:var(--accent-primary)}.source-title{font-weight:500;font-size:.9rem;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-url{font-size:.75rem;color:var(--accent-success);font-family:Menlo,Monaco,monospace}.source-snippet{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.search-header{padding:.625rem .75rem;font-size:.85rem}.search-icon{font-size:.9rem}.sources-list{padding:0 .75rem .75rem;gap:.5rem}.source-item{padding:.625rem}.source-title{font-size:.85rem}.source-url{font-size:.7rem}.source-snippet{font-size:.8rem;-webkit-line-clamp:2}}@media (max-width: 480px){.search-header{padding:.5rem .625rem;font-size:.8rem}.source-item{padding:.5rem}.source-title{font-size:.8rem;-webkit-line-clamp:1}.source-snippet{display:none}}.summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;animation:summary-fade-in .2s ease-out}@keyframes summary-fade-in{0%{opacity:0}to{opacity:1}}.summary-panel{width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:summary-scale-in .2s ease-out}@keyframes summary-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.summary-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);flex-shrink:0}.summary-panel-header h3{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.summary-panel-header-actions{display:flex;align-items:center;gap:var(--space-2)}.summary-panel-content{flex:1;overflow-y:auto;padding:var(--space-4);overscroll-behavior:contain}.summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) 0;gap:var(--space-3)}.summary-loading p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.summary-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:summary-spin .8s linear infinite}@keyframes summary-spin{to{transform:rotate(360deg)}}.summary-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;text-align:center}.summary-error p{color:var(--accent-danger);font-size:var(--font-size-sm);margin:0}.summary-body{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.summary-body h2{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:var(--space-4) 0 var(--space-2);letter-spacing:var(--letter-spacing-tight)}.summary-body h2:first-child{margin-top:0}.summary-body p{margin:0 0 var(--space-2);color:var(--text-secondary)}.summary-body ul,.summary-body ol{margin:0 0 var(--space-2);padding-left:var(--space-5);color:var(--text-secondary)}.summary-body li{margin-bottom:var(--space-1)}.summary-body strong{color:var(--text-primary);font-weight:600}.summary-body code{background:var(--bg-tertiary);padding:1px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em}.summary-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);flex-shrink:0}.summary-timestamp{font-size:var(--font-size-xs);color:var(--text-muted)}.summary-btn{background:none;border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.summary-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-tertiary)}.summary-btn:disabled{opacity:.4;cursor:not-allowed}.summary-btn-close{border:none;font-size:var(--font-size-lg);padding:0 var(--space-1);line-height:1}.summary-btn-retry{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.summary-btn-retry:hover{background:var(--accent-primary);color:#fff}.summary-btn-copy.copied{background:var(--accent-success-bg);border-color:var(--accent-success);color:var(--accent-success)}.followup-prompts-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.followup-prompts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.followup-prompts-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.followup-prompts-actions{display:flex;gap:var(--space-2)}.followup-prompts-list{display:flex;flex-direction:column;gap:var(--space-2)}.followup-prompt-chip{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.followup-prompt-chip:hover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.followup-prompt-chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.followup-prompt-intent{flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--accent-primary-bg);color:var(--accent-primary);margin-top:1px}.followup-prompt-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.followup-prompt-chip:hover .followup-prompt-text{color:var(--text-primary)}@media (max-width: 768px){.summary-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;max-height:none;border-radius:0}.summary-panel-header,.summary-panel-content{padding:var(--space-4)}.summary-btn{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.summary-btn-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.consensus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;animation:consensus-fade-in .2s ease-out}@keyframes consensus-fade-in{0%{opacity:0}to{opacity:1}}.consensus-panel{width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:consensus-scale-in .2s ease-out}@keyframes consensus-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.consensus-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);flex-shrink:0}.consensus-panel-header h3{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.consensus-panel-header-actions{display:flex;align-items:center;gap:var(--space-2)}.consensus-panel-content{flex:1;overflow-y:auto;padding:var(--space-4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.consensus-btn{background:none;border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.consensus-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-tertiary)}}.consensus-btn,.consensus-claim-action{-webkit-tap-highlight-color:transparent}.consensus-btn:disabled{opacity:.4;cursor:not-allowed}.consensus-btn-close{border:none;font-size:var(--font-size-lg);padding:0 var(--space-1);line-height:1}.consensus-btn-retry{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}@media (hover: hover){.consensus-btn-retry:hover{background:var(--accent-primary);color:#fff}}.consensus-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) 0;gap:var(--space-3)}.consensus-loading p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.consensus-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent-warning);border-radius:50%;animation:consensus-spin .8s linear infinite}@keyframes consensus-spin{to{transform:rotate(360deg)}}.consensus-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;text-align:center}.consensus-error p{color:var(--accent-danger);font-size:var(--font-size-sm);margin:0}.consensus-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;text-align:center}.consensus-empty p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.consensus-meter{margin-bottom:var(--space-4)}.consensus-meter-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-tertiary);gap:2px}.consensus-meter-segment{border-radius:3px;transition:flex var(--transition-fast)}.consensus-meter-segment.conflict{background:var(--accent-danger)}.consensus-meter-segment.partial_agreement{background:var(--accent-warning)}.consensus-meter-segment.agreement{background:var(--accent-success)}.consensus-meter-legend{display:flex;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}.consensus-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.consensus-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.consensus-legend-dot.conflict{background:var(--accent-danger)}.consensus-legend-dot.partial_agreement{background:var(--accent-warning)}.consensus-legend-dot.agreement{background:var(--accent-success)}.consensus-legend-count{font-weight:600;color:var(--text-primary)}.consensus-claims{display:flex;flex-direction:column;gap:var(--space-3)}.consensus-claim-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border-left:4px solid var(--border-default)}.consensus-claim-card.conflict{border-left-color:var(--accent-danger)}.consensus-claim-card.partial_agreement{border-left-color:var(--accent-warning)}.consensus-claim-card.agreement{border-left-color:var(--accent-success)}.consensus-claim-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.consensus-state-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;flex-shrink:0}.consensus-state-badge.conflict{background:var(--accent-danger-bg);color:var(--accent-danger)}.consensus-state-badge.partial_agreement{background:var(--accent-warning-bg);color:var(--accent-warning)}.consensus-state-badge.agreement{background:var(--accent-success-bg);color:var(--accent-success)}.consensus-claim-topic{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.consensus-claim-summary{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.consensus-positions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.consensus-position{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);line-height:1.4}.consensus-position-model{font-weight:600;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.consensus-position-stance{color:var(--text-secondary)}.consensus-claim-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.consensus-claim-action{background:none;border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.consensus-claim-action:hover{color:var(--text-primary);border-color:var(--accent-warning);background:var(--accent-warning-bg)}}.consensus-claim-action:active{color:var(--text-primary);border-color:var(--accent-warning);background:var(--accent-warning-bg)}.consensus-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);flex-shrink:0}.consensus-footer-info,.consensus-timestamp{font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width: 768px){.consensus-overlay{touch-action:none}.consensus-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;max-height:none;border-radius:0}.consensus-panel-header{padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top))}.consensus-panel-content{padding:var(--space-4);touch-action:pan-y}.consensus-panel-footer{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.consensus-btn{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.consensus-btn-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.consensus-claim-action{min-height:44px;padding:var(--space-2) var(--space-3);display:flex;align-items:center}.consensus-state-badge{padding:4px 10px}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1000);background:#00000080;display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .15s ease-out}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:90%;box-shadow:var(--shadow-xl);animation:confirm-scale-in .15s ease-out}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.confirm-message{margin:0 0 var(--space-5);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.confirm-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:40px}.confirm-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-primary)}.confirm-btn-cancel:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.confirm-btn-confirm{background:var(--accent-primary);border:none;color:#fff}.confirm-btn-confirm:hover{background:var(--accent-primary-hover)}.confirm-btn-danger{background:var(--accent-danger)}.confirm-btn-danger:hover{background:var(--accent-danger-hover)}@media (max-width: 480px){.confirm-dialog{padding:var(--space-5)}.confirm-actions{flex-direction:column-reverse}.confirm-btn{width:100%;min-height:44px}}.group-chat-page{max-width:100%;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-container{display:flex;flex:1;min-height:0;gap:var(--space-6);overflow:hidden}.chat-sidebar{width:240px;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0}.chat-sidebar h3{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0;padding:0 var(--space-2)}.participants-list{background:transparent;border-radius:var(--radius-lg);padding:0;border:none}.participant{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-lg);background:transparent;transition:background var(--transition-fast)}.participant:hover{background:var(--bg-secondary)}.participant:last-child{margin-bottom:0}.user-participant,.ai-participant{border-left:none;flex-wrap:wrap}.participant-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.participant-info{display:flex;flex-direction:column;gap:2px;flex:1}.participant-name{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm)}.participant-model{color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono)}.participant-mention{color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:100%;margin-top:var(--space-2)}.chat-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-2)}.btn-clear{width:100%}.export-buttons{display:flex;gap:var(--space-2)}.btn-export{flex:1;font-size:var(--font-size-sm);padding:var(--space-2)}.token-tracker{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--border-hover);text-align:center;margin:0 var(--space-2);box-shadow:var(--shadow-sm)}.token-tracker.low{border-color:var(--accent-success)}.token-tracker.medium{border-color:var(--accent-warning)}.token-tracker.high{border-color:var(--accent-danger)}.token-label{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.token-count{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular);margin-bottom:var(--space-1)}.token-cost{color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-hover);box-shadow:var(--shadow-md);overflow:hidden}.chat-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default);background:var(--bg-secondary)}.chat-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.chat-header h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0;letter-spacing:var(--letter-spacing-tight)}.chat-header-actions{display:flex;align-items:center;gap:var(--space-2)}.btn-summarize{background:none;border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.btn-summarize:hover:not(:disabled){background:var(--accent-primary-bg);box-shadow:var(--glow-accent)}.btn-summarize:disabled{opacity:.4;cursor:not-allowed}.btn-consensus{background:none;border:1px solid var(--accent-warning);color:var(--accent-warning);font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}@media (hover: hover){.btn-consensus:hover:not(:disabled){background:var(--accent-warning-bg)}}.btn-consensus:active:not(:disabled){background:var(--accent-warning-bg)}.btn-consensus,.btn-consensus-action{-webkit-tap-highlight-color:transparent}.btn-consensus:disabled{opacity:.4;cursor:not-allowed}.mobile-clear-link{display:none;background:none;border:none;color:var(--accent-danger);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-3);white-space:nowrap;transition:opacity var(--transition-fast)}.mobile-clear-link:hover:not(:disabled){opacity:.8}.mobile-clear-link:disabled{opacity:.4;cursor:not-allowed}.chat-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0 0}.error-banner{background:var(--accent-danger-bg);border:1px solid var(--accent-danger);color:var(--accent-danger-hover);padding:var(--space-4);margin:var(--space-4) var(--space-6);border-radius:var(--radius-lg)}.messages-container{position:relative;flex:1;overflow-y:auto;padding:var(--space-6);padding-bottom:calc(var(--space-6) + 48px);min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-primary)}.welcome-card{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.welcome-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-4) 0;letter-spacing:var(--letter-spacing-tight)}.welcome-card p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-4) 0}.welcome-card ul{color:var(--text-secondary);line-height:1.8;margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}.welcome-card code{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.example-prompt{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);border-left:2px solid var(--accent-primary);margin-bottom:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.typing-indicator{display:inline-block;padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;background:var(--bg-secondary);border-radius:var(--radius-lg);margin:var(--space-2) 0;border:1px solid var(--border-default)}.loading-chat{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--font-size-base)}.chat-input-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--bg-secondary)}.input-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.chat-input-actions{display:flex;align-items:flex-end;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.input-wrapper .char-count{align-self:flex-end;color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);font-feature-settings:var(--font-feature-tabular)}.input-wrapper .char-count.warning{color:var(--accent-warning)}.chat-input{flex:1;min-height:72px;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.btn-send{min-width:100px;height:44px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-send:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--glow-accent)}.btn-stop{min-width:100px;height:44px;background:var(--accent-danger);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-stop:hover{background:var(--accent-danger-hover)}.floating-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-default)}.floating-action-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-hover);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.floating-action-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.floating-action-btn:active:not(:disabled){transform:scale(.95)}.floating-action-btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.file-previews{display:flex;gap:var(--space-3);padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.file-previews::-webkit-scrollbar{height:4px}.file-previews::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.file-preview-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;flex-shrink:0;max-width:200px}.file-preview-thumbnail{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.file-preview-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.file-preview-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.file-preview-name{font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.file-preview-remove{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.file-preview-remove:hover{color:var(--accent-danger);background:var(--accent-danger-bg)}.input-bottom-row{display:flex;align-items:center;justify-content:flex-end}.btn-attach{height:44px;padding:0 var(--space-4);background:var(--accent-primary-bg);border:1px solid var(--accent-primary);border-radius:var(--radius-xl);color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;transition:all var(--transition-fast)}.btn-attach-icon{font-size:1rem;line-height:1}.btn-attach-count{font-family:var(--font-mono);font-size:var(--font-size-xs);font-feature-settings:var(--font-feature-tabular);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:1px 6px}.btn-attach:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-primary-alpha);box-shadow:var(--glow-accent),var(--shadow-md)}.btn-attach:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-attach:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-summarize-action{height:44px;padding:0 var(--space-4);background:none;border:1px solid var(--accent-primary);border-radius:var(--radius-xl);color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.btn-summarize-action:hover:not(:disabled){background:var(--accent-primary-bg);box-shadow:var(--glow-accent)}.btn-summarize-action:disabled{opacity:.4;cursor:not-allowed}.btn-consensus-action{height:44px;padding:0 var(--space-4);background:none;border:1px solid var(--accent-warning);border-radius:var(--radius-xl);color:var(--accent-warning);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}@media (hover: hover){.btn-consensus-action:hover:not(:disabled){background:var(--accent-warning-bg)}}.btn-consensus-action:active:not(:disabled){background:var(--accent-warning-bg)}.btn-consensus-action:disabled{opacity:.4;cursor:not-allowed}.suggested-prompt-row{display:flex;align-items:center;gap:var(--space-2)}.suggested-prompt-chip{flex:1;min-width:0;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.suggested-prompt-chip:hover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.suggested-prompt-text{font-size:var(--font-size-sm);color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-prompt-chip:hover .suggested-prompt-text{color:var(--accent-primary)}.suggested-prompt-dismiss{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.suggested-prompt-dismiss:hover{color:var(--accent-danger);background:var(--accent-danger-bg)}@media (max-width: 768px){.chat-container{flex-direction:column;gap:0}.chat-sidebar{display:none}.floating-action-bar{padding:var(--space-2) var(--space-4)}.floating-action-btn{min-width:44px;height:44px}.chat-subtitle{display:none}.mobile-clear-link{display:block}.chat-header-content{margin-bottom:0}.chat-main{border-radius:0;border:none;border-top:1px solid var(--border-default)}.chat-header{padding:var(--space-4)}.chat-header h2{font-size:var(--font-size-base)}.messages-container{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 56px)}.welcome-card{padding:var(--space-5)}.welcome-card h3{font-size:var(--font-size-base)}.welcome-card ul{font-size:var(--font-size-sm)}.chat-input-form{flex-direction:column;gap:var(--space-3);padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.chat-input{min-height:60px;border-radius:var(--radius-lg)}.chat-input-actions{width:100%}.btn-attach,.btn-send,.btn-stop,.btn-summarize-action,.btn-consensus-action{flex:1;height:44px}.btn-attach{min-width:0}.btn-attach-text{display:none}.file-preview-item{max-width:180px}.file-preview-remove{width:44px;height:44px;font-size:1.5rem}}@media (max-width: 480px){.chat-header{padding:var(--space-3)}.chat-header-content{flex-wrap:wrap}.chat-header h2{font-size:var(--font-size-sm)}.chat-header-actions{flex-wrap:wrap;gap:var(--space-1)}.btn-summarize,.btn-consensus{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);display:inline-flex;align-items:center}.mobile-clear-link{min-height:44px;display:inline-flex;align-items:center}.messages-container{padding:var(--space-3)}.welcome-card{padding:var(--space-4)}.example-prompt{padding:var(--space-3);font-size:var(--font-size-sm)}.chat-input-form{padding:var(--space-3);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.chat-input{min-height:50px;padding:var(--space-3);font-size:16px}.typing-indicator{padding:var(--space-3);font-size:var(--font-size-sm)}.chat-input-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.btn-send,.btn-stop,.btn-attach,.btn-summarize-action,.btn-consensus-action{width:100%;min-width:0}.btn-send,.btn-stop{grid-column:1 / -1}.file-preview-item{max-width:160px;padding:var(--space-2)}.file-preview-thumbnail{width:32px;height:32px}.file-preview-icon{width:32px;height:32px;font-size:1rem}.suggested-prompt-text{white-space:normal;overflow:visible;text-overflow:unset}.suggested-prompt-dismiss{width:44px;height:44px;font-size:1.5rem}}.settings-page{max-width:900px}.settings-section{margin-bottom:var(--space-8)}.settings-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:var(--letter-spacing-tight)}.setting-description{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6;font-size:var(--font-size-sm)}.mode-options{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.mode-option{display:block;padding:var(--space-5);background:var(--bg-secondary);border:2px solid var(--border-hover);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.mode-option:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.mode-option.active{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.mode-option input[type=radio]{display:none}.mode-content{display:flex;flex-direction:column;gap:var(--space-3)}.mode-header{display:flex;justify-content:space-between;align-items:center}.mode-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.mode-badge{background:var(--bg-tertiary);color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.mode-option.active .mode-badge{background:var(--accent-primary);color:#fff}.mode-desc{color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.mode-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.mode-features li{color:var(--text-muted);font-size:var(--font-size-sm)}.mode-option.active .mode-features li{color:var(--accent-primary)}.save-section{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-default)}.save-button{min-width:150px}.success-message{color:var(--accent-success);font-weight:500;font-size:var(--font-size-sm);animation:fadeIn .3s ease-in}.error-message{color:var(--accent-danger);font-weight:500;font-size:var(--font-size-sm);animation:fadeIn .3s ease-in}.setting-note{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;box-shadow:var(--shadow-sm)}.setting-note code{background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.setting-note strong{color:var(--text-primary)}.members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.member-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.chairman-card{max-width:300px;border-color:var(--accent-primary)}.member-icon{font-size:2rem;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.member-model{color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono)}.member-provider{color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.env-vars{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}.env-vars code{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);border:1px solid var(--border-hover)}@media (max-width: 768px){.settings-section h3{font-size:var(--font-size-base)}.setting-description{font-size:var(--font-size-sm)}.mode-option{padding:var(--space-4)}.mode-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mode-name{font-size:var(--font-size-sm)}.mode-badge{font-size:.65rem}.mode-desc{font-size:var(--font-size-sm)}.save-section{flex-direction:column;align-items:stretch}.save-button{width:100%;min-width:auto}.members-list{grid-template-columns:1fr}.chairman-card{max-width:none}.setting-note{padding:var(--space-3);font-size:var(--font-size-sm)}.env-vars code{padding:var(--space-2);font-size:var(--font-size-sm);word-break:break-all}}@media (max-width: 480px){.mode-option{padding:var(--space-3)}.mode-name,.mode-features li{font-size:var(--font-size-sm)}.member-card{padding:var(--space-3)}.member-icon{font-size:1.5rem;min-width:40px;height:40px}.member-name{font-size:var(--font-size-sm)}.member-model{font-size:.65rem}}.history-page{max-width:100%}.page-title{color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:var(--letter-spacing-tight)}.history-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-full);border:2px solid var(--border-hover);box-shadow:var(--shadow-md);width:fit-content}.history-tab{padding:var(--space-2) var(--space-5);background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.history-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}}.history-tab.active{color:var(--text-primary);background:var(--bg-tertiary)}.bulk-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.btn-select-all{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.btn-select-all:hover{background:var(--accent-primary-bg);border-color:var(--accent-primary)}}.selected-count{color:var(--text-muted);font-size:var(--font-size-sm);margin-left:auto}.btn-delete-selected{padding:var(--space-2) var(--space-4);background:var(--accent-danger);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.btn-delete-selected:hover{background:var(--accent-danger-hover)}}.history-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--space-6);align-items:start}.conversations-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(100dvh - 200px);overflow-y:auto;padding-right:var(--space-2)}.conversation-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}@media (hover: hover){.conversation-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.conversation-item.active{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.conversation-item.selected{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.item-checkbox{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary);flex-shrink:0}.item-content{flex:1;cursor:pointer}.conversation-question{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-3)}.conversation-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.conversation-date{color:var(--text-muted);font-size:var(--font-size-xs)}.meta-actions{display:flex;gap:var(--space-2)}.btn-continue{padding:var(--space-1) var(--space-3);background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.btn-continue:hover{background:var(--accent-primary);color:#fff}}.btn-delete{padding:var(--space-1) var(--space-3);background:transparent;color:var(--accent-danger);border:1px solid var(--accent-danger);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.btn-delete:hover{background:var(--accent-danger);color:#fff}}.conversation-detail{display:flex;flex-direction:column;gap:var(--space-5)}.conversation-detail.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.detail-header h3{color:var(--text-primary);margin:0;font-weight:600}.detail-question{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.detail-mode{color:var(--accent-primary);font-weight:600}.detail-response{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.detail-response:last-child{margin-bottom:0}.detail-response .response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.detail-response .response-header strong{color:var(--text-primary);font-size:var(--font-size-base)}.response-rank{color:var(--text-muted);font-size:var(--font-size-sm)}.response-text{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;font-size:var(--font-size-sm)}.detail-final{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.messages-preview{max-height:400px;overflow-y:auto;padding-right:var(--space-2)}.preview-message{padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.preview-message.user{background:var(--accent-primary);color:#fff}.preview-message.assistant{background:var(--bg-secondary);border:1px solid var(--border-default)}.preview-message strong{color:inherit;font-size:var(--font-size-xs);display:block;margin-bottom:var(--space-1);opacity:.8}.preview-message span{color:inherit;font-size:var(--font-size-sm);line-height:1.5}.preview-message.assistant span{color:var(--text-secondary)}.more-messages{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic;text-align:center;margin-top:var(--space-2)}.voice-turns{max-height:500px;overflow-y:auto;padding-right:var(--space-2)}.voice-turn{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.voice-turn:last-child{margin-bottom:0}.turn-header{color:var(--accent-primary);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.voice-turns .preview-message{margin-bottom:var(--space-3)}.voice-turns .preview-message:last-child{margin-bottom:0}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-muted)}.empty-state p{font-size:var(--font-size-base)}.conversations-list::-webkit-scrollbar,.messages-preview::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-preview::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb,.messages-preview::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-preview::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.history-tabs{gap:0;width:100%}.history-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);text-align:center}.history-layout{grid-template-columns:1fr;gap:var(--space-4)}.meta-actions{flex-wrap:wrap}.conversations-list{max-height:250px;padding-right:0}.conversation-item{padding:var(--space-3)}.conversation-question{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.conversation-meta{flex-wrap:wrap}.detail-question{font-size:var(--font-size-sm)}.detail-response{padding:var(--space-3)}.detail-response .response-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.detail-response .response-header strong,.response-text{font-size:var(--font-size-sm)}}@media (max-width: 480px){.conversations-list{max-height:200px}.conversation-item{padding:var(--space-3)}.conversation-question{font-size:var(--font-size-sm);line-height:1.4}.btn-delete,.btn-continue{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.item-checkbox{width:24px;height:24px}.conversation-detail{gap:var(--space-4)}.detail-question{font-size:var(--font-size-sm);line-height:1.5}.detail-response{padding:var(--space-3);margin-bottom:var(--space-3)}.response-text{font-size:var(--font-size-sm);line-height:1.5}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state p{font-size:var(--font-size-sm)}}.admin-page{max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{color:var(--text-primary);font-size:1.75rem;margin:0}.admin-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.admin-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-default)}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}@media (hover: hover){.admin-tabs .tab:hover{color:var(--text-primary)}}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-default)}.admin-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:var(--text-primary)}@media (hover: hover){.admin-table tbody tr:hover{background:var(--bg-elevated)}}.admin-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.75rem}.user-thumb{width:32px;height:32px;border-radius:50%}.user-name{font-weight:500}.user-email{font-size:.85rem;color:var(--text-secondary)}.btn-small{padding:.375rem .75rem;background:var(--border-default);border:none;border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .2s;margin-right:.5rem}@media (hover: hover){.btn-small:hover{background:var(--bg-elevated)}.btn-small.btn-danger:hover{background:var(--accent-danger)}}.btn-small.btn-danger{background:var(--accent-danger-bg)}.text-red{color:var(--accent-danger-hover)}.mono{font-family:monospace}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:12px;padding:2rem;min-width:400px;max-width:90%}.modal h3{color:var(--text-primary);margin:0 0 .5rem}.modal-subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;padding:.625rem 1rem;font-size:.9rem}.users-list,.overrides-list,.daily-stats{position:relative}.users-list:after,.overrides-list:after,.daily-stats:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to left,var(--bg-secondary),transparent);pointer-events:none}.admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:.75rem;font-size:.9rem}.user-cell{min-width:180px}.btn-small{padding:.3rem .5rem;font-size:.8rem}.modal{min-width:auto;margin:1rem;padding:1.5rem;max-height:90vh;overflow-y:auto}.modal h3{font-size:1.1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width: 480px){.admin-header h1{font-size:1.25rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.tab{padding:.5rem .75rem;font-size:.85rem}.admin-table th,.admin-table td{padding:.5rem;font-size:.85rem}.user-thumb{width:28px;height:28px}.user-name{font-size:.9rem}.user-email{font-size:.8rem}.btn-small{padding:.25rem .4rem;font-size:.75rem;margin-right:.25rem}.modal{padding:1rem;margin:.5rem;border-radius:8px}.form-group label{font-size:.85rem}.empty-state{padding:2rem 1rem}}.participant-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--bg-tertiary);border:2px solid var(--border-hover);box-shadow:var(--shadow-md);transition:all var(--transition-normal);min-width:120px}.participant-avatar.idle.is-ai .participant-icon{animation:breathe 3s ease-in-out infinite}.participant-avatar.active{border-color:var(--accent-primary);box-shadow:var(--glow-accent-strong),var(--shadow-md);transform:scale(1.02)}.participant-avatar.speaking.model-user{animation:speakingPulse 1.5s ease-in-out infinite}.participant-avatar.speaking.model-openai{border-color:var(--color-openai);animation:speakingPulseOpenai 1.5s ease-in-out infinite}.participant-avatar.speaking.model-gemini{border-color:var(--color-gemini);animation:speakingPulseGemini 1.5s ease-in-out infinite}.participant-avatar.speaking.model-claude{border-color:var(--color-claude);animation:speakingPulseClaude 1.5s ease-in-out infinite}.participant-avatar.speaking.model-user{border-color:var(--accent-primary);box-shadow:var(--glow-accent-strong),var(--shadow-md)}.participant-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);line-height:1;position:relative;transition:all var(--transition-normal)}.participant-avatar.active .participant-icon{box-shadow:var(--glow-accent)}.avatar-waveform{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;height:14px}.avatar-waveform-bar{display:block;width:3px;background:var(--accent-primary);border-radius:1px;animation:avatarWaveform .8s ease-in-out infinite}.model-openai .avatar-waveform-bar{background:var(--color-openai)}.model-gemini .avatar-waveform-bar{background:var(--color-gemini)}.model-claude .avatar-waveform-bar{background:var(--color-claude)}.avatar-waveform-bar:nth-child(1){animation-delay:0s;height:6px}.avatar-waveform-bar:nth-child(2){animation-delay:.15s;height:10px}.avatar-waveform-bar:nth-child(3){animation-delay:.3s;height:6px}.participant-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.participant-state{font-size:var(--font-size-xs);color:var(--text-muted);min-height:1em}.participant-avatar.speaking .participant-state{color:var(--accent-primary);font-weight:500}.participant-avatar.speaking.model-openai .participant-state{color:var(--color-openai)}.participant-avatar.speaking.model-gemini .participant-state{color:var(--color-gemini)}.participant-avatar.speaking.model-claude .participant-state{color:var(--color-claude)}.participant-avatar.waiting .participant-state{animation:textPulse 1.5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes speakingPulse{0%,to{box-shadow:var(--glow-accent)}50%{box-shadow:var(--glow-accent-strong)}}@keyframes avatarWaveform{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes textPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes speakingPulseOpenai{0%,to{box-shadow:0 0 16px #10a37f33,var(--shadow-md)}50%{box-shadow:0 0 28px #10a37f66,var(--shadow-md)}}@keyframes speakingPulseGemini{0%,to{box-shadow:0 0 16px #4285f433,var(--shadow-md)}50%{box-shadow:0 0 28px #4285f466,var(--shadow-md)}}@keyframes speakingPulseClaude{0%,to{box-shadow:0 0 16px #cc785c33,var(--shadow-md)}50%{box-shadow:0 0 28px #cc785c66,var(--shadow-md)}}@media (max-width: 768px){.participant-avatar{min-width:100px;padding:var(--space-4)}.participant-icon{font-size:2.25rem;width:64px;height:64px}.participant-name{font-size:var(--font-size-xs)}}@media (max-width: 480px){.participant-avatar{min-width:80px;padding:var(--space-3);gap:var(--space-2)}.participant-icon{font-size:2rem;width:56px;height:56px}}@media (prefers-reduced-motion: reduce){.participant-avatar.idle.is-ai .participant-icon,.participant-avatar.speaking,.participant-avatar.speaking.model-openai,.participant-avatar.speaking.model-gemini,.participant-avatar.speaking.model-claude,.participant-avatar.speaking.model-user,.participant-avatar.waiting .participant-state,.avatar-waveform-bar{animation:none!important}}.push-to-talk-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.button-status-ring{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:6px;border:3px solid transparent;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.button-status-ring.state-ready{border-color:var(--accent-primary)}.button-status-ring.state-listening{border-color:var(--accent-danger);box-shadow:0 0 20px #ef44444d}.button-status-ring.state-processing{border-color:var(--accent-warning);animation:ringPulse 1.5s ease-in-out infinite}.button-status-ring.state-ai-speaking{border-color:var(--accent-success);animation:ringPulse 2s ease-in-out infinite}.button-status-ring.state-your-turn{border-color:var(--accent-primary);animation:ringBounce .6s ease-out}.push-to-talk-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:140px;height:140px;color:#fff;border:none;border-radius:50%;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation}.push-to-talk-button:hover:not(:disabled){transform:scale(1.05)}.push-to-talk-button:active:not(:disabled){transform:scale(.98)}.push-to-talk-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6;box-shadow:none}.push-to-talk-button.state-ready{background:var(--accent-gradient);box-shadow:var(--glow-accent)}.push-to-talk-button.state-listening{background:linear-gradient(135deg,var(--accent-danger),#dc2626);box-shadow:0 0 24px #ef444466;animation:recordingPulse 1.5s ease-in-out infinite}.push-to-talk-button.state-processing{background:var(--bg-elevated);color:var(--text-secondary);box-shadow:var(--shadow-md);cursor:default}.push-to-talk-button.state-ai-speaking{background:var(--bg-elevated);color:var(--accent-success);box-shadow:var(--shadow-md);cursor:pointer}.push-to-talk-button.state-your-turn{background:var(--accent-gradient);box-shadow:var(--glow-accent-strong);animation:scaleIn .3s ease-out}.button-icon{font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center}.button-text{font-size:var(--font-size-xs);font-weight:500;opacity:.9;text-align:center;max-width:110px}.ptt-helper{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.ptt-waveform{display:flex;align-items:center;gap:3px;height:32px}.ptt-waveform-bar{display:block;width:4px;height:16px;background:currentColor;border-radius:2px;animation:waveform .6s ease-in-out infinite}.ptt-waveform-bar:nth-child(1){animation-delay:0s}.ptt-waveform-bar:nth-child(2){animation-delay:.08s}.ptt-waveform-bar:nth-child(3){animation-delay:.16s}.ptt-waveform-bar:nth-child(4){animation-delay:.24s}.ptt-waveform-bar:nth-child(5){animation-delay:.32s}.ptt-eq-bars{display:flex;align-items:center;gap:4px;height:32px}.ptt-eq-bar{display:block;width:5px;height:14px;background:var(--accent-success);border-radius:2px;animation:eqBounce .8s ease-in-out infinite}.ptt-eq-bar:nth-child(1){animation-delay:0s}.ptt-eq-bar:nth-child(2){animation-delay:.2s}.ptt-eq-bar:nth-child(3){animation-delay:.4s}.ptt-spinner-icon{animation:spin .8s linear infinite}@keyframes recordingPulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 15px #ef444400}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes eqBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}@keyframes ringPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes ringBounce{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(.85);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.push-to-talk-button{width:120px;height:120px}.button-icon{font-size:1.75rem}.button-icon svg{width:28px;height:28px}.button-text{font-size:.65rem}}@media (max-width: 480px){.push-to-talk-button{width:100px;height:100px}.button-icon{font-size:1.5rem}.button-icon svg{width:24px;height:24px}.button-text{font-size:.6rem;max-width:80px}}@media (prefers-reduced-motion: reduce){.button-status-ring,.push-to-talk-button.state-listening,.push-to-talk-button.state-your-turn,.ptt-waveform-bar,.ptt-eq-bar,.ptt-spinner-icon{animation:none!important}}.transcript-line{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--bg-secondary);border-left:3px solid transparent;transition:all var(--transition-fast)}.transcript-line:hover{background:var(--bg-tertiary)}.transcript-line.user{border-left-color:var(--accent-primary)}.transcript-line.assistant{border-left-color:var(--text-muted)}.transcript-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.transcript-icon{font-size:1.2rem;line-height:1}.transcript-speaker{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.transcript-timestamp{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.transcript-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.transcript-line{padding:var(--space-2) var(--space-3)}.transcript-text{font-size:var(--font-size-xs)}}.voice-chat-room{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);min-height:calc(100dvh - 65px)}.voice-chat-header{text-align:center;margin-bottom:var(--space-2)}.voice-chat-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:var(--letter-spacing-tight)}.voice-chat-subtitle{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid var(--accent-danger);border-radius:var(--radius-lg);font-size:var(--font-size-sm);animation:slideDown .3s ease;gap:var(--space-3)}.error-banner-content{display:flex;align-items:flex-start;gap:var(--space-3)}.error-banner-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-danger);color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:700}.error-banner-text{display:flex;flex-direction:column;gap:var(--space-1)}.error-banner-message{font-weight:500}.error-banner-recovery{font-size:var(--font-size-xs);opacity:.8}.error-banner button{background:none;border:none;color:var(--accent-danger);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--space-2);opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.error-banner button:hover{opacity:1}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.room-status-banner{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-align:center;transition:all var(--transition-normal);align-self:center}.room-status-banner.state-ready{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-default)}.room-status-banner.state-listening{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid var(--accent-danger)}.room-status-banner.state-processing{background:var(--accent-warning-bg);color:var(--accent-warning-text);border:1px solid var(--accent-warning);animation:statusPulse 1.5s ease-in-out infinite}.room-status-banner.state-ai-speaking{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid var(--accent-success)}.room-status-banner.state-your-turn{background:var(--accent-primary-bg);color:var(--accent-primary);border:1px solid var(--accent-primary);animation:statusBounce .5s ease-out}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes statusBounce{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.participants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-5);justify-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-hover);box-shadow:var(--shadow-md)}.voice-hero-zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.onboarding-tooltip{background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:var(--radius-xl);padding:var(--space-4);max-width:320px;text-align:center;box-shadow:var(--glow-accent),var(--shadow-lg);animation:slideInDown .4s ease-out}.onboarding-tooltip p{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.onboarding-dismiss{padding:var(--space-2) var(--space-4);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.onboarding-dismiss:hover{transform:scale(1.05);box-shadow:var(--glow-accent-strong)}@keyframes slideInDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.language-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.language-selector label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);margin:0}.language-selector select{padding:var(--space-2) var(--space-3);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:140px}.language-selector select:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-tertiary)}.language-selector select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.language-selector select:disabled{opacity:.5;cursor:not-allowed}.transcript-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-hover);box-shadow:var(--shadow-md);overflow:hidden;min-height:300px;max-height:500px;position:relative}.transcript-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-secondary)}.transcript-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.transcript-header-actions{display:flex;align-items:center;gap:var(--space-2)}.btn-summarize-voice{padding:var(--space-2) var(--space-3);background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-summarize-voice:hover:not(:disabled){background:var(--accent-primary-bg);box-shadow:var(--glow-accent)}.btn-summarize-voice:disabled{opacity:.4;cursor:not-allowed}.btn-clear-transcript{padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-transcript:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.btn-clear-transcript:disabled{opacity:.4;cursor:not-allowed}.transcript-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4);padding-bottom:calc(var(--space-4) + 48px);background:var(--bg-primary)}.transcript-actions{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#0a0a0be6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid var(--border-hover);box-shadow:var(--shadow-xl);z-index:10}[data-theme=light] .transcript-actions{background:#ffffffeb}.transcript-action-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-hover);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.transcript-action-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.transcript-action-btn:active:not(:disabled){transform:scale(.95)}.transcript-action-btn:disabled{opacity:.4;cursor:not-allowed}.transcript-action-clear{padding:0 var(--space-3)}.transcript-content::-webkit-scrollbar{width:6px}.transcript-content::-webkit-scrollbar-track{background:transparent}.transcript-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.transcript-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);gap:var(--space-2)}.transcript-empty p{margin:0;font-size:var(--font-size-base)}.transcript-hint{font-size:var(--font-size-sm);opacity:.7}@media (max-width: 768px){.voice-chat-room{padding:var(--space-4) var(--space-3);gap:var(--space-4);min-height:calc(100dvh - 58px)}.voice-chat-header h1{font-size:var(--font-size-xl)}.voice-chat-subtitle{font-size:var(--font-size-sm)}.participants-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-3)}.transcript-container{min-height:200px;max-height:400px}.transcript-content{padding:var(--space-3);padding-bottom:calc(var(--space-3) + 56px)}.transcript-actions{bottom:var(--space-2);gap:var(--space-2)}.transcript-action-btn{min-width:44px;height:44px}}@media (max-width: 480px){.participants-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-3)}.voice-chat-header h1{font-size:var(--font-size-lg)}.onboarding-tooltip{max-width:280px}}@media (prefers-reduced-motion: reduce){.room-status-banner,.onboarding-tooltip,.error-banner{animation:none!important}}.theme-toggle-container{display:flex;align-items:center;gap:8px}.theme-toggle{position:relative;width:40px;height:40px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);overflow:hidden}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.theme-icon{position:absolute;color:var(--text-secondary);transition:all var(--transition-normal)}.theme-icon.sun{transform:rotate(90deg) scale(0);opacity:0}.theme-icon.sun.active{transform:rotate(0) scale(1);opacity:1;color:#f59e0b}.theme-icon.moon{transform:rotate(0) scale(1);opacity:1}.theme-icon.moon.active{transform:rotate(0) scale(1);opacity:1;color:var(--accent-primary)}.theme-icon:not(.active){transform:rotate(-90deg) scale(0);opacity:0}.theme-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.theme-selector{margin-bottom:1rem}.theme-selector-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:8px}.theme-options{display:flex;gap:8px}.theme-option{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.theme-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.theme-option svg{flex-shrink:0}@media (max-width: 480px){.theme-options{flex-wrap:wrap}.theme-option{flex:1;justify-content:center}}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:block}}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);z-index:1001;position:relative}.hamburger:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.hamburger-line{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-secondary);border-left:1px solid var(--border-default);transform:translate(100%);transition:transform var(--transition-normal);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.mobile-nav-menu.open{transform:translate(0)}.mobile-nav-header{padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.mobile-nav-user{display:flex;align-items:center;gap:12px}.mobile-nav-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-default)}.mobile-nav-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.mobile-nav-user-info{flex:1;min-width:0}.mobile-nav-user-name{font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-user-email{color:var(--text-secondary);font-size:.85rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-admin-badge{display:inline-block;margin-top:10px;padding:3px 10px;background:var(--accent-success);color:#fff;font-size:.75rem;border-radius:12px;font-weight:500}.mobile-nav-rate-limit{display:flex;justify-content:space-between;align-items:center;padding:12px 1.5rem;background:var(--bg-primary);color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-default)}.mobile-nav-rate-limit .rate-limit-value{color:var(--accent-primary);font-weight:600}.mobile-nav-links{flex:1;padding:1rem 0}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:all var(--transition-fast)}.mobile-nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-nav-link.active{color:var(--accent-primary);background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding-left:calc(1.5rem - 3px)}.mobile-nav-link svg{flex-shrink:0}.mobile-nav-footer{padding:1rem 1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--bg-tertiary)}.mobile-nav-theme{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:.95rem}.mobile-nav-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--accent-danger-bg);border:1px solid var(--accent-danger);border-radius:var(--radius-md);color:var(--accent-danger-hover);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-logout:hover{background:var(--accent-danger);color:#fff}.mobile-nav-logout svg{flex-shrink:0}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-primary);overscroll-behavior:none}@media (max-width: 768px){.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}}.dev-mode-banner{background:linear-gradient(90deg,#f59e0b,#d97706);color:#000;text-align:center;padding:6px 1rem;font-size:.85rem;font-weight:600;letter-spacing:.5px}.navbar{background:#0a0a0bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);padding:.875rem 0;padding-top:max(.875rem,env(safe-area-inset-top));position:sticky;top:0;z-index:var(--z-sticky)}[data-theme=light] .navbar{background:#fffc}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.nav-brand{text-decoration:none;color:var(--text-primary)}.nav-brand h1{font-size:var(--font-size-xl);font-weight:600;letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}.nav-links{display:flex;gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--border-hover);box-shadow:var(--shadow-sm)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}@media (hover: hover){.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-8);display:flex;flex-direction:column;min-height:0}.page-title{font-size:2rem;margin-bottom:var(--space-8);color:var(--text-primary);letter-spacing:-.025em}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}@media (hover: hover){.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.btn.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--glow-accent),var(--shadow-md);color:#fff}}.btn.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-md);color:#fff}.btn.btn-primary:visited{color:#fff}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}@media (hover: hover){.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;box-shadow:inset 0 1px 2px #0000000d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--glow-accent),inset 0 1px 2px #0000000d}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-style:italic}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.error{background-color:var(--accent-danger-bg);border:1px solid var(--accent-danger);border-radius:var(--radius-md);padding:var(--space-4);color:var(--accent-danger-hover);margin-bottom:var(--space-4)}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-secondary);background-color:var(--bg-primary)}.loading-spinner-large{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.main-content-full{flex:1;width:100%}.user-menu{position:relative}.user-menu-trigger{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:opacity var(--transition-fast)}@media (hover: hover){.user-menu-trigger:hover{opacity:.8}}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-default)}.user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;animation:slideInDown var(--transition-fast) ease}.user-menu-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.user-menu-name{font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.user-menu-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.admin-badge{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--accent-success);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-lg);font-weight:500}.user-menu-rate-limit{padding:var(--space-3) var(--space-4);background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.rate-limit-label{color:var(--text-secondary)}.rate-limit-value{color:var(--accent-primary);font-weight:600;font-feature-settings:var(--font-feature-tabular)}.user-menu-divider{border-top:1px solid var(--border-default)}.user-menu-item{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast)}@media (hover: hover){.user-menu-item:hover{background:var(--bg-elevated)}}.user-menu-logout{color:var(--accent-danger-hover)}@media (hover: hover){.user-menu-logout:hover{background:var(--accent-danger-bg)}}.admin-placeholder{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-secondary)}.admin-placeholder h2{color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.025em}@media (max-width: 768px){.desktop-only{display:none!important}.nav-container{padding:0 var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.nav-brand h1{font-size:var(--font-size-lg)}.nav-links{order:3;width:100%;padding:2px;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);flex-shrink:0}.main-content{padding:var(--space-4);overflow:hidden}.page-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.card{padding:var(--space-4);margin-bottom:var(--space-4)}.btn{padding:.625rem var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-5)}}@media (max-width: 480px){.main-content{padding:var(--space-3)}.page-title{font-size:var(--font-size-xl)}.card{border-radius:var(--radius-md)}.btn{width:100%}.error{padding:var(--space-3);font-size:var(--font-size-sm)}}:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--bg-elevated: #1f1f23;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-default: rgba(255, 255, 255, .15);--border-muted: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .28);--accent-primary: #8b5cf6;--accent-primary-hover: #a78bfa;--accent-primary-bg: rgba(139, 92, 246, .15);--accent-primary-alpha: rgba(139, 92, 246, .15);--accent-gradient: linear-gradient(135deg, #8b5cf6, #3b82f6);--accent-success: #22c55e;--accent-success-hover: #4ade80;--accent-success-bg: rgba(34, 197, 94, .15);--accent-warning: #f59e0b;--accent-warning-bg: rgba(245, 158, 11, .15);--accent-warning-text: #fbbf24;--accent-danger: #ef4444;--accent-danger-bg: rgba(239, 68, 68, .15);--accent-danger-hover: #f87171;--accent-highlight: #fbbf24;--color-openai: #10a37f;--color-gemini: #4285f4;--color-claude: #cc785c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .35);--glow-accent: 0 0 20px rgba(139, 92, 246, .15);--glow-accent-strong: 0 0 30px rgba(139, 92, 246, .25);--glow-success: 0 0 20px rgba(34, 197, 94, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-feature-tabular: "tnum" on, "lnum" on;--letter-spacing-tight: -.02em;--letter-spacing-tighter: -.03em;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 1100;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-tertiary: #e4e4e7;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--border-default: #c4c4c8;--border-muted: #d4d4d8;--border-hover: #94949c;--accent-primary: #7c3aed;--accent-primary-hover: #6d28d9;--accent-primary-bg: rgba(124, 58, 237, .1);--accent-primary-alpha: rgba(124, 58, 237, .15);--accent-gradient: linear-gradient(135deg, #7c3aed, #2563eb);--accent-success: #16a34a;--accent-success-hover: #15803d;--accent-success-bg: rgba(22, 163, 74, .1);--accent-warning: #d97706;--accent-warning-bg: rgba(217, 119, 6, .1);--accent-warning-text: #b45309;--accent-danger: #dc2626;--accent-danger-bg: rgba(220, 38, 38, .1);--accent-danger-hover: #b91c1c;--accent-highlight: #ca8a04;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .18);--glow-accent: 0 0 20px rgba(124, 58, 237, .1);--glow-accent-strong: 0 0 30px rgba(124, 58, 237, .15);--glow-success: 0 0 20px rgba(22, 163, 74, .1)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-tertiary: #e4e4e7;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--border-default: #c4c4c8;--border-muted: #d4d4d8;--border-hover: #94949c;--accent-primary: #7c3aed;--accent-primary-hover: #6d28d9;--accent-primary-bg: rgba(124, 58, 237, .1);--accent-primary-alpha: rgba(124, 58, 237, .15);--accent-gradient: linear-gradient(135deg, #7c3aed, #2563eb);--accent-success: #16a34a;--accent-success-hover: #15803d;--accent-success-bg: rgba(22, 163, 74, .1);--accent-warning: #d97706;--accent-warning-bg: rgba(217, 119, 6, .1);--accent-warning-text: #b45309;--accent-danger: #dc2626;--accent-danger-bg: rgba(220, 38, 38, .1);--accent-danger-hover: #b91c1c;--accent-highlight: #ca8a04;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .18);--glow-accent: 0 0 20px rgba(124, 58, 237, .1);--glow-accent-strong: 0 0 30px rgba(124, 58, 237, .15);--glow-success: 0 0 20px rgba(22, 163, 74, .1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-slide-up{animation:slideInUp var(--transition-normal) ease forwards}.animate-slide-down{animation:slideInDown var(--transition-normal) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-fast) ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-button{height:36px;width:100px}.typing-indicator{display:inline-flex;gap:4px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-all{transition:all var(--transition-normal)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@media (hover: hover){.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-glow:hover{box-shadow:0 0 20px #58a6ff4d}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,[role=button]{touch-action:manipulation}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{min-height:100%;min-height:-webkit-fill-available;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}code,pre{font-family:var(--font-mono)}#root{min-height:100vh;min-height:100dvh}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a:not(.btn){color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:not(.btn):hover{color:var(--accent-primary-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-feature-settings:var(--font-feature-tabular)}.tracking-tight{letter-spacing:-.025em}.section-label{text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.skeleton-text{height:1em;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:.5em}.skeleton-text:last-child{width:80%}.skeleton-avatar{width:40px;height:40px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-full)}.skeleton-card{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl);height:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);max-width:320px;line-height:1.5}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}