:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a26;--bg-hover: #22222e;--surface: #16161f;--surface-elevated: #1e1e2a;--text-primary: #e8e8ed;--text-secondary: #9898a8;--text-tertiary: #6a6a7a;--accent-purple: #8B5CF6;--accent-cyan: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6, #06B6D4);--accent-gradient-hover: linear-gradient(135deg, #9D73F7, #22D3EE);--error: #EF4444;--success: #10B981;--border: rgba(255, 255, 255, .06);--border-accent: rgba(139, 92, 246, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition)}a:hover{color:#22d3ee}.accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);flex-shrink:0}.panel-toggle:hover{background:#8b5cf61f;border-color:#8b5cf640;color:var(--text-primary)}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:260px;min-width:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden;transition:width .25s ease,opacity .2s ease}.sidebar.collapsed{width:0;border-right-color:transparent;opacity:0;pointer-events:none}.sidebar-new-chat{display:flex;align-items:center;gap:8px;margin:12px;padding:10px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;color:var(--accent-purple);font-family:var(--font-family);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.sidebar-new-chat:hover{background:#8b5cf62e;border-color:var(--accent-purple);transform:translateY(-1px);box-shadow:0 2px 12px #8b5cf626}.conversation-list{flex:1;overflow-y:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:2px}.conversation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all var(--transition);position:relative;min-height:40px}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:#8b5cf61a;border:1px solid rgba(139,92,246,.15)}.conversation-item:not(.active){border:1px solid transparent}.conversation-title{flex:1;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.conversation-item.active .conversation-title{color:var(--text-primary);font-weight:500}.conversation-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:5px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);opacity:0;flex-shrink:0}.conversation-item:hover .conversation-delete{opacity:1}.conversation-delete:hover{color:var(--error);background:#ef44441a}.conversation-cost{font-size:10px;color:var(--text-tertiary);opacity:.7;white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:2px}.conversation-cost .cost-highlight{color:var(--accent-cyan);font-weight:600;opacity:1}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column}.conversation-models{display:flex;flex-wrap:wrap;gap:3px;padding-top:3px}.model-tag{font-size:9px;padding:1px 5px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.15);border-radius:4px;color:var(--text-tertiary);white-space:nowrap;line-height:1.4}.source-tag{font-size:9px;padding:1px 5px;border-radius:4px;white-space:nowrap;line-height:1.4;font-weight:600}.source-api{background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.conversation-list::-webkit-scrollbar{width:4px}.conversation-list::-webkit-scrollbar-track{background:transparent}.conversation-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:200}.header-left,.logo-small{display:flex;align-items:center;gap:10px}.header-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.header-right{display:flex;align-items:stretch;gap:10px}.toolbar{display:flex;align-items:center;gap:0;padding:4px 6px;background:#1e2030a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0a;overflow:visible}.toolbar-section{display:flex;align-items:center;gap:5px;padding:2px 10px;white-space:nowrap;overflow:visible}.toolbar-sep{width:1px;height:18px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);flex-shrink:0}.main-content-wrapper{flex:1;position:relative;overflow:hidden;display:flex}.model-panel{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:50;display:flex;align-items:stretch;transition:transform .3s ease}.model-panel.collapsed{transform:translateY(-50%) translate(calc(100% - 32px))}.model-panel-toggle{border-radius:8px 0 0 8px;width:28px;height:auto;min-height:60px;background:#161826d9;border:1px solid rgba(255,255,255,.08);border-right:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.model-panel-toggle svg{transition:transform .3s ease}.model-panel.collapsed .model-panel-toggle svg{transform:rotate(180deg)}.model-panel-content{display:flex;flex-direction:column;gap:10px;padding:16px;background:#161826d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-right:none;border-radius:0;box-shadow:-4px 0 24px #0000004d,inset 0 1px #ffffff0f;min-width:280px;position:relative}.model-picker-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition);text-align:left}.model-picker-btn:hover{background:#ffffff12;border-color:#8b5cf64d}.model-picker-btn.open{border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf626}.model-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.model-picker-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .2s ease}.model-picker-btn.open .model-picker-chevron{transform:rotate(180deg)}.model-dropdown{position:absolute;top:52px;left:0;right:-1px;z-index:100;background:#121420f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff08;animation:menuAppear .15s ease;overflow:hidden;display:flex;flex-direction:column;max-height:420px}.model-dropdown[hidden]{display:none}.model-search-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.model-search-icon{flex-shrink:0;color:var(--text-tertiary)}.model-search{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-family);font-size:13px}.model-search::placeholder{color:var(--text-tertiary)}.model-list{flex:1;overflow-y:auto;padding:6px;scroll-behavior:smooth}.model-list::-webkit-scrollbar{width:4px}.model-list::-webkit-scrollbar-track{background:transparent}.model-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.model-section{margin-bottom:6px}.model-section-header{padding:6px 8px 4px;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px}.model-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition);text-align:left}.model-item:hover{background:#8b5cf614;border-color:#8b5cf61f}.model-item.active{background:#8b5cf61f;border-color:#8b5cf640}.model-item.highlighted{border-left:2px solid rgba(139,92,246,.4)}.model-item-main{display:flex;flex-direction:column;gap:1px}.model-item-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-item-id{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SF Mono,Fira Code,monospace;opacity:.7}.model-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.model-item-ctx{font-size:9px;font-weight:600;padding:1px 5px;background:#06b6d41a;border:1px solid rgba(6,182,212,.15);border-radius:4px;color:var(--accent-cyan);white-space:nowrap}.model-item-price{font-size:10px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.model-empty{padding:20px 12px;text-align:center;font-size:12px;color:var(--text-tertiary)}.model-cost{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.1);border-radius:12px;white-space:nowrap}.model-cost:empty{display:none}.cost-label{font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.cost-row{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4}.cost-direction{font-size:9px;font-weight:700;color:var(--text-tertiary);min-width:26px;text-align:center;padding:2px 4px;background:#ffffff0d;border-radius:4px;letter-spacing:.3px}.cost-nim-value{color:var(--accent-cyan);font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;text-shadow:0 0 12px rgba(6,182,212,.15)}.cost-usd-value{color:var(--text-tertiary);font-size:12px;font-variant-numeric:tabular-nums;opacity:.7}.price-section{gap:5px}.price-dot{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 6px #10b98180;animation:pulse 2.5s ease infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px #10b98180}50%{opacity:.5;box-shadow:0 0 2px #10b98133}}.price-value{color:var(--accent-cyan);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(34,211,238,.15)}.price-value.price-stale{color:var(--text-tertiary);opacity:.5;text-shadow:none}.price-source{color:var(--text-tertiary);font-size:10px;opacity:.5}.balance-section{gap:4px}.balance-amount{color:var(--success);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(16,185,129,.15)}.balance-unit{color:var(--text-tertiary);font-size:12px;font-weight:400}.balance-usd{color:var(--text-tertiary);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;opacity:.7}.balance-usd:not(:empty):before{content:"≈ "}.btn-buy{display:flex;align-items:center;margin-left:4px;padding:2px 10px;background:linear-gradient(135deg,#10b9812e,#06b6d41f);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:var(--success);font-family:var(--font-family);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}.btn-buy:hover{background:linear-gradient(135deg,#10b98147,#06b6d433);border-color:#10b98166;transform:translateY(-1px);box-shadow:0 2px 8px #10b98126}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition)}.toolbar-icon-btn:hover{color:var(--error);background:#ef444414}.topup-dropdown{position:relative}.topup-menu{position:absolute;top:calc(100% + 10px);right:-8px;display:flex;flex-direction:column;gap:2px;padding:6px;background:#1e2030eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff08;z-index:500;min-width:130px;animation:menuAppear .15s ease}@keyframes menuAppear{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.topup-menu[hidden]{display:none}.topup-menu-header{padding:6px 10px 5px;font-size:9px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2px}.topup-option{display:block;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition);white-space:nowrap}.topup-option:hover{background:#10b9811f;color:var(--success);transform:translate(2px)}.btn-wallet{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:12px;color:var(--accent-purple);font-family:var(--font-family);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-wallet:hover{background:#8b5cf626;border-color:var(--accent-purple);transform:translateY(-1px);box-shadow:0 2px 12px #8b5cf626}.btn-wallet.connected{background:#10b98114;border-color:#10b9814d;color:var(--success)}.btn-wallet.connected:hover{background:#ef444414;border-color:#ef44444d;color:var(--error)}.btn-wallet:disabled{opacity:.5;cursor:wait}.nimiq-icon{flex-shrink:0}.message-content{display:flex;flex-direction:column;max-width:85%}.cost-badge{display:flex;align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-size:11px;color:var(--text-tertiary);opacity:.7}.cost-tokens{color:var(--text-tertiary)}.cost-separator{color:var(--border)}.cost-nim{color:var(--accent-cyan);font-weight:600}.cost-usd{color:var(--text-tertiary)}.balance-warning{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:#ef444414;border-top:1px solid rgba(239,68,68,.15);color:#fca5a5;font-size:13px;animation:slideIn .3s ease}.balance-warning[hidden]{display:none}.warning-topup-link{background:none;border:none;color:var(--accent-cyan);font-family:var(--font-family);font-size:13px;font-weight:600;cursor:pointer;transition:color var(--transition)}.warning-topup-link:hover{color:#22d3ee}.api-key-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#8b5cf60f;border-top:1px solid rgba(139,92,246,.12);animation:slideIn .3s ease}.api-key-bar[hidden]{display:none}.api-key-label{color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.api-key-value{color:var(--accent-cyan);font-size:11px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;background:#0000004d;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);-webkit-user-select:all;user-select:all;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{padding:3px 10px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:var(--accent-purple);font-family:var(--font-family);font-size:10px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-copy:hover{background:#8b5cf638;border-color:var(--accent-purple)}.btn-copy.copied{background:#10b98126;border-color:#10b9814d;color:var(--success)}.btn-help{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:50%;color:var(--accent-purple);font-family:var(--font-family);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition);flex-shrink:0}.btn-help:hover{background:#8b5cf640;border-color:var(--accent-purple);transform:scale(1.1);box-shadow:0 0 12px #8b5cf633}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease}.modal-overlay[hidden]{display:none}.modal-content{position:relative;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;padding:32px;background:#161826f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;animation:modalAppear .25s ease}@keyframes modalAppear{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-tertiary);font-size:18px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef444426;border-color:#ef44444d;color:var(--error)}.modal-content h2{font-size:20px;font-weight:700;margin-bottom:4px;letter-spacing:-.3px}.modal-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.modal-step{display:flex;gap:14px;margin-bottom:20px}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:var(--accent-gradient);border-radius:50%;color:#fff;font-size:13px;font-weight:700;margin-top:2px}.step-content{flex:1;min-width:0}.step-content h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.step-content p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.step-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:12px;color:var(--accent-cyan)}.step-content pre{background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;font-size:11.5px;line-height:1.5;color:var(--text-secondary);overflow-x:auto;white-space:pre;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.config-placeholder{color:var(--accent-purple);font-weight:600}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.messages-container{flex:1;overflow-y:auto;padding:24px 20px;scroll-behavior:smooth}.welcome-message{text-align:center;padding:80px 20px;animation:fadeIn .5s ease}.welcome-icon{font-size:48px;margin-bottom:16px}.welcome-message h2{font-size:24px;font-weight:600;margin-bottom:8px;letter-spacing:-.3px}.welcome-message p{color:var(--text-secondary);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{max-width:720px;margin:0 auto 20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-user{display:flex;justify-content:flex-end}.message-user .message-bubble{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);padding:12px 18px;max-width:80%;font-size:14px;line-height:1.6}.message-assistant{display:flex;gap:12px;align-items:flex-start}.assistant-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:14px}.message-assistant .message-bubble{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:14px 18px;max-width:85%;font-size:14px;line-height:1.7;color:var(--text-primary)}.message-assistant .message-bubble p{margin-bottom:12px}.message-assistant .message-bubble p:last-child{margin-bottom:0}.message-assistant .message-bubble code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--accent-cyan)}.message-assistant .message-bubble pre{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;margin:12px 0;font-size:13px;line-height:1.5}.message-assistant .message-bubble pre code{background:transparent;padding:0;color:var(--text-primary)}.message-assistant .message-bubble ul,.message-assistant .message-bubble ol{padding-left:20px;margin:8px 0}.message-assistant .message-bubble li{margin-bottom:4px}.message-assistant .message-bubble strong{color:#fff}.message-assistant .message-bubble h1,.message-assistant .message-bubble h2,.message-assistant .message-bubble h3{margin:16px 0 8px;color:#fff}.message-assistant .message-bubble h1{font-size:18px}.message-assistant .message-bubble h2{font-size:16px}.message-assistant .message-bubble h3{font-size:15px}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.message-error .message-bubble{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.input-bar{padding:16px 20px 12px;background:var(--bg-secondary);border-top:1px solid var(--border)}#chat-form{max-width:720px;margin:0 auto}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 8px 8px 16px;transition:border-color var(--transition),box-shadow var(--transition)}.chat-input-wrapper:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}#prompt-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:160px;padding:4px 0}#prompt-input::placeholder{color:var(--text-tertiary)}.btn-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.btn-send:disabled{opacity:.3;cursor:not-allowed}.btn-send:not(:disabled):hover{opacity:.85;transform:scale(1.05)}.input-hint{text-align:center;color:var(--text-tertiary);font-size:11px;margin-top:8px;max-width:720px;margin-left:auto;margin-right:auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:640px){.chat-header{padding:10px 14px}.messages-container{padding:16px 12px}.input-bar{padding:12px}.message-user .message-bubble{max-width:90%}.message-assistant .message-bubble{max-width:95%}.model-panel{display:none}}