@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 1px 3px rgba(16, 16, 20, .04)}.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: none}.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:250px;direction:rtl;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--card-shadow)}.marquee-card-img{height:150px;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-body{padding:12px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.marquee-pill{font-size:.85rem;padding:4px 13px}.marquee-card-title{font-size:.98rem;font-weight:600;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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{border:none;background:var(--chip-bg);color:var(--chip-text);border-radius:22px;padding:10px 18px;font-size:.95rem;font-weight:500;font-family:inherit;line-height:1.5;cursor:pointer;transition:background .15s ease,transform .12s ease}.chip:hover:enabled{background:var(--chip-bg-hover)}.chip:active:enabled{transform:scale(.97)}.chip:disabled{opacity:.55;cursor:default}.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{font-size:1.04rem;line-height:1.9;color:var(--text-2)}.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;gap:10px;color:var(--muted);font-size:.95rem}.status-dots:after{content:"";display:inline-block;width:24px;height:8px;background:url('data:image/svg+xml;utf8,<svg width="40" height="10" viewBox="0 0 40 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="4" fill="%238b8b94"/><circle cx="20" cy="5" r="4" fill="%238b8b94"/><circle cx="35" cy="5" r="4" fill="%238b8b94"/></svg>') no-repeat center / contain;animation:dots-breath 1.4s infinite ease-in-out}@keyframes dots-breath{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.story-cards{display:flex;gap:12px;overflow-x:auto;margin-inline:-16px;padding:4px 16px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-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%)}.story-cards::-webkit-scrollbar{display:none}.story-card{flex:0 0 auto;width:min(280px,76vw);scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:var(--card-shadow);transition:transform .15s ease,background .25s ease}.story-card:hover{transform:translateY(-2px)}.story-card-img{height:150px;background:var(--chip-bg)}.story-card-img img{width:100%;height:100%;object-fit:cover;display:block}.story-card-img.img-missing img{display:none}.story-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px}.story-card-meta{display:flex;align-items:center;gap:8px}.story-pill{border-radius:999px;padding:5px 15px;font-size:.92rem;font-weight:400;color:var(--pill-text)}.story-time{color:var(--muted);font-size:.82rem}.story-title{font-size:1rem;font-weight:700;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-excerpt{font-size:.85rem;color:var(--muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-green{background:#e4eddb}.cat-sand{background:#f2e7d2}.cat-blue{background:#ddebf7}.cat-violet{background:#e4e6f9}.cat-peach{background:#fae5d6}.cat-red{background:#fadede}.cat-khaki{background:#f0eacb}.cat-lilac{background:#eae0f8}.cat-pink{background:#f9dfea}.cat-teal{background:#daf0eb}.cat-neutral{background:#f0f0f2}.aleem-root[data-theme=dark] .cat-green{background:#2f4326}.aleem-root[data-theme=dark] .cat-sand{background:#493c22}.aleem-root[data-theme=dark] .cat-blue{background:#223b52}.aleem-root[data-theme=dark] .cat-violet{background:#2f345e}.aleem-root[data-theme=dark] .cat-peach{background:#543823}.aleem-root[data-theme=dark] .cat-red{background:#522a2a}.aleem-root[data-theme=dark] .cat-khaki{background:#453d1e}.aleem-root[data-theme=dark] .cat-lilac{background:#3c2f59}.aleem-root[data-theme=dark] .cat-pink{background:#522b3b}.aleem-root[data-theme=dark] .cat-teal{background:#244741}.aleem-root[data-theme=dark] .cat-neutral{background:#30303690}.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){.story-card{width:300px}.aleem-messages{padding:24px 24px 32px}}