body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px}:root,ai-chatbot-app[theme=dark]{--app-bg-color: #121212;--app-text-color: #e0e0e0;--header-bg-color: #1e1e1e;--header-text-color: #ffffff;--nav-button-text-color: #bbbbbb;--nav-button-hover-bg-color: #333333;--border-color: #333333;--primary-color: #0d6efd;--secondary-color: #6c757d;--accent-color: #17a2b8;--button-bg-color: var(--primary-color);--button-text-color: #ffffff;--button-hover-bg-color: #0b5ed7;--card-bg-color: #1e1e1e;--card-border-color: var(--border-color);--card-box-shadow: 0 2px 4px rgba(0,0,0,.3);--input-bg-color: #2a2a2a;--input-text-color: #e0e0e0;--input-border-color: #444444;--input-focus-border-color: var(--primary-color);--error-color: #dc3545;--success-color: #198754;--info-color: var(--accent-color);--link-color: var(--accent-color);--link-hover-color: #138496;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--border-radius: 8px;--app-text-color-muted: #909090;--control-button-text-color: #ffffff;--disabled-bg-color: #404040;--disabled-text-color: #777777;--code-bg-color: #2a2a2a;--inline-code-bg-color: #383838;--ai-control-bg-color: rgba(255,255,255,.1);--ai-control-text-color: var(--app-text-color);--ai-control-border-color: rgba(255,255,255,.2);--ai-control-hover-bg-color: rgba(255,255,255,.2);--subtle-border-color: rgba(255,255,255,.2);--suggestion-item-bg-color: rgba(255,255,255,.05);--suggestion-item-border-color: rgba(255,255,255,.1);--suggestion-item-hover-bg-color: rgba(255,255,255,.1);--audio-panel-bg: #333;--audio-panel-icon-color: #fff}ai-chatbot-app[theme=light]{--app-bg-color: #f8f9fa;--app-text-color: #212529;--header-bg-color: #ffffff;--header-text-color: #000000;--nav-button-text-color: #495057;--nav-button-hover-bg-color: #e9ecef;--border-color: #dee2e6;--primary-color: #007bff;--secondary-color: #6c757d;--accent-color: #0dcaf0;--button-bg-color: var(--primary-color);--button-text-color: #ffffff;--button-hover-bg-color: #0069d9;--card-bg-color: #ffffff;--card-border-color: var(--border-color);--card-box-shadow: 0 2px 4px rgba(0,0,0,.1);--input-bg-color: #ffffff;--input-text-color: #212529;--input-border-color: #ced4da;--input-focus-border-color: var(--primary-color);--error-color: #dc3545;--success-color: #28a745;--info-color: var(--accent-color);--link-color: var(--primary-color);--link-hover-color: #0056b3;--app-text-color-muted: #565656;--control-button-text-color: #ffffff;--disabled-bg-color: #e9ecef;--disabled-text-color: #adb5bd;--code-bg-color: #f0f0f0;--inline-code-bg-color: #e8e8e8;--ai-control-bg-color: rgba(0,0,0,.05);--ai-control-text-color: var(--app-text-color);--ai-control-border-color: rgba(0,0,0,.1);--ai-control-hover-bg-color: rgba(0,0,0,.1);--subtle-border-color: rgba(0,0,0,.1);--suggestion-item-bg-color: #e9ecef;--suggestion-item-border-color: #ced4da;--suggestion-item-hover-bg-color: #dee2e6;--audio-panel-bg: #f0f0f0;--audio-panel-icon-color: #333}*{box-sizing:border-box}h1,h2,h3,p{margin-top:0}button{cursor:pointer;font-family:inherit;padding:10px 15px;border-radius:var(--border-radius);border:1px solid transparent;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}input,select,textarea{font-family:inherit;padding:10px;border-radius:var(--border-radius);border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--input-text-color);transition:border-color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus-border-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-border-color) 20%,transparent)}input:disabled,select:disabled,textarea:disabled{background-color:var(--disabled-bg-color);color:var(--disabled-text-color);cursor:not-allowed;border-color:var(--input-border-color)}button:disabled{background-color:var(--disabled-bg-color)!important;color:var(--disabled-text-color)!important;cursor:not-allowed;border-color:transparent}.container{width:90%;max-width:1000px;margin:20px auto;padding:20px;background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--card-box-shadow);transition:background-color .3s ease,box-shadow .3s ease}@media (max-width: 600px){body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.5rem}}