:root{--bg: #060809;--bg-elevated: #0c1011;--surface: #111718;--surface-soft: #172122;--surface-warm: #191413;--line: rgba(239, 216, 188, .16);--line-strong: rgba(239, 216, 188, .28);--text: #f3eadf;--text-soft: #d4c7ba;--muted: #9c9188;--teal: #49c3ae;--teal-deep: #123d3b;--coral: #ff8378;--coral-deep: #6e2f2d;--gold: #e9bd72;--gold-deep: #4b3620;--danger: #ff8b8b;--warn: #f2c35c;--radius-sm: 10px;--radius: 18px;--radius-lg: 28px;--shadow: 0 18px 40px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-block-size:100%;margin:0}body{background:radial-gradient(circle at 50% 0%,rgba(30,95,84,.2),transparent 34rem),linear-gradient(180deg,#050606,#0b0d0d 52%,#050606);color:var(--text);font-family:Inter,Noto Sans Arabic,IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-block-size:100dvh}.app-bar{display:flex;align-items:center;gap:10px;inline-size:min(100%,520px);margin-inline:auto;padding-block:18px 10px;padding-inline:16px}.brand-lockup{display:inline-flex;align-items:center;gap:8px;color:var(--gold)}.brand-lockup strong{font-size:1.7rem;line-height:1}.brand-lockup svg{color:var(--coral)}.spacer{flex:1}.content{flex:1;inline-size:min(100%,520px);margin-inline:auto;padding-block:4px 98px;padding-inline:16px}.muted{color:var(--muted);margin:0}.icon-btn,.round-action,.send-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);display:inline-grid;place-items:center;color:var(--text);background:#ffffff0a;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-btn{inline-size:48px;block-size:48px;border-radius:999px}.icon-btn.subtle{inline-size:42px;block-size:42px;color:var(--muted)}.icon-btn:hover,.round-action:hover,.send-btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.pill-btn,.balance-chip{display:inline-flex;align-items:center;gap:7px;min-block-size:42px;padding-block:8px;padding-inline:13px;border:1px solid var(--line);border-radius:999px;background:#ffffff0b;color:var(--gold);white-space:nowrap}.pill-btn{cursor:pointer}.balance-chip{color:var(--text)}.balance-chip svg{color:var(--gold)}.balance-chip.interactive{cursor:pointer}.balance-chip.interactive:disabled{opacity:.58;cursor:wait}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-block:9px;padding-inline:16px;border-radius:999px;background:#ffffff0e;color:var(--text);cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--coral),#d55d56);border-color:#ff837894;color:#fff7f0;box-shadow:0 12px 24px #ff756924}.btn.ghost{background:transparent}.btn.block{inline-size:100%}.btn.tonal{min-inline-size:92px;color:#fff9f2}.btn.tonal.coral{background:linear-gradient(135deg,#ad514b,#c96760);border-color:#ff837873}.btn.tonal.teal{background:linear-gradient(135deg,#1e5753,#2f8077);border-color:#49c3ae6b}.btn.tonal.gold{background:linear-gradient(135deg,#725326,#9d7538);border-color:#e9bd7270}.auth-screen{inline-size:100%;max-inline-size:100%;min-block-size:100dvh;display:flex;flex-direction:column;justify-content:center;gap:20px;padding-block:22px;overflow-x:hidden}.auth-top{display:flex;justify-content:flex-end}.auth-brand{text-align:center}.brand-mark{inline-size:74px;block-size:74px;display:grid;place-items:center;margin-inline:auto;border:1px solid rgba(255,131,120,.28);border-radius:26px;background:linear-gradient(145deg,#ff83782e,#49c3ae14);color:var(--coral)}.auth-brand h1{margin-block:14px 6px;color:var(--gold);font-size:clamp(2.5rem,14vw,4rem);line-height:1}.auth-brand p{margin:0;color:var(--text-soft)}.auth-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-inline-size:0}.auth-value-grid div{min-block-size:80px;padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);text-align:center;font-size:.82rem}.auth-value-grid svg{color:var(--teal)}.auth-card,.create-form{inline-size:100%;min-inline-size:0;border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;background:#0a0e0fdb;box-shadow:var(--shadow)}.auth-mode,.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffff09}.auth-mode{margin-block-end:16px}.auth-mode button,.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-inline-size:0;min-block-size:48px;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;white-space:normal}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-mode button.active,.segmented button.active{background:linear-gradient(135deg,#13423ef0,#0f2d2bfa);color:var(--text);box-shadow:inset 0 -2px 0 var(--teal)}.field{display:flex;flex-direction:column;gap:6px;margin-block-end:13px;text-align:start}.field span{color:var(--text-soft);font-size:.88rem}input,textarea{inline-size:100%;border:1px solid var(--line);border-radius:14px;background:#ffffff0b;color:var(--text);padding-block:12px;padding-inline:13px;resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid rgba(73,195,174,.78);outline-offset:2px}.home-screen,.chat-screen{display:flex;flex-direction:column;gap:16px}.privacy-banner,.privacy-card{display:flex;align-items:center;justify-content:center;gap:8px;min-block-size:54px;padding-inline:14px;border-radius:var(--radius);background:#ffffff0a;color:var(--text-soft);text-align:center}.privacy-banner svg,.privacy-card svg{color:var(--teal);flex:none}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-block-start:4px}.section-head h1{margin-block:4px 0;font-size:1.42rem;line-height:1.25}.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:.9rem}.section-kicker svg{color:var(--coral)}.quick-card,.create-card,.privacy-card,.empty-state{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0e,#ffffff06)}.quick-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px}.quick-card .section-kicker{grid-column:1 / -1;justify-content:flex-end}.quick-copy{min-inline-size:0}.quick-copy strong{display:block;color:var(--coral);font-size:1.35rem}.quick-copy p,.quick-copy span{margin:0;color:var(--muted)}.quick-copy span{color:var(--teal)}.avatar{inline-size:82px;block-size:82px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.54);box-shadow:0 0 0 5px #0000002e;flex:none}.avatar.lg{inline-size:88px;block-size:88px}.avatar.xl{inline-size:112px;block-size:112px}.companion-list{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#ffffff09}.companion-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:16px;padding-inline:16px;border-block-end:1px solid var(--line)}.companion-row:last-child{border-block-end:0}.companion-row.coral .avatar{border-color:#ff8378c7}.companion-row.teal .avatar{border-color:#49c3aec2}.companion-row.gold .avatar{border-color:#e9bd72c2}.companion-copy{min-inline-size:0}.companion-copy strong{display:block;color:var(--coral);font-size:1.35rem;line-height:1.2}.companion-row.teal .companion-copy strong{color:var(--teal)}.companion-row.gold .companion-copy strong{color:var(--gold)}.companion-copy span{color:var(--text-soft)}.companion-copy p{margin-block:4px 0;margin-inline:0;color:var(--teal);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px}.create-card strong{display:block;font-size:1.25rem}.create-card p{margin-block:2px 0;margin-inline:0;color:var(--muted)}.create-illustration{inline-size:64px;block-size:64px;border-radius:22px;display:grid;place-items:center;color:var(--teal);background:linear-gradient(145deg,#49c3ae29,#e9bd721a);border:1px solid rgba(73,195,174,.16)}.round-action{inline-size:58px;block-size:58px;border-radius:999px;color:var(--text);background:linear-gradient(145deg,#49c3ae40,#ffffff08)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.chat-list-panel{display:flex;flex-direction:column;gap:14px}.empty-state{min-block-size:220px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.empty-state svg{color:var(--teal)}.empty-state strong{font-size:1.2rem}.empty-state p{margin:0;color:var(--muted)}.chat-screen{min-block-size:calc(100dvh - 20px);padding-block:12px 0}.chat-top{display:flex;align-items:center;gap:10px}.chat-avatar{inline-size:54px;block-size:54px}.chat-title{min-inline-size:0;flex:1}.chat-title strong{display:block;font-size:1.25rem}.chat-title span{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:.86rem}.messages{flex:1;min-block-size:360px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-block:6px 2px;scrollbar-width:thin}.chat-empty{margin-block:auto;border-style:dashed}.bubble{max-inline-size:min(84%,34rem);padding-block:10px;padding-inline:14px;border-radius:18px;border:1px solid var(--line);background:#ffffff0d;color:var(--text)}.bubble p{margin-block:2px 0;margin-inline:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-role{color:var(--muted);font-size:.75rem}.bubble.user{align-self:flex-start;background:linear-gradient(135deg,#ff8378f2,#b8524dfa);color:#fffaf5;border-color:#ff837873}.bubble.user .bubble-role{color:#ffffffbd}.bubble.assistant{align-self:flex-end;background:#ffffff0e}.bubble.streaming{border-color:#49c3ae52}.typing-dots{display:inline-flex;align-items:center;gap:5px;min-block-size:24px;margin-block-start:4px}.typing-dots span{inline-size:7px;block-size:7px;border-radius:999px;background:var(--teal);opacity:.4;animation:typing-pulse 1.05s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.14s}.typing-dots span:nth-child(3){animation-delay:.28s}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.notice{border:1px solid var(--line);border-radius:var(--radius);padding-block:12px;padding-inline:14px;background:#ffffff0b}.notice.danger{color:var(--danger);border-color:#ff8b8b52}.notice.warn{display:flex;align-items:center;gap:10px;color:var(--text);border-color:#f2c35c57;background:#533e1361}.notice.warn span{flex:1}.composer{position:sticky;inset-block-end:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding-block:10px 14px;background:linear-gradient(180deg,transparent,rgba(6,8,9,.96) 20%)}.composer input{min-block-size:52px;border-radius:999px}.send-btn{inline-size:52px;block-size:52px;border-radius:999px;background:linear-gradient(145deg,var(--coral),#c85f57);color:#fff;border-color:#ff83787a}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:repeat(4,1fr);inline-size:min(100%,520px);margin-inline:auto;padding-block:8px 12px;padding-inline:10px;border:1px solid var(--line);border-block-end:0;border-start-start-radius:28px;border-start-end-radius:28px;background:#0c1011f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -18px 36px #00000059}.bottom-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-block-size:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--muted);font-size:.78rem}.bottom-nav-item.active{color:var(--coral)}@media(min-width:760px){.content,.app-bar,.bottom-nav{inline-size:min(100%,760px)}.home-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:start}.privacy-banner,.segmented,.quick-card,.section-head,.companion-list,.create-card,.create-form,.privacy-card,.chat-list-panel{grid-column:1 / -1}.chat-screen{min-block-size:calc(100dvh - 38px)}}@media(max-width:430px){.content{overflow-x:hidden}.auth-value-grid div{padding-inline:6px;font-size:.76rem}.app-bar{gap:7px;padding-inline:10px}.brand-lockup strong{font-size:1.45rem}.pill-btn,.balance-chip{padding-inline:10px}.quick-card,.companion-row,.create-card{gap:10px;padding-inline:12px}.avatar{inline-size:70px;block-size:70px}.btn.tonal{min-inline-size:76px;padding-inline:12px}.companion-copy p{max-inline-size:11rem}}.mvp-app .content,.mvp-content{padding-block-start:6px}.mvp-app{overflow-x:hidden}.mvp-app.chat-mode{block-size:100dvh;min-block-size:100dvh;overflow:hidden}.mvp-app.chat-mode .mvp-topbar{flex:0 0 auto}.mvp-content.chat-content{flex:1 1 auto;display:flex;flex-direction:column;min-block-size:0;padding-block:0;overflow:hidden}.mvp-topbar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#060809f5,#060809b8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pill-btn.coral{border-color:#ff83786b;color:var(--coral)}.mvp-screen{display:flex;flex-direction:column;gap:18px;padding-block-end:18px}.hero-panel{border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;background:linear-gradient(150deg,rgba(73,195,174,.14),transparent 42%),#ffffff09;box-shadow:var(--shadow)}.hero-panel.compact{padding:18px}.hero-panel h1{margin-block:10px 8px;max-inline-size:100%;color:var(--gold);font-size:2.2rem;line-height:1.02;overflow-wrap:break-word}.hero-panel.compact h1{font-size:1.75rem}.hero-panel p{margin:0;color:var(--text-soft)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:.86rem}.trial-meter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:16px;padding:12px 14px;border:1px solid rgba(73,195,174,.28);border-radius:16px;background:#123d3b73}.trial-meter span{color:var(--text-soft)}.trial-meter strong{color:var(--gold);font-size:1.25rem}.mvp-section{display:flex;flex-direction:column;gap:12px}.mvp-section h2,.wizard-card h2{margin:0;color:var(--text);font-size:1.1rem}.chat-stack,.package-list,.notice-list,.settings-list{display:flex;flex-direction:column;gap:10px}.chat-row-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09}.chat-row-card div{min-inline-size:0}.chat-row-card strong,.chat-row-card span{display:block}.chat-row-card span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.lock-state,.wizard-card,.metric-card,.settings-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff09}.lock-state{display:grid;min-block-size:58dvh;place-items:center;gap:12px;padding:28px;text-align:center}.lock-state svg{color:var(--teal)}.lock-state strong{color:var(--gold);font-size:1.35rem}.lock-state p{margin:0;color:var(--text-soft)}.wizard-card{padding:16px}.stepper{display:flex;gap:8px;margin-block-end:16px}.stepper span{inline-size:32px;block-size:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.stepper span.active{border-color:#49c3ae8c;color:var(--text);background:#49c3ae29}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:12px}.choice-grid button{min-block-size:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;color:var(--text-soft);cursor:pointer}.choice-grid button.active{border-color:#ff837880;color:var(--text);background:#ff83781f}.choice-grid.two button{min-block-size:66px}.wizard-fields{display:flex;flex-direction:column;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card{padding:14px 10px;text-align:center}.metric-card span{display:block;color:var(--muted);font-size:.78rem}.metric-card strong{display:block;margin-block-start:5px;color:var(--gold);font-size:1.2rem}.settings-row{inline-size:100%;min-block-size:54px;padding-inline:16px;color:var(--text);text-align:start;cursor:pointer}.settings-row:disabled{color:var(--muted);cursor:not-allowed}.mvp-chat{padding-block-end:84px}.chat-mode .mvp-chat{flex:1 1 auto;min-block-size:0;block-size:auto;gap:8px;padding-block:8px 0;overflow:hidden}.chat-mode .chat-identity{flex:0 0 auto;gap:10px}.chat-mode .chat-identity .avatar.xl{inline-size:54px;block-size:54px}.chat-mode .chat-identity-copy strong{font-size:1.12rem}.chat-mode .chat-identity-copy span{font-size:.86rem}.chat-mode .chat-identity .pill-btn{min-block-size:38px;max-inline-size:9.5rem;padding-inline:10px;font-size:.84rem;justify-content:center}.chat-mode .chat-identity .pill-btn span{color:inherit;font-size:inherit;overflow:visible;text-overflow:clip}.chat-mode .chat-identity .icon-btn{inline-size:38px;block-size:38px}.chat-mode .messages{flex:1 1 auto;min-block-size:0;padding-block:8px;overscroll-behavior:contain}.chat-mode .composer{position:static;flex:0 0 auto;padding-block:10px max(14px,env(safe-area-inset-bottom))}.chat-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar copy action";align-items:center;gap:12px;direction:ltr}.chat-identity .avatar{grid-area:avatar}.chat-identity-copy{grid-area:copy;min-inline-size:0}html[dir=rtl] .chat-identity-copy{direction:rtl}.chat-identity .chat-actions{grid-area:action;display:flex;align-items:center;gap:8px}.chat-identity-copy strong,.chat-identity-copy span{display:block}.chat-identity-copy strong{color:var(--gold);font-size:1.35rem}.chat-identity-copy span{overflow:hidden;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:#00000094}.action-sheet{position:relative;inline-size:min(100%,520px);max-block-size:min(86dvh,760px);overflow:auto;border:1px solid var(--line-strong);border-radius:30px 30px 20px 20px;padding:22px 16px 18px;background:#0c1011fa;box-shadow:0 -22px 70px #0000006b}.action-sheet h2{margin-block:0 8px;color:var(--gold)}.action-sheet p{margin-block:0 16px;color:var(--text-soft)}.sheet-close{position:absolute;inset-block-start:10px;inset-inline-end:12px;inline-size:34px;block-size:34px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--text);cursor:pointer}.btn.wide{inline-size:100%;justify-content:center}.package-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;color:var(--text);cursor:pointer}.package-card.recommended{border-color:#49c3ae7a;background:#49c3ae1c}.package-card strong{color:var(--gold);font-size:1.4rem}.package-card small,.package-card em{color:var(--muted);font-style:normal}.package-card em{grid-column:1 / -1;color:var(--teal);font-size:.82rem}.notice.soft,.notice-item{display:flex;align-items:center;gap:8px}.notice-item{padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--text-soft);background:#ffffff09}.toast{position:fixed;inset-inline:16px;inset-block-end:94px;z-index:110;max-inline-size:480px;margin-inline:auto;padding:12px 14px;border:1px solid rgba(73,195,174,.4);border-radius:16px;background:#123d3bf5;color:var(--text);text-align:center;box-shadow:var(--shadow)}@media(min-width:760px){.sheet-backdrop{align-items:center}.action-sheet{border-radius:var(--radius-lg)}}@media(max-width:430px){.mvp-topbar{gap:6px}.mvp-topbar .brand-lockup strong{display:none}.mvp-topbar .icon-btn,.mvp-topbar .pill-btn{flex:0 0 auto}.mvp-topbar .pill-btn{min-block-size:40px;padding-inline:10px;font-size:.86rem}.hero-panel h1{font-size:1.62rem;line-height:1.14}.metrics-grid{grid-template-columns:1fr}.chat-identity{grid-template-columns:auto minmax(0,1fr) auto}.chat-identity .pill-btn{grid-column:auto}}