:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #db3069;--color-secondary: #f5d547;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-background: #242424;--color-surface: #2d2d2d;--color-surface-light: #1a1a1a;--color-text: rgba(255, 255, 255, .87);--color-text-muted: #888;--color-border: rgba(255, 255, 255, .1);--color-border-focus: rgba(255, 255, 255, .2);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--max-width-container: 1200px;--max-width-message: 70%}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;place-items:center;justify-content:center}#root{width:100%;height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100%;max-width:1200px;margin:0 auto;width:100%}header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}header h1{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin:0}.header-buttons{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.info-btn{background-color:var(--color-primary);color:#fff;border:none;padding:.6em 1.2em;border-radius:var(--radius-sm);font-size:clamp(.85rem,2vw,.9rem);font-weight:500;cursor:pointer;transition:background-color .25s;display:flex;align-items:center;gap:var(--spacing-xs)}.info-btn:hover{background-color:var(--color-primary);filter:brightness(1.15)}.info-btn:focus,.info-btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.clear-chat-btn{background-color:var(--color-danger);color:#fff;border:none;padding:.6em 1.2em;border-radius:var(--radius-sm);font-size:clamp(.85rem,2vw,.9rem);font-weight:500;cursor:pointer;transition:background-color .25s;display:flex;align-items:center;gap:var(--spacing-xs)}.clear-chat-btn:hover{background-color:var(--color-danger-hover)}.clear-chat-btn:focus,.clear-chat-btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.chat-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.messages-container{flex:1;overflow-y:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);box-shadow:#00000059 0 5px 15px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.1rem);text-align:center;padding:var(--spacing-md)}.message{display:flex;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-content{max-width:var(--max-width-message);color:var(--color-background);padding:var(--spacing-md) 1.25rem;border-radius:var(--radius-md);background-color:#ffffff0d;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.message-user .message-content{background-color:var(--color-primary)}.message-assistant .message-content{background-color:var(--color-secondary)}.message-sender{font-weight:600;font-size:.85em;margin-bottom:.5rem;opacity:.9}.message-text{line-height:1.5;word-wrap:break-word}.message-timestamp{font-size:.75em;margin-top:.5rem;opacity:.6}.input-container{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.chat-input{flex:1;min-width:200px;padding:.875rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border-focus);background-color:#ffffff0d;box-shadow:#959da533 0 8px 24px;color:inherit;font-size:clamp(.9rem,2vw,1rem);font-family:inherit;transition:border-color .25s,background-color .25s}.chat-input:focus{outline:none;border-color:var(--color-primary);background-color:#ffffff14}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{border-radius:var(--radius-md);border:1px solid transparent;padding:.875rem 2rem;font-size:clamp(.9rem,2vw,1rem);font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .25s,opacity .25s;white-space:nowrap}.send-button:hover:not(:disabled){background-color:var(--color-primary);filter:brightness(1.1)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button:focus,.send-button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}button{border-radius:var(--radius-sm);border:1px solid transparent;border-color:var(--color-primary);padding:.6em 1.2em;font-size:clamp(.9rem,2vw,1rem);font-weight:500;font-family:inherit;background-color:var(--color-surface-light);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.description{margin-top:var(--spacing-xl);color:var(--color-text-muted)}code{background-color:var(--color-surface-light);padding:.2em .4em;border-radius:4px;font-size:.9em}.skeleton-loader{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:1em;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line-1{width:90%}.skeleton-line-2{width:95%}.skeleton-line-3{width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.25rem;--max-width-message: 85%}header{padding:var(--spacing-md) var(--spacing-lg)}header h1{font-size:clamp(1.25rem,4vw,1.75rem)}.chat-container{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.messages-container{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.message-content{padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.clear-chat-btn{padding:.5em 1em;font-size:.85rem}.chat-input{padding:.75rem 1rem;font-size:1rem}.send-button{padding:.75rem 1.5rem;font-size:1rem}}@media(max-width:480px){:root{--spacing-lg: .75rem;--spacing-xl: 1rem;--max-width-message: 95%}header{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}header h1{font-size:1.25rem;width:100%}.header-buttons{width:100%}.info-btn,.clear-chat-btn{flex:1;justify-content:center;padding:.6em 1em}.chat-container{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm)}.messages-container{padding:var(--spacing-xs);gap:var(--spacing-sm)}.message-content{padding:var(--spacing-sm);font-size:.9rem}.message-sender{font-size:.8rem}.message-timestamp{font-size:.7rem}.input-container{gap:var(--spacing-xs)}.chat-input{min-width:150px;padding:.7rem .9rem;font-size:1rem}.send-button{padding:.7rem 1.2rem;font-size:.95rem}.empty-state{font-size:.95rem;padding:var(--spacing-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-md);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:#00000080 0 10px 40px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text)}.modal-close-btn{background:transparent;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .25s}.modal-close-btn:hover{color:var(--color-primary)}.modal-body{padding:var(--spacing-xl);color:var(--color-primary);line-height:1.6}.modal-body h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:1.2rem}.modal-body p{margin-bottom:var(--spacing-md)}.modal-body ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.modal-body li{margin-bottom:var(--spacing-xs)}.modal-body strong{color:var(--color-primary)}@media(prefers-color-scheme:light){:root{color:#1446a0;background-color:#fff}button{background-color:#f9f9f9}code{background-color:#f0f0f0}.skeleton-line{background:linear-gradient(90deg,#0000000d 25%,#0000001a,#0000000d 75%);background-size:200% 100%}.modal-content{background-color:#fff;border:1px solid #e0e0e0}.modal-header{border-bottom-color:#e0e0e0}}