: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,a.button{color:#fff;cursor:pointer;text-align:center;background:#f97316;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-block}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}.notice{color:#047857;background:#ecfdf5;border-radius:10px;margin:0 0 .8rem;padding:.75rem;font-weight:700}.actions,.composer{gap:.75rem;margin-top:1rem;display:flex}.inline-actions{flex-wrap:wrap;margin-top:0}.appclip-callout{background:#fff7ed;border-color:#fed7aa;justify-content:space-between;align-items:center;gap:1rem;display:flex}.appclip-callout p{color:#9a3412;margin:0}.secondary-button{background:#111827;flex:none}.danger-button{background:#dc2626}.compact-button{border-radius:999px;padding:.5rem .75rem}.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;gap:.75rem;padding:.9rem 1rem;display:flex}.conversation-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.5rem;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}.active-session-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.active-session-card p{margin-bottom:0}.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{white-space:pre-wrap;word-break:break-word;border-radius:18px;gap:.7rem;max-width:min(84%,460px);padding:.85rem 1rem;display:grid}.message-bubble.guest-line{color:#fff;background:#f97316;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.host-line{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;align-self:flex-start}.message-text-block{gap:.2rem;display:grid}.message-label{color:inherit;letter-spacing:.04em;opacity:.72;text-transform:uppercase;font-size:.72rem;font-weight:800}.message-original,.message-translation{line-height:1.35}.message-bubble.guest-line .message-translation,.message-bubble.guest-line .message-label{color:#ffedd5}.message-bubble.host-line .message-translation,.message-bubble.host-line .message-label{color:#4b5563}.message-bubble.pending-line .message-translation{font-style:italic}.message-bubble.error-line{color:#991b1b;background:#fee2e2}.message-bubble.error-line .message-translation,.message-bubble.error-line .message-label{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,.appclip-callout,.active-session-card,.conversation-header{flex-direction:column}.appclip-callout,.active-session-card,.conversation-header,.conversation-header-actions{align-items:stretch}.conversation-page{max-width:none}}