*{box-sizing:border-box}body{margin:0;background:#f6f6f5;color:#202020;font:16px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,1fr) 440px;gap:80px;padding:48px 36px}a{color:inherit;text-underline-offset:4px}.intro{padding-top:15px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#666666;margin-top:45px}h1{font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-.055em;font-weight:600;margin:18px 0 25px}h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:10px 0}.intro>p{max-width:450px}.chapter{margin-top:40px;border-top:1px solid #d4d4d1;padding-top:24px}.chapter>span,.small,.demo-note{font-size:12px;color:#666666}.chapter label{font-size:13px;display:block;margin:22px 0 10px}input[type=range]{width:100%;accent-color:#9c654b}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}button{cursor:pointer;font:inherit;font-size:13px;padding:10px 14px;border:1px solid #d4d4d1;background:#f6f6f5;border-radius:20px;color:#202020}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3153aa;outline-offset:4px}details{font-size:13px;margin:30px 0}.phone{position:relative;border:1px solid #d4d4d1;background:white;border-radius:38px;overflow:hidden;box-shadow:0 18px 50px #20202010}.phone-top{display:flex;justify-content:space-between;padding:16px 28px 8px;font-size:12px;font-weight:600}.phone header{position:relative;text-align:center;padding:3px 16px 13px;border-bottom:1px solid #d4d4d1;background:#fafafa}.avatar{display:grid;place-items:center;width:40px;height:40px;background:#f6f6f5;color:#666666;font-size:22px;border-radius:50%;margin:0 auto 4px}.phone strong{display:block;font-size:13px}.contact-sub{display:block;font-size:10px;color:#999}.back-arrow{position:absolute;left:20px;top:20px;font-size:32px;color:#3478e0}.messages{height:452px;overflow:auto;scrollbar-width:thin;padding:20px 17px 155px;display:flex;flex-direction:column;gap:9px}.date{color:#666666;font-size:10px;text-align:center;margin:0 0 13px}.bubble{max-width:80%;padding:10px 13px;font-size:13px;line-height:1.4;border-radius:17px;position:relative;transition:box-shadow .3s,transform .3s}.bubble.them{align-self:flex-start;background:#eeeded;border-bottom-left-radius:5px}.bubble.you{align-self:flex-end;background:#287be5;color:white;border-bottom-right-radius:5px}.bubble.focus{box-shadow:0 0 0 3px #dc9964,0 0 0 7px #dc996426}.bubble.pushed{transform:translateX(5px) rotate(.7deg)}.creature-wrap{position:absolute;right:14px;bottom:63px;width:138px;z-index:3;transform-origin:bottom center}.creature-wrap button{border:0;border-radius:26px;padding:0;width:138px;height:158px;background:radial-gradient(ellipse at 50% 80%,#fffdfaee,#fffdfa00 65%);display:block}.creature-wrap canvas{width:100%;height:100%;display:block}.tap-label{display:block;text-align:center;font-size:10px;color:#202020;background:#f6f6f5d9;border-radius:15px;padding:3px;pointer-events:none}#loading{display:block;font-size:11px;padding:20px}.composer{display:flex;align-items:center;gap:12px;padding:10px 17px;color:#666666;font-size:22px;background:white;border-top:1px solid #d4d4d1}.placeholder{border:1px solid #ddd;border-radius:22px;flex:1;font-size:13px;padding:8px 14px;color:#aaa}.home-indicator{height:4px;width:110px;background:#242321;border-radius:3px;margin:3px auto 9px}.reflection{position:relative;background:#f6f6f5;border:1px solid #d4d4d1;border-radius:20px;margin-top:16px;padding:22px;font-size:14px}.reflection .eyebrow{margin:0;font-size:10px}.reflection blockquote{margin:16px 0;padding-left:12px;border-left:2px solid #d4d4d1;font-size:13px}.reflection #closeReflection{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:20px;padding:3px 8px}.reflection h2{padding-right:15px}.demo-note{text-align:center;margin-top:12px}.small{margin-top:25px}.reflection[hidden]{display:none}@media(max-width:860px){main{grid-template-columns:1fr;gap:30px;max-width:540px;padding:25px 18px}.intro{padding-top:0}h1{font-size:44px}.eyebrow{margin-top:25px}.chapter{margin-top:24px}.demo{width:100%;min-width:0}.phone{border-radius:28px}.messages{height:420px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.reflection blockquote{white-space:pre-line}