.tpe{--tpe-amber:#fab830;--tpe-field:#ffffff;--tpe-raised:#f1f0ec;--tpe-raised-line:#d8d6d0;--tpe-panel:#f7f6f3;--tpe-panel-line:#e8e6e1;--tpe-strong:#222222;--tpe-muted:#636363;--tpe-faint:#737373;--tpe-accent-line:#e0a11c;--tpe-shadow:rgba(60,50,20,0.18)}.tpe-hello{display:flex;align-items:center;gap:12px}.tpe-hello svg{width:40px;height:40px;flex:none}.tpe-hello h2{margin:0;font:400 clamp(26px,3vw,32px) /1.1 var(--font-display);text-wrap:balance}.tpe-composer{display:flex;align-items:flex-end;gap:8px;width:100%;background:var(--tpe-field);border:1px solid var(--tpe-raised-line);border-radius:24px;box-shadow:0 10px 30px -12px var(--tpe-shadow);color:var(--tpe-strong);text-align:left}.tpe-composer:focus-within{border-color:var(--tpe-accent-line)}.tpe-composer:has(textarea:focus-visible){box-shadow:0 0 0 1px var(--tpe-accent-line),0 10px 30px -12px var(--tpe-shadow)}.tpe-composer textarea{display:block;flex:1;min-width:0;min-height:58px;max-height:220px;padding:18px 8px 16px 20px;background:transparent;border:0;outline:none;box-shadow:none;resize:none;font:400 18px/1.4 var(--font-body);color:var(--tpe-strong);field-sizing:content}.tpe-composer textarea::placeholder{color:var(--tpe-faint);opacity:1}.tpe-send{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:0 10px 10px 0;padding:0;border:0;border-radius:50%;background:var(--tpe-amber);color:#333;font-size:20px;cursor:pointer;transition:transform .12s ease}.tpe-send:active{transform:scale(.96)}.tpe-send svg{width:1em;height:1em}.tpe-box{padding:24px;background:var(--tpe-panel);border:1px solid var(--tpe-panel-line);border-radius:24px}.tpe-box,.tpe-box .tpe-hello svg{color:var(--tpe-strong)}.tpe-box p{margin:10px 0 0;font-size:17px;line-height:1.4;color:var(--tpe-muted)}.tpe-box .tpe-composer{margin-top:18px}.tpe-box--home{container-type:inline-size}.tpe-box--home .tpe-hello h2{font-size:clamp(14px,6.4cqw,32px);white-space:nowrap}.tpe-box--home .tpe-hello svg{width:clamp(28px,8cqw,40px);height:clamp(28px,8cqw,40px)}.tpe-box .tpe-note{margin-top:12px;font-size:15px;color:var(--tpe-faint)}@media (max-width:640px){.tpe-box{padding:18px 16px}.tpe-composer textarea{font-size:17px;padding:14px 6px 12px 16px}}