@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--navy:#071c2d;--deep:#071622;--ink:#e8f9fc;--muted:#a0b5c1;--cyan:#54e4d7;--gold:#ffcb71;--glass:#132f41;--line:rgba(168,228,238,.12)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#061522;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}body{background:radial-gradient(ellipse at 80% -40%,#0b5660 0%,transparent 55%),#061522}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;max-width:780px;margin:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#092335,#071b29 78%);box-shadow:0 0 100px #0006}.header{min-height:82px;display:flex;align-items:center;gap:11px;padding:13px 24px;background:rgba(7,28,45,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#103645}.brand{flex:1;min-width:0}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--gold);font-weight:800}.dot{color:var(--cyan)}.brand-title{font:800 17px 'Manrope',sans-serif;letter-spacing:-.035em;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified{color:var(--cyan);font-size:13px}.subline{color:#99b7c2;font-size:11px}.light-dot{display:inline-block;width:7px;height:7px;background:#54e4d7;border-radius:50%;box-shadow:0 0 7px #54e4d7;margin-right:4px}.divider-dot{margin:0 4px}.icon-button{border:1px solid var(--line);background:#153648;color:#c5dbe0;border-radius:10px;width:35px;height:35px;font-size:20px}.main{flex:1;display:flex;flex-direction:column;min-height:0}.hero{padding:25px 26px 24px;background:radial-gradient(ellipse at 10% 20%,#134252 0%,#0a2a3e 60%,#0a283b);border-bottom:1px solid var(--line)}.tiny-caption{font-size:10px;letter-spacing:.13em;color:#e2bf75;font-weight:800}.tiny-caption span{color:#54e4d7;padding:0 3px}.hero h1{font:800 clamp(25px,4.5vw,35px)/1.13 'Manrope',sans-serif;letter-spacing:-.05em;margin:13px 0 10px}.hero em{font-style:normal;color:#57dfd2}.hero p{color:#b4cbd3;font-size:13px;max-width:470px;line-height:1.65;margin:0}.lang-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:20px}.lang-row>span{font-size:11px;color:#aac0ca;margin-right:4px}.lang{border:1px solid #37576a;border-radius:25px;padding:6px 10px;background:transparent;color:#b7cfda;font-size:11px}.lang.active{color:#05242e;background:var(--cyan);border-color:var(--cyan);font-weight:800}.conversation{padding:23px 22px 10px;display:flex;flex-direction:column;gap:17px;overflow-y:auto;scroll-behavior:smooth;min-height:200px}.date-sep{display:flex;align-items:center;justify-content:center;color:#7f9dad;font-size:9px;letter-spacing:.16em;font-weight:700}.date-sep span{background:#102c3d;border:1px solid var(--line);border-radius:20px;padding:6px 12px}.msg{display:flex;align-items:flex-end;gap:9px;max-width:93%}.msg.user{align-self:flex-end;flex-direction:row-reverse}.avatar{width:28px;height:28px;flex:0 0 28px;background:#10515b;display:grid;place-items:center;border-radius:10px;color:#56e3d7;font-weight:800;font-size:15px}.bubble{border:1px solid #294457;background:#123346;padding:12px 15px;border-radius:17px 17px 17px 4px;color:#dcedf1;line-height:1.58;font-size:13px;min-width:0;white-space:normal}.msg.user .bubble{background:#247d79;color:#f5ffff;border:1px solid #30988f;border-radius:17px 17px 4px 17px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble strong{color:#fff}.bubble .micro{color:#aac5c8;font-size:11px}.bubble a{color:#a9ffff;text-decoration:underline}.msg.user .avatar{display:none}.time{font-size:9px;color:#7f9ca9;margin:4px 2px}.user .time{text-align:right}.typing{display:inline-flex;gap:4px;padding:3px 1px}.typing i{width:6px;height:6px;background:#6fd5d2;border-radius:50%;animation:hop 1s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes hop{to{opacity:.25;transform:translateY(-3px)}}.starter{margin:8px 22px 26px;padding:0 2px}.starter-title{font-size:10px;color:#8ca8b4;letter-spacing:.15em;font-weight:800;margin:9px 0 12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:40px;padding:10px 12px;background:#13384a;border:1px solid #2b5162;color:#dbf0f2;font-size:12px;transition:.15s}.chip:hover{background:#1b5362;border-color:#4bbab3}.composer{position:sticky;bottom:0;z-index:15;background:#071b29;padding:13px 22px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}#chatForm{display:flex;align-items:center;gap:10px;border:1px solid #315365;background:#102e40;border-radius:18px;padding:7px 7px 7px 16px;box-shadow:0 12px 35px #0004}#chatInput{min-width:0;flex:1;background:none;border:0;outline:none;color:white;font-size:13px;padding:10px 0}#chatInput::placeholder{color:#86a5b4}#sendBtn{background:var(--cyan);color:#052630;display:grid;place-items:center;border:0;border-radius:12px;width:42px;height:42px}#sendBtn:disabled{opacity:.45}.fineprint{text-align:center;font-size:9px;color:#72909f;margin-top:10px}.fineprint span{padding:0 5px;color:var(--gold)}dialog{border:1px solid #365d6a;border-radius:18px;padding:22px;max-width:420px;width:calc(100vw - 32px);background:#0a2d40;color:#e7fcff;box-shadow:0 20px 80px #000b;font-size:13px;line-height:1.6}dialog::backdrop{background:#000a}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:17px}.modal-head button{border:none;background:#18475a;border-radius:8px;color:white;padding:6px 11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:780px){.app-shell{margin:18px auto;border:1px solid #254858;border-radius:20px;min-height:calc(100dvh - 36px);overflow:hidden}.header,.composer{position:relative}.conversation{min-height:150px}.main{flex:1}}@media(max-width:440px){.header{padding:12px 15px}.hero{padding:20px 18px}.conversation{padding:18px 12px 8px}.starter{margin:5px 12px 18px}.composer{padding:11px 12px max(9px,env(safe-area-inset-bottom))}.bubble{font-size:12.5px}.hero h1{font-size:27px}}