:root{--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--primary-accent: #007AFF;--text-main: #000000;--text-muted: #86868b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:radial-gradient(circle at 0% 0%,#aebaf8,#f5d0fe,#d6dffe);background-size:200% 200%;animation:gradientBG 15s ease infinite;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.chat-container{width:90%;max-width:800px;height:85vh;background:#ffffff73;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.header{padding:18px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:#1d1d1f}.messages-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.message{max-width:75%;padding:10px 16px;border-radius:18px;line-height:1.4;font-size:.95rem;animation:fadeIn .25s ease-out;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:var(--primary-accent);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 4px #007aff33}.message.bot{align-self:flex-start;background:#e9e9eb;color:#000;border-bottom-left-radius:4px}.input-area{padding:16px;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:12px;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}input{flex:1;background:#fffc;border:1px solid rgba(0,0,0,.1);padding:10px 16px;border-radius:20px;color:#1d1d1f;font-size:1rem;outline:none;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}input:focus{background:#fff;border-color:var(--primary-accent);box-shadow:0 0 0 3px #007aff26}input::placeholder{color:#8e8e93}button{background:var(--primary-accent);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s;box-shadow:0 4px 6px #007aff33;font-size:0}button:after{content:"↑";font-size:20px;font-weight:700}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;background:#b0b0b0}.message.bot code{background:#0000000d;padding:2px 4px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#d63384}.message.bot pre{background:#f5f5f7;padding:12px;border-radius:12px;overflow-x:auto;border:1px solid #e5e5e5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}