:root{--bg:#0d0f17;--surface:#12141e;--border:#1e2132;--text:#7c8498;--text-h:#e2e8f0;--accent:#3b82f6;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit}.app{border-inline:1px solid var(--border);grid-template-rows:100px 1fr;max-width:1100px;min-height:100svh;margin:0 auto;display:grid}.app-body{grid-template-columns:280px 1fr;height:calc(100svh - 100px);display:grid;overflow:hidden}@media (width<=680px){.app-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:calc(100svh - 100px)}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}.app-header{border-top:3px solid #e2000f;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0d0f17cc;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:0 32px;display:flex;position:sticky;top:0}.header-logos{flex-shrink:0;align-items:center;gap:24px;display:flex}.logo-container{background:#fff;border-radius:8px;justify-content:center;align-items:center;height:64px;padding:8px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000001a}.logo-container:hover{transform:translateY(-2px)}.logo-abb{object-fit:contain;width:auto;height:36px}.logo-tecnoprism{object-fit:contain;width:auto;height:40px}.logo-divider{background:var(--border);opacity:.5;flex-shrink:0;width:1px;height:40px}.header-center{flex:1;justify-content:center;align-items:center;padding-right:140px;display:flex}.event-title{color:var(--text-h);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(to right, #fff, var(--text));-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:16px;font-weight:700}.header-right{flex-shrink:0}.status-badge{color:var(--text);border:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;background:#1e21324d;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;line-height:1;display:flex}.status-label{display:inline-block}.status-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px #f59e0b4d}.status-live{color:var(--green);border-color:#22c55e40}.status-live .status-dot{background:var(--green);animation:2s infinite blink}.status-connecting .status-dot{background:var(--amber)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:10px;display:flex}.sidebar-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text);opacity:.55;font-size:11px;font-weight:600}.room-badge{color:var(--text-h);background:var(--surface);border:1px solid var(--border);word-break:break-all;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.connection-info{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.url-preview{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.status-dot.active{background:var(--green);box-shadow:0 0 8px var(--green)}.sidebar-help{border-top:1px solid var(--border);opacity:.6;margin-top:auto;padding-top:20px}.sidebar-help p{font-size:12px;line-height:1.6}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text);font-size:12px}.field-header{justify-content:space-between;align-items:center;display:flex}.text-link{color:var(--accent);opacity:.8;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;text-decoration:underline}.text-link:hover:not(:disabled){opacity:1}.text-link:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.input{background:var(--surface);border:1px solid var(--border);color:var(--text-h);border-radius:8px;outline:none;width:100%;padding:9px 12px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text);opacity:.45}textarea.input{resize:vertical;min-height:68px}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c8498' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}select.input option{background:#12141e}.btn{border:none;border-radius:8px;width:100%;padding:9px 16px;font-weight:500;line-height:1;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.82}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{border:1px solid var(--border);color:var(--text-h);background:0 0}.btn-danger{background:var(--red);color:#fff}.divider{color:var(--text);text-transform:uppercase;letter-spacing:.07em;opacity:.4;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.transcript-pane{flex-direction:column;display:flex;overflow:hidden}.transcript-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.transcript-toolbar h2{color:var(--text-h);font-size:13px;font-weight:600}.toolbar-actions{gap:8px;display:flex}.btn-sm{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1;transition:color .12s,border-color .12s}.btn-sm:hover{color:var(--text-h);border-color:var(--text)}.btn-sm:disabled{opacity:.3;cursor:not-allowed}.transcript-feed{flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.transcript-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.transcript-meta{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.transcript-speaker{color:var(--accent);font-size:12px;font-weight:600}.transcript-time{color:var(--text);opacity:.55;font-size:11px}.transcript-text{color:var(--text-h);font-size:14px;line-height:1.55}.empty-state{color:var(--text);opacity:.5;text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.toast{background:var(--text-h);color:var(--bg);z-index:1000;white-space:nowrap;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;animation:.18s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}