*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-header: #0f3460;--bg-user: #1a56db;--bg-assistant: #2d2d44;--bg-input: #1e1e36;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-placeholder: #6b6b80;--border: #2d2d44;--accent: #3b82f6;--accent-hover: #2563eb;--radius: 12px}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0}.header-title{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.model-selector{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;cursor:pointer;outline:none;max-width:260px}.model-selector:focus{border-color:var(--accent)}.model-error{color:#f87171;font-size:.85rem}.chat-window{flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.95rem}.message{display:flex;margin-bottom:12px}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-bubble{max-width:80%;padding:10px 14px;border-radius:var(--radius);line-height:1.5;font-size:.95rem}.message-user .message-bubble{background:var(--bg-user);border-bottom-right-radius:4px}.message-assistant .message-bubble{background:var(--bg-assistant);border-bottom-left-radius:4px}.message-content{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none}.message-content code{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.88em;background:#00000040;padding:1px 4px;border-radius:4px}.message-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.message-textarea{flex:1;resize:none;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;outline:none;min-height:42px;max-height:200px}.message-textarea::placeholder{color:var(--text-placeholder)}.message-textarea:focus{border-color:var(--accent)}.message-textarea:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:10px 20px;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0;height:42px}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.header{padding:10px 12px}.header-title{font-size:1rem}.model-selector{max-width:150px;font-size:.8rem}.chat-window{padding:12px}.message-bubble{max-width:90%}.message-input{padding:10px 12px}}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-window::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}