.ai-page{--ink:#14213d;--muted:#6d7588;--line:#dfe3ea;--paper:#f7f8fb;--accent:#6b4eff;background:radial-gradient(circle at 50% -10%,#ebe8ff 0,transparent 34%),var(--paper);min-height:100dvh;color:var(--ink);grid-template-rows:auto 1fr auto;font-family:Arial,Noto Sans Arabic,sans-serif;display:grid}.ai-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#ffffffdb;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(16px,3vw,42px);display:grid;position:sticky;top:0}.ai-home{color:var(--muted);justify-self:start;font-weight:700;text-decoration:none}.ai-brand{text-align:start;align-items:center;gap:10px;display:flex}.ai-brand>i,.ai-mark{color:#fff;background:linear-gradient(135deg,#765cff,#4a31cf);border-radius:12px;place-items:center;width:38px;height:38px;font-style:normal;display:grid;box-shadow:0 8px 24px #6b4eff45}.ai-brand span{display:grid}.ai-brand strong{font-size:17px}.ai-brand small{color:var(--muted);margin-top:2px;font-size:12px}.ai-actions{justify-self:end;gap:8px;display:flex}.ai-actions button,.ai-gate button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700}.ai-actions .ai-language{color:var(--accent)}.ai-chat{width:min(880px,100%);margin:auto;padding:38px 18px 170px}.ai-welcome{text-align:center;max-width:680px;margin:12vh auto 0}.ai-welcome>span{color:#fff;background:linear-gradient(135deg,#765cff,#4a31cf);border-radius:18px;place-items:center;width:58px;height:58px;margin:auto;font-size:26px;display:grid;box-shadow:0 14px 34px #6b4eff38}.ai-welcome h1{letter-spacing:-.03em;margin:24px 0 10px;font-size:clamp(28px,5vw,48px)}.ai-welcome p{color:var(--muted);font-size:17px;line-height:1.7}.ai-welcome div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.ai-welcome button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:14px;padding:13px 16px}.ai-welcome button:hover{background:#f7f5ff;border-color:#a99cff}.ai-messages{gap:24px;display:grid}.ai-message{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;max-width:760px;display:grid}.ai-message>span{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.ai-message p{white-space:pre-wrap;margin:2px 0;font-size:16px;line-height:1.75}.ai-message.user{grid-template-columns:minmax(0,1fr) 38px;justify-self:end}.ai-message.user>span{color:#fff;background:#1d2845;border:0;grid-column:2}.ai-message.user p{border:1px solid var(--line);background:#fff;border-radius:18px 4px 18px 18px;grid-area:1/1;padding:13px 16px}.ai-message.assistant>span{background:var(--accent);color:#fff;border:0}.waiting i{background:var(--muted);border-radius:50%;width:5px;height:5px;margin-inline-start:5px;animation:1s infinite alternate ai-dot;display:inline-block}.waiting i:nth-child(2){animation-delay:.2s}.waiting i:nth-child(3){animation-delay:.4s}@keyframes ai-dot{to{opacity:.2;transform:translateY(-3px)}}.ai-composer{background:linear-gradient(transparent,var(--paper) 24%);padding:18px max(16px,50vw - 410px);position:fixed;bottom:0;left:0;right:0}.ai-composer form{background:#fff;border:1px solid #ccd2dd;border-radius:20px;grid-template-columns:1fr 46px;gap:10px;padding:10px 10px 10px 18px;display:grid;box-shadow:0 16px 50px #19233c1c}.ai-composer textarea{resize:none;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;max-height:130px;padding:10px 0;font-size:16px;line-height:26px}.ai-composer form button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;width:44px;height:44px;font-size:22px}.ai-composer form button:disabled{opacity:.35;cursor:not-allowed}.ai-composer>small{text-align:center;color:var(--muted);margin-top:8px;display:block}.ai-error{text-align:center;color:#a22b40;margin:8px 0 0;font-weight:700}.ai-gate{place-items:center;padding:20px;display:grid}.ai-gate section{text-align:center;border:1px solid var(--line);background:#fff;border-radius:26px;width:min(470px,100%);padding:46px;box-shadow:0 24px 70px #19233c1a}.ai-gate .ai-mark{margin:auto}.ai-gate h1{margin:22px 0 10px;font-size:30px}.ai-gate p{color:var(--muted);line-height:1.7}.ai-gate a{background:var(--accent);color:#fff;border-radius:13px;margin:24px 0 10px;padding:14px;font-weight:800;text-decoration:none;display:block}.ai-loading{color:var(--muted);margin:auto}[dir=rtl] .ai-home{direction:ltr}[dir=rtl] .ai-message.user p{border-radius:4px 18px 18px}@media (max-width:640px){.ai-header{grid-template-columns:auto 1fr auto;height:64px;padding:0 12px}.ai-home span,.ai-brand small,.ai-actions button:first-child{display:none}.ai-brand{justify-self:center}.ai-brand>i{width:34px;height:34px}.ai-actions button{padding:9px 11px}.ai-chat{padding-top:22px}.ai-welcome{margin-top:8vh}.ai-welcome div{display:grid}.ai-welcome button{text-align:start}.ai-composer{padding:14px 10px}.ai-composer>small{font-size:11px}.ai-gate section{padding:34px 22px}}
