*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top left,#7e1258,transparent 40%),radial-gradient(circle at bottom right,#163694,transparent 45%),linear-gradient(135deg,#3d36c6,#280755,#95c9d0);display:flex;align-items:center;justify-content:center;color:#fbfbfb;padding:20px;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-20%;z-index:-1;filter:blur(80px);opacity:.8}body:before{background:radial-gradient(40% 60% at 30% 30%,#db95f1,transparent 60%),radial-gradient(50% 50% at 70% 40%,#6369d5,transparent 65%);animation:floatOne 18s ease-in-out infinite}body:after{background:radial-gradient(50% 60% at 60% 70%,#e6dbdb,transparent 60%),radial-gradient(40% 40% at 20% 80%,#e1a5ae,transparent 65%);animation:floatTwo 22s ease-in-out infinite}@keyframes floatOne{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-6%,4%) rotate(6deg)}}@keyframes floatTwo{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(6%,-4%) rotate(-6deg)}}.glass-card{width:min(760px,95vw);height:min(680px,92vh);background:#d6d3d347;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-radius:28px;border:1px solid rgba(255,255,255,.45);box-shadow:0 30px 60px #00000014,inset 0 0 30px #ffffff59;padding:clamp(16px,2vw,22px);display:flex;flex-direction:column}.glass-card h2{font-weight:600;letter-spacing:.3px;text-align:center;margin-bottom:8px;font-size:clamp(18px,2vw,22px)}.status-indicator{margin:14px 0 6px;text-align:center;font-size:clamp(12px,1.4vw,14px);opacity:.7}.chat-scroll{flex:1;overflow-y:auto;padding:10px 5px;scrollbar-width:none}.chat-scroll::-webkit-scrollbar{display:none}.message-wrapper{display:flex;margin-bottom:15px;align-items:flex-end;gap:8px}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-bubble{padding:12px 18px;max-width:80%;font-size:clamp(13px,1.5vw,15px);line-height:1.5;border-radius:20px 20px 20px 4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#040303;box-shadow:0 4px 15px #00000008;white-space:pre-wrap;word-break:break-word}.message-bubble.user{border-radius:20px 20px 4px;background:#f0eef166}.message-bubble.assistant{background:#fffc}.message-bubble code{background:#0000000f;padding:2px 6px;border-radius:6px;font-size:.9em;word-break:break-word}.message-bubble pre{max-width:100%;overflow-x:auto;padding:12px;margin-top:8px;background:#f4f4f6;border-radius:12px;white-space:pre-wrap;word-break:break-word}.message-bubble pre code{background:none;padding:0;font-size:13px;line-height:1.5;color:#1f2937}.avatar-mini{width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 5px #0000001a}.loading-text{font-size:12px;color:#f7f7f7;margin-left:38px;font-style:italic}.quick-actions{display:flex;gap:10px;overflow-x:auto;margin-top:7px;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-actions button{white-space:nowrap;padding:8px 14px;border-radius:999px;border:none;cursor:pointer;background:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:clamp(11px,1.3vw,13px);font-weight:500}.input-container{display:flex;align-items:center;gap:10px;background:#fff6;padding:8px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.5);margin-top:10px}.input-container input{flex:1;background:transparent;border:none;outline:none;font-size:clamp(13px,1.4vw,15px);color:#000;padding:8px 12px;border-radius:999px}.input-container input::placeholder{color:#433e3e}.icon-btn{background:#ffffff80;border:1px solid rgba(255,255,255,.8);width:35px;height:35px;border-radius:50%;cursor:pointer;color:#a54db6;font-size:18px;display:flex;align-items:center;justify-content:center}.send-btn{background:#9a2b9e;color:#fff;border:none;width:40px;height:40px;border-radius:12px;cursor:pointer;font-weight:700}@media(max-width:480px){body{padding:10px}.glass-card{height:95vh;border-radius:20px}.message-bubble{max-width:88%}.quick-actions{gap:6px}.quick-actions button{padding:6px 10px}}