:root{--bg:#f0f0f0;--app:#fafafa;--ink:#1c1c1c;--soft:#666;--line:#e6e6e6;--bubble:#ececec;--field:#fff;--accent:#3b5bdb;--ease:cubic-bezier(.2, .7, .2, 1);--edge:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f0f;--app:#171717;--ink:#ededed;--soft:#a3a3a3;--line:#343434;--bubble:#2a2a2a;--field:#1f1f1f;--accent:#8ea6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f0f;--app:#171717;--ink:#ededed;--soft:#a3a3a3;--line:#343434;--bubble:#2a2a2a;--field:#1f1f1f;--accent:#8ea6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{block-size:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;grid-template-columns:minmax(0,360px) auto;place-content:center;gap:72px;margin:0;padding:32px;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}a{color:inherit;text-underline-offset:3px;-webkit-text-decoration-color:var(--soft);text-decoration-color:var(--soft)}h1,h2,p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.about{align-self:center}.about .kicker{color:var(--soft);margin-block-end:8px;font-size:13px}.about h2{letter-spacing:-.02em;text-wrap:balance;margin-block-end:12px;font-size:28px;font-weight:600;line-height:1.15}.about p{color:var(--soft);text-wrap:pretty;margin-block-end:20px}.links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.phone{background:#0b0b0b;border-radius:48px;block-size:min(844px,100dvh - 64px);inline-size:390px;padding:10px;box-shadow:0 30px 80px -20px #00000059}:root[data-theme=dark] .phone{box-shadow:0 0 0 1px #ffffff14,0 30px 80px -20px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phone{box-shadow:0 0 0 1px #ffffff14,0 30px 80px -20px #0009}}.app{background:var(--app);border-radius:38px;flex-direction:column;block-size:100%;display:flex;overflow:hidden}@media (width<=640px),(height<=520px){body{padding:0;display:block}.about{display:none}.phone{background:0 0;border-radius:0;block-size:100dvh;inline-size:auto;padding:0;box-shadow:none!important}.app{border-radius:0}}.bar{padding:10px 6px 10px var(--edge);border-block-end:1px solid var(--line);flex:none;align-items:center;gap:4px;padding-block-start:max(10px, env(safe-area-inset-top));display:flex}.phone .bar{padding-block-start:20px}@media (width<=640px),(height<=520px){.phone .bar{padding-block-start:max(10px, env(safe-area-inset-top))}}.who{flex:1;margin:0;line-height:1.3}.who h1{font-size:15px;font-weight:600}.who p{color:var(--soft);font-size:13px}.icon{block-size:44px;inline-size:44px;color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.sun{display:none}:root[data-theme=dark] .sun{display:block}:root[data-theme=dark] .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sun{display:block}:root:not([data-theme=light]) .moon{display:none}}.thread{overscroll-behavior:contain;min-block-size:0;padding:20px var(--edge) 12px;outline:0;flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.thread:before{content:"";flex:1 0 0}.thread:has(>.hello:not([hidden])):before{flex-grow:.45}.hello h2{letter-spacing:-.01em;margin-block-end:6px;font-size:22px;font-weight:600;line-height:1.25}.hello>p{color:var(--soft);text-wrap:pretty}.starters{gap:8px;margin-block-start:20px;display:grid}.chip{text-align:start;min-block-size:44px;color:var(--ink);background:var(--bubble);font:inherit;cursor:pointer;border:0;border-radius:16px;align-items:baseline;gap:12px;padding:11px 14px;display:flex}.chip small{inline-size:56px;color:var(--soft);flex:none;font-size:13px}.msg{overflow-wrap:anywhere;max-inline-size:85%;animation:rise .2s var(--ease)}.msg.user{border-radius:18px;background:var(--bubble);border-end-end-radius:6px;align-self:flex-end;padding:8px 14px}.msg.user:not(:first-of-type){margin-block-start:12px}.msg.agent{align-self:stretch;max-inline-size:none}.msg.agent>*+*{margin-block-start:8px}.msg b{font-weight:600}.msg .aside{color:var(--soft);font-size:13px}.list{border:1px solid var(--line);background:var(--field);border-radius:16px}.row{padding:11px 14px}.row+.row{border-block-start:1px solid var(--line)}.row .top{justify-content:space-between;gap:12px;font-weight:600;display:flex}.row .top span{font-variant-numeric:tabular-nums;flex:none;font-weight:400}.row .sub{color:var(--soft);font-size:13px}.email{border:1px solid var(--line);background:var(--field);border-radius:16px;padding:14px 16px}.email>*+*{margin-block-start:8px}.email .subject{font-weight:600}.email ol{margin-block-end:0;padding-inline-start:20px}.email .cta{background:var(--bubble);border-radius:10px;padding:6px 12px;font-weight:600;display:inline-block}.more{color:var(--soft);animation:fade .16s var(--ease);flex-wrap:wrap;align-items:center;column-gap:4px;font-size:13px;display:flex}.more button{cursor:pointer;min-block-size:44px;color:var(--ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--soft);text-decoration-color:var(--soft);text-underline-offset:3px;background:0 0;border:0;padding:0 6px}.typing{gap:4px;padding:10px 2px;display:inline-flex}.typing i{background:var(--soft);border-radius:50%;block-size:6px;inline-size:6px;animation:1s ease-in-out infinite backwards blink}.typing i:first-child{animation-delay:-.2s}.typing i:nth-child(2){animation-delay:-.05s}.typing i:nth-child(3){animation-delay:.1s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}.thread agent-clarifier{inline-size:100%;animation:rise .2s var(--ease)}.bottom{padding:4px var(--edge) 12px;flex:none;gap:10px;padding-block-end:max(12px, env(safe-area-inset-bottom));display:grid}.phone .bottom{padding-block-end:16px}@media (width<=640px),(height<=520px){.phone .bottom{padding-block-end:max(12px, env(safe-area-inset-bottom))}}.slot:empty{display:none}.composer{border:1px solid var(--line);background:var(--field);border-radius:22px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;display:flex}.composer:focus-within{border-color:var(--soft)}.composer textarea{resize:none;min-block-size:24px;max-block-size:7lh;min-inline-size:0;color:inherit;overflow-wrap:anywhere;font:inherit;field-sizing:content;background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-size:16px}.composer textarea::placeholder{color:var(--soft)}.send{block-size:36px;inline-size:36px;color:var(--app);background:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.send:before{content:"";position:absolute;inset:-4px}.composer:has(textarea:placeholder-shown) .send{opacity:.35}.icon:focus-visible,.chip:focus-visible,.send:focus-visible,.more button:focus-visible,.links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.icon:hover{color:var(--ink);background:var(--bubble)}.chip:hover{background:color-mix(in srgb, var(--bubble) 92%, var(--ink))}.more button:hover,.links a:hover{text-decoration-color:currentColor}}@media (prefers-reduced-motion:no-preference){.send,.chip{transition:transform .16s var(--ease)}.send:active:not(:focus-visible),.chip:active:not(:focus-visible){transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.msg,.thread agent-clarifier{animation-name:fade}}@media (forced-colors:active){.composer:focus-within{outline-offset:2px;outline:2px solid highlight}.msg.user,.chip{border:1px solid canvastext}}.msg>.sr-only+*{margin-block-start:0}
