:root{--font-sans:"Inter","Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-bg:#0b1120;--color-bg-elevated:#0f172a;--color-surface:#151f35;--color-surface-hover:#1c2a49;--color-surface-active:#233456;--color-border:#94a3b829;--color-border-strong:#94a3b84d;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-faint:#64748b;--color-accent:#22d3ee;--color-accent-strong:#06b6d4;--color-accent-soft:#22d3ee1f;--color-accent-contrast:#062a33;--color-secondary:#a78bfa;--color-secondary-soft:#a78bfa1f;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-own-bubble:linear-gradient(180deg,#06b6d4,#0891b2);--color-own-text:#fff;--color-scrollbar:#94a3b840;--color-overlay:#020617b8;--shadow-card:0 20px 50px #0206178c;--shadow-pop:0 12px 32px #02061780;--shadow-focus:0 0 0 3px #22d3ee2e;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--duration-fast:140ms;--duration-med:220ms;--header-height:64px;--chat-max-width:860px;--z-header:20;--z-modal:50;--bg-glow-a:radial-gradient(1100px 560px at 82% -12%,#22d3ee29,#0000 62%);--bg-glow-b:radial-gradient(900px 480px at -4% 112%,#a78bfa2e,#0000 62%);--bg-glow-c:radial-gradient(720px 380px at 110% 92%,#ec489914,#0000 60%)}[data-theme=light]{--color-bg:#f1f5f9;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-hover:#eef2f7;--color-surface-active:#e2e8f0;--color-border:#0f172a1f;--color-border-strong:#0f172a3d;--color-text:#0f172a;--color-text-muted:#475569;--color-text-faint:#94a3b8;--color-accent:#0891b2;--color-accent-strong:#0e7490;--color-accent-soft:#0891b21f;--color-accent-contrast:#fff;--color-secondary:#7c3aed;--color-secondary-soft:#7c3aed1f;--color-success:#059669;--color-success-bg:#0596691f;--color-warning:#d97706;--color-warning-bg:#d977061f;--color-danger:#dc2626;--color-danger-bg:#dc26261a;--color-own-bubble:linear-gradient(180deg,#0891b2,#0e7490);--color-own-text:#fff;--color-scrollbar:#0f172a38;--color-overlay:#0f172a73;--shadow-card:0 20px 46px #0f172a1f;--shadow-pop:0 12px 30px #0f172a24;--shadow-focus:0 0 0 3px #0891b233;--bg-glow-a:radial-gradient(1100px 560px at 82% -12%,#0891b21a,#0000 62%);--bg-glow-b:radial-gradient(900px 480px at -4% 112%,#7c3aed1a,#0000 62%);--bg-glow-c:radial-gradient(720px 380px at 110% 92%,#be185d0f,#0000 60%)}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1120;background:var(--color-bg);color:#e2e8f0;color:var(--color-text);font-size:15px;line-height:1.5;margin:0;text-rendering:optimizeLegibility}body,button,input,textarea{font-family:Inter,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans)}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}:focus{outline:none}:focus-visible{box-shadow:0 0 0 3px #22d3ee2e;box-shadow:var(--shadow-focus);outline:2px solid #22d3ee;outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#22d3ee4d}.skip-link{background:#22d3ee;background:var(--color-accent);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-md) var(--radius-md);color:#062a33;color:var(--color-accent-contrast);font-weight:700;left:16px;padding:10px 16px;position:fixed;text-decoration:none;top:-60px;transition:top .14s cubic-bezier(.2,.8,.2,1);transition:top var(--duration-fast) var(--ease-out);z-index:200}.skip-link:focus{top:0}.app-shell{background:var(--bg-glow-a),var(--bg-glow-b),var(--bg-glow-c),var(--color-bg);background-attachment:fixed;display:flex;flex-direction:column;height:100vh;height:100dvh}.app-main{display:flex;flex:1 1;flex-direction:column;min-height:0}.app-footer{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-faint);display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;justify-content:center;padding:10px 16px;text-align:center}.app-footer a{color:var(--color-accent);font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--color-bg-elevated) 82%,#0000);border-bottom:1px solid var(--color-border);flex:none;gap:16px;justify-content:space-between;min-height:var(--header-height);padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header)}.header,.header__brand{align-items:center;display:flex}.header__brand{gap:12px;min-width:0}.config-error__mark,.header__logo,.modal__mark,.signin__logo,.state__mark{align-items:center;color:var(--color-accent);display:inline-flex;justify-content:center}.header__logo{background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:none;height:40px;width:40px}.header__titles{display:flex;flex-direction:column;line-height:1.2;min-width:0}.header__title{font-size:1.05rem;font-weight:800;letter-spacing:.06em;margin:0}.header__subtitle{color:var(--color-text-muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__right{min-width:0}.header__actions,.header__right,.header__user{align-items:center;display:flex;gap:10px}.header__greeting,.header__guest{color:var(--color-text-muted);font-size:.85rem;white-space:nowrap}.header__error{color:var(--color-danger);font-size:.8rem}.online-count{font-feature-settings:"tnum";align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:600;gap:6px;padding:5px 10px;white-space:nowrap}.online-count__dot{color:var(--color-text-faint);display:inline-flex}.online-count__dot--live{animation:pulse-dot 2.4s ease-in-out infinite;color:var(--color-success)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;line-height:1.2;padding:10px 18px;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:active:not(:disabled){transform:translateY(1px)}.btn--sm{border-radius:var(--radius-sm);font-size:.8rem;padding:7px 12px}.btn--icon{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:none;height:36px;padding:0;width:36px}.btn--icon:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-accent)}.btn--primary{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-strong));box-shadow:0 6px 18px #22d3ee33;color:var(--color-accent-contrast)}.btn--primary:hover:not(:disabled){box-shadow:0 8px 22px #22d3ee47;filter:brightness(1.08)}.btn--ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);font-size:.82rem;padding:7px 13px}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--outline{background:#0000;border-color:var(--color-border);color:var(--color-accent);font-size:.82rem;padding:8px 16px}.btn--outline:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent)}.btn--danger{background:var(--color-danger-bg);border-color:color-mix(in srgb,var(--color-danger) 40%,#0000);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--google{background:#fff;box-shadow:0 4px 14px #00000038;color:#1f2937;padding:12px 24px;width:100%}.btn--google:hover:not(:disabled){background:#f3f4f6;box-shadow:0 6px 18px #00000047}.offline-banner{background:var(--color-warning-bg);border-bottom:1px solid color-mix(in srgb,var(--color-warning) 30%,#0000);color:var(--color-warning);flex:none;font-size:.82rem;font-weight:600;gap:8px;padding:8px 16px;text-align:center}.offline-banner,.signin{align-items:center;display:flex;justify-content:center}.signin{flex:1 1;overflow-y:auto;padding:32px 20px}.signin__card{align-items:center;animation:rise-in var(--duration-med) var(--ease-out);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;max-width:480px;padding:36px 32px;text-align:center;width:100%}.signin__card,.signin__logo{border-radius:var(--radius-lg)}.signin__logo{background:var(--color-accent-soft);border:1px solid var(--color-border);height:72px;margin-bottom:14px;width:72px}.signin__title{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.signin__intro{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0 0 24px;max-width:34ch}.signin__error{background:var(--color-danger-bg);border:1px solid color-mix(in srgb,var(--color-danger) 30%,#0000);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.85rem;margin:14px 0 0;padding:10px 14px;text-align:start;width:100%}.signin__features{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:24px 0 0;padding:0;text-align:start;width:100%}.signin__feature{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:12px 14px}.signin__feature strong{color:var(--color-accent);font-size:.85rem}.signin__feature span{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.signin__rules{border-top:1px solid var(--color-border);margin-top:22px;padding-top:18px;text-align:start;width:100%}.signin__rules-title{color:var(--color-accent);font-size:.8rem;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.signin__rules-list{color:var(--color-text-muted);font-size:.85rem;line-height:1.7;margin:0;padding-inline-start:18px}.signin__disclaimer{color:var(--color-text-faint);font-size:.78rem;line-height:1.5;margin:10px 0 0}.chat{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--chat-max-width);min-height:0;padding:0 16px 12px;width:100%}.chat__toolbar{align-items:center;display:flex;flex:none;gap:12px;justify-content:space-between;padding:12px 2px 10px}.chat__toolbar-info{align-items:baseline;display:flex;gap:10px;min-width:0}.chat__title{font-size:.95rem;font-weight:700;margin:0;white-space:nowrap}.chat__search-count{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.chat__search{align-items:center;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-focus);color:var(--color-text-muted);display:flex;flex:1 1;gap:8px;max-width:340px;padding:5px 8px 5px 12px}.chat__search-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:.85rem;min-width:0;outline:none}.chat__search-close{align-items:center;background:var(--color-surface-hover);border:none;border-radius:50%;color:var(--color-text-muted);display:inline-flex;flex:none;height:26px;justify-content:center;width:26px}.chat__search-close:hover{background:var(--color-surface-active);color:var(--color-text)}.chat__scroll{background:color-mix(in srgb,var(--color-bg-elevated) 70%,#0000);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 12px;scrollbar-color:var(--color-scrollbar) #0000;scrollbar-width:thin}.chat__scroll::-webkit-scrollbar{width:8px}.chat__scroll::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.chat__scroll::-webkit-scrollbar-track{background:#0000}.chat__older{align-self:center;flex:none;margin:6px 0 10px}.message{align-items:flex-start;animation:message-in var(--duration-med) var(--ease-out);display:flex;gap:10px;padding:3px 0}.message--own{flex-direction:row-reverse}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message__avatar{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:50%;display:flex;flex:none;height:36px;justify-content:center;margin-top:18px;overflow:hidden;width:36px}.message__avatar-img{height:100%;object-fit:cover;width:100%}.message__avatar-fallback{color:var(--color-accent);font-size:.8rem;font-weight:700}.message__column{display:flex;flex-direction:column;gap:3px;max-width:min(76%,560px);min-width:0}.message--own .message__column{align-items:flex-end}.message__meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;padding:0 6px}.message--own .message__meta{flex-direction:row-reverse}.message__author{color:var(--color-accent);font-size:.78rem;font-weight:700}.message__time{font-feature-settings:"tnum";color:var(--color-text-faint);font-size:.68rem;font-variant-numeric:tabular-nums}.message__pending{color:var(--color-text-faint);font-size:.66rem;font-style:italic}.message__text{animation:rise-in var(--duration-fast) var(--ease-out);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-bottom-left-radius:4px;box-shadow:0 2px 8px #02061729;font-size:.93rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding:9px 14px;white-space:pre-wrap}.message--own .message__text{background:var(--color-own-bubble);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:4px;border-color:#0000;box-shadow:0 4px 14px #0891b247;color:var(--color-own-text)}.message__reply-quote{align-items:baseline;background:var(--color-secondary-soft);border-inline-start:3px solid var(--color-secondary);border-radius:var(--radius-sm);display:flex;font-size:.76rem;gap:8px;max-width:100%;overflow:hidden;padding:6px 12px}.message--own .message__reply-quote{flex-direction:row-reverse}.message__reply-author{color:var(--color-secondary);font-weight:700;white-space:nowrap}.message__reply-text{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__edit{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:10px;width:min(100%,460px)}.message__edit-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.92rem;line-height:1.5;min-height:68px;outline:none;padding:8px 10px;resize:vertical;width:100%}.message__edit-input:focus{border-color:var(--color-accent)}.message__edit-error{color:var(--color-danger);font-size:.78rem;margin:0}.message__edit-actions{display:flex;gap:8px;justify-content:flex-end}.message__actions{align-items:center;background:color-mix(in srgb,var(--color-bg-elevated) 70%,#0000);border-radius:var(--radius-pill);display:flex;gap:2px;opacity:.85;padding:2px 4px;transition:opacity var(--duration-fast) var(--ease-out)}.message--own .message__actions{flex-direction:row-reverse}.message:focus-within .message__actions,.message:hover .message__actions{opacity:1}.message__action{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-muted);display:inline-flex;height:32px;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);width:32px}.message__action:focus-visible,.message__action:hover{background:var(--color-surface-hover);color:var(--color-text)}.message__action--danger:focus-visible,.message__action--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}@media (hover:none){.message__actions{opacity:1}.message__action{height:40px;width:40px}}.reactions{align-items:center;display:flex;flex-wrap:wrap;gap:5px;padding:3px 2px 0}.message--own .reactions{justify-content:flex-end}.reaction{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;line-height:1;min-height:26px;padding:3px 8px;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.reaction:hover:not(:disabled){transform:translateY(-1px)}.reaction--mine,.reaction:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent)}.reaction--mine{color:var(--color-accent)}.reaction__emoji{font-size:.9rem;line-height:1}.reaction__count{font-feature-settings:"tnum";color:var(--color-text);font-variant-numeric:tabular-nums}.reaction--add{color:var(--color-text-faint);padding:3px 7px}.reactions__picker{display:inline-flex;position:relative}.reactions__backdrop{inset:0;position:fixed;z-index:1}.reactions__menu{animation:pop-in var(--duration-fast) var(--ease-out);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);bottom:calc(100% + 6px);box-shadow:var(--shadow-pop);display:flex;gap:2px;inset-inline-start:0;padding:5px;position:absolute;z-index:2}.reactions__menu-item{align-items:center;background:#0000;border:none;border-radius:50%;display:inline-flex;font-size:1.05rem;height:32px;justify-content:center;line-height:1;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);width:32px}.reactions__menu-item:hover{background:var(--color-surface-hover);transform:scale(1.15)}@keyframes pop-in{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.day-separator{align-items:center;display:flex;flex:none;justify-content:center;margin:12px 0 8px}.day-separator__label{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 14px;text-transform:uppercase}.skeleton{display:flex;flex-direction:column;gap:14px;padding:12px 4px}.skeleton__row{align-items:flex-start;display:flex;gap:10px}.skeleton__row--own{flex-direction:row-reverse}.skeleton__row--own .skeleton__bubble{align-items:flex-end}.skeleton__avatar,.skeleton__line{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 37%,var(--color-surface) 63%);background-size:400% 100%;display:block}.skeleton__avatar{border-radius:50%;flex:none;height:36px;width:36px}.skeleton__bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;max-width:62%;padding:12px 14px}.skeleton__line{border-radius:var(--radius-pill);height:9px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.chat__composer{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:flex;flex:none;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px}.chat__composer:focus-within{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border))}.chat__replying{align-items:center;animation:rise-in var(--duration-fast) var(--ease-out);background:var(--color-secondary-soft);border-inline-start:3px solid var(--color-secondary);border-radius:var(--radius-sm);display:flex;gap:10px;padding:7px 10px}.chat__replying-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat__replying-text strong{color:var(--color-secondary);font-size:.74rem}.chat__replying-text span{color:var(--color-text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__replying-cancel{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-muted);display:inline-flex;flex:none;height:26px;justify-content:center;width:26px}.chat__replying-cancel:hover{background:var(--color-surface-hover);color:var(--color-text)}.chat__quick{display:flex;gap:2px}.chat__quick-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);display:inline-flex;font-size:1rem;height:30px;justify-content:center;line-height:1;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);width:30px}.chat__quick-btn:hover{background:var(--color-surface-hover);transform:scale(1.12)}.chat__composer-row{align-items:center;display:flex;gap:10px}.chat__input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-size:.95rem;min-width:0;outline:none;padding:12px 16px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat__input::placeholder{color:var(--color-text-faint)}.chat__input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.chat__send{align-items:center;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-strong));border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px #22d3ee3d;color:var(--color-accent-contrast);display:inline-flex;flex:none;height:44px;justify-content:center;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:44px}.chat__send:hover:not(:disabled){box-shadow:0 6px 18px #22d3ee57;transform:translateY(-1px)}.chat__send:active:not(:disabled){transform:translateY(0)}.chat__send:disabled{box-shadow:none;opacity:.4}.chat__send-spinner{animation:spin .7s linear infinite;border:2px solid #062a334d;border-radius:50%;border-top:2px solid var(--color-accent-contrast);height:16px;width:16px}.chat__meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.chat__hint{color:var(--color-text-faint);font-size:.7rem}.chat__counter{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.chat__composer-error{border-radius:var(--radius-sm);font-size:.82rem;padding:8px 12px}.banner,.chat__composer-error{background:var(--color-danger-bg);color:var(--color-danger)}.banner{border:1px solid color-mix(in srgb,var(--color-danger) 30%,#0000);border-radius:var(--radius-md);flex:none;font-size:.86rem;margin:10px 0;padding:10px 14px}.state{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:40px 16px;text-align:center}.state__spinner{animation:spin .8s linear infinite;border:3px solid var(--color-surface-hover);border-radius:50%;border-top-color:var(--color-accent);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.state__title{color:var(--color-text);font-size:1.05rem;font-weight:700;margin:8px 0 0}.state__text{font-size:.9rem;margin:0}.config-error{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:100vh;padding:32px 20px;text-align:center}.config-error__title{font-size:1.5rem;margin:14px 0 0}.config-error__message{color:var(--color-danger);font-size:.95rem;max-width:520px}.config-error__hint{color:var(--color-text-muted);font-size:.88rem;line-height:1.6;max-width:520px}.config-error code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;font-size:.85em;padding:1px 6px}.modal__overlay{align-items:center;animation:fade-in var(--duration-fast) var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--z-modal)}.modal{animation:rise-in var(--duration-med) var(--ease-out);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:440px;padding:30px;text-align:center;width:100%}.modal--compact{max-width:400px;text-align:start}.modal--compact .modal__title{margin-top:0}.modal--compact .modal__body{margin-bottom:0}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.modal__title{font-size:1.2rem;font-weight:800;margin:12px 0 16px}.modal__body{color:var(--color-text-muted);font-size:.9rem;line-height:1.7;text-align:start}.modal__body ul{margin:8px 0;padding-inline-start:18px}.modal .btn--primary{margin-top:20px;width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.btn__label,.header__greeting,.header__subtitle{display:none}.chat{padding:0 10px 10px}.message__column{max-width:82%}}@media (max-width:420px){.online-count{font-size:.7rem;padding:5px 8px}.header{gap:8px;padding:8px 12px}.header__title{font-size:.95rem}.signin__card{padding:26px 18px}.chat__hint{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.chat__scroll{scroll-behavior:auto}}@media print{.app-footer,.chat__composer,.chat__toolbar,.header,.message__actions,.reactions{display:none!important}body{background:#fff;color:#000}}[dir=rtl] body{font-family:Noto Sans Arabic,Segoe UI,Tahoma,system-ui,sans-serif}[dir=rtl] .message__meta{flex-direction:row-reverse}[dir=rtl] .chat__replying{flex-direction:row}[dir=rtl] .chat__counter,[dir=rtl] .chat__search-count,[dir=rtl] .message__time{direction:ltr;unicode-bidi:isolate}
/*# sourceMappingURL=main.ec5792cc.css.map*/