: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{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;background:#f97316;border:0;border-radius:12px;min-height:2.75rem;padding:.75rem 1rem;font-weight:750;line-height:1.15;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}.language-card{border-color:#fed7aa}.language-card .status{margin-top: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}.info-card .status+.status{margin-top:.65rem}.technical-details{color:#6b7280;margin-top:.85rem;font-size:.85rem}.technical-details summary{cursor:pointer;font-weight:700}.technical-details .status{margin-bottom:0}.legal-note{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:1rem;padding:.75rem;font-size:.9rem;line-height:1.45}.legal-note p{margin:0}.legal-note a{color:#c2410c;font-weight:750}.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;min-height:2.2rem;padding:.46rem .78rem;font-size:.9rem}.actions button,.composer button{flex:none}.actions button{width:100%}.inline-actions button,.inline-actions .button{width:auto}.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:720px;height:100dvh;margin:0 auto;display:grid}.conversation-header{background:#fffffff5;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.conversation-title{min-width:0}.conversation-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.conversation-session-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.conversation-session-controls button{width:auto}.conversation-header h1{margin:.15rem 0;font-size:1.1rem}.conversation-header p{color:#6b7280;margin:0}.language-compact-control{align-items:center;gap:.45rem;margin:0;display:flex}.language-compact-control span{color:#6b7280;white-space:nowrap;font-size:.78rem}.language-compact-control select{min-width:7.25rem;margin:0;padding:.42rem .6rem;font-size:.92rem}.connected-pill{color:#166534;background:#dcfce7;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:800}.active-session-card{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:1rem;display:grid}.active-session-card p{margin-bottom:0}.active-session-copy{gap:.45rem;min-width:0;display:grid}.active-session-heading{justify-content:flex-start;align-items:center;gap:.65rem;display:flex}.active-session-heading h2{margin:0}.session-state-pill{color:#166534;background:#dcfce7;border-radius:999px;flex:none;align-self:flex-start;padding:.32rem .58rem;font-size:.76rem;font-weight:800;display:inline-flex}.active-session-meta{color:#6b7280;white-space:nowrap;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.9rem;display:flex}.active-session-meta strong{color:#f97316}.active-session-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:.65rem;margin-top:0}.active-session-actions button{border-radius:12px;width:100%;min-height:2.65rem;padding:.68rem .95rem;font-size:.95rem}.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,.conversation-header{flex-direction:column}.appclip-callout,.conversation-header{align-items:stretch}.conversation-header-actions{justify-content:flex-start;align-items:stretch}.conversation-session-controls{justify-content:flex-start}.conversation-session-controls button{flex:none;width:auto}.active-session-card{grid-template-columns:1fr;align-items:stretch}.active-session-heading{flex-direction:column-reverse;align-items:flex-start}.active-session-actions{justify-content:stretch}.conversation-page{max-width:none}.language-compact-control{flex-direction:column;align-items:stretch}.connected-pill{align-self:center}}.portal-header{z-index:5;background:#fffffff5;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex;position:sticky;top:0}.portal-brand{font-weight:800}.portal-brand span{color:#ea580c}.portal-nav{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.portal-nav a{color:#6b7280;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:700;text-decoration:none}.portal-nav a.active{color:#ea580c;background:#fff7ed}.portal-nav .who{color:#6b7280;margin-left:.3rem;font-size:.82rem;font-weight:700}.portal-header-right{align-items:center;gap:.6rem;display:flex}.theme-toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;min-height:0;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.theme-toggle:hover{background:#fff7ed}.portal-topbar{z-index:6;background:#fffffff5;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.portal-topbar .portal-brand{font-size:1.15rem}.portal-body{align-items:stretch;display:flex}.portal-sidebar{box-sizing:border-box;background:#fffffff5;border-right:1px solid #e5e7eb;flex-direction:column;flex:0 0 220px;width:220px;height:calc(100vh - 56px);padding:1rem .8rem;display:flex;position:sticky;top:56px;overflow-y:auto}.portal-sidebar .portal-nav{flex-direction:column;align-items:stretch;gap:.15rem}.portal-sidebar .portal-nav a{border-radius:9px;padding:.5rem .7rem}.portal-sidebar-footer{border-top:1px solid #e5e7eb;flex-direction:column;gap:.2rem;margin-top:auto;padding-top:.7rem;display:flex}.portal-sidebar-footer .who{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;padding:0 .4rem;font-size:.82rem;font-weight:700;overflow:hidden}.portal-sidebar-footer a{color:#6b7280;border-radius:9px;padding:.4rem;font-size:.85rem;font-weight:700;text-decoration:none}.portal-sidebar-footer a:hover{color:#ea580c;background:#fff7ed}.portal-main{flex:1;min-width:0}@media (width<=720px){.portal-body{flex-direction:column}.portal-sidebar{border-bottom:1px solid #e5e7eb;border-right:0;flex-flow:wrap;flex:none;align-items:center;gap:.4rem;width:auto;height:auto;padding:.6rem 1rem;position:static}.portal-sidebar .portal-nav{flex-flow:wrap}.portal-sidebar-footer{border-top:0;flex-direction:row;align-items:center;gap:.5rem;margin-top:0;margin-left:auto;padding-top:0}.portal-sidebar-footer .who{display:none}}main>h1{margin:.4rem 0 .2rem;font-size:1.55rem;line-height:1.15}.sub{color:#6b7280;margin:0 0 1rem}.sub a,.hint a{color:#ea580c;font-weight:700;text-decoration:none}.muted{color:#6b7280}.center{justify-content:center;align-items:center;min-height:70vh;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.stat .n{font-size:2rem;font-weight:800;line-height:1}.stat .l{color:#6b7280;margin-top:.35rem}.list-row{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 0;display:flex}.list-row:first-child{border-top:0}.list-row .meta{color:#6b7280;margin-top:.15rem;font-size:.88rem}.pill{border-radius:999px;padding:.26rem .6rem;font-size:.78rem;font-weight:800}.pill.linked,.pill.active{color:#166534;background:#dcfce7}.pill.pending,.pill.trialing{color:#9a3412;background:#fff7ed}.pill.past_due,.pill.canceled{color:#991b1b;background:#fee2e2}table.roster{border-collapse:collapse;width:100%}.roster th,.roster td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.6rem .5rem;font-size:.92rem}.roster tr:last-child td{border-bottom:0}.roster th{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.qr-stub,.pairing-qr{color:#9a3412;text-align:center;background:#fff7ed;border:2px dashed #fed7aa;border-radius:14px;justify-content:center;align-items:center;width:220px;height:220px;padding:1rem;display:flex}.pairing-qr{background:#fff;border-style:solid}.pairing-qr img{width:196px;height:196px;display:block}.todo{color:#ea580c;font-weight:800}.note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:.85rem;padding:.8rem .95rem;font-size:.86rem;line-height:1.5}.inline-form{gap:.6rem;display:flex}.inline-form input{margin:0}.inline-form button{flex:none}.team-toolbar{grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr);align-items:flex-start;gap:.75rem;display:grid}.team-toolbar .err{grid-column:1/-1;margin-top:0}.team-invite-form{align-items:center}.team-member-row{border-top:1px solid #e5e7eb;padding:1rem 0}.team-member-row:first-child{border-top:0}.team-member-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.team-member-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.seat-list{gap:.5rem;margin-top:.75rem;display:grid}.seat-chip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.empty-seat{color:#6b7280;border:1px dashed #d1d5db;border-radius:12px;padding:.65rem .75rem;font-size:.88rem}.danger-link{color:#b91c1c;background:0 0;min-height:0;padding:.35rem .45rem}.danger-link:hover{background:#fee2e2}.err{color:#b91c1c;min-height:1rem;margin-top:.6rem;font-size:.88rem;font-weight:700}.hint{color:#6b7280;margin-top:1rem;font-size:.82rem;line-height:1.6}@media (width<=560px){.stat-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.inline-form button{width:100%}.team-toolbar{grid-template-columns:1fr}.team-member-header{flex-direction:column}.team-member-actions{justify-content:stretch;width:100%}.team-member-actions button{flex:1}.seat-chip{flex-direction:column;align-items:flex-start}}[data-theme=dark]{color:#e7eaf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#14161b}[data-theme=dark] input,[data-theme=dark] select{color:#e7eaf0;background:#21252e;border-color:#2b303b}[data-theme=dark] .appclip-card{box-shadow:none;background:#1c1f26;border-color:#2b303b}[data-theme=dark] .portal-header{background:#14161bf5;border-bottom-color:#2b303b}[data-theme=dark] .portal-brand{color:#e7eaf0}[data-theme=dark] .portal-nav a{color:#9aa3b2}[data-theme=dark] .portal-nav a.active{color:#fdba74;background:#fb923c29}[data-theme=dark] .portal-nav .who{color:#9aa3b2}[data-theme=dark] .theme-toggle{border-color:#2b303b}[data-theme=dark] .theme-toggle:hover{background:#fb923c1f}[data-theme=dark] .portal-topbar{background:#14161bf5;border-bottom-color:#2b303b}[data-theme=dark] .portal-brand span{color:#fb923c}[data-theme=dark] .portal-sidebar{background:#14161bf5;border-right-color:#2b303b}[data-theme=dark] .portal-sidebar-footer{border-top-color:#2b303b}[data-theme=dark] .portal-sidebar-footer .who,[data-theme=dark] .portal-sidebar-footer a{color:#9aa3b2}[data-theme=dark] .portal-sidebar-footer a:hover{color:#fb923c;background:#fb923c1f}[data-theme=dark] .team-member-row,[data-theme=dark] .seat-chip{border-color:#2b303b}[data-theme=dark] .seat-chip{background:#171a20}[data-theme=dark] .empty-seat{color:#9aa3b2;border-color:#3a404d}[data-theme=dark] .danger-link:hover{background:#ef44441f}@media (width<=720px){[data-theme=dark] .portal-sidebar{border-bottom-color:#2b303b}}[data-theme=dark] .hero p,[data-theme=dark] .status,[data-theme=dark] .sub,[data-theme=dark] .muted,[data-theme=dark] .meta,[data-theme=dark] .list-row .meta,[data-theme=dark] .stat .l{color:#9aa3b2}[data-theme=dark] .eyebrow,[data-theme=dark] .sub a,[data-theme=dark] .hint a,[data-theme=dark] .todo{color:#fb923c}[data-theme=dark] .hint{color:#9aa3b2}[data-theme=dark] .list-row{border-top-color:#2b303b}[data-theme=dark] .roster th,[data-theme=dark] .roster td{border-bottom-color:#2b303b}[data-theme=dark] .roster th{color:#9aa3b2}[data-theme=dark] .pill.linked,[data-theme=dark] .pill.active,[data-theme=dark] .connected-pill{color:#6ee7b7;background:#34d39929}[data-theme=dark] .pill.pending,[data-theme=dark] .pill.trialing{color:#fdba74;background:#fb923c29}[data-theme=dark] .pill.past_due,[data-theme=dark] .pill.canceled{color:#fca5a5;background:#f8717129}[data-theme=dark] .note{color:#fdba74;background:#fb923c1a;border-color:#fb923c59}[data-theme=dark] .qr-stub{color:#fdba74;background:#fb923c14;border-color:#fb923c66}[data-theme=dark] .pairing-qr{color:#111827;background:#fff;border-color:#fb923c80}[data-theme=dark] .secondary-button{background:#2b303b}[data-theme=dark] .err{color:#fca5a5}
