:root{--coral:#ff4d6d;--coral-deep:#e11d48;--burgundy:#7a1f3d;--mint:#2dd4bf;--teal:#14b8a6;--ink:#f5f0f4;--muted:#f5f0f4ad;--faint:#f5f0f46b;--bg:#100e16;--elev:#1c1826e0;--elev-solid:#1c1826;--line:#f5f0f41f;--grad-brand:linear-gradient(135deg, var(--burgundy) 0%, #c23a5c 42%, var(--mint) 100%);--grad-cta:linear-gradient(135deg, var(--coral) 0%, var(--coral-deep) 100%);--font-display:"Syne", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body:"DM Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--radius:.85rem;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--list-w:20rem;--topbar-h:3.75rem;--pad:clamp(1rem, 2.5vw, 1.75rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--ink:#1a1520;--muted:#1a15209e;--faint:#1a152066;--bg:#efeaf3;--elev:#ffffffd1;--elev-solid:#f8f4fa;--line:#1a15201a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100dvh}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,.brand-name{font-family:var(--font-display);letter-spacing:-.03em}a{color:var(--mint)}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:2px;outline:2px solid #2dd4bfbf}.app-atmosphere,.auth-atmosphere{z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 85% -5%,#ff4d6d38,#0000 55%),radial-gradient(60% 45% at -5% 40%,#14b8a624,#0000 52%),linear-gradient(165deg,#17131f 0%,#100e16 48%,#0c0a12 100%);position:fixed;inset:0;overflow:hidden}html[data-theme=light] .app-atmosphere,html[data-theme=light] .auth-atmosphere{background:radial-gradient(70% 50% at 90% 0,#ff4d6d24,#0000 55%),radial-gradient(55% 40% at 0%,#14b8a61a,#0000 50%),linear-gradient(165deg,#f4eef7 0%,#efeaf3 50%,#e8e0ef 100%)}.orb{filter:blur(72px);opacity:.42;border-radius:50%;position:absolute}.orb-a{top:-12%;background:#ff4d6d80;width:min(48vw,26rem);height:min(48vw,26rem);animation:28s ease-in-out infinite alternate drift-a;inset-inline-end:-4%}.orb-b{bottom:5%;background:#14b8a647;width:min(40vw,22rem);height:min(40vw,22rem);animation:32s ease-in-out infinite alternate drift-b;inset-inline-start:-6%}.grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(-6%,10%)scale(1.06)}}@keyframes drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(10%,-6%)scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(.45rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.rise{animation:rise .55s var(--ease-out) both}.boot{z-index:1;min-height:100dvh;color:var(--muted);font-family:var(--font-display);place-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;display:grid;position:relative}.boot.error{color:#ff8fa3;padding:var(--pad);text-align:center}.boot-logo{border-radius:.85rem;width:3rem;height:3rem}.btn,.chip,.icon-btn{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.05rem;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.btn:hover,.chip:hover,.icon-btn:hover{background:#ff4d6d1a;border-color:#ff4d6d73}.btn.primary{background:var(--grad-cta);color:#fff;border-color:#0000;font-weight:600}.btn.primary:hover{background:var(--grad-cta);transform:translateY(-1px)}.btn.ghost{background:0 0}.btn.danger,.chip.danger{color:#ff8fa3;border-color:#e11d4880}.btn.small,.chip{padding:.45rem .8rem;font-size:.88rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-btn{border-radius:.75rem;width:2.35rem;height:2.35rem;padding:0}.icon{flex-shrink:0}label{color:var(--muted);gap:.35rem;margin-bottom:.85rem;font-size:.9rem;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:var(--radius);background:#0000002e;padding:.72rem .9rem}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#ffffffb3}.error{color:#ff8fa3}.ok{color:var(--mint)}.muted,.safety{color:var(--muted);font-size:.92rem}.linkish{color:var(--mint);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.row{justify-content:flex-end;gap:.5rem;display:flex}.pad{padding:0 var(--pad)}.turnstile{min-height:65px;margin:.75rem 0}.presence-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.presence-dot.on{background:var(--mint);animation:1.8s ease-in-out infinite pulse-dot}.avatar{color:var(--ink);background:linear-gradient(145deg,#ff4d6d47,#7a1f3d59);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative}.avatar-sm{width:2rem;height:2rem;font-size:.8rem}.avatar-md{width:2.65rem;height:2.65rem}.avatar-lg{width:3.4rem;height:3.4rem;font-size:1.15rem}.avatar-dot{inset-inline-end:0;box-shadow:0 0 0 2px var(--elev-solid);position:absolute;bottom:0}.empty-state{text-align:center;color:var(--muted);place-items:center;gap:.45rem;padding:2.5rem 1.25rem;display:grid}.empty-state h3{color:var(--ink);margin:0;font-size:1.2rem}.empty-state p{max-width:22rem;margin:0}.empty-action{margin-top:.75rem}.app-shell{z-index:1;grid-template:"top""body"1fr"nav"/1fr;min-height:100dvh;display:grid;position:relative}.app-shell>.app-atmosphere{z-index:-1}.topbar{min-height:var(--topbar-h);padding:.55rem var(--pad);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:#100e169e;grid-area:top;align-items:center;gap:.75rem 1.25rem;display:flex}html[data-theme=light] .topbar{background:#ffffff9e}.brand-lockup{color:inherit;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border-radius:.55rem;width:2.1rem;height:2.1rem}.brand-name{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800}.top-nav{align-items:center;gap:.25rem;margin-inline-start:.5rem;display:none}.top-link{border-radius:var(--radius-pill);color:var(--muted);align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:inline-flex;position:relative}.top-link:hover{color:var(--ink);background:#ffffff0d}.top-link.active{color:var(--ink);background:#ff4d6d24}.top-link.active:after{content:"";inset-inline:1rem;border-radius:var(--radius-pill);background:var(--coral);height:2px;position:absolute;bottom:.2rem}.top-presence{align-items:center;gap:.65rem;min-width:0;margin-inline-start:auto;display:flex}.self-row{align-items:center;gap:.55rem;min-width:0;display:none}.self-meta{min-width:0}.self-meta strong{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;font-size:.92rem;display:block;overflow:hidden}.self-meta small{color:var(--muted);font-size:.78rem}.shell-body{grid-area:body;grid-template-columns:1fr;grid-template-areas:"main";min-height:0;display:grid;overflow:hidden}.pane-list{border-inline-end:1px solid var(--line);background:#100e1659;grid-area:list;display:none;overflow:auto}html[data-theme=light] .pane-list{background:#ffffff59}.pane-main{flex-direction:column;grid-area:main;min-height:0;display:flex;overflow:auto}.mobile-nav{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1826eb;grid-area:nav;grid-template-columns:repeat(3,1fr);display:grid}html[data-theme=light] .mobile-nav{background:#f8f4faf0}.mobile-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:.2rem;padding:.65rem .4rem .75rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--coral)}.app-shell.is-thread .mobile-nav,.app-shell.is-thread .topbar{display:none}.pane-head{padding:1.1rem var(--pad) .75rem;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pane-head h2{margin:0;font-size:1.35rem}.chats-list{flex-direction:column;height:100%;display:flex}.people-list{gap:.35rem;margin:0;padding:.35rem .65rem 1.25rem;list-style:none;display:grid}.person-row{border-radius:var(--radius);width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.8rem;padding:.75rem .8rem;text-decoration:none;transition:background .18s,border-color .18s;display:flex}.person-row:hover{background:#ffffff0a}.person-row.is-selected{background:#ff4d6d1f;border-color:#ff4d6d47}.person-meta{flex:1;min-width:0}.person-meta strong{font-size:.95rem;display:block}.person-meta small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.people-grid{padding:0 var(--pad) 1.5rem;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem;margin:0;list-style:none;display:grid}.person-card{border:1px solid var(--line);background:var(--elev);color:inherit;text-align:start;cursor:pointer;animation:rise .5s var(--ease-out) both;border-radius:1rem;justify-items:start;gap:.65rem;padding:1rem;transition:transform .18s,border-color .18s;display:grid}.person-card:hover{border-color:#ff4d6d66;transform:translateY(-2px)}.person-card strong{font-size:1rem;display:block}.person-card small{color:var(--muted)}.panel{animation:rise .45s var(--ease-out) both;padding:0 0 1.5rem}.panel-head{padding:1.1rem var(--pad) .85rem;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-head h2{margin:0;font-size:clamp(1.4rem,3vw,1.85rem)}.panel-body{padding:0 var(--pad)}.auth-shell{z-index:1;align-items:center;min-height:100dvh;padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:relative}.auth-stage{width:min(100%,28rem);animation:rise .6s var(--ease-out) both;margin-inline:auto}.auth-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-brand{flex-direction:column;gap:.55rem;display:flex}.auth-brand img{border-radius:.75rem;width:2.75rem;height:2.75rem}.auth-brand h1{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,7vw,2.75rem);line-height:.95}.auth-brand .lede{color:var(--muted);margin:0;font-size:1.02rem}.auth-panel{border:1px solid var(--line);background:var(--elev);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.25rem;padding:1.35rem 1.25rem 1.5rem}.seg{border-radius:var(--radius);border:1px solid var(--line);background:#0003;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:1.1rem;padding:.25rem;display:grid}.seg button{color:var(--muted);border-radius:calc(var(--radius) - 2px);cursor:pointer;background:0 0;border:none;padding:.55rem;font-weight:600}.seg button.active{color:var(--ink);background:#ff4d6d2e}.checks{margin:.75rem 0}.check{color:var(--ink);align-items:flex-start;gap:.55rem;margin-bottom:.5rem;display:flex}.check input{width:auto;margin-top:.2rem}.legal-row{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.or,.switch{text-align:center;color:var(--muted);margin:.85rem 0 .4rem}.auth-foot{text-align:center;margin-top:1rem}.chat{height:100%;min-height:calc(100dvh - 4.25rem);animation:rise .4s var(--ease-out) both;grid-template-rows:auto 1fr auto;display:grid}.app-shell.is-thread .chat{min-height:100dvh}.chat-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100e1673;align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex}html[data-theme=light] .chat-bar{background:#ffffff80}.chat-peer{flex:1;min-width:0}.chat-peer strong{display:block}.chat-peer small{color:var(--mint);font-size:.8rem}.chat-menu{position:relative}.chat-menu-panel{inset-inline-end:0;border-radius:var(--radius);border:1px solid var(--line);background:var(--elev-solid);z-index:20;gap:.15rem;min-width:10rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);box-shadow:0 16px 40px #00000059}.chat-menu-panel button{color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:.55rem;padding:.55rem .7rem}.chat-menu-panel button:hover{background:#ff4d6d1f}.chat-menu-panel button.danger{color:#ff8fa3}.thread{padding:1rem var(--pad) 1.25rem;flex-direction:column;gap:.55rem;display:flex;overflow:auto}.bubble{background:var(--elev);border:1px solid var(--line);max-width:min(78%,32rem);animation:bubble-in .35s var(--ease-out) both;border-radius:1.1rem;padding:.75rem .95rem}.bubble.mine{background:var(--grad-cta);color:#fff;border-color:#0000;border-end-end-radius:.35rem;align-self:flex-end}.bubble.theirs{border-end-start-radius:.35rem;align-self:flex-start}.bubble img{border-radius:.65rem;max-width:100%;display:block}.bubble audio{width:min(100%,16rem)}.bubble p{white-space:pre-wrap;word-break:break-word;margin:.35rem 0 0}.bubble.mine p:first-child,.bubble.theirs p:first-child{margin-top:0}.composer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1826e0;align-items:center;gap:.4rem;padding:.7rem .75rem;display:flex}html[data-theme=light] .composer{background:#f8f4faeb}.composer input[type=text]{border-radius:var(--radius-pill);flex:1;margin:0}.composer .icon-btn.recording{color:#ff8fa3;background:#e11d481f;border-color:#e11d488c}.modal{z-index:50;background:#00000094;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--elev-solid);border-radius:1.15rem;width:min(100%,24rem);padding:1.1rem 1.15rem 1.25rem}.modal-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.modal-head h3{margin:0}.settings{max-width:40rem}.settings-section{margin:0 var(--pad) 1.35rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem}.settings-section:last-child{border-bottom:none}.settings-section h3{margin:0 0 .85rem;font-size:1.05rem}.block-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.desktop-only{display:none}.mobile-only{display:inline-flex}html[dir=rtl] .icon-directional{transform:scaleX(-1)}.chats-index-mobile{height:100%;display:block}@media (width>=900px){.app-shell{grid-template-rows:auto 1fr;grid-template-areas:"top""body"}.top-nav,.self-row{display:flex}.app-shell.is-chats .shell-body{grid-template-columns:var(--list-w) 1fr;grid-template-areas:"list main"}.app-shell.is-chats .pane-list{display:block}.mobile-nav{display:none!important}.app-shell.is-thread .topbar{display:flex}.chat{min-height:calc(100dvh - var(--topbar-h))}.desktop-only{display:grid}.mobile-only,.chats-index-mobile{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rise,.bubble,.person-card{opacity:1!important;transform:none!important}}