.chat-container{max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;padding:.75rem;background:radial-gradient(circle at 70% 30%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(147,197,253,.06) 0,transparent 50%)}.chat-header{justify-content:space-between;padding:1rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:1rem 1rem 0 0;gap:.75rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);min-height:var(--touch-target-min,44px)}.chat-header,.header-left{display:flex;align-items:center;flex-wrap:wrap}.header-left{gap:1rem;flex:1 1;min-width:0}.chat-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;background:linear-gradient(135deg,var(--glass-text-primary) 0,var(--glass-text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-selector{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.persona-selector label{font-size:.75rem;font-weight:600;color:var(--glass-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.persona-select{padding:.75rem 1rem;border:1px solid var(--glass-border);border-radius:.75rem;background:var(--glass-surface-light);color:var(--glass-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;transition:var(--glass-transition-fast);min-width:120px;min-height:var(--touch-target-min,44px)}.persona-select:focus{outline:none;border-color:var(--glass-text-accent);box-shadow:0 0 0 3px rgba(147,197,253,.2)}.clear-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--glass-error) 0,rgba(239,68,68,.6) 100%);color:var(--glass-text-primary);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;cursor:pointer;font-weight:600;transition:var(--glass-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;min-height:var(--touch-target-min,44px);flex-shrink:0}.clear-btn:hover{opacity:.9}.chat-messages{flex:1 1;overflow-y:auto;padding:1rem;background:var(--background);border-left:1px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.welcome-message{text-align:center;padding:3rem 2rem;color:var(--muted-foreground)}.welcome-message h2{margin:0 0 .5rem;color:var(--foreground)}.welcome-message p{margin:0 0 2rem;font-size:1.1rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.chip{padding:.5rem 1rem;background:var(--secondary);border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:.875rem;transition:all .15s ease;color:var(--secondary-foreground)}.chip:hover{background:var(--accent);border-color:var(--primary);color:var(--primary)}.message{display:flex;flex-direction:column;gap:.5rem;max-width:80%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-role{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.message-content{padding:1rem;border-radius:var(--radius-lg);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:var(--radius-sm)}.message.assistant .message-content{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-bottom-left-radius:var(--radius-sm)}.message-content.typing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-input-form{display:flex;gap:.5rem;padding:1rem;background:var(--card);border-top:2px solid var(--border)}.chat-input{flex:1 1;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-background);color:var(--foreground);font-size:1rem;transition:all .15s ease}.chat-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}.chat-input:disabled{background:var(--muted);cursor:not-allowed;opacity:.5}.send-btn{padding:.75rem 1.5rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);white-space:nowrap;transition:all .15s ease}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{background:var(--muted);cursor:not-allowed;opacity:.5}.chat-info{padding:1rem;background:var(--card);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}.chat-info p{margin:.5rem 0}.model-info{font-family:monospace;font-size:.8rem}.model-info code{background:var(--background);color:var(--foreground);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--muted)}.chat-messages::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:var(--radius-sm)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--foreground)}@media (max-width:767px){.chat-container{padding:.5rem;height:100dvh}.chat-header{padding:.75rem;border-radius:.75rem .75rem 0 0;flex-direction:column;align-items:stretch;gap:.75rem}.header-left{gap:.75rem;justify-content:center}.chat-header h1{font-size:1.25rem;text-align:center}.persona-selector{flex-direction:column;gap:.5rem;align-items:stretch}.persona-selector label{text-align:center;font-size:.75rem}.persona-select{width:100%;text-align:center;padding:1rem}.clear-btn{width:100%;padding:1rem;justify-self:stretch}.chat-messages{padding:.75rem}.message{max-width:95%}.message-content{padding:.875rem;font-size:.9rem;line-height:1.5}.welcome-message{padding:2rem 1rem}.suggestion-chips{flex-direction:column;gap:.5rem}.chip{padding:.75rem 1rem;text-align:center;min-height:var(--touch-target-min,44px);display:flex;align-items:center;justify-content:center}.chat-input-form{padding:.75rem;gap:.75rem;flex-direction:column}.chat-input{padding:1rem;font-size:1rem}.chat-input,.send-btn{min-height:var(--touch-target-min,44px);border-radius:.75rem}.send-btn{padding:1rem 1.5rem;width:100%}.chat-info{padding:.75rem;font-size:.8rem}}@media (min-width:768px) and (max-width:1023px){.chat-container{padding:1rem;height:100dvh}.chat-header{padding:1.25rem;border-radius:1.25rem 1.25rem 0 0;gap:1rem}.header-left{gap:1.25rem}.chat-header h1{font-size:1.5rem}.persona-selector{gap:.75rem}.persona-select{min-width:140px;padding:.875rem 1.125rem}.clear-btn{padding:.875rem 1.375rem}.chat-messages{padding:1rem}.message{max-width:85%}.message-content{padding:1rem;font-size:.95rem}.welcome-message{padding:2.5rem 1.5rem}.suggestion-chips{gap:.75rem}.chip{padding:.625rem 1.125rem;min-height:var(--touch-target-min,44px);display:flex;align-items:center;justify-content:center}.chat-input-form{padding:1rem;gap:.75rem}.chat-input{padding:.875rem 1rem;font-size:1rem}.chat-input,.send-btn{min-height:var(--touch-target-min,44px)}.send-btn{padding:.875rem 1.5rem}.chat-info{padding:1rem;font-size:.875rem}}@media (min-width:1024px) and (max-width:1199px){.chat-container{padding:1.25rem}.chat-header{padding:1.5rem}.message{max-width:80%}}@media (min-width:1200px){.chat-container{padding:1.5rem}.message{max-width:75%}}@media (hover:none) and (pointer:coarse){.chat-input,.persona-select{font-size:16px}.chip:active{background:var(--accent)}.chip:active,.clear-btn:active,.send-btn:active{transform:scale(.98);transition:all .1s ease}}@media (prefers-reduced-motion:reduce){.chip,.clear-btn,.message,.send-btn{animation:none;transition:none}}@media (prefers-contrast:high){.chat-header,.chat-info,.chat-input-form,.chat-messages,.message-content{border-width:2px}}