:root{--cover:#1a2332;--cover-raised:#243044;--cover-ink:#eef2f7;--cover-mute:#9aa8bc;--page:#f4f0e8;--ink:#1b2836;--ink-mute:#4a5a6c;--line:#d9d0c2;--user-bg:#1f4f8a;--bot-bg:#fffdf8;--accent:#c42b2b;--danger:#9f1d1d;--type:"Segoe UI", system-ui, -apple-system, sans-serif;--nav:320px;--rule:#c5d0dc;--margin-x:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}html{font-kerning:normal;font-variant-ligatures:none}::selection{color:var(--ink);background:#c5d4ea}:focus-visible{outline:2px solid var(--user-bg);outline-offset:3px}body{font-family:var(--type);color:var(--ink);background:var(--page);caret-color:var(--user-bg);font-size:16px;line-height:1.55}button,textarea,select{font-family:inherit;font-size:inherit}.app{height:100%;background:var(--page);height:100dvh;display:flex;overflow:hidden}.backdrop{display:none}.sidebar{width:var(--nav);background:var(--cover);color:var(--cover-ink);flex-direction:column;flex-shrink:0;gap:16px;padding:22px 18px 16px;display:flex;overflow:hidden}.nav-closed .sidebar{display:none}.brand-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.brand h1{margin:0}.brand-logo{mix-blend-mode:screen;width:auto;max-width:240px;height:44px;display:block}.new-chat{-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;background:var(--user-bg);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:inline-flex}.new-chat:hover{filter:brightness(1.08)}.new-chat svg,.icon-btn svg,.ask-btn svg,.thread-del svg{width:16px;height:16px;display:block}.pickers{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--cover-mute);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.field span svg{width:14px;height:14px;color:var(--cover-ink)}.field select{-webkit-appearance:none;appearance:none;background:var(--cover-raised);width:100%;color:var(--cover-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%239aa8bc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #33425a;border-radius:10px;padding:10px 30px 10px 12px}.threads{flex-direction:column;flex:1;gap:4px;display:flex;overflow:auto}.threads::-webkit-scrollbar{width:8px}.threads::-webkit-scrollbar-thumb{background:#33425a}.thread{-webkit-appearance:none;appearance:none;text-align:left;width:100%;color:var(--cover-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 8px 10px 12px;display:flex}.thread>svg{width:14px;height:14px;color:var(--cover-mute);flex-shrink:0}.thread:hover,.thread.on{background:var(--cover-raised)}.thread-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.thread-del{width:28px;height:28px;color:var(--cover-mute);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.thread-del:hover{color:#fff;background:#33425a}.chat{background:#eef7f1;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.banner{background:linear-gradient(#f4fbf7 0%,#e7f4ec 100%);border-bottom:1px solid #d5e6db;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu lede urdu""menu picks urdu";align-items:center;gap:8px 16px;min-width:0;max-width:100%;padding:10px 14px 8px;display:grid}.banner>.icon-btn{grid-area:menu}.banner-lede{grid-area:lede;min-width:0}.pick-bar{flex-wrap:wrap;grid-area:picks;gap:8px;min-width:0;max-width:100%;display:flex}.pick-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.banner-title{letter-spacing:-.03em;color:#163024;margin:0 0 2px;font-size:20px;font-weight:700;line-height:1.2}.mark{background-image:linear-gradient(#f3e27a,#f3e27a);background-position:0 88%;background-repeat:no-repeat;background-size:100% 7px}.banner-sub{color:#3d5a4c;max-width:36rem;margin:0 0 8px;font-size:13px;line-height:1.4}.seg{background:#fff;border:1px solid #c9ddd2;border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.seg-btn{-webkit-appearance:none;appearance:none;color:#163024;cursor:pointer;background:0 0;border:0;border-right:1px solid #e3eee7;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.seg-btn:last-child{border-right:0}.seg-btn svg{width:12px;height:12px}.seg-btn.ghost,.seg-btn:disabled{opacity:.4;cursor:default}.seg-btn.on{color:#fff;background:#1f7a4d}.banner-line{color:#163024;text-align:right;grid-area:urdu;min-width:0;max-width:15rem;margin:0;font-family:Noto Nastaliq Urdu,serif;font-size:17px;font-weight:700;line-height:2.15}.sheet{background-color:var(--page);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, var(--rule) 27px, var(--rule) 28px);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sheet:after{content:"";top:0;bottom:0;left:var(--margin-x);background:var(--accent);pointer-events:none;z-index:1;width:2px;position:absolute}.icon-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{border-color:#c5bbae}.mobile-only{display:none}.messages{padding:20px 24px 12px calc(var(--margin-x) + 20px);z-index:2;flex:1;position:relative;overflow:auto}.messages::-webkit-scrollbar{width:10px}.messages::-webkit-scrollbar-thumb{background:#c5bbae}.row{width:100%;margin:0 0 16px;display:flex}.row.user{justify-content:flex-end}.row.bot{justify-content:flex-start}.bubble{border-radius:18px;padding:12px 16px 14px}.bubble.user{background:var(--user-bg);color:#f4f8ff;border-bottom-right-radius:6px;max-width:min(70%,42rem)}.bubble.bot{background:var(--bot-bg);width:100%;max-width:none;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:6px;box-shadow:0 6px 18px #1b28360f}.who{margin:0 0 6px;font-size:12px;font-weight:700}.bubble.user .who{color:#c5d4ea}.bubble.bot .who{color:var(--ink-mute)}.bubble-text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.65}.cites{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.page-chip{color:var(--accent);background:#f8e8e8;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.page-chip svg{width:12px;height:12px}.related{color:var(--ink-mute);margin:8px 0 0;font-size:13px}.empty-chat{width:100%;margin:8px 0 0}.empty-lead{color:var(--ink);margin:0 0 12px;font-size:16px;font-weight:700}.prompt-row{flex-direction:column;gap:8px;display:flex}.chip{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bot-bg);color:var(--ink);cursor:pointer;text-align:left;border-radius:14px;padding:12px 14px;font-size:15px}.chip:hover{border-color:var(--user-bg);color:var(--user-bg)}.wait{color:var(--ink-mute)}.wait-card{overflow:hidden}.wait-bar{background:#e6ddd0;border-radius:99px;height:4px;margin-top:10px;overflow:hidden}.wait-bar i{background:var(--user-bg);width:36%;height:100%;animation:1.15s ease-in-out infinite wait-slide;display:block}@keyframes wait-slide{0%{transform:translate(-20%)}to{transform:translate(220%)}}.composer{width:100%;padding:0 24px 20px calc(var(--margin-x) + 20px);z-index:2;flex-shrink:0;margin:0;position:relative}.composer-well.busy{opacity:.72}.composer-well{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;display:flex;box-shadow:0 8px 24px #1b283614}.composer-well>svg{width:18px;height:18px;color:var(--ink-mute);flex-shrink:0;margin-bottom:8px}.composer textarea{resize:none;min-height:28px;max-height:160px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.composer textarea::placeholder{color:var(--ink-mute)}.ask-btn{-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;background:var(--user-bg);border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.ask-btn:hover:not(:disabled){filter:brightness(1.08)}.ask-btn:disabled{opacity:.35;cursor:default}.err{color:var(--danger);margin:8px 4px 0;font-size:14px}@media (max-width:860px){:root{--margin-x:18px;--nav:300px}.backdrop{z-index:20;background:#0f141c73;border:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{z-index:30;height:100%;height:100dvh;width:min(var(--nav), 88vw);max-width:100%;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));position:fixed;top:0;bottom:0;left:0;right:auto;box-shadow:8px 0 24px #0f141c47}.nav-closed .sidebar{display:none}.mobile-only{display:grid}.brand-logo{max-width:200px;height:36px}.banner{width:100%;padding:8px 10px 10px;padding-top:calc(8px + env(safe-area-inset-top));grid-template-columns:44px minmax(0,1fr);grid-template-areas:"menu urdu""picks picks";align-items:start;gap:8px;display:grid}.banner>.icon-btn{grid-area:menu}.banner-lede{display:none}.banner-line{text-align:right;grid-area:urdu;width:auto;max-width:none;margin:0;font-size:16px;line-height:2;display:block}.pick-bar{flex-direction:column;grid-area:picks;gap:6px;width:100%;min-width:0;max-width:100%;display:flex}.pick-row{width:100%;min-width:0;display:block}.seg{background:#fff;border:1px solid #c9ddd2;border-radius:999px;flex-wrap:nowrap;gap:0;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.seg-btn{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-right:1px solid #e3eee7;border-radius:0;flex:1;justify-content:center;min-width:0;max-width:100%;min-height:36px;padding:6px 4px;overflow:hidden}.seg-btn:last-child{border-right:0}.seg-btn.on{background:#1f7a4d;border-color:#0000}.icon-btn{width:44px;height:44px}.messages{padding:12px 12px 8px calc(var(--margin-x) + 12px)}.composer{padding:0 12px calc(10px + env(safe-area-inset-bottom)) calc(var(--margin-x) + 12px)}.composer-well{border-radius:16px;padding:8px 8px 8px 12px}.composer-well>svg{display:none}.ask-btn{min-height:44px;padding:10px 14px}.bubble.user{max-width:min(88%,42rem)}.chip{min-height:44px}}@media (max-width:480px){:root{--margin-x:14px}}@media (prefers-reduced-motion:reduce){.wait-bar i{width:100%;animation:none}}