:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--text:#f3f3f3;--green:#1dd17e;--green-shadow:#1dd17e38;--red:#ff6262;--red-shadow:#ff626233;--disabled:#d9d9d9}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}.page{grid-template-rows:minmax(0,1fr) clamp(140px,20dvh,220px);height:100dvh;padding:0;display:grid;overflow:hidden}.video-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:0;display:grid}.panel{min-width:0;min-height:0;display:block;position:relative}.panel video,.remote-idle{object-fit:cover;background:#000;width:100%;height:100%;min-height:0;display:block}.remote-idle{background:#000;position:relative;overflow:hidden}.remote-idle>video{object-fit:cover;width:100%;height:100%;display:block}.controls{grid-template-columns:1fr 1fr;align-items:center;gap:16px;height:100%;display:grid}.control-button{cursor:pointer;border:0;border-radius:36px;width:100%;height:100%;min-height:0;font-size:clamp(22px,2vw,28px);font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s}.control-button.primary{color:#fff;box-shadow:0 18px 40px var(--green-shadow);background:#18c964;border:0}.control-button.secondary{color:#fff;box-shadow:0 14px 34px var(--red-shadow);background:#ef4444;border:0}.control-button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{background:var(--disabled);color:#8d8d8d;box-shadow:none;cursor:not-allowed;border:0}.chat-frame{color:#7b7b7b;letter-spacing:.01em;background:radial-gradient(circle at 0 0,#1dd17e14,#0000 28%),radial-gradient(circle at 100% 100%,#ff626212,#0000 28%),#fff;border:2px solid #ececec;border-radius:36px;place-items:center;height:100%;min-height:0;font-size:24px;font-weight:700;display:grid;overflow:hidden}.powered-stack{text-align:center;justify-items:center;gap:8px;display:grid}.powered-title{color:#111;margin:0;font-size:24px;font-weight:800}.powered-subline{color:#6c6c6c;margin:0;font-size:15px;font-weight:500}.powered-inline{color:#777;letter-spacing:0;margin:0;font-size:18px;font-weight:600}.powered-inline a{color:#111;font-weight:800;text-decoration:none}.remote-idle-image{position:absolute;inset:0}.remote-idle-logo{object-fit:cover}.online-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;align-items:center;gap:14px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.online-dot{background:#32d74b;border-radius:999px;width:14px;height:14px;box-shadow:0 0 16px #32d74be6}.bottom-grid{background:#f3f3f3;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid}.controls-panel,.chat-panel{background:#fff;min-height:0;padding:18px}@media (max-width:720px){.page{grid-template-rows:auto auto;height:auto;min-height:100dvh;overflow:visible}.video-grid,.bottom-grid{grid-template-columns:1fr}.panel video,.remote-idle{aspect-ratio:16/10;height:auto;min-height:280px}.controls{grid-template-columns:1fr 1fr}.control-button{border-radius:28px;height:88px;min-height:88px;font-size:22px}.chat-frame{border-radius:28px;min-height:120px;font-size:20px}.powered-title{font-size:20px}.powered-subline,.powered-inline{font-size:14px}}