:root{color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans CJK JP,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f1115;color:#e7e9ee}.app{max-width:760px;margin:0 auto;padding:24px 16px 64px}.app__header{display:flex;align-items:baseline;gap:12px}.app__header h1{margin:0;font-size:28px}.app__subtitle{color:#8b93a7;font-size:14px}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0;padding:16px;background:#171a21;border-radius:12px}.controls__lang{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#8b93a7}.controls__lang select{padding:8px 10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:#e7e9ee;font-size:15px}.btn{padding:10px 20px;border:none;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer}.btn--start{background:#2f7d4f;color:#fff}.btn--stop{background:#b3413a;color:#fff}.status{font-size:14px;color:#8b93a7}.status--listening{color:#4ade80}.status--error{color:#f87171}.captions{margin-top:16px;min-height:200px}.captions__empty{color:#6b7280}.captions__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.captions__final{font-size:20px;line-height:1.5}.captions__interim{font-size:20px;line-height:1.5;color:#8b93a7;font-style:italic}.tabs{display:flex;gap:8px;margin-top:16px}.tab{padding:8px 16px;border:1px solid #2a2f3a;background:#171a21;color:#8b93a7;border-radius:8px;cursor:pointer;font-size:14px}.tab--active{background:#0f1115;color:#e7e9ee;border-color:#4ade80}.controls--room{align-items:flex-end}.controls__lang input{padding:8px 10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:#e7e9ee;font-size:15px}.listen{border:1px solid #2a2f3a;border-radius:8px;padding:6px 12px;margin:0;color:#8b93a7;font-size:13px}.listen__opt{display:inline-flex;align-items:center;gap:4px;margin-right:10px;color:#e7e9ee;font-size:14px}.roster{margin-top:16px;padding:12px 16px;background:#131620;border-radius:10px}.roster__active{font-size:14px;color:#4ade80}.roster__list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.roster__item{font-size:13px;color:#8b93a7}.captions__who{color:#9aa3b8;font-weight:600}.captions__final--own{color:#cfe9d8}.batch__h{font-size:14px;color:#8b93a7;margin:16px 0 4px}.compare__input{width:100%;padding:10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:#e7e9ee;font-size:15px;resize:vertical}.compare__nokey{color:#6b7280;font-size:11px}.compare__table{width:100%;margin-top:16px;border-collapse:collapse;font-size:14px}.compare__table th,.compare__table td{border:1px solid #2a2f3a;padding:8px 10px;text-align:left;vertical-align:top}.compare__table th{color:#8b93a7;font-weight:600}.compare__err{color:#f87171}.voice{margin-top:16px;padding:12px 16px;background:#131620;border-radius:10px}.voice__consent{font-size:13px;color:#b9c0d0;margin:0}.knowledge__email{white-space:pre-wrap;background:#131620;border:1px solid #2a2f3a;border-radius:8px;padding:12px;font-size:14px;color:#e7e9ee}