*{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}.app{max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;height:100vh;height:100dvh}header,.controls,.error{flex:0 0 auto}header{display:flex;align-items:center;gap:16px}header h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:#11141d}header button{margin-left:auto;padding:10px 24px;border:0;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .05s ease,filter .1s ease,box-shadow .1s ease;box-shadow:0 1px 2px #0f142814}header button.start{background:linear-gradient(180deg,#4a7cfa,#3563e0);color:#fff}header button.stop{background:linear-gradient(180deg,#ef4444,#d12a2a);color:#fff}header button:hover{filter:brightness(1.05);box-shadow:0 2px 8px #0f14281f}header button:active{transform:translateY(1px)}.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;box-shadow:0 1px 2px #0f14280a}.status .dot{width:8px;height:8px;border-radius:50%;background:#c0c5d4;transition:opacity .05s linear}.status.listening .dot{background:#16a34a}.status.connecting .dot{background:#d97706}.lang-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 30px 7px 12px;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 10px center;color:#1c1f2a;border:1px solid #dfe3ee;border-radius:8px;font-size:13px;cursor:pointer;box-shadow:0 1px 2px #0f14280a;min-width:0}.lang-select:disabled{opacity:.5;cursor:not-allowed}.error{padding:12px 16px;background:#fff1f1;border:1px solid #fbcaca;border-radius:10px;color:#b3261e;font-size:14px}.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{flex:0 0 auto}.board-headers{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.board-col-header{display:flex;align-items:center;gap:12px;min-width:0}.board-col-header h2{margin:0;font-size:12px;color:#5a607a;text-transform:uppercase;letter-spacing:.1em;font-weight:600;white-space:nowrap}.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}@media (max-width: 760px){.board-headers,.board-grid{grid-template-columns:1fr}}.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}.board-grid>.line:nth-child(2n){background:#e8f0fe;border-color:#d6e2fa}.dim{color:#b6bbcc}.hint{margin:0;color:#8a91a8;font-size:14px}