[data-chat-theme]{--chat-art:none;--chat-thumb:var(--chat-art);--chat-base:var(--wa-bg,var(--app-bg,#f4f6f3));--chat-shade:linear-gradient(transparent,transparent)}[data-chat-theme=default]{--chat-art:radial-gradient(ellipse at 10% 0%,#79a68f18,transparent 70%)}[data-chat-theme=kaaba]{--chat-art:url(/chat-themes/v2/kaaba.webp);--chat-thumb:url(/chat-themes/v2/kaaba-thumb.webp);--chat-base:#102c2c}[data-chat-theme=rawdah]{--chat-art:url(/chat-themes/v2/rawdah.webp);--chat-thumb:url(/chat-themes/v2/rawdah-thumb.webp);--chat-base:#102c2c}[data-chat-theme=aqsa]{--chat-art:url(/chat-themes/v2/aqsa.webp);--chat-thumb:url(/chat-themes/v2/aqsa-thumb.webp);--chat-base:#102c2c}[data-chat-theme=domeofrock]{--chat-art:url(/chat-themes/v2/domeofrock.webp);--chat-thumb:url(/chat-themes/v2/domeofrock-thumb.webp);--chat-base:#102c2c}[data-chat-theme=haramain]{--chat-art:url(/chat-themes/v2/haramain.webp);--chat-thumb:url(/chat-themes/v2/haramain-thumb.webp);--chat-base:#102c2c}[data-chat-theme=sanctuaries]{--chat-art:url(/chat-themes/v2/sanctuaries.webp);--chat-thumb:url(/chat-themes/v2/sanctuaries-thumb.webp);--chat-base:#102c2c}[data-chat-theme=midnight]{--chat-base:#0a1427;--chat-art:radial-gradient(ellipse at 95% 90%,#384a68,transparent 70%),linear-gradient(155deg,#080f20,#182d47)}[data-chat-theme=emerald]{--chat-base:#08231e;--chat-art:radial-gradient(ellipse at 0% 100%,#3b6858,transparent 65%),linear-gradient(145deg,#081f1c,#184838)}[data-chat-theme=sage]{--chat-art:radial-gradient(ellipse at 0% 100%,#79a68f48,transparent 70%),linear-gradient(145deg,#9bb8a516,#6d968c24)}[data-chat-theme=sand]{--chat-art:radial-gradient(ellipse at 100% 100%,#c5a57348,transparent 70%),linear-gradient(135deg,#d5bc8912,#cfb17c24)}.sp-chat-screen:where([data-chat-theme]:not([data-chat-theme=default]):not([data-chat-theme=plain])),.chat-theme-preview:where(:not([data-chat-theme=default]):not([data-chat-theme=plain])){--app-bg:#102522;--app-surface:#132e2a;--app-surface-raised:#213d38;--app-surface-soft:#29453e;--app-text:#f2f7f3;--app-text-secondary:#c0d2ca;--app-text-tertiary:#b3c6be;--app-border:#547269;--app-accent:#366d5b;--app-on-accent:#fff;--app-divider:#547269;--wa-meta:var(--app-text-secondary);--wa-day:var(--app-surface);--wa-field:var(--app-surface-raised);--wa-accent:var(--app-text);--text:var(--app-text);--muted:var(--app-text-secondary);--accent:var(--app-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sp-chat-screen[data-chat-theme=midnight],.chat-theme-preview[data-chat-theme=midnight]{--app-bg:#0a1427;--app-surface:#101e34;--app-surface-raised:#20324c;--app-surface-soft:#263d59;--app-border:#526681;--app-accent:#365d89}.sp-chat-screen:is([data-chat-theme=kaaba],[data-chat-theme=aqsa],[data-chat-theme=domeofrock]),.chat-theme-preview:is([data-chat-theme=kaaba],[data-chat-theme=aqsa],[data-chat-theme=domeofrock]){--app-accent:#6b5735;--app-surface:#242b26;--app-surface-raised:#353c33;--app-surface-soft:#42483b;--app-border:#7b806c}.sp-chat-screen:is([data-chat-theme=sage],[data-chat-theme=sand]),.chat-theme-preview:is([data-chat-theme=sage],[data-chat-theme=sand]){--chat-base:#e5ede5;--app-bg:#e5ede5;--app-surface:#edf3ec;--app-surface-raised:#f8faf5;--app-surface-soft:#dce8dc;--app-text:#213e32;--app-text-secondary:#4a6557;--app-text-tertiary:#4a6557;--app-border:#b0c5b6;--app-accent:#285d46;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sp-chat-screen[data-chat-theme=sand],.chat-theme-preview[data-chat-theme=sand]{--chat-base:#eee5d5;--app-bg:#eee5d5;--app-surface:#f3ecdf;--app-surface-raised:#fcf8ee;--app-surface-soft:#e7dcc6;--app-text:#493d27;--app-text-secondary:#6d5d43;--app-text-tertiary:#6d5d43;--app-border:#c7b99e;--app-accent:#70542e}.sp-chat-screen .sp-chat-stream[data-chat-theme],.chat-theme-preview{background-color:var(--chat-base)!important;background-image:var(--chat-shade),var(--chat-art)!important;background-position:50%,bottom!important;background-repeat:no-repeat!important;background-size:cover!important}.sp-chat-screen .sp-chat-stream[data-chat-theme]{--chat-shade:linear-gradient(#071c2110,#071c2126);background-attachment:scroll!important}.sp-chat-screen .sp-chat-stream[data-chat-theme=plain]{--chat-shade:linear-gradient(transparent,transparent)}.chat-theme-open{border:1px solid var(--wa-border);background:var(--wa-panel);color:var(--wa-meta);font:inherit;touch-action:manipulation;border-radius:24px;align-self:center;min-height:36px;margin:4px auto 14px;padding:8px 16px;font-size:12px}.chat-theme-picker{width:min(560px,100vw - 24px);max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--border,#d4ddda);color:var(--text,#183b32);background:var(--app-surface,var(--bg,#fff));overscroll-behavior:contain;border-radius:26px;padding:20px;overflow:auto;box-shadow:0 24px 80px #0004}.chat-theme-picker::backdrop{background:#001a1959}.chat-theme-picker{--text:var(--app-text,#183b32);--bg:var(--app-bg,#f4f6f3);--accent:var(--app-accent,#087f70);--border:var(--app-border,#d4ddda);--surface-2:var(--app-surface-soft,#edf3ef)}.chat-theme-picker p{color:var(--app-text-secondary,#61726c);opacity:1}.chat-theme-picker header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.chat-theme-picker h2{margin:0 0 8px;font-size:20px}.chat-theme-picker p{opacity:.75;margin:0;font-size:13px;line-height:1.5}.chat-theme-picker header button{background:var(--surface-2,#7b99801a);min-width:44px;min-height:44px;color:inherit;border:0;border-radius:50%;font-size:26px}.chat-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;display:grid}.chat-theme-grid button{min-width:0;color:inherit;text-align:start;font:inherit;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:19px;padding:4px 4px 10px;font-size:13px}.chat-theme-grid button[aria-pressed=true]{border-color:var(--accent,#087f70);background:var(--surface-2)}.chat-theme-label{overflow-wrap:anywhere;padding-inline:5px;font-weight:600;line-height:1.35;display:block}.chat-theme-preview{aspect-ratio:3/4;border:1px solid #82918c33;border-radius:13px;flex-direction:column;justify-content:flex-start;gap:7px;margin-bottom:10px;padding:24px 10px;display:flex;position:relative;overflow:hidden;background-image:var(--chat-thumb)!important}.chat-theme-preview i{background:var(--app-surface-raised,#f4f6f3);border-radius:7px 7px 7px 2px;flex-shrink:0;width:65%;height:15px;display:block;box-shadow:0 2px 8px #0002}.chat-theme-preview i+i{background:var(--accent,#087f70);border-radius:7px 7px 2px;align-self:flex-end;width:50%}.chat-theme-check{inset-inline-end:8px;background:var(--accent,#087f70);width:25px;height:25px;color:var(--app-on-accent,#fff);border:2px solid #fff;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;bottom:8px;box-shadow:0 2px 8px #0003}.chat-upload-status{gap:6px;min-width:140px;padding:10px 2px 2px;font-size:12px;display:grid}.chat-upload-status progress{width:100%;height:4px;accent-color:var(--wa-text-out,#fff);border:0}.chat-upload-status small{opacity:.85;font-size:11px;line-height:1.4}.chat-upload-status>div{justify-content:flex-end;gap:10px;display:flex}.chat-upload-status button{color:inherit;min-height:36px;font:inherit;background:0 0;border:1px solid;border-radius:16px;padding:7px 12px}.sp-chat-screen .bubble .chat-upload-status button{color:inherit!important}.chat-media-draft-stage>img{object-fit:contain;width:100%;height:100%;min-height:0}.chat-media-draft-error{overflow-wrap:anywhere}.chat-media-draft .chat-media-draft-bar{padding-top:calc(12px + env(safe-area-inset-top,0px))}.chat-media-draft .chat-media-draft-footer button{min-height:44px}.chat-theme-picker button:focus-visible,.chat-theme-open:focus-visible{outline:2px solid var(--accent,#087f70);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chat-theme-picker *{transition:none!important;animation:none!important}}[data-chat-theme=garden-love]{--chat-art:url(/chat-themes/v3/garden-love.webp);--chat-thumb:url(/chat-themes/v3/garden-love-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-love]{--garden-hue:36}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-love]) .nav.sp-bottomnav{--garden-hue:36}[data-chat-theme=garden-firdaus]{--chat-art:url(/chat-themes/v3/garden-firdaus.webp);--chat-thumb:url(/chat-themes/v3/garden-firdaus-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-firdaus]{--garden-hue:95}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-firdaus]) .nav.sp-bottomnav{--garden-hue:95}[data-chat-theme=garden-pearl]{--chat-art:url(/chat-themes/v3/garden-pearl.webp);--chat-thumb:url(/chat-themes/v3/garden-pearl-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-pearl]{--garden-hue:180}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-pearl]) .nav.sp-bottomnav{--garden-hue:180}[data-chat-theme=garden-kawthar]{--chat-art:url(/chat-themes/v3/garden-kawthar.webp);--chat-thumb:url(/chat-themes/v3/garden-kawthar-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-kawthar]{--garden-hue:203}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-kawthar]) .nav.sp-bottomnav{--garden-hue:203}[data-chat-theme=garden-adn]{--chat-art:url(/chat-themes/v3/garden-adn.webp);--chat-thumb:url(/chat-themes/v3/garden-adn-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-adn]{--garden-hue:42}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-adn]) .nav.sp-bottomnav{--garden-hue:42}[data-chat-theme=garden-naim]{--chat-art:url(/chat-themes/v3/garden-naim.webp);--chat-thumb:url(/chat-themes/v3/garden-naim-thumb.webp)}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme=garden-naim]{--garden-hue:149}.phone-reference:has(.sp-chat-screen[data-chat-theme=garden-naim]) .nav.sp-bottomnav{--garden-hue:149}:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme^=garden-]{--chat-base:hsl(var(--garden-hue) 24% 94%);--app-bg:var(--chat-base);--app-surface:hsl(var(--garden-hue) 24% 94%);--app-surface-raised:hsl(var(--garden-hue) 30% 98%);--app-surface-soft:hsl(var(--garden-hue) 23% 88%);--app-text:hsl(var(--garden-hue) 32% 15%);--app-text-secondary:hsl(var(--garden-hue) 18% 32%);--app-text-tertiary:var(--app-text-secondary);--app-border:hsl(var(--garden-hue) 20% 70%);--app-divider:var(--app-border);--app-accent:hsl(var(--garden-hue) 38% 30%);--app-accent-strong:hsl(var(--garden-hue) 40% 24%);--app-accent-soft:var(--app-surface-soft);--app-on-accent:#fff;--garden-bubble-out:hsl(var(--garden-hue) 31% 82%);--wa-meta:var(--app-text-secondary);--wa-day:var(--app-surface);--wa-field:var(--app-surface-raised);--text:var(--app-text);--muted:var(--app-text-secondary);--accent:var(--app-accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav.sp-bottomnav{--chat-base:hsl(var(--garden-hue) 24% 94%);--app-bg:var(--chat-base);--app-surface:hsl(var(--garden-hue) 24% 94%);--app-surface-raised:hsl(var(--garden-hue) 30% 98%);--app-surface-soft:hsl(var(--garden-hue) 23% 88%);--app-text:hsl(var(--garden-hue) 32% 15%);--app-text-secondary:hsl(var(--garden-hue) 18% 32%);--app-text-tertiary:var(--app-text-secondary);--app-border:hsl(var(--garden-hue) 20% 70%);--app-divider:var(--app-border);--app-accent:hsl(var(--garden-hue) 38% 30%);--app-accent-strong:hsl(var(--garden-hue) 40% 24%);--app-accent-soft:var(--app-surface-soft);--app-on-accent:#fff;--garden-bubble-out:hsl(var(--garden-hue) 31% 82%);--wa-meta:var(--app-text-secondary);--wa-day:var(--app-surface);--wa-field:var(--app-surface-raised);--text:var(--app-text);--muted:var(--app-text-secondary);--accent:var(--app-accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:is([data-theme=navy],[data-theme=dark]) :is(:is(.sp-chat-screen,.chat-theme-preview)[data-chat-theme^=garden-],.phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav.sp-bottomnav){--chat-base:hsl(var(--garden-hue) 22% 10%);--app-surface:hsl(var(--garden-hue) 22% 12%);--app-surface-raised:hsl(var(--garden-hue) 20% 16%);--app-surface-soft:hsl(var(--garden-hue) 21% 21%);--app-text:hsl(var(--garden-hue) 30% 96%);--app-text-secondary:hsl(var(--garden-hue) 22% 78%);--app-border:hsl(var(--garden-hue) 19% 42%);--app-accent:hsl(var(--garden-hue) 42% 70%);--app-accent-strong:hsl(var(--garden-hue) 44% 82%);--app-on-accent:hsl(var(--garden-hue) 32% 12%);--garden-bubble-out:hsl(var(--garden-hue) 27% 25%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav.sp-bottomnav{--app-bg:var(--app-surface)}#root .phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav-track>button{color:var(--app-text-secondary)!important}#root .phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav-track>button.active{color:var(--app-accent)!important}#root .phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav-track .nav-icon{color:inherit!important}#root .phone-reference:has(.sp-chat-screen[data-chat-theme^=garden-]) .nav-track .nav-icon svg{color:inherit!important}body .sp-chat-screen[data-chat-theme^=garden-] :is(.sp-chat-topbar,.sp-chat-footer){background:var(--app-surface)!important}body .sp-chat-screen[data-chat-theme^=garden-] .sp-chat-send:not(.is-recording):not(.is-holding):not(.is-locked){background:var(--app-accent)!important;color:var(--app-on-accent)!important}body .sp-chat-screen[data-chat-theme^=garden-] .chat-text-input::placeholder{opacity:1;color:var(--app-text-secondary)!important}body .sp-chat-screen[data-chat-theme^=garden-] .sp-chat-stream .bubble.mine{background:var(--garden-bubble-out)!important;color:var(--app-text)!important}body .sp-chat-screen[data-chat-theme^=garden-] .bubble .sp-chat-quote,body .sp-chat-screen[data-chat-theme^=garden-] :is(.sp-chat-replying,.sp-chat-editing){background:var(--app-surface-soft)!important;color:var(--app-text)!important}body .sp-chat-screen[data-chat-theme^=garden-] .bubble :is(.message-meta,.sp-voice-time){color:var(--app-text-secondary)!important}body .sp-chat-screen[data-chat-theme^=garden-] .bubble :is(a,.sender-name,.message-state.read),body .sp-chat-screen[data-chat-theme^=garden-] .sp-chat-quote-copy b{color:var(--app-accent-strong)!important}body .sp-chat-screen[data-chat-theme^=garden-] .sp-chat-quote-copy :is(span,small){color:var(--app-text)!important}body .sp-chat-screen[data-chat-theme^=garden-] .chat-upload-status progress{accent-color:var(--app-accent-strong)}body .sp-chat-screen[data-chat-theme^=garden-] .chat-upload-status progress[value]{appearance:none;background:var(--app-border);border-radius:4px;overflow:hidden}body .sp-chat-screen[data-chat-theme^=garden-] .chat-upload-status progress[value]::-webkit-progress-bar{background:var(--app-border)}body .sp-chat-screen[data-chat-theme^=garden-] .chat-upload-status progress[value]::-webkit-progress-value{background:var(--app-accent-strong)}body .sp-chat-screen[data-chat-theme^=garden-] .chat-upload-status progress[value]::-moz-progress-bar{background:var(--app-accent-strong)}.chat-theme-preview[data-chat-theme^=garden-] i+i{background:var(--garden-bubble-out)}html:is([data-theme=navy],[data-theme=dark]) .sp-chat-screen .sp-chat-stream[data-chat-theme^=garden-]{--chat-shade:linear-gradient(#06161336,#06161366)}