:root{--navy-900: #101c33;--navy-800: #16233f;--navy-700: #1b2a4a;--navy-600: #223458;--navy-500: #2e4370;--navy-line: #2b3c60;--orange-500: #f5a800;--white: #fff;--ink: #e8ecf4;--muted: #8b97ad;--danger: #d64545;--success: #2e9e6b;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--navy-900);color:var(--ink);-webkit-font-smoothing:antialiased}.entrada{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.cartao{width:100%;max-width:420px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:16px;padding:28px 24px;box-shadow:0 18px 50px #00000073}.marca{font-weight:800;font-style:italic;font-size:26px;letter-spacing:-1px;color:var(--white);text-align:center}.marca b{color:var(--orange-500)}.sub{text-align:center;color:var(--muted);font-size:13.5px;margin:6px 0 22px}.campo{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}.preview{width:100%;aspect-ratio:4/3;max-height:220px;background:#0a1120;border:1px solid var(--navy-line);border-radius:12px;overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-vazio{font-size:34px;opacity:.5}.ok-midia{text-align:center;font-size:12.5px;color:var(--success);margin:0}.input{width:100%;background:var(--navy-900);border:1px solid var(--navy-500);color:var(--ink);border-radius:10px;padding:14px;font-size:16px;outline:none}.input:focus{border-color:var(--orange-500)}.btn{width:100%;margin-top:16px;background:var(--orange-500);color:#2a1c00;border:0;border-radius:10px;padding:15px;font-size:16px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.sec{background:transparent;color:var(--ink);border:1px solid var(--navy-500)}.aviso{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5}.erro{margin-top:14px;background:#3a1a1a;border:1px solid var(--danger);color:#f0b4b4;border-radius:10px;padding:11px 13px;font-size:13px}.sala{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.barra{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--navy-800);border-bottom:1px solid var(--navy-line)}.barra .t{font-weight:700;font-size:14px;color:var(--white)}.barra .n{font-size:12px;color:var(--muted)}.faixa{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 14px;background:#3a2416;color:#e0a883;font-size:12.5px;border-bottom:1px solid #5a3a20}.btn-mini{background:var(--orange-500);color:#2a1c00;border:0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}.btn-mini:disabled{opacity:.6;cursor:default}.palco{flex:1;display:grid;gap:8px;padding:8px;min-height:0;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr}.tile{position:relative;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px;overflow:hidden;min-height:0;height:100%}.video-box{width:100%;height:100%}.tile video{width:100%;height:100%;object-fit:cover;background:#0a1120;display:block}.tile .quem{position:absolute;left:8px;bottom:8px;background:#060a14b8;color:var(--white);font-size:12px;padding:4px 9px;border-radius:6px}.tile .mudo{position:absolute;right:8px;bottom:8px;font-size:13px}.tile.semvideo:after{content:attr(data-inicial);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:var(--navy-500);background:var(--navy-900)}.controles{display:flex;gap:10px;justify-content:center;padding:12px 16px 20px;background:var(--navy-800);border-top:1px solid var(--navy-line)}.ctrl{width:52px;height:52px;border-radius:50%;border:1px solid var(--navy-500);background:var(--navy-700);color:var(--ink);font-size:19px;cursor:pointer}.ctrl.off{background:#3a1a1a;border-color:var(--danger);color:#f0b4b4}.ctrl.sair{background:var(--danger);border-color:var(--danger);color:#fff}@media (max-width: 620px){.palco{grid-template-columns:1fr}}