@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eaf0f5;background:#07111f;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100%;overflow:hidden;background:#07111f}button,textarea{font:inherit}button{color:inherit}.app-shell{height:100vh;height:100dvh;min-height:0;background:radial-gradient(ellipse 85% 55% at 50% 42%,rgba(11,55,80,.5),transparent 70%),linear-gradient(180deg,#081522,#07111d 65%,#060f1a);display:flex;flex-direction:column;position:relative;overflow:hidden}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}header{height:82px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:#040e198c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.15em}.brand-mark{width:38px;height:38px;border:1px solid rgba(103,222,245,.55);transform:rotate(45deg);border-radius:9px;display:grid;place-items:center;box-shadow:inset 0 0 15px #23cae921,0 0 22px #23cae914}.brand-mark span{transform:rotate(-45deg);color:#75e8f7;font:700 18px Manrope}.brand b{display:block;font:700 14px Manrope;letter-spacing:.24em}.brand small{display:block;color:#6f8293;font-size:8px;letter-spacing:.35em;margin-top:3px}.header-actions{display:flex;align-items:center;gap:24px}.status{color:#8ea2b2;font-size:12px;display:flex;align-items:center;gap:8px}.status i,.composer-note i{width:6px;height:6px;border-radius:50%;background:#4de5ad;box-shadow:0 0 10px #4de5ad}.new-chat{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:9px 13px;display:flex;gap:8px;align-items:center;font-size:12px;cursor:pointer;transition:.2s}.new-chat:hover{border-color:#68dcf280;background:#69e1f50f}main{flex:1;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative;z-index:1}.conversation{width:min(980px,100%);height:100%;min-height:0;display:flex;flex-direction:column;padding:0 32px}.welcome{flex:1;min-height:0;overflow-y:auto;margin:0;padding:clamp(28px,7vh,74px) 0 10px;text-align:center;animation:rise .7s ease both;scrollbar-width:thin;scrollbar-color:#244353 transparent}.emma-avatar{width:72px;height:72px;margin:0 auto 25px;position:relative;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#122a3b,#0c1d2d);border:1px solid rgba(116,226,245,.3);box-shadow:0 16px 45px #00000059}.emma-avatar span{font:500 29px Manrope;color:#c3f7ff;position:relative}.emma-avatar i{width:12px;height:12px;background:#4de5ad;border-radius:50%;position:absolute;right:1px;bottom:6px;border:3px solid #0b1927}.avatar-glow{position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,rgba(51,202,232,.14),transparent 68%)}.eyebrow{color:#54cce4;font:600 9px Manrope;letter-spacing:.34em;margin-bottom:12px}h1{font:500 clamp(40px,6vw,61px) Manrope;margin:0;letter-spacing:-.055em;line-height:1.06}h1 em{color:#72daeb;font-style:normal}.intro{color:#8b9eae;font:400 15px/1.7 Manrope;max-width:570px;margin:18px auto 32px}.starter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:left}.starter-grid button{min-height:108px;background:linear-gradient(135deg,#122737bf,#0b1b29b8);border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;cursor:pointer;position:relative;transition:.25s}.starter-grid button:hover{transform:translateY(-3px);border-color:#5ed5eb5c;background:linear-gradient(135deg,#183445e6,#0c202fd9);box-shadow:0 14px 36px #0003}.starter-grid button:disabled{opacity:.45;cursor:default;transform:none}.starter-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#54cce414;color:#67d8ed;flex:0 0 auto}.starter-grid b{display:block;font-size:12px;margin-bottom:4px}.starter-grid small{display:block;color:#718697;font-size:9px}.arrow{position:absolute;right:11px;top:9px;color:#536b7d;font-size:12px}.composer-area{flex:0 0 auto;margin:18px 0 0;padding:9px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#07111f00,#07111fe6 24%)}.composer{height:62px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#081825db;display:flex;align-items:center;padding:8px 8px 8px 20px;box-shadow:0 18px 50px #00000038,inset 0 1px #ffffff06;transition:.2s}.composer:focus-within{border-color:#56d7ef8c;box-shadow:0 18px 50px #00000040,0 0 0 3px #56d7ef0f}textarea{flex:1;background:transparent;color:#e9f3f7;border:0;outline:0;resize:none;max-height:80px;line-height:24px}textarea::placeholder{color:#526879}.send{width:44px;height:44px;border:0;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#65d9ed,#34aec9);color:#06202b;cursor:pointer;box-shadow:0 7px 20px #3cc5df33;transition:.2s}.send:hover:not(:disabled){transform:scale(1.04)}.send:disabled{opacity:.25;cursor:default}.composer-note{color:#53697a;font-size:9px;display:flex;justify-content:space-between;margin:9px 5px 0}.composer-note span:first-child{display:flex;align-items:center;gap:6px}.composer-note i{width:5px;height:5px}.active .composer-area{margin-top:0}.message-list{flex:1;min-height:0;padding:32px 4px 15px;overflow-y:auto;max-height:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#244353 transparent}.dayline{display:flex;align-items:center;color:#516878;font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:30px;gap:15px}.dayline:before,.dayline:after{content:"";height:1px;flex:1;background:#ffffff0e}.message-row{display:flex;gap:11px;margin:0 0 28px;animation:rise .35s ease both}.message-row.user{justify-content:flex-end}.mini-avatar{width:31px;height:31px;border:1px solid rgba(100,216,238,.28);background:#10283a;color:#9ceaf6;border-radius:50%;display:grid;place-items:center;font:500 13px Manrope;flex:0 0 auto;margin-top:18px}.message-wrap{max-width:min(680px,84%)}.speaker{display:block;color:#6e8495;font-size:10px;margin:0 0 7px 3px}.user .speaker{text-align:right;margin-right:3px}.bubble{background:#102534b8;border:1px solid rgba(255,255,255,.07);border-radius:4px 16px 16px;padding:15px 18px;color:#cdd9e0;font-size:13px;line-height:1.65;box-shadow:0 10px 30px #0000001a}.user .bubble{background:linear-gradient(135deg,#176c82,#125569);border:0;color:#effcff;border-radius:16px 4px 16px 16px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble a{color:#74dfef;text-decoration:underline;text-underline-offset:3px;word-break:break-word}.user .bubble a{color:#fff}.bullet{display:flex;gap:8px;margin:4px 0}.bullet>span:first-child{color:#58cfe6}.typing{display:flex;align-items:center;gap:9px;padding:3px 2px;color:#9fb1bd}.typing-dots{display:flex;gap:4px}.typing i{display:block;width:5px;height:5px;border-radius:50%;background:#68d4e8;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.setup-banner{position:fixed;z-index:4;bottom:16px;left:50%;transform:translate(-50%);background:#f4cf78;color:#142330;padding:9px 14px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 35px #0006}.bubble ul,.bubble ol{margin:7px 0;padding-left:20px}.bubble li{margin:4px 0}.bubble strong{color:#edf8fb;font-weight:600}.bubble h1,.bubble h2,.bubble h3{font:600 14px Manrope;letter-spacing:0;margin:3px 0 8px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}@media(max-width:850px){.starter-grid{grid-template-columns:repeat(3,1fr)}.starter-grid button{min-height:92px}}@media(max-width:700px){header{height:68px;flex:0 0 68px;padding:0 17px}.brand small,.status{display:none}.header-actions{gap:8px}.new-chat{font-size:0;padding:9px}.conversation{height:100%;min-height:0;padding:0 14px}.welcome{padding:24px 0 6px}.emma-avatar{width:58px;height:58px;margin-bottom:17px}.intro{font-size:13px;margin:13px auto 20px}.starter-grid{grid-template-columns:repeat(2,1fr);gap:8px}.starter-grid button{min-height:70px;padding:10px 12px;flex-direction:row;align-items:center;justify-content:flex-start}.starter-grid button:last-child{grid-column:1 / -1}.starter-grid small,.arrow{display:none}.starter-icon{width:32px;height:32px}.composer-area{margin-top:0;padding-top:8px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}.composer{height:56px;padding-left:14px}.composer-note{margin-top:6px}.composer-note span:last-child{display:none}.message-list{padding-top:18px;padding-bottom:8px}.message-wrap{max-width:88%}.bubble{font-size:12.5px;padding:13px 15px}textarea{font-size:16px}.setup-banner{width:calc(100% - 28px);justify-content:center}}@media(max-width:370px),(max-height:620px){.welcome{padding-top:14px}.emma-avatar{width:48px;height:48px;margin-bottom:12px}.emma-avatar span{font-size:22px}.eyebrow{margin-bottom:7px}h1{font-size:34px}.intro{margin:8px auto 12px}.starter-grid button{min-height:58px}.composer-note{display:none}}