.installed-app{--ink:#083d2e;--button:#0f6b3a;--muted:#5d7268;--line:#e4eee8;--shadow:0 10px 30px rgba(8,61,46,0.08);position:fixed;inset:0;z-index:80;height:100dvh;overflow:hidden;background:#e4efe8;color:var(--ink);text-align:start}.installed-app button,.installed-app input{font:inherit}.installed-app button{cursor:pointer}.installed-app button:disabled{opacity:.55}.installed-app[dir=rtl]{font-family:var(--font-persian),Vazirmatn,sans-serif}.installed-app .site-pane{width:100%;height:100%;min-height:0;border:0;background:white}.installed-app .landing{position:absolute;left:0;right:0;top:env(safe-area-inset-top);bottom:calc(78px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:#e7efe9}.installed-app .deck{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}.installed-app .deck::-webkit-scrollbar{display:none}.installed-app .slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.installed-app .slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.installed-app .landing-foot{display:grid;justify-items:center;gap:10px;padding:8px 18px 12px;background:#f4faf6}.installed-app .pager{display:flex;gap:8px}.installed-app .pager button{width:28px;height:4px;border:0;border-radius:99px;padding:0;background:#d5e3da}.installed-app .pager button.on{background:#21b454}.installed-app .start-now{width:min(100%,420px);min-height:52px;border:0;border-radius:999px;color:white;font-weight:700;font-size:17px;background:linear-gradient(180deg,#1eaf62,#0e8a42 58%,#0b7336)}.installed-app .inside{position:absolute;left:0;right:0;top:0;bottom:calc(78px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:white;padding-top:env(safe-area-inset-top)}.installed-app .inside-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:white;border-bottom:1px solid var(--line)}.installed-app .inside-bar strong{display:block;font-size:15px}.installed-app .inside-bar span{color:var(--muted);font-size:12px}.installed-app .inside .site-pane{flex:1}.installed-app .back{border:0;background:white;width:36px;height:36px;border-radius:12px;color:var(--ink)}.installed-app .screen{width:min(100%,840px);margin:0 auto;height:100%;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(108px + env(safe-area-inset-bottom))}.installed-app .top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.installed-app .top strong{display:block;font-size:15px}.installed-app .top span{color:var(--muted);font-size:12px}.installed-app .logo-dot{width:36px;height:36px;border-radius:10px;overflow:hidden;flex:none}.installed-app .logo-dot img{width:36px;height:36px;display:block}.installed-app h1.hello{margin:8px 0 0;font-size:28px;letter-spacing:-.03em;text-align:start}.installed-app .lead{margin:4px 0 16px;color:#3e564c;font-size:16px;text-align:start}.installed-app .cards{display:grid;gap:12px;margin-top:16px}.installed-app .setting{width:100%;text-align:start;background:white;border:0;border-radius:20px;padding:14px;box-shadow:var(--shadow);color:inherit}.installed-app .setting b,.installed-app .setting small{display:block}.installed-app .setting small{color:var(--muted);font-size:13px;margin-top:2px}.installed-app .founder{display:flex;gap:12px;align-items:center}.installed-app .founder img{width:48px;height:48px;border-radius:16px;-o-object-fit:cover;object-fit:cover;background:#e7f3ec}.installed-app .founder a{color:var(--button);font-weight:600;font-size:13px}.installed-app .lang{display:flex;gap:8px;margin-top:8px}.installed-app .lang button{border:0;background:#f4f7f1;color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:600;font-size:13px}.installed-app .lang button.on{background:var(--ink);color:white}.installed-app .primary,.installed-app .secondary{border-radius:999px;min-height:52px;padding:0 22px;font-weight:600;width:100%}.installed-app .primary{border:0;background:var(--button);color:white}.installed-app .secondary{background:white;color:var(--ink);border:1.5px solid #cfe0d6}.installed-app .banner{margin-top:14px;background:#e9f8ef;color:#145233;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.45;text-align:start}.installed-app .manual{background:white;border-radius:24px;padding:16px;box-shadow:var(--shadow)}.installed-app .thread{display:flex;flex-direction:column;gap:10px}.installed-app .bubble{max-width:86%;padding:12px 14px;border-radius:18px;line-height:1.45;font-size:14.5px;white-space:pre-wrap;text-align:start}.installed-app .bubble.bot{background:white;box-shadow:var(--shadow)}.installed-app .bubble.user{align-self:flex-end;background:var(--ink);color:white}.installed-app[dir=rtl] .bubble.user{align-self:flex-start}.installed-app .meta{margin:4px 2px 0;color:var(--muted);font-size:11px}.installed-app .typing{display:flex;gap:5px;width:-moz-fit-content;width:fit-content}.installed-app .typing i{width:7px;height:7px;border-radius:99px;background:var(--ink);display:block;animation:mm-blink 1s ease-in-out infinite}.installed-app .typing i:nth-child(2){animation-delay:.15s}.installed-app .typing i:nth-child(3){animation-delay:.3s}@keyframes mm-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.installed-app .composer{position:absolute;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;gap:8px}.installed-app .composer input{width:100%;border:0;background:white;border-radius:16px;min-height:48px;padding:0 16px;box-shadow:var(--shadow);color:var(--ink)}.installed-app .composer button{width:52px;border-radius:16px}.installed-app .tabs{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),840px);height:62px;background:white;border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 10px 28px rgba(8,61,46,.12);z-index:5;padding-bottom:0}.installed-app .tabs button{border:0;background:transparent;color:#8aa094;font-size:10px;font-weight:600;display:grid;justify-items:center;align-content:center;gap:3px}.installed-app .tabs button.on{color:var(--button)}.installed-app .stack{display:grid;gap:8px;margin-top:18px}@media (min-width:700px){.installed-app .inside,.installed-app .landing{bottom:calc(86px + env(safe-area-inset-bottom))}.installed-app .tabs{height:70px}.installed-app .tabs button{font-size:12px}}