*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:radial-gradient(ellipse at top,#f6f7fb,#eceef5 60%);color:#1c1f2a;height:100%;overflow:hidden}.error{margin:12px auto;padding:12px 16px;background:#fff1f1;border:1px solid #fbcaca;border-radius:10px;color:#b3261e;font-size:14px;max-width:600px}.dim{color:#b6bbcc}.hint{margin:0;color:#8a91a8;font-size:14px}.link-back{margin-left:auto;color:#5a607a;text-decoration:none;font-size:13px}.link-back:hover{color:#1c1f2a}.landing{max-width:720px;margin:0 auto;padding:80px 24px;text-align:center}.landing h1{font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 32px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.role-grid{grid-template-columns:1fr}}.role-card{padding:32px 20px;background:#fff;border:1px solid #e3e7f0;border-radius:14px;box-shadow:0 1px 3px #0f14280a;text-decoration:none;color:#5a607a;transition:transform .05s ease,box-shadow .1s ease,color .1s ease,border-color .1s ease;display:flex;flex-direction:column;align-items:center;gap:14px}.role-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f142814;color:#1c1f2a;border-color:#c7cbd8}.role-title{font-size:16px;font-weight:600}.icon-action{width:28px;height:28px;background:#fff;color:#5a607a;border:1px solid #dfe3ee;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.icon-action:hover{color:#d12a2a;border-color:#fbcaca;background:#fff8f8}.speaker-screen{max-width:520px;margin:0 auto;padding:24px;height:100dvh;display:flex;flex-direction:column;gap:16px}.speaker-screen header{display:flex;align-items:center;gap:16px}.speaker-screen header h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.speaker-langs{display:flex;align-items:center}.speaker-langs .lang-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 38px 12px 16px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%235a607a' d='M6 9L1 4h10z'/></svg>") no-repeat right 14px center;border:1px solid #dfe3ee;border-radius:10px;font-size:15px;color:#1c1f2a;cursor:pointer}.speaker-langs .lang-select:disabled{opacity:.6;cursor:not-allowed}.error-slot{min-height:20px;font-size:13px;color:#d12a2a;text-align:center;line-height:1.4}.speaker-mic{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.big-btn{width:220px;height:220px;border-radius:50%;border:0;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .05s ease,box-shadow .05s linear;box-shadow:0 6px 18px #0f14281f}.big-btn:active:not(:disabled){transform:scale(.98)}.big-btn:disabled{cursor:default}.big-btn.text-btn{background:#fff;color:#1c1f2a;border:1px solid #e3e7f0}.big-btn.text-btn:hover:not(:disabled){border-color:#c7cbd8}.big-btn.text-btn:disabled{cursor:default}.spinner{width:36px;height:36px;border:3px solid #e3e7f0;border-top-color:#5a607a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.big-btn.icon-btn{background:#fff;border:1px solid #e3e7f0}.big-btn.icon-btn.is-muted .mic-icon{color:#94a3b8}.big-btn.icon-btn.is-live .mic-icon{color:#22c55e}.mic-icon{position:relative;display:inline-flex;line-height:0}.mic-strike{position:absolute;top:-10%;bottom:-10%;left:50%;width:3px;background:currentColor;border-radius:2px;transform:translate(-50%) rotate(45deg);transform-origin:center}.leave-slot{min-height:56px;display:flex;justify-content:center;align-items:center}.leave-btn{width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#ef4444,#d12a2a);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0f142814}.leave-btn:hover{filter:brightness(1.05)}.leave-btn:active{transform:translateY(1px)}.viewer-screen{max-width:1180px;margin:0 auto;padding:20px 24px;height:100dvh;display:flex;flex-direction:column;gap:14px}.viewer-screen header{display:flex;align-items:center;gap:16px;flex:0 0 auto}.viewer-screen header h1{margin:0;font-size:22px;font-weight:600}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #dfe3ee;border-radius:999px;font-size:12px;color:#5a607a;text-transform:lowercase}.status .dot{width:8px;height:8px;border-radius:50%;background:#c0c5d4}.status.listening .dot{background:#16a34a}.status.connecting .dot{background:#d97706}.board{background:#fff;border:1px solid #e3e7f0;border-radius:14px;padding:18px 20px;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;min-height:0;box-shadow:0 1px 3px #0f14280a;overflow:hidden;min-width:0}.board-headers{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;flex:0 0 auto}.board-col-header h2{margin:0;font-size:12px;color:#5a607a;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:stretch;align-content:start;overflow-y:auto;scroll-behavior:smooth;flex:1;min-height:0;border-top:1px solid #ececf0;padding-top:12px}.line{margin:0;padding:10px 14px;background:#f6f8fc;border:1px solid #e6eaf3;border-radius:10px;line-height:1.55;font-size:15px;white-space:pre-wrap;word-break:break-word;color:#1c1f2a;unicode-bidi:plaintext;text-align:start}.line.spoken-a{background:#e8f0fe;border-color:#d6e2fa}.line.spoken-b{background:#fef0dc;border-color:#f5dcb4}@media (max-width: 760px){.board-headers,.board-grid{grid-template-columns:1fr}}