: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:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#fff9;font-size:1rem}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:800px}.footer{margin-top:2rem;text-align:center;color:#fff6;font-size:.875rem}.chat-container{width:100%;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:16px;gap:12px;position:relative}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:min(78%,420px);border-radius:18px;padding:.75rem .9rem;background:#ffffff1c;color:#ffffffe6;font-size:.95rem}.message-row.user .message-bubble{background:#ffffff2e}.message-image{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;margin-bottom:.6rem;background:#00000040}.message-image:last-child{margin-bottom:0}.message-bubble p{white-space:pre-wrap}.attachment-preview{display:flex;align-items:center;gap:10px;min-height:72px;padding:8px 10px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.attachment-preview-image{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:12px;background:#00000040}.attachment-preview-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-preview-name,.attachment-preview-size{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-name{color:#ffffffe6;font-size:.9rem}.attachment-preview-size{color:#ffffff7a;font-size:.78rem}.attachment-remove-button{width:32px;height:32px;flex:0 0 32px;border:none;border-radius:50%;background:#ffffff1f;color:#ffffffd1;font-size:1.3rem;line-height:1;cursor:pointer;transition:transform .2s,background .2s}.attachment-remove-button:hover{transform:translateY(-1px);background:#ffffff2e}.chat-composer{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px;border-radius:24px;background:#ffffff14}.chat-composer input[type=file]{display:none}.chat-composer input[type=text]{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#ffffffe6;font-size:.95rem}.chat-composer input[type=text]::placeholder{color:#ffffff61}.attach-button,.send-button{width:34px;height:34px;flex:0 0 34px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .2s,background .2s}.attach-button{background:transparent;color:#ffffffb8}.attach-button.active{background:#00d4ff2e;color:#00d4ff}.send-button{background:#ffffffe6;color:#111}.attach-button:hover,.send-button:hover{transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.app{padding:1rem}.header h1{font-size:1.75rem}.chat-container{height:calc(100vh - 200px);min-height:400px}}