:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 30rem),radial-gradient(circle at bottom right,rgba(16,185,129,.16),transparent 28rem),#020617}button,select{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border:1px solid rgba(148,163,184,.22);border-radius:28px;background:linear-gradient(135deg,#0f172af0,#1e293bb8);box-shadow:0 24px 80px #00000059}.eyebrow{margin:0 0 8px;color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(34px,8vw,70px);line-height:.95;letter-spacing:-.06em}h2{margin-bottom:14px;font-size:18px}.hero-subtitle{margin:0;max-width:720px;color:#cbd5e1;font-size:18px;line-height:1.55}.status-pill{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#0f172ae0;border:1px solid rgba(148,163,184,.25);color:#e2e8f0;font-weight:800}.status-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 18px currentColor}.status-running .status-dot{background:#22c55e}.status-connecting .status-dot{background:#f59e0b}.panel{margin-top:18px;padding:22px;border-radius:24px;background:#0f172ad1;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.controls-panel{display:grid;gap:16px}.field-label{color:#cbd5e1;font-weight:800}select{width:100%;border:1px solid rgba(148,163,184,.28);background:#0f172a;color:#f8fafc;border-radius:16px;padding:14px 16px;outline:none}.selected-language-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#1e293bad;border:1px solid rgba(148,163,184,.16)}.big-flag{font-size:42px}.selected-language-card strong{display:block}.selected-language-card small{display:block;color:#94a3b8;margin-top:4px}.button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}button{border:none;cursor:pointer;border-radius:16px;padding:14px 16px;font-weight:900;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.primary-button{background:linear-gradient(135deg,#22c55e,#14b8a6);color:#022c22}.secondary-button,.mini-button{color:#f8fafc;background:#1e293bd6;border:1px solid rgba(148,163,184,.22)}.mini-button{padding:8px 10px;border-radius:10px;font-size:12px}.tips{padding:14px 16px;border-radius:16px;background:#3b82f61f;color:#bfdbfe;border:1px solid rgba(96,165,250,.18)}.tips p{margin:0;line-height:1.5}.metrics-grid,.transcript-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.transcript-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:20px;border-radius:22px;background:#0f172ac7;border:1px solid rgba(148,163,184,.18)}.metric-card span{display:block;color:#94a3b8;margin-bottom:6px;font-size:14px}.metric-card strong{font-size:26px;letter-spacing:-.04em}.transcript-card{min-height:190px;display:flex;flex-direction:column}.transcript-card.highlighted{border-color:#2dd4bf52;background:linear-gradient(180deg,#14b8a624,#0f172acc)}.transcript-text{margin:0;color:#e2e8f0;font-size:18px;line-height:1.65;white-space:pre-wrap}.transcript-text:empty:before{content:"...";color:#64748b}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.panel-header h2{margin:0}.log-box{max-height:260px;overflow:auto;padding:14px;border-radius:16px;background:#020617a3;border:1px solid rgba(148,163,184,.12);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;color:#cbd5e1}.log-box p{margin:0 0 8px}.log-box p:last-child{margin-bottom:0}@media (max-width: 800px){.app-shell{width:min(100% - 22px,680px);padding-top:14px}.hero-card{flex-direction:column;padding:22px;border-radius:24px}.hero-subtitle{font-size:16px}.button-grid,.metrics-grid,.transcript-grid{grid-template-columns:1fr}button{min-height:52px}.panel{padding:18px}}.mobile-ready-card{display:flex;justify-content:space-between;gap:14px;border-color:#22c55e38;background:linear-gradient(135deg,#14b8a61f,#0f172ad1)}.mobile-ready-card p{margin:6px 0;color:#cbd5e1;line-height:1.5}.mobile-ready-card small{color:#94a3b8;word-break:break-all}audio{width:100%}@supports (padding: max(0px)){.app-shell{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(48px,env(safe-area-inset-bottom))}}@media (display-mode: standalone){body{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:auto;user-select:auto}}@media (max-width: 480px){.app-shell{width:min(100% - 16px,680px)}h1{font-size:40px}.hero-card,.panel,.metric-card{border-radius:20px}.status-pill{width:100%;justify-content:center}select{font-size:16px}.button-grid{gap:10px}button{width:100%}}.auth-panel,.room-banner{display:flex;justify-content:space-between;gap:16px;align-items:center}.auth-actions{min-width:210px;display:flex;justify-content:flex-end}.telegram-login-box{min-height:44px}.warning-text{margin:10px 0 0;color:#ffd1d1;background:#ff50501f;border:1px solid rgba(255,80,80,.25);padding:10px 12px;border-radius:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-box{display:flex;flex-direction:column;gap:10px;margin-top:12px}.list-item,.history-item{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:14px;padding:12px}.list-item{display:flex;justify-content:space-between;gap:12px;align-items:center}.list-item.active{border-color:#7ee7878c;background:#7ee78714}.list-item small,.small-text,.history-meta span{display:block;color:#ffffff9e;font-size:.85rem;line-height:1.4;word-break:break-all}.history-list{max-height:360px;overflow:auto}.history-item p{margin:8px 0 0;color:#fffc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-meta{display:flex;justify-content:space-between;gap:8px}.admin-panel details{width:100%}.admin-panel summary{cursor:pointer;font-weight:700}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr auto;gap:10px;margin-top:12px}.admin-grid input{width:100%;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;padding:12px;border-radius:12px}code{background:#ffffff14;padding:2px 6px;border-radius:6px}@media (max-width: 760px){.auth-panel,.room-banner,.history-meta{flex-direction:column;align-items:flex-start}.auth-actions{width:100%;justify-content:flex-start}.dashboard-grid,.admin-grid{grid-template-columns:1fr}.list-item{flex-direction:column;align-items:flex-start}}.translation-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px}.flow-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#1e293bad;border:1px solid rgba(148,163,184,.16)}.source-card{border-color:#60a5fa47;background:linear-gradient(135deg,#3b82f629,#1e293bad)}.target-card{border-color:#2dd4bf47;background:linear-gradient(135deg,#14b8a629,#1e293bad)}.flow-card strong{display:block}.flow-card small{display:block;color:#94a3b8;margin-top:4px;line-height:1.45}.flow-arrow{display:flex;align-items:center;justify-content:center;color:#67e8f9;font-size:28px;font-weight:900}@media (max-width: 760px){.translation-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);min-height:20px}}.mic-panel{padding:16px;border-radius:20px;background:#02061757;border:1px solid rgba(125,211,252,.18);display:grid;gap:12px}.mic-header{margin-bottom:0;align-items:flex-start}.mic-header p{margin:6px 0 0}.mic-action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mic-status-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.mic-status-card{padding:14px;border-radius:16px;background:#0f172ab8;border:1px solid rgba(148,163,184,.16)}.mic-status-card span,.mic-meter-label span{display:block;color:#94a3b8;font-size:13px;margin-bottom:6px}.mic-status-card strong{display:block;color:#f8fafc;font-size:15px;line-height:1.35;word-break:break-word}.mute-toggle{width:100%;padding:11px 12px;border-radius:12px;background:#22c55e2e;color:#bbf7d0;border:1px solid rgba(34,197,94,.28)}.mute-toggle.muted{background:#f8717129;color:#fecaca;border-color:#f8717152}.mic-meter-wrap{padding:14px;border-radius:16px;background:#0f172a94;border:1px solid rgba(148,163,184,.14)}.mic-meter-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.mic-meter-label span{margin-bottom:0}.mic-meter-label strong{color:#67e8f9}.mic-meter{height:14px;overflow:hidden;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.16)}.mic-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#14b8a6,#67e8f9);transition:width .08s linear}@media (max-width: 760px){.mic-header,.mic-status-grid{grid-template-columns:1fr}.mic-action-row{width:100%;justify-content:stretch}.mic-action-row .mini-button{flex:1}}