:root{color:#1f2937;background:#f2f2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}input,select{box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-top:.35rem;padding:.75rem}label{margin-top:1rem;font-weight:700;display:block}.shell{max-width:680px;margin:0 auto;padding:1rem}.appclip-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:.85rem 0;padding:1rem;box-shadow:0 1px 2px #0000000a}.hero{text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1rem;display:flex}.hero h1{margin:.5rem 0;font-size:1.35rem;line-height:1.15}.hero p,.status{color:#6b7280}.mascot-image{border-radius:28px;width:128px;height:128px;margin-bottom:1rem;display:block;box-shadow:0 10px 24px #f9731638}.eyebrow{color:#ea580c;letter-spacing:.08em;text-transform:uppercase;font-weight:800}h2{margin:0 0 .75rem;font-size:1rem}.steps{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:.8rem;display:flex}.steps li>span{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-weight:800;display:inline-flex}.steps p{color:#6b7280;margin:.15rem 0 0}.status-row{color:#9a3412;background:#fff7ed;border-radius:10px;margin:0 0 .8rem;padding:.75rem;font-weight:700}.actions,.composer{gap:.75rem;margin-top:1rem;display:flex}.actions button,.composer button{flex:none}.actions button{width:100%}.conversation{gap:.75rem;padding:0;list-style:none;display:grid}.line{background:#f9fafb;border-radius:12px;gap:.25rem;padding:.8rem;display:grid}.line span{color:#4b5563}.error,.error-line span{color:#b91c1c}.conversation-page{background:#f2f2f7;grid-template-rows:auto 1fr auto;max-width:680px;height:100dvh;margin:0 auto;display:grid}.conversation-header{background:#fffffff0;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.conversation-header h1{margin:.15rem 0;font-size:1.1rem}.conversation-header p{color:#6b7280;margin:0}.connected-pill{color:#166534;background:#dcfce7;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:800}.message-list{flex-direction:column;gap:.8rem;padding:1rem;display:flex;overflow-y:auto}.empty-state{color:#6b7280;text-align:center;background:#fff;border-radius:16px;align-self:center;gap:.25rem;max-width:320px;margin-top:20vh;padding:1rem;display:grid}.empty-state strong{color:#1f2937}.message-bubble{color:#fff;background:#f97316;border-radius:18px 18px 4px;align-self:flex-end;gap:.35rem;max-width:min(82%,440px);padding:.85rem 1rem;display:grid}.message-bubble span{color:#ffedd5}.message-bubble.error-line{color:#991b1b;background:#fee2e2}.message-bubble.error-line span{color:#b91c1c}.message-composer{background:#fffffff5;border-top:1px solid #e5e7eb;gap:.65rem;padding:.8rem;display:flex}.message-composer input{background:#f9fafb;border-radius:999px;margin:0}.message-composer button{border-radius:999px;flex:none}@media (width<=560px){.actions,.composer{flex-direction:column}.conversation-page{max-width:none}}