.conversation-panel{background-image:url(/chat-wallpaper/light.svg?v=4)}html:not(.dark) .conversation-panel{--chatbuho-panel-bg: rgb(var(--background-color));background-color:var(--chatbuho-panel-bg)}.dark .conversation-panel{background-image:url(/chat-wallpaper/dark.svg?v=4)}:root{--instance-config-bg: #f8fafc;--instance-config-border: #e2e8f0;--instance-config-section-bg: #f1f5f9;--instance-config-section-border: #cbd5e1;--instance-config-text-primary: #1e293b;--instance-config-text-secondary: #475569;--instance-config-text-muted: #64748b;--instance-config-error-text: #dc2626;--instance-config-qr-bg: #ffffff;--instance-config-qr-border: #d1d5db;--instance-config-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.dark{--instance-config-bg: #0f172a;--instance-config-border: #334155;--instance-config-section-bg: #1e293b;--instance-config-section-border: #374151;--instance-config-text-primary: #f9fafb;--instance-config-text-secondary: #d1d5db;--instance-config-text-muted: #9ca3af;--instance-config-error-text: #fca5a5;--instance-config-qr-bg: #ffffff;--instance-config-qr-border: #6b7280;--instance-config-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2)}.connection-indicator{width:0.75rem;height:0.75rem;border-radius:50%}.connection-indicator--connected{background-color:#4ade80}.connection-indicator--disconnected{background-color:#f87171}.connection-indicator--checking{background-color:#9ca3af;animation:chatbuho-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.config-section{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--instance-config-section-bg);border-radius:0.5rem;transition:all 0.2s ease-in-out}.renew-instance-section{border:1px solid rgba(248,113,113,0.35)}.renew-instance-button{background-color:#dc2626}.renew-instance-button:hover{background-color:#b91c1c}.renew-instance-button:focus{box-shadow:0 0 0 3px rgba(248,113,113,0.35)}.qr-section{background-color:var(--instance-config-section-bg);border-radius:0.5rem;padding:1.5rem;transition:all 0.2s ease-in-out}.qr-image{margin:0 auto;border:1px solid var(--instance-config-qr-border);border-radius:0.5rem;width:16rem;height:16rem;object-fit:contain;background-color:var(--instance-config-qr-bg);box-shadow:var(--instance-config-shadow);transition:all 0.2s ease-in-out}.spinner{animation:chatbuho-spin 1s linear infinite;border-radius:50%;border-bottom:2px solid}.spinner--small{height:0.75rem;width:0.75rem;border-color:currentColor}.spinner--medium{height:1rem;width:1rem;border-color:currentColor}.spinner--large{height:2rem;width:2rem;border-color:#6366f1}.spinner--xl{height:3rem;width:3rem;border-color:#3b82f6}.config-title{font-size:0.875rem;font-weight:500;color:var(--instance-config-text-primary);margin-bottom:0.25rem;transition:color 0.2s ease-in-out}.config-description{font-size:0.75rem;color:var(--instance-config-text-secondary);transition:color 0.2s ease-in-out}.qr-title{font-size:1.125rem;font-weight:500;color:var(--instance-config-text-primary);margin-bottom:1rem;transition:color 0.2s ease-in-out}.qr-instructions{font-size:0.75rem;color:var(--instance-config-text-muted);margin-bottom:1.5rem;transition:color 0.2s ease-in-out}.qr-instructions p{margin-bottom:0.25rem}.qr-scan-text{font-size:0.875rem;color:var(--instance-config-text-secondary);margin-bottom:1rem;font-weight:500;transition:color 0.2s ease-in-out}.generating-text{color:var(--instance-config-text-secondary);transition:color 0.2s ease-in-out}.error-text{font-size:0.75rem;color:var(--instance-config-error-text);transition:color 0.2s ease-in-out}.fallback-text{color:var(--instance-config-text-muted);transition:color 0.2s ease-in-out}@keyframes chatbuho-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes chatbuho-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.config-section .peer:checked~div{background-color:#1f93ff}.config-section .peer:focus~div{box-shadow:0 0 0 4px rgba(31,147,255,0.2)}.config-section:focus-within{outline:2px solid #1f93ff;outline-offset:2px}