:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#202124;--muted:#777a80;--soft:#a1a3a8;--line:#e7e7e9;--paper:#fff;--canvas:#f8f8f7;--blue:#4e77d8;--violet:#9482f4;--mint:#42ad9a;--radius-xl:30px;--radius-lg:22px;--shadow-soft:0 18px 54px #1f222f0e, 0 2px 8px #1f222f09;background:#f8f8f7;font-family:Noto Sans Arabic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #6679e057}#root{min-height:100vh}.app-shell{isolation:isolate;background:radial-gradient(ellipse at 50% 44%, #fffffffa 0, #ffffffe8 37%, #f8f8f7ed 78%), var(--canvas);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;filter:blur(1px);position:absolute}.ambient--lavender{background:radial-gradient(circle,#c7b8ff2e,#dbd6ff0e 48%,#0000 72%);border-radius:50%;width:min(35vw,440px);height:min(35vw,440px);top:17%;left:4%}.ambient--blue{background:radial-gradient(circle,#a0dcec2e,#d0eef40f 48%,#0000 73%);border-radius:50%;width:min(33vw,410px);height:min(33vw,410px);bottom:13%;right:0}.topbar{z-index:1;justify-content:space-between;align-items:center;min-height:76px;padding:15px clamp(20px,4.3vw,64px);display:flex}.brand-mark{min-width:0;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark__symbol{background:#ffffffd6;border:1px solid #2c2e341a;border-radius:14px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 3px 10px #1418240a}.brand-mark__symbol svg{color:#31343a;width:29px;height:29px}.brand-mark__wording{flex-direction:column;line-height:1.15;display:flex}.brand-mark__name{font-family:Noto Naskh Arabic,Noto Sans Arabic,serif;font-size:18px;font-weight:600}.brand-mark__subname{color:#96989d;letter-spacing:.04em;text-align:right;direction:ltr;margin-top:3px;font-family:Georgia,serif;font-size:10px}.brand-mark--compact .brand-mark__symbol{border-radius:12px;flex-basis:34px;width:34px;height:34px}.brand-mark--compact .brand-mark__symbol svg{width:26px;height:26px}.topbar__right{align-items:center;gap:12px;display:flex}.beta-pill{color:#777a81;background:#ffffffb8;border:1px solid #34374014;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:500;display:inline-flex}.beta-pill__dot,.status-dot{background:#b9bbc0;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.profile-button{color:#55585d;cursor:default;background:#f0f0f1;border:1px solid #25272c17;border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;font-weight:600;display:grid}.workspace{flex:1;justify-content:center;align-self:center;align-items:center;width:min(100% - 32px,1000px);padding:clamp(26px,5vh,64px) 0 42px;display:flex;position:relative}.workspace__rule{z-index:-1;background:linear-gradient(90deg,#0000,#d0d0d738,#0000);width:min(780px,88vw);height:1px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.chat-panel{text-align:center;width:min(100%,790px);margin-top:-4vh}.chat-panel__welcome{flex-direction:column;align-items:center;display:flex}.assistant-orbit{color:#6f6fb7;background:#ffffffe3;border:1px solid #45464f14;border-radius:17px;place-items:center;width:48px;height:48px;margin-bottom:22px;display:grid;box-shadow:0 7px 22px #2b2d370e,0 0 25px #b2a6f424}.assistant-orbit svg{width:24px;height:24px}.eyebrow{color:#85868d;letter-spacing:.035em;margin:0 0 8px;font-size:12px;font-weight:500}.chat-panel h1{color:#202124;letter-spacing:-.03em;margin:0;font-family:Noto Naskh Arabic,Noto Sans Arabic,serif;font-size:clamp(31px,4vw,45px);font-weight:600;line-height:1.45}.chat-panel h1 span{color:#0000;background:linear-gradient(110deg,#42495e 8%,#4f73cd 54%,#8272cf 100%);-webkit-background-clip:text;background-clip:text}.welcome-copy{color:var(--muted);margin:6px 0 0;font-size:15px;font-weight:400}.suggestions{flex-wrap:wrap;justify-content:center;gap:9px;margin:34px auto 18px;display:flex}.suggestion-chip{color:#666971;cursor:pointer;background:#ffffffb3;border:1px solid #3c3e4717;border-radius:999px;align-items:center;gap:8px;min-height:39px;padding:8px 13px;font-size:11px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:inline-flex}.suggestion-chip:hover{background:#fff;border-color:#6d6fb738;transform:translateY(-1px);box-shadow:0 5px 14px #1d1f2b0d}.suggestion-chip svg{color:#8686bd;flex:0 0 16px;width:16px;height:16px}.composer{text-align:right;background:#fffffff5;border:1px solid #272a321f;border-radius:23px;width:min(100%,740px);min-height:158px;margin:0 auto;padding:17px 19px 13px;transition:border-color .18s,box-shadow .18s;position:relative;box-shadow:0 8px 30px #1f222f0e,0 1px 2px #1f222f06}.composer:focus-within{border-color:#7075bd52;box-shadow:0 10px 38px #1f222f13,0 0 0 4px #8f82df0f}.composer textarea{resize:vertical;width:100%;min-height:78px;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;line-height:1.8;display:block}.composer textarea::placeholder{color:#a3a4a9;opacity:1}.composer textarea:focus-visible{outline:0}.composer__toolbar,.composer__actions{justify-content:space-between;align-items:center;display:flex}.composer__toolbar{border-top:1px solid #30323911;gap:12px;min-height:39px;padding-top:10px}.composer__status{color:#898b91;align-items:center;gap:7px;font-size:10px;display:inline-flex}.composer__actions{gap:11px}.character-count{color:#92949a;direction:ltr;font-size:10px}.send-button{color:#fff;cursor:pointer;background:#292b31;border:1px solid #2b2d3412;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:background .15s,transform .15s,opacity .15s;display:grid}.send-button:hover:not(:disabled){background:#484956;transform:translateY(-1px)}.send-button:disabled{color:#a4a5aa;cursor:not-allowed;background:#f0f0f1}.send-button svg{width:17px;height:17px}.composer-notice{color:#626b89;text-align:right;background:#f0f3ffbf;border:1px solid #556fc21f;border-radius:13px;width:min(100%,740px);margin:12px auto 0;padding:10px 13px;font-size:11px;line-height:1.8}.privacy-note{color:#a0a1a6;margin:13px 0 0;font-size:10px}.app-footer{color:#a0a1a6;justify-content:center;align-items:center;gap:8px;min-height:53px;padding:10px 20px 18px;font-size:10px;display:flex}.footer-separator{color:#c0c1c5}.intro-screen{isolation:isolate;background:radial-gradient(at 50% 45%,#fffffffc 0,#fbfbfaf2 49%,#f6f6f5 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:22px;display:flex;position:fixed;inset:0;overflow:hidden}.intro-screen__topline{top:max(18px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute;left:clamp(18px,4vw,52px);right:clamp(18px,4vw,52px)}.intro-screen__brand{color:#777980;letter-spacing:.04em;direction:ltr;font-family:Georgia,serif;font-size:13px}.intro-skip{color:#666970;cursor:pointer;background:#fffc;border:1px solid #2a2c3317;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:7px 13px;font-size:11px;display:inline-flex}.intro-skip:hover{background:#fff}.intro-card{aspect-ratio:16/10;background:#fff;border:1px solid #3a3c4417;border-radius:25px;place-items:center;width:min(540px,92vw);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 50px #24262f12,0 0 46px #a493f21a}.intro-card__halo{z-index:-1;background:radial-gradient(circle,#b3a1fa2b,#addee917 42%,#0000 68%);border-radius:50%;position:absolute;inset:-14%}.intro-video{object-fit:contain;background:#fff;width:100%;height:100%}.intro-play{color:#3e4148;cursor:pointer;background:#fffffff0;border:1px solid #26282e1a;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 16px #14161e12}.intro-play__icon{color:#7470c7;font-size:10px}.intro-caption{color:#85868b;margin:20px 0 0;font-family:Noto Naskh Arabic,Noto Sans Arabic,serif;font-size:16px}.intro-orb{z-index:-1;aspect-ratio:1;filter:blur(3px);pointer-events:none;border-radius:50%;width:min(44vw,470px);position:absolute}.intro-orb--one{background:radial-gradient(circle,#beb2f91c,#0000 70%);top:2%;right:-13%}.intro-orb--two{background:radial-gradient(circle,#a1d9e51f,#0000 70%);bottom:-23%;left:-13%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.topbar{min-height:66px;padding:12px 16px}.brand-mark__symbol{flex-basis:35px;width:35px;height:35px}.brand-mark__symbol svg{width:26px;height:26px}.brand-mark__name{font-size:16px}.beta-pill{padding:6px 9px;font-size:10px}.profile-button{width:32px;height:32px}.workspace{width:min(100% - 28px,560px);padding:30px 0 26px}.chat-panel{margin-top:-2vh}.assistant-orbit{border-radius:15px;width:43px;height:43px;margin-bottom:18px}.chat-panel h1{font-size:clamp(29px,8vw,38px)}.welcome-copy{font-size:13px}.suggestions{scrollbar-width:none;justify-content:flex-start;gap:8px;margin:28px 0 14px;padding:2px 2px 5px;overflow-x:auto}.suggestions::-webkit-scrollbar{display:none}.suggestion-chip{min-width:max-content;min-height:37px;padding:7px 11px;font-size:10px}.composer{border-radius:20px;min-height:150px;padding:14px 14px 11px}.composer textarea{min-height:75px;font-size:13px}.composer__status{max-width:66%;font-size:9px}.privacy-note{max-width:300px;margin-left:auto;margin-right:auto;line-height:1.8}.app-footer{min-height:42px;padding-bottom:max(13px, env(safe-area-inset-bottom))}.intro-screen{padding:18px}.intro-card{aspect-ratio:4/3;border-radius:20px;width:min(100%,520px)}.intro-screen__topline{left:16px;right:16px}}@media (width<=380px){.beta-pill{display:none}.workspace{width:calc(100% - 22px)}.chat-panel h1{font-size:28px}.composer__toolbar{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}