@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100vw;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;line-height:1.5;background-color:#fff;color:#213547}@media (prefers-color-scheme: dark){body{background-color:#242424;color:#ffffffde}button{background-color:#444;color:#fff}}.chat-container,.chat-container *{box-sizing:border-box}.chat-container{height:calc(100dvh - env(safe-area-inset-bottom));max-width:100vw!important;width:100vw!important;min-width:0!important;overflow-x:hidden;display:flex;flex-direction:column;margin:0!important;border:0px solid #ccc;border-radius:12px;font-family:system-ui;direction:rtl;background:#fff}.messages{flex:1;overflow-y:auto;background:linear-gradient(90deg,#d3def4 20%,#f1e8f3 75%,#fff);padding:20px 5vw}.message{padding:12px 20px;border-radius:16px;max-width:100%;word-wrap:break-word;line-height:1.6;font-size:1.1em;margin-top:5px;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}.message.user{position:relative;background:transparent;padding:10px 18px 10px 14px!important;margin-left:0;margin-right:0;align-self:flex-end;max-width:88%;font-size:20px;font-weight:600}.message.user:after{content:"";position:absolute;top:10px;right:0;width:4px;height:calc(100% - 20px);border-radius:8px;background:linear-gradient(360deg,#5a93f8 50%,#a660af)}.message.assistant{align-self:flex-end;background:transparent;color:#000}.message.assistant a{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:90%;padding:5px 12px;margin:10px 0 0;border-radius:38px;background:linear-gradient(90deg,#955c9d 15%,#519cdb 95%);color:#fff!important;font-size:1rem;font-weight:500;text-decoration:none!important;border:none;box-shadow:0 2px 8px #5a93f814;transition:background .15s,box-shadow .12s;cursor:pointer;white-space:nowrap}.message.assistant a:hover,.message.assistant a:focus{background:linear-gradient(90deg,#a660af 10%,#7eaef7);box-shadow:0 4px 18px #5a93f826;text-decoration:none!important}.input-form{display:flex;background:#fff;padding:8px;position:relative;border-top:none;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 0 24px #0000000a}.input-form:before{content:"";position:absolute;top:-12px;left:0;right:0;height:20px;border-top-left-radius:3px;border-top-right-radius:3px;background:linear-gradient(to bottom,#f1f3f7cc,#f1f3f7cc 40%,#fffc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;pointer-events:none}.input-form input{flex:1;padding:11px;border:0px solid #ccc;border-radius:8px;font-size:1.1rem;font-family:system-ui;direction:rtl;text-align:right;outline:none}.input-form button{margin-left:8px;margin-right:8px;padding:0 9px;border:none;color:#fff;cursor:pointer;font-size:1.1rem;font-family:system-ui;border-radius:15px;transition:background .2s;background:linear-gradient(90deg,#6b9dee 20%,#a0579f,#6b9dee);background-size:200% 200%;animation:ai-gradient-move 5s linear infinite}@keyframes ai-gradient-move{0%{background-position:200% 0%}to{background-position:0% 0%}}.input-form button:disabled{background:linear-gradient(120deg,#c6cbd8,#e0e2e7,#c6cbd8);color:#c0c3ca;cursor:not-allowed;filter:grayscale(0) brightness(1.08);box-shadow:none;animation:none}.input-form button:hover:enabled,.input-form button:focus-visible:enabled{filter:brightness(1.1) saturate(1.2) drop-shadow(0 0px 0px #a084f555);box-shadow:0 4px 32px #5050c821;animation-duration:3s;color:#fff}.message.loading{margin:0;padding:12px 18px;color:#000;opacity:.3;position:relative;overflow:hidden}.message.loading:before{content:"";display:inline-block;width:18px;height:10px;background:url('data:image/svg+xml;utf8,<svg width="40" height="10" viewBox="0 0 40 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="4" fill="%237f7c94"/><circle cx="20" cy="5" r="4" fill="%237f7c94"/><circle cx="35" cy="5" r="4" fill="%237f7c94"/></svg>') no-repeat center;animation:dots-breath 1.6s infinite ease-in-out;margin-left:7px}@keyframes dots-breath{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.48)}}.loading{margin-bottom:0}.message-line{opacity:0;transform:translateY(4px);animation:fadeInUp .3s forwards ease-out;margin-bottom:4px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}