@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-900:#0c4a6e;--color-accent-50:#fff7ed;--color-accent-100:#ffedd5;--color-accent-500:#f97316;--color-accent-600:#ea580c;--color-accent-700:#c2410c;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-dark-50:#f8fafc;--color-dark-100:#f1f5f9;--color-dark-200:#e2e8f0;--color-dark-300:#cbd5e1;--color-dark-400:#94a3b8;--color-dark-500:#64748b;--color-dark-600:#475569;--color-dark-700:#334155;--color-dark-800:#1e293b;--color-dark-900:#0f172a;--color-dark-950:#020617;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Cuprum,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,var(--color-dark-950) 0,var(--color-dark-900) 100%);color:var(--color-dark-100);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal)}body.light{background:linear-gradient(135deg,var(--color-dark-50) 0,var(--color-primary-50) 100%);color:var(--color-dark-900)}.app-container{width:100%;max-width:1400px;height:95vh;background:var(--color-dark-900);border:1px solid var(--color-dark-700);border-radius:0;overflow:hidden;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.light .app-container{background:hsla(0,0%,100%,.95);border-color:var(--color-dark-200);box-shadow:var(--shadow-xl)}.chat-container{flex:1 1;display:flex;position:relative;min-height:0}.menu-toggle{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--color-primary-600);border:none;color:#fff;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;z-index:1000;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.menu-toggle:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.menu-toggle:active{transform:translateY(0)}body.light .menu-toggle{background:var(--color-primary-600)}body.light .menu-toggle:hover{background:var(--color-primary-700)}.menu-sidebar{width:320px;background:var(--color-dark-800);border-right:1px solid var(--color-dark-700);padding:var(--space-6);position:fixed;top:0;left:-320px;height:100%;transition:left var(--transition-normal);z-index:999;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.menu-sidebar.open{left:0}body.light .menu-sidebar{background:hsla(0,0%,100%,.95);border-right-color:var(--color-dark-200)}.menu-sidebar h2,.menu-sidebar h3{color:var(--color-primary-400);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-5);letter-spacing:-.025em}body.light .menu-sidebar h2,body.light .menu-sidebar h3{color:var(--color-primary-700)}.menu-sidebar h3{font-size:var(--font-size-lg);margin-top:var(--space-6)}.sidebar-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);background:var(--color-dark-700);padding:var(--space-1);border-radius:var(--radius-lg)}.sidebar-tabs button{background:transparent;border:none;color:var(--color-dark-300);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);flex:1 1}.sidebar-tabs button.active,.sidebar-tabs button:hover{background:var(--color-primary-600);color:#fff;transform:translateY(-1px)}body.light .sidebar-tabs{background:var(--color-dark-100)}body.light .sidebar-tabs button{color:var(--color-dark-600)}body.light .sidebar-tabs button.active,body.light .sidebar-tabs button:hover{background:var(--color-primary-600);color:#fff}.search-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.search-bar input{flex:1 1;padding:var(--space-3) var(--space-4);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.search-bar input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}body.light .search-bar input{background:var(--color-dark-50);border-color:var(--color-dark-200);color:var(--color-dark-900)}body.light .search-bar input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.search-bar button{background:var(--color-accent-600);border:none;color:#fff;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.search-bar button:hover{background:var(--color-accent-700);transform:translateY(-1px)}.clear-chat,.export-conversation,.save-conversation{display:flex;align-items:center;gap:var(--space-2);background:var(--color-success-600);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;width:100%;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.clear-chat:hover,.export-conversation:hover,.save-conversation:hover{background:var(--color-success-700);transform:translateY(-1px)}.export-conversation{background:var(--color-accent-600)}.export-conversation:hover{background:var(--color-accent-700)}.clear-chat{background:var(--color-error-600)}.clear-chat:hover{background:var(--color-error-700)}.menu-sidebar ul{list-style:none}.menu-sidebar li{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;border-radius:var(--radius-lg);margin-bottom:var(--space-2);background:var(--color-dark-700);color:var(--color-dark-200);font-size:var(--font-size-sm);min-height:44px;transition:all var(--transition-fast);border:1px solid transparent}.menu-sidebar li:hover{background:var(--color-primary-600);color:#fff;transform:translateY(-1px);border-color:var(--color-primary-500)}body.light .menu-sidebar li{background:var(--color-dark-50);color:var(--color-dark-700);border-color:var(--color-dark-200)}body.light .menu-sidebar li:hover{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-500)}.menu-sidebar li span{flex:1 1;font-weight:500}.delete-conversation,.remove-shape{background:transparent;border:none;color:var(--color-error-500);padding:var(--space-2);cursor:pointer;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-md)}.delete-conversation:hover,.remove-shape:hover{color:var(--color-error-600);background:var(--color-error-50);transform:scale(1.1)}body.light .delete-conversation:hover,body.light .remove-shape:hover{background:var(--color-error-50)}.settings-panel{display:flex;flex-direction:column;gap:var(--space-4)}.settings-panel h2{color:var(--color-primary-400);font-size:var(--font-size-xl);font-weight:600}body.light .settings-panel h2{color:var(--color-primary-700)}.settings-panel h3{color:var(--color-dark-200);font-size:var(--font-size-lg);margin-top:var(--space-4);font-weight:500}body.light .settings-panel h3{color:var(--color-dark-700)}.auto-save-toggle,.theme-toggle{display:flex;align-items:center;gap:var(--space-3)}.auto-save-toggle label,.theme-toggle label{font-size:var(--font-size-sm);color:var(--color-dark-300);font-weight:500}body.light .auto-save-toggle label,body.light .theme-toggle label{color:var(--color-dark-600)}.auto-save-toggle button,.theme-toggle button{background:var(--color-accent-600);border:none;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.auto-save-toggle button:hover,.theme-toggle button:hover{background:var(--color-accent-700);transform:translateY(-1px)}.shape-input{display:flex;gap:var(--space-2)}.shape-input input{flex:1 1;padding:var(--space-3) var(--space-4);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.shape-input input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}body.light .shape-input input{background:var(--color-dark-50);border-color:var(--color-dark-200);color:var(--color-dark-900)}.shape-input button{background:var(--color-success-600);border:none;color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.shape-input button:hover{background:var(--color-success-700);transform:translateY(-1px)}.settings-panel ul{list-style:none}.settings-panel li{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-dark-700);color:var(--color-dark-200);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-dark-600)}body.light .settings-panel li{background:var(--color-dark-50);color:var(--color-dark-700);border-color:var(--color-dark-200)}.settings-note{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-dark-400);line-height:var(--line-height-relaxed)}body.light .settings-note{color:var(--color-dark-500)}.settings-note a{color:var(--color-primary-400);text-decoration:none;font-weight:500}.settings-note a:hover{text-decoration:underline;color:var(--color-primary-300)}body.light .settings-note a{color:var(--color-primary-600)}body.light .settings-note a:hover{color:var(--color-primary-700)}.chat-content{flex:1 1;display:flex;flex-direction:column;background:var(--color-dark-900);min-height:0}body.light .chat-content{background:hsla(0,0%,100%,.8)}.chat-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-primary-500);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-header,body.light .chat-header{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%)}body.light .chat-header{border-bottom-color:var(--color-primary-500)}.chat-header h1{color:#fff;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.025em}.chat-header select{padding:var(--space-2) var(--space-3);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);max-width:160px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header select:focus{outline:none;border-color:hsla(0,0%,100%,.4);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.chat-messages{flex:1 1;padding:var(--space-6);overflow-y:auto;background:var(--color-dark-800);color:var(--color-dark-100);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body.light .chat-messages{background:var(--color-dark-50);color:var(--color-dark-900)}.message{margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);max-width:85%;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);border:1px solid transparent;transition:all var(--transition-fast);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.user{margin-left:auto;border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.message.user,body.light .message.user{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);color:#fff}.message.assistant{background:var(--color-dark-700);color:var(--color-dark-100);border-color:var(--color-dark-600);box-shadow:var(--shadow-sm)}body.light .message.assistant{background:#fff;color:var(--color-dark-900);border-color:var(--color-dark-200);box-shadow:var(--shadow-md)}.message.pinned{border:2px solid var(--color-accent-500);box-shadow:var(--shadow-lg)}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-xs);opacity:.8}.message-role{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message-timestamp{color:var(--color-dark-400)}body.light .message-timestamp{color:var(--color-dark-500)}.pinned-icon{color:var(--color-accent-500);font-size:var(--font-size-sm)}.message-audio,.message-image{max-width:100%;margin-top:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-dark-600)}body.light .message-audio,body.light .message-image{border-color:var(--color-dark-200)}.reaction-display{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.reaction{background:var(--color-dark-600);color:var(--color-dark-200);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:500}body.light .reaction{background:var(--color-dark-100);color:var(--color-dark-700)}.message-menu{position:fixed;background:var(--color-dark-800);border:1px solid var(--color-dark-600);border-radius:var(--radius-xl);padding:var(--space-2);z-index:1000;min-width:220px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.light .message-menu{background:hsla(0,0%,100%,.95);border-color:var(--color-dark-200)}.message-menu .menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--color-dark-200);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast)}body.light .message-menu .menu-item{color:var(--color-dark-700)}.message-menu .menu-item:hover{background:var(--color-primary-600);color:#fff}.message-menu .menu-item input{flex:1 1;padding:var(--space-2) var(--space-3);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-md);font-size:var(--font-size-xs)}body.light .message-menu .menu-item input{background:var(--color-dark-50);border-color:var(--color-dark-200);color:var(--color-dark-900)}.message-menu .menu-item button{background:var(--color-accent-600);border:none;color:#fff;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.message-menu .menu-item button:hover{background:var(--color-accent-700)}.edit-message{display:flex;gap:var(--space-2);align-items:center}.edit-message input{flex:1 1;padding:var(--space-3) var(--space-4);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.edit-message input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}body.light .edit-message input{background:var(--color-dark-50);border-color:var(--color-dark-200);color:var(--color-dark-900)}.edit-message button{background:var(--color-accent-600);border:none;color:#fff;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.edit-message button:hover{background:var(--color-accent-700);transform:translateY(-1px)}.code-block{position:relative;margin-top:var(--space-3);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-dark-600)}body.light .code-block{border-color:var(--color-dark-200)}.code-block pre{background:var(--color-dark-950);color:var(--color-dark-100);padding:var(--space-4);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}body.light .code-block pre{background:var(--color-dark-50);color:var(--color-dark-900)}.copy-button{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-accent-600);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);min-height:32px;transition:all var(--transition-fast);font-weight:500}.copy-button:hover{background:var(--color-accent-700);transform:translateY(-1px)}.error-message{color:var(--color-error-600);background:var(--color-error-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:center;font-size:var(--font-size-sm);border:1px solid var(--color-error-200);font-weight:500}body.light .error-message{color:var(--color-error-700);background:var(--color-error-50);border-color:var(--color-error-200)}.upload-message{color:#fff;background:var(--color-success-600);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:center;font-size:var(--font-size-sm);border:1px solid var(--color-success-500);font-weight:500}.chat-input{padding:var(--space-5) var(--space-6);background:var(--color-dark-800);border-top:1px solid var(--color-dark-700);margin:0;flex-shrink:0}body.light .chat-input{background:hsla(0,0%,100%,.95);border-top-color:var(--color-dark-200)}.audio-input-wrapper,.image-input-wrapper{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);margin-top:0}.audio-input-wrapper input[type=file],.image-input-wrapper input[type=text]{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.audio-input-wrapper input[type=file]:focus,.image-input-wrapper input[type=text]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}body.light .audio-input-wrapper input[type=file],body.light .image-input-wrapper input[type=text]{background:var(--color-dark-50);border-color:var(--color-dark-200);color:var(--color-dark-900)}.audio-input-wrapper input[type=file]:disabled,.image-input-wrapper input[type=file]:disabled,.image-input-wrapper input[type=text]:disabled{background:var(--color-dark-600);cursor:not-allowed;opacity:.6}body.light .audio-input-wrapper input[type=file]:disabled,body.light .image-input-wrapper input[type=file]:disabled,body.light .image-input-wrapper input[type=text]:disabled{background:var(--color-dark-100)}.audio-input-wrapper audio{width:100%;margin-top:var(--space-2);margin-bottom:0;border-radius:var(--radius-lg)}.clear-media{background:var(--color-error-600);border:none;color:#fff;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:all var(--transition-fast)}.clear-media:hover{background:var(--color-error-700);transform:translateY(-1px)}.input-bar{display:flex;flex-direction:column;gap:var(--space-3);margin:0;align-items:flex-start}.input-wrapper{position:relative;width:100%}.input-bar input{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-dark-700);border:1px solid var(--color-dark-600);color:var(--color-dark-100);border-radius:var(--radius-xl);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:all var(--transition-fast);resize:none}body.light .input-bar input{background:#fff;border-color:var(--color-dark-200);color:var(--color-dark-900)}.input-bar input:disabled{background:var(--color-dark-600);cursor:not-allowed;opacity:.6}body.light .input-bar input:disabled{background:var(--color-dark-100)}.input-bar input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.input-icons{gap:var(--space-2);margin:0;align-items:flex-start}.input-icons,.input-icons button{display:flex;justify-content:center}.input-icons button{background:var(--color-primary-600);border:none;color:#fff;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);min-width:44px;min-height:44px;align-items:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.input-icons button:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.input-icons button.active{background:var(--color-accent-600)}.input-icons button.active:hover{background:var(--color-accent-700)}.input-icons button.recording{background:var(--color-error-600);color:#fff;animation:pulse 2s infinite}.input-icons button.recording:hover{background:var(--color-error-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.input-icons button:disabled{background:var(--color-dark-600);color:var(--color-dark-400);cursor:not-allowed;opacity:.6}body.light .input-icons button:disabled{background:var(--color-dark-200);color:var(--color-dark-400)}.command-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--color-dark-800);border:1px solid var(--color-dark-600);border-radius:var(--radius-xl);list-style:none;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.light .command-suggestions{background:hsla(0,0%,100%,.95);border-color:var(--color-dark-200)}.command-suggestions li{padding:var(--space-3) var(--space-4);color:var(--color-dark-200);cursor:pointer;font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--space-1);transition:all var(--transition-fast);border-radius:var(--radius-lg);margin:var(--space-1)}body.light .command-suggestions li{color:var(--color-dark-700)}.command-suggestions li:focus,.command-suggestions li:hover{background:var(--color-primary-600);color:#fff}.command-header{font-weight:600;padding:var(--space-3) var(--space-4);color:var(--color-primary-400);background:var(--color-dark-900);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}body.light .command-header{color:var(--color-primary-600);background:var(--color-dark-50)}.command-name{font-weight:600}.command-desc{font-size:var(--font-size-xs);opacity:.8;line-height:var(--line-height-tight)}@media (max-width:1024px){.app-container{max-width:95%;height:auto;min-height:100vh;border-radius:var(--radius-xl)}.menu-sidebar{width:280px;left:-280px}.menu-sidebar.open{left:0}.chat-header{flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4)}.chat-header h1{font-size:var(--font-size-xl)}.chat-header select{width:100%;max-width:none;font-size:var(--font-size-sm)}}@media (max-width:768px){body{padding:var(--space-2)}.app-container{max-width:100%;border-radius:var(--radius-lg)}.menu-sidebar{width:100%;left:-100%;padding:var(--space-4)}.menu-sidebar.open{left:0}.menu-sidebar h2,.menu-sidebar h3{font-size:var(--font-size-lg)}.menu-sidebar li{font-size:var(--font-size-sm);padding:var(--space-3)}.chat-messages{padding:var(--space-4)}.message{max-width:95%;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.message-header{font-size:var(--font-size-xs)}.message-menu{min-width:200px;max-width:90vw;top:auto!important;bottom:var(--space-4);left:var(--space-4)!important;right:var(--space-4)}.message-menu .menu-item{font-size:var(--font-size-sm)}.code-block pre{padding:var(--space-3)}.code-block pre,.copy-button{font-size:var(--font-size-xs)}.copy-button{padding:var(--space-2);min-height:32px}.chat-input{padding:var(--space-4)}.input-bar input{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.input-icons{gap:var(--space-2);padding:var(--space-2)}.input-icons button{min-width:40px;min-height:40px;font-size:var(--font-size-sm);padding:var(--space-2)}.command-suggestions{max-height:280px}.command-suggestions li{font-size:var(--font-size-sm);padding:var(--space-3)}.command-desc{font-size:var(--font-size-xs)}}@media (max-width:480px){.chat-input,.chat-messages,.input-bar input{padding:var(--space-3)}.input-icons,.input-icons button{padding:var(--space-2)}.input-icons button{min-width:36px;min-height:36px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-dark-800);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--color-dark-600);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark-500)}body.light ::-webkit-scrollbar-track{background:var(--color-dark-100)}body.light ::-webkit-scrollbar-thumb{background:var(--color-dark-300)}body.light ::-webkit-scrollbar-thumb:hover{background:var(--color-dark-400)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-500);color:#fff}body.light ::selection{background:var(--color-primary-600);color:#fff}