@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100vw;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;line-height:1.5;background-color:#fff;color:#213547}@media (prefers-color-scheme: dark){body{background-color:#242424;color:#ffffffde}button{background-color:#444;color:#fff}}.aleem-root{--bg: #ffffff;--surface: #ffffff;--text: #101014;--text-2: #3d3d46;--muted: #8b8b94;--border: rgba(16, 16, 20, .09);--chip-bg: #f4f4f5;--chip-bg-hover: #ebebee;--chip-text: #2c2c33;--invert-bg: #111114;--invert-text: #ffffff;--pill-text: #101014;--card-shadow: 0 2px 8px rgba(16, 16, 20, .05)}.aleem-root[data-theme=dark]{--bg: #0e0e10;--surface: #17171a;--text: #f4f4f5;--text-2: #d0d0d6;--muted: #90909a;--border: rgba(255, 255, 255, .11);--chip-bg: #222226;--chip-bg-hover: #2c2c31;--chip-text: #e6e6ea;--invert-bg: #f4f4f5;--invert-text: #101014;--pill-text: #f4f4f5;--card-shadow: 0 2px 10px rgba(0, 0, 0, .28)}.aleem-root{height:100dvh;width:100%;display:flex;flex-direction:column;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;color:var(--text);background:var(--bg);overflow:hidden;transition:background .25s ease,color .25s ease}.aleem-header{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border);z-index:5;overflow:hidden;transition:background .25s ease}.aleem-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:116px;object-fit:contain;pointer-events:none}.aleem-root[data-theme=dark] .aleem-logo{filter:invert(1)}.theme-toggle{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.theme-toggle button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.theme-toggle button.active{background:var(--invert-bg);color:var(--invert-text)}.header-actions{min-width:66px;display:flex;justify-content:flex-end}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;transition:background .2s ease}.icon-btn:hover:enabled{background:var(--chip-bg)}.icon-btn:disabled{opacity:.45;cursor:default}.aleem-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.aleem-scroll::-webkit-scrollbar{display:none}.aleem-messages{width:100%;max-width:720px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 24px;display:flex;flex-direction:column;gap:16px}.aleem-hero{margin:auto 0;width:100%;display:flex;flex-direction:column;gap:30px;padding:24px 0}.hero-body{max-width:640px;margin:0 auto;padding:0 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.marquee{position:relative;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.marquee-track{display:flex;direction:ltr;width:max-content;gap:12px;padding:6px 12px;animation-name:marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.marquee:hover .marquee-track,.marquee:active .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none;transform:translate(-50%)}}.marquee-card{flex:0 0 auto;width:min(290px,78vw);direction:rtl;text-decoration:none;color:inherit;background:var(--card-bg, var(--surface));border:none;border-radius:35px;overflow:hidden;box-shadow:var(--card-shadow)}.marquee-card-img{position:relative;height:190px;background:var(--chip-bg)}.marquee-card-img img{width:100%;height:100%;object-fit:cover;display:block}.marquee-card-img.img-missing img{display:none}.marquee-card-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,var(--card-bg, var(--surface)),transparent);pointer-events:none;z-index:1}.marquee-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.marquee-pill{font-size:.74rem;padding:4px 12px;align-self:center}.marquee-card-title{font-size:1.08rem;font-weight:700;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marquee-time{align-self:center;color:var(--muted);font-size:.82rem}.sk-marquee{position:relative;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.sk-cards{display:flex;direction:ltr;gap:12px;padding:6px 12px}.sk-card{cursor:default}.sk-block{position:relative;overflow:hidden;background:var(--chip-bg);border-radius:8px}.sk-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:sk-shimmer 1.3s ease-in-out infinite}.aleem-root[data-theme=dark] .sk-block:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes sk-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.sk-block:after{animation:none}}.sk-img{height:150px;border-radius:0}.sk-pill{width:68px;height:22px;border-radius:999px}.sk-line{width:100%;height:14px}.sk-line-short{width:65%}.sk-chip{height:42px;border:none}.chip{display:inline-flex;align-items:center;gap:7px;border:none;background:var(--chip-bg);color:var(--chip-text);border-radius:22px;padding:10px 16px;font-size:.95rem;font-weight:500;font-family:inherit;line-height:1.5;cursor:pointer;transition:filter .15s ease,transform .12s ease}.chip:hover:enabled{filter:brightness(.96)}.chip:active:enabled{transform:scale(.97)}.chip:disabled{opacity:.55;cursor:default}.chip-spark{flex:0 0 auto}.hero-chips .chip:not(.sk-chip),.assistant-chips .chip{color:#101014;animation:chip-in .34s ease backwards}.chip.cat-saudi{background:#eef4ee}.chip.cat-uae{background:#eceff7}.chip.cat-business{background:#f3f1df}.chip.cat-lifestyle{background:#f8f2fb}.chip.cat-sport{background:#e6f2f5}.chip.cat-economy{background:#f7ebeb}.chip.cat-misc{background:#ede8f7}.chip.cat-culture{background:#f7ede6}.chip.cat-tech{background:#eff1f9}@keyframes chip-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-chips .chip:not(.sk-chip),.assistant-chips .chip{animation:none}}.msg-user{position:relative;align-self:flex-start;max-width:85%;padding-block:6px;padding-inline:16px 4px;font-size:1.12rem;font-weight:700;line-height:1.7;animation:msg-in .4s ease}.msg-user:after{content:"";position:absolute;top:8px;inset-inline-start:0;width:4px;height:calc(100% - 16px);border-radius:4px;background:var(--text)}.msg-assistant{align-self:stretch;display:flex;flex-direction:column;gap:12px;animation:msg-in .4s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-text{display:flex;align-items:flex-start;gap:9px;font-size:1.12rem;line-height:1.9;color:var(--text-2)}.answer-spark{flex:0 0 auto;margin-top:7px}.msg-text-body{flex:1 1 auto;min-width:0}.msg-assistant.error .msg-text{color:#b3475c}.rt-line{margin:0 0 4px}.rt-gap{height:8px}.msg-assistant.streaming .msg-text .rt-line:last-child:after{content:"▍";margin-inline-start:2px;color:var(--text);animation:caret-blink 1s steps(2) infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.rt-link{display:inline-block;padding:3px 14px;margin:6px 0 0;border-radius:38px;background:var(--invert-bg);color:var(--invert-text);font-size:.92rem;font-weight:500;text-decoration:none;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:opacity .15s ease}.rt-link:hover{opacity:.85}.msg-status{display:flex;align-items:center;padding:4px 2px}.loader-dots{display:inline-flex;gap:6px}.loader-dots i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:loader-bounce 1.2s infinite ease-in-out both}.loader-dots i:nth-child(1){animation-delay:-.24s}.loader-dots i:nth-child(2){animation-delay:-.12s}@keyframes loader-bounce{0%,80%,to{transform:scale(.5);opacity:.35}40%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.loader-dots i{animation:none;opacity:.6}}.story-cards{display:flex;gap:12px;overflow-x:auto;margin-inline:-16px;padding:4px 16px 10px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.story-cards::-webkit-scrollbar{display:none}.story-card{flex:0 0 auto;width:min(290px,78vw);scroll-snap-align:start;background:var(--card-bg, var(--surface));border:none;border-radius:35px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:var(--card-shadow);transition:background .25s ease}.story-card-img{position:relative;height:190px;background:var(--chip-bg)}.story-card-img img{width:100%;height:100%;object-fit:cover;display:block}.story-card-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,var(--card-bg, var(--surface)),transparent);pointer-events:none;z-index:1}.story-card-img.img-missing img{display:none}.story-card-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:9px}.story-pill{border-radius:999px;padding:6px 17px;font-size:.95rem;font-weight:400;color:#101014}.pill-overlay{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap}.story-time{align-self:center;color:var(--muted);font-size:.82rem}.story-title{font-size:1.22rem;font-weight:700;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-pill.cat-saudi,.marquee-pill.cat-saudi{background:#cae3ca}.story-pill.cat-uae,.marquee-pill.cat-uae{background:#eceff7}.story-pill.cat-business,.marquee-pill.cat-business{background:#e8e0a7}.story-pill.cat-lifestyle,.marquee-pill.cat-lifestyle{background:#f5e3ff}.story-pill.cat-sport,.marquee-pill.cat-sport{background:#bfe8f2}.story-pill.cat-economy,.marquee-pill.cat-economy{background:#ffcfcf}.story-pill.cat-misc,.marquee-pill.cat-misc{background:#e0d4ff}.story-pill.cat-culture,.marquee-pill.cat-culture{background:#ffdabf}.story-pill.cat-tech,.marquee-pill.cat-tech{background:#dbe0ff}.story-pill.cat-podcast,.marquee-pill.cat-podcast{background:#eceff7}.story-pill.cat-default,.marquee-pill.cat-default{background:#000;color:#fff}.aleem-root[data-theme=light] .story-card.cat-saudi,.aleem-root[data-theme=light] .marquee-card.cat-saudi{--card-bg: #eef4ee}.aleem-root[data-theme=light] .story-card.cat-uae,.aleem-root[data-theme=light] .marquee-card.cat-uae{--card-bg: #eceff7}.aleem-root[data-theme=light] .story-card.cat-business,.aleem-root[data-theme=light] .marquee-card.cat-business{--card-bg: #f3f1df}.aleem-root[data-theme=light] .story-card.cat-lifestyle,.aleem-root[data-theme=light] .marquee-card.cat-lifestyle{--card-bg: #f8f2fb}.aleem-root[data-theme=light] .story-card.cat-sport,.aleem-root[data-theme=light] .marquee-card.cat-sport{--card-bg: #e6f2f5}.aleem-root[data-theme=light] .story-card.cat-economy,.aleem-root[data-theme=light] .marquee-card.cat-economy{--card-bg: #f7ebeb}.aleem-root[data-theme=light] .story-card.cat-misc,.aleem-root[data-theme=light] .marquee-card.cat-misc{--card-bg: #ede8f7}.aleem-root[data-theme=light] .story-card.cat-culture,.aleem-root[data-theme=light] .marquee-card.cat-culture{--card-bg: #f7ede6}.aleem-root[data-theme=light] .story-card.cat-tech,.aleem-root[data-theme=light] .marquee-card.cat-tech{--card-bg: #eff1f9}.aleem-root[data-theme=light] .story-card.cat-podcast,.aleem-root[data-theme=light] .marquee-card.cat-podcast{--card-bg: #eceff7}.assistant-chips{display:flex;flex-wrap:wrap;gap:8px}.aleem-composer{position:relative;flex:0 0 auto;padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);transition:background .25s ease}.aleem-composer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:32px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}.composer-form{display:flex;align-items:center;gap:10px;max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:40px;padding:7px;transition:background .25s ease}.composer-input{flex:1;border:none;outline:none;background:transparent;font-size:1.05rem;font-family:inherit;color:var(--text);padding:8px 12px;min-width:0}.composer-input::placeholder{color:var(--muted)}.composer-input:disabled{color:var(--muted)}.composer-send{width:44px;height:44px;flex:0 0 auto;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:linear-gradient(90deg,#6b9dee 20%,#a0579f,#6b9dee);background-size:200% 100%;animation:send-sheen 6s linear infinite;transition:opacity .15s ease}@keyframes send-sheen{0%{background-position:200% 0}to{background-position:0 0}}.composer-send:hover:enabled{opacity:.9}.composer-send:disabled{opacity:.55;cursor:default}@media (min-width: 700px){.aleem-messages{padding:24px 24px 32px}.story-cards{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:24px;scroll-padding-inline:24px;justify-content:safe center}}