:root{color:#17211d;background:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}.app-shell{width:min(1120px,100%);margin:0 auto;padding:28px 16px 40px}.app-header{padding:12px 0 22px}.eyebrow{margin:0 0 8px;color:#5f6f68;font-size:.8rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,4.5rem);line-height:1}.intro{max-width:680px;margin:14px 0 0;color:#43504b;font-size:1.05rem;line-height:1.6}.setup-band{display:grid;gap:16px;padding:18px;border:1px solid #d8d2c4;border-radius:8px;background:#fffdf8}.language-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.language-select{display:grid;gap:8px;color:#43504b;font-size:.92rem;font-weight:700}.language-select select{min-height:48px;width:100%;border:1px solid #bbb4a5;border-radius:8px;padding:0 14px;background:#fff;color:#17211d}.swap-button,.start-button,.stop-button{min-height:48px;border:0;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer}.swap-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #bbb4a5;background:#fff;color:#17211d}.start-button{background:#0f766e;color:#fff}.stop-button{background:#902b3a;color:#fff}.status-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;color:#43504b;font-size:.95rem}.status-pill{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:0 12px;background:#e9e2d5;color:#17211d;font-weight:800}.status-recording,.status-playing{background:#c7f2df;color:#0f513e}.status-error{background:#ffd5d8;color:#7f1d1d}.error-box{margin:0 0 16px;border:1px solid #f0a1aa;border-radius:8px;padding:12px 14px;background:#fff1f2;color:#7f1d1d;font-weight:700}.talk-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.talk-button{display:grid;gap:8px;min-height:180px;align-content:center;justify-items:center;border:1px solid #c8c0b0;border-radius:8px;padding:22px;background:#fff;color:#17211d;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.talk-button:hover:not(:disabled){transform:translateY(-1px);border-color:#0f766e}.talk-button:disabled{cursor:wait;opacity:.62}.talk-button-active{border-color:#0f766e;background:#d8f8e8}.talk-button span{font-size:clamp(1.7rem,6vw,3.2rem);font-weight:900}.talk-button small{color:#43504b;font-size:1rem;font-weight:800}.transcript-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.transcript-panel{min-height:280px;border:1px solid #d8d2c4;border-radius:8px;background:#fffdf8}.transcript-panel h2{margin:0;border-bottom:1px solid #ebe5d9;padding:14px 16px;font-size:1rem}.transcript-panel pre{min-height:210px;margin:0;padding:16px;overflow:auto;color:#24302c;font-family:inherit;font-size:1.02rem;line-height:1.7;white-space:pre-wrap}@media(max-width:760px){.app-shell{padding-top:18px}.language-grid,.talk-controls,.transcript-grid{grid-template-columns:1fr}.swap-button{width:100%}.talk-button{min-height:138px}}.guest-shell{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:#f4f7f8}.guest-card{width:min(100%,520px);padding:24px;border:1px solid #d8e1e5;border-radius:8px;background:#fff;box-shadow:0 20px 60px #182d3a1f}.guest-centered{text-align:center}.guest-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guest-header h1,.guest-centered h1{margin:6px 0 0;color:#15222b;font-size:26px;line-height:1.15}.guest-kicker{margin:0;color:#056149;font-size:12px;font-weight:850;text-transform:uppercase}.guest-copy,.guest-centered p:last-child{margin:18px 0 0;color:#687781;line-height:1.65}.guest-status{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#056149;background:#e2f3ed;font-size:12px;font-weight:800}.guest-status.reconnecting{color:#a75f12;background:#fff1db}.guest-language-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:20px;padding:16px;border:1px solid #d8e1e5;border-radius:8px;background:#f5f8f9}.guest-language-route div{text-align:center}.guest-language-route span{display:block;color:#687781;font-size:11px;font-weight:800}.guest-language-route strong{display:block;margin-top:5px;color:#15222b}.guest-privacy,.guest-keep-open{margin:16px 0 0;padding:12px;border-radius:8px;color:#687781;background:#f5f8f9;font-size:13px;line-height:1.55}.guest-keep-open{color:#056149;background:#e2f3ed;font-weight:750}.guest-primary,.guest-actions button{min-height:52px;border-radius:8px;font-weight:850}.guest-primary{width:100%;margin-top:18px;border:0;color:#fff;background:#087f64}.guest-primary:disabled{opacity:.65}.guest-transcript{min-height:260px;margin-top:14px;padding:16px;border:1px solid #d8e1e5;border-radius:8px;background:#fff}.guest-transcript span{color:#687781;font-size:11px;font-weight:850;text-transform:uppercase}.guest-source{margin:14px 0 0;color:#687781;font-size:15px;line-height:1.55}.guest-translation{margin:12px 0 0;color:#15222b;font-size:24px;font-weight:760;line-height:1.45}.guest-error{margin-top:14px;padding:12px;border:1px solid rgba(182,67,67,.25);border-radius:8px;color:#b64343;background:#fdeaea;font-size:13px;line-height:1.5}.guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.guest-actions button{border:1px solid #d8e1e5;color:#15222b;background:#fff}.guest-actions button.danger{border-color:#b6434340;color:#b64343;background:#fdeaea}