@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500&family=Noto+Kufi+Arabic:wght@400;500;600&display=swap";:root{--clay: #b75c3d;--clay-soft: #b75c3d14;--ink: #33271f;--muted: #8b7461;--cream: #f4ecdf;--paper: #fffaf3;--line: rgba(105, 72, 47, .12);font-family:DM Sans,Noto Kufi Arabic,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,textarea{font:inherit;color:inherit}[dir=rtl],:lang(ar){font-family:Noto Kufi Arabic,DM Sans,sans-serif}.portrait{width:92px;height:92px;border-radius:48% 52% 50% 46%;background:linear-gradient(145deg,#d88964,#a94f35);color:#fff5ea;display:grid;place-items:center;font-family:Noto Kufi Arabic,sans-serif;font-size:48px;box-shadow:0 16px 40px #73392533;transform:rotate(-2deg)}.portrait.small{width:38px;height:38px;font-size:19px;box-shadow:none;transform:none}.splash,.invitation{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center}.invitation h1{font-family:Noto Kufi Arabic,sans-serif;font-weight:600;margin:8px 0 0;font-size:34px}.invitation p{max-width:340px;margin:0;color:var(--muted)}.chat{height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:auto;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.8),transparent 35%),var(--cream)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);background:#f8f2e9d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.who{display:flex;align-items:center;gap:10px}.who strong{display:block;font-family:Noto Kufi Arabic,sans-serif;font-weight:600;line-height:1.1}.who span{display:block;font-family:Playfair Display,serif;font-size:12px;color:var(--muted)}.ghost{border:0;background:transparent;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;cursor:pointer;color:var(--clay)}.ghost:hover{background:var(--clay-soft)}.thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.welcome{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 0}.welcome h1{font-family:Noto Kufi Arabic,sans-serif;font-weight:600;font-size:24px;margin:14px 0 0}.welcome p{margin:0;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.chips button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 14px;font-size:15px;cursor:pointer;min-height:44px}.chips button:hover{border-color:#b75c3d66;color:#a34e36}.bubble{max-width:85%;padding:11px 14px;border-radius:18px;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;animation:rise .18s ease-out}.bubble.khaddouj{align-self:flex-start;background:var(--paper);border:1px solid var(--line);border-end-start-radius:6px}.bubble.user{align-self:flex-end;background:var(--clay);color:#fff9f1;border-end-end-radius:6px}.bubble.pending{opacity:.7}.source svg{flex:none;margin-top:3px}.source{display:flex;align-items:flex-start;gap:6px;text-align:left;margin-top:8px;font-size:12px;color:var(--muted)}.thinking{display:flex;gap:5px;padding:16px 18px}.thinking span{width:7px;height:7px;border-radius:50%;background:var(--clay);animation:blink 1.2s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}.notice{margin:0 16px 8px;padding:10px 12px;border-radius:12px;background:#f6dfd4;color:#8a3b27;font-size:14px}.composer{display:flex;align-items:flex-end;gap:8px;margin:0 12px calc(12px + env(safe-area-inset-bottom));padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:0 8px 30px #4e332014}.composer textarea{flex:1;border:0;outline:none;resize:none;background:transparent;padding:11px 8px;font-size:16px;max-height:140px;field-sizing:content}.composer textarea::placeholder{color:#ad9784}.composer .lang{flex:none;min-width:52px;height:44px;border:1px solid var(--line);background:transparent;border-radius:22px;font-family:Noto Kufi Arabic,sans-serif;font-size:13px;color:var(--clay);cursor:pointer}.send,.mic{flex:none;width:48px;height:48px;border:0;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;cursor:pointer}.send:disabled,.mic:disabled{opacity:.4;cursor:not-allowed}.composer.listening{border-color:#b75c3d88}.composer.listening .mic{animation:pulse 1.4s infinite;background:#a3452a}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #b75c3d66}70%{box-shadow:0 0 0 14px #b75c3d00}to{box-shadow:0 0 #b75c3d00}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}