@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #05060b;--bg-base: #0a0c16;--bg-elevated: #11142180;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--fg: #eceef4;--fg-muted: #8d93a5;--accent: #6366f1;--accent-2: #4d7cff;--accent-soft: rgba(99, 102, 241, .16);--accent-glow: rgba(99, 102, 241, .35);--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--radius: 16px;--radius-sm: 10px;--easing: cubic-bezier(.16, 1, .3, 1);--font: "Noto Sans Arabic", "Segoe UI", "Tahoma", system-ui, sans-serif;--mono: "IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg-deep);color:var(--fg);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:var(--accent-2)}.app{position:relative;display:grid;grid-template-columns:300px 1fr;height:100%;background:radial-gradient(900px 500px at 100% 0%,rgba(99,102,241,.14),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(77,124,255,.1),transparent 60%),linear-gradient(160deg,#0b0e1a,#05060b)}.main{display:flex;flex-direction:column;min-width:0;height:100%}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sidebar{display:flex;flex-direction:column;gap:12px;padding:18px 14px;background:#080a12b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-inline-end:1px solid var(--border);height:100%;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 10px}.brand strong{display:block;font-size:1.02rem}.brand small{color:var(--fg-muted);font-size:.74rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 24px var(--accent-glow);color:#fff}.brand .only-mobile{margin-inline-start:auto}.new-chat{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600;box-shadow:0 10px 26px var(--accent-glow);transition:transform .22s var(--easing),box-shadow .22s var(--easing)}.new-chat:hover{transform:translateY(-2px);box-shadow:0 14px 32px var(--accent-glow)}.list-label{color:var(--fg-muted);font-size:.74rem;padding:6px 6px 0}.conv-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.conv-list::-webkit-scrollbar{width:6px}.conv-list::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.conv{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);color:var(--fg-muted);border:1px solid transparent;transition:background .2s var(--easing),color .2s var(--easing),transform .2s var(--easing)}.conv:hover{background:var(--surface);color:var(--fg);transform:translate(-2px)}.conv.active{background:var(--accent-soft);color:var(--fg);border-color:#6366f159}.conv-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.conv-actions{display:none;gap:2px}.conv:hover .conv-actions,.conv.active .conv-actions{display:flex}.empty-mini{color:var(--fg-muted);font-size:.82rem;padding:10px 8px;line-height:1.7}.rename{flex:1;min-width:0;background:#00000059;border:1px solid var(--border-strong);border-radius:8px;padding:4px 8px;font-size:.85rem}.settings-btn{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);transition:color .2s var(--easing),border-color .2s var(--easing),transform .2s var(--easing)}.settings-btn:hover{color:var(--fg);border-color:var(--border-strong);transform:translateY(-2px)}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--fg-muted);transition:background .2s var(--easing),color .2s var(--easing)}.icon-btn:hover{background:var(--surface-2);color:var(--fg)}.icon-btn.danger:hover{background:#ef444429;color:#fca5a5}.ghost-btn,.primary-btn,.link-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);transition:transform .2s var(--easing),border-color .2s var(--easing),background .2s var(--easing)}.ghost-btn:hover,.link-btn:hover{border-color:var(--border-strong);transform:translateY(-2px)}.ghost-btn.tiny{padding:4px 9px;font-size:.74rem}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 22px var(--accent-glow)}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.link-btn{border-color:transparent;background:none;color:var(--fg-muted);font-size:.78rem;padding:4px 2px}.link-btn:hover{color:var(--fg);background:none}.topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:#090b14b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.title-wrap{flex:1;min-width:0}.title-wrap h1{margin:0;font-size:1.02rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-wrap small{color:var(--fg-muted);font-size:.74rem}.top-actions{display:flex;align-items:center;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.76rem;color:var(--fg-muted);transition:transform .2s var(--easing),border-color .2s var(--easing)}.status-pill:hover{transform:translateY(-2px);border-color:var(--border-strong)}.status-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--warn)}.status-pill.ok{color:#a7f3d0;border-color:#10b98159}.status-pill.ok .dot{background:var(--ok);box-shadow:0 0 0 4px #10b98129}.offline-banner{display:flex;align-items:center;gap:9px;margin:12px 20px 0;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.3);background:#f59e0b17;color:#fcd34d;font-size:.82rem;line-height:1.7}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 20px 8px;scroll-behavior:smooth}.chat-scroll::-webkit-scrollbar{width:8px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.thread{display:flex;flex-direction:column;gap:18px;max-width:880px;margin:0 auto;width:100%}.hero{max-width:760px;margin:4vh auto 0;text-align:center;animation:fadeUp .5s var(--easing) both}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:var(--accent-soft);color:#c7d2fe;font-size:.76rem}.hero h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin:16px 0 8px}.hero p{color:var(--fg-muted);line-height:1.9;margin:0 auto 26px;max-width:540px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;text-align:start}.chip{display:flex;gap:11px;align-items:flex-start;padding:15px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);transition:transform .24s var(--easing),border-color .24s var(--easing),box-shadow .24s var(--easing)}.chip:hover{transform:translateY(-3px);border-color:#6366f173;box-shadow:0 16px 36px #00000059}.chip svg{color:var(--accent-2);flex:none;margin-top:2px}.chip strong{display:block;font-size:.9rem;margin-bottom:3px}.chip small{color:var(--fg-muted);font-size:.78rem;line-height:1.7}.skeleton-msg{max-width:880px;margin:20px auto;display:flex;flex-direction:column;gap:12px}.skeleton{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.msg{display:flex;gap:11px;animation:fadeUp .32s var(--easing) both}.msg.me{flex-direction:row-reverse}.msg .avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--fg-muted)}.msg.ai .avatar{background:linear-gradient(135deg,#6366f14d,#4d7cff2e);color:#c7d2fe}.bubble{max-width:min(78%,680px);padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.95;font-size:.93rem;overflow-wrap:anywhere}.msg.ai .bubble{border-start-start-radius:5px}.msg.me .bubble{background:linear-gradient(135deg,#6366f138,#4d7cff1f);border-color:#6366f157;border-start-end-radius:5px}.msg.errored .bubble{border-color:#ef444473}.bubble .plain{margin:0;white-space:pre-wrap}.msg-error{display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:.85rem;margin-bottom:8px}.msg-foot{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:7px;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.7rem}.model-tag{padding:1px 8px;border-radius:999px;border:1px solid var(--border)}.foot-actions{margin-inline-start:auto;display:flex;gap:2px}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 10px}.md h3,.md h4{margin:14px 0 8px;font-size:1rem}.md ul,.md ol{margin:0 0 10px;padding-inline-start:22px}.md li{margin-bottom:5px}.md blockquote{margin:10px 0;padding:9px 13px;border-inline-start:3px solid var(--accent);background:var(--accent-soft);border-radius:8px;color:#cfd4e6}.md code{font-family:var(--mono);font-size:.85em;background:#ffffff14;padding:2px 6px;border-radius:6px}.code-block{margin:12px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0006}.code-head{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:var(--surface-2)}.code-lang{font-family:var(--mono);font-size:.72rem;color:var(--fg-muted)}.code-block pre{margin:0;padding:12px;overflow-x:auto;direction:ltr;text-align:left}.code-block code{background:none;padding:0;font-size:.82rem;line-height:1.7}.typing{display:inline-flex;gap:5px;padding:4px 0}.typing i{width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:pulse 1.1s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.composer-wrap{padding:10px 20px 16px;border-top:1px solid var(--border);background:#090b14a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.composer-wrap>*{max-width:880px;margin-inline:auto}.composer{display:flex;align-items:flex-end;gap:8px;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .24s var(--easing),box-shadow .24s var(--easing)}.composer:focus-within{border-color:#6366f18c;box-shadow:0 0 0 4px #6366f11f}.composer textarea{flex:1;resize:none;border:0;background:none;outline:none;padding:8px 6px;line-height:1.85;max-height:220px;font-size:.94rem}.composer textarea::placeholder{color:#6b7280}.send-btn{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px var(--accent-glow);transition:transform .2s var(--easing),opacity .2s var(--easing)}.send-btn:hover{transform:translateY(-2px)}.send-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.send-btn.stop{background:#ef4444e6;box-shadow:none}.attach-chip{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--accent-soft);font-size:.8rem;color:#c7d2fe}.attach-chip span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding-inline:3px}.counter{color:var(--fg-muted);font-size:.72rem}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#030409b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeUp .22s var(--easing) both}.modal{width:min(640px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--border-strong);background:linear-gradient(160deg,#12141f,#0a0c15);box-shadow:0 40px 90px #0009;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px}.modal-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:#00000038}.section-title{display:flex;align-items:center;gap:7px;color:var(--fg-muted);font-size:.78rem;margin-top:4px}.field{display:flex;flex-direction:column;gap:6px}.field>span{display:flex;align-items:center;gap:6px;font-size:.79rem;color:var(--fg-muted)}.field input[type=text],.field input[type=password],.field input[type=number],.field input:not([type]),.field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0000004d;outline:none;transition:border-color .2s var(--easing),box-shadow .2s var(--easing)}.field textarea{resize:vertical;line-height:1.8;font-size:.88rem}.field input:focus,.field textarea:focus{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f11f}.field input[type=range]{accent-color:var(--accent)}.row{display:flex;gap:8px}.row input{flex:1}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ok-note{color:var(--ok);font-size:.72rem;font-style:normal}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.provider{text-align:start;padding:12px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:transform .2s var(--easing),border-color .2s var(--easing),background .2s var(--easing)}.provider:hover{transform:translateY(-2px);border-color:var(--border-strong)}.provider.active{border-color:#6366f199;background:var(--accent-soft)}.provider strong{display:block;font-size:.86rem;margin-bottom:4px}.provider small{color:var(--fg-muted);font-size:.74rem;line-height:1.6}.model-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow-y:auto}.mini-chip{padding:5px 10px;border-radius:999px;font-size:.73rem;font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);transition:color .2s var(--easing),border-color .2s var(--easing)}.mini-chip:hover{color:var(--fg);border-color:#6366f180}.test-result{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.83rem}.test-result.ok{background:#10b9811f;color:#a7f3d0;border:1px solid rgba(16,185,129,.3)}.test-result.bad{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.privacy-note{color:var(--fg-muted);font-size:.76rem;line-height:1.8;margin:0}.privacy-note code{font-family:var(--mono);background:var(--surface-2);padding:1px 5px;border-radius:5px}.toast{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:90;display:flex;align-items:center;gap:10px;max-width:min(400px,calc(100vw - 44px));padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#10131ef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #00000080;font-size:.85rem;animation:fadeUp .26s var(--easing) both}.toast span{flex:1;line-height:1.7}.toast.success svg{color:var(--ok)}.toast.error svg{color:var(--danger)}.toast.info svg{color:var(--accent-2)}.scrim,.only-mobile{display:none}@media (max-width: 940px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:288px;transform:translate(-102%);transition:transform .3s var(--easing)}html[dir=rtl] .sidebar{transform:translate(102%)}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#03040999}.only-mobile{display:inline-grid}.only-desktop{display:none}.chip-grid{grid-template-columns:1fr}.bubble{max-width:88%}.two{grid-template-columns:1fr}}@media (max-width: 520px){.topbar,.chat-scroll,.composer-wrap{padding-inline:13px}.hero h2{font-size:1.35rem}.msg .avatar{width:30px;height:30px}}