/* V10.8.1058 (TEST) class lobby redesign: iTutor colours, contained mirrored camera tile, nothing clipped. Scoped to html.v1058 (off: localStorage v1058=0). */
html.v1058 #v44lb{display:none!important}
html.v1058 .lob{position:static!important;min-height:100vh;overflow:visible!important;background:radial-gradient(1200px 600px at 15% -10%,#e9e4ff 0,rgba(233,228,255,0) 60%),radial-gradient(900px 500px at 110% 10%,#dfeeff 0,rgba(223,238,255,0) 55%),#f7f8fd!important;font-family:Poppins,Inter,sans-serif}
html.v1058 .lob .world{position:static!important;transform:none!important;width:auto!important;height:auto!important;--u:1px!important;max-width:1180px;margin:0 auto;padding:20px 24px 40px!important;
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"logo back" "pill pill" "prev choose" "cbar cbar" "tray tray";gap:16px 24px;align-items:start;overflow:visible}
html.v1058 .lob .world>*{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;z-index:1!important;max-width:100%}
html.v1058 .lob .lob-logo{grid-area:logo;justify-self:start;background:none;border:0;padding:0;width:auto!important;height:auto!important}
html.v1058 .lob .lob-logo img{height:34px;width:auto}
html.v1058 .lob .v58back{grid-area:back;justify-self:end;align-self:center;border:1px solid #d6d1f5;background:#fff;color:#2a1f7a;border-radius:999px;padding:9px 16px;font:600 14px Poppins,sans-serif;cursor:pointer;box-shadow:0 2px 8px #2a1f7a14}
html.v1058 .lob .v58back:hover{background:#f3f1ff}
html.v1058 .lob .lob-pill{grid-area:pill;display:flex!important;align-items:center;gap:14px;width:auto!important;height:auto!important;background:#1f2a5c!important;color:#fff!important;border-radius:18px!important;padding:16px 20px!important;box-shadow:0 10px 30px #1f2a5c26!important;font-size:15px!important}
html.v1058 .lob .lob-pill svg{width:26px;height:26px;color:#cfc8ff;flex:none}
html.v1058 .lob .lob-pill b{display:block;font-size:20px!important;color:#fff!important;margin-bottom:2px}
html.v1058 .lob .lob-pill div{color:#d9dcf2!important}
html.v1058 .lob .prev{grid-area:prev;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10;border-radius:22px!important;overflow:hidden;background:#141a3a!important;box-shadow:0 14px 40px #1f2a5c33!important;z-index:1!important}
html.v1058 .lob .prev video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
html.v1058 .lob .prev .chip{position:absolute!important;left:12px!important;bottom:12px!important;top:auto!important;max-width:calc(100% - 24px);white-space:normal;background:#ffffffe6!important;color:#1f2a5c!important;border-radius:999px;padding:6px 12px;font-size:13px}
html.v1058 .lob .prev .off{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#e9ecf8;padding:20px;font-size:15px}
html.v1058 .lob .choose{grid-area:choose;width:auto!important;height:auto!important;background:#fff!important;backdrop-filter:none!important;border:1px solid #e6e3f7;border-radius:22px!important;padding:22px!important;box-shadow:0 14px 40px #1f2a5c14!important}
html.v1058 .lob .choose h2{font:700 24px Poppins,sans-serif!important;color:#1f2a5c!important;margin:0 0 14px!important}
html.v1058 .lob .choose h2 em{color:#5b4bd6!important;font-style:normal}
html.v1058 .lob .modes{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
html.v1058 .lob .mode{background:#f7f8fd!important;border:1.5px solid #e3e0f7!important;border-radius:16px!important;padding:16px 12px!important;color:#1f2a5c!important;min-height:0!important;height:auto!important}
html.v1058 .lob .mode.on{background:#f3f1ff!important;border-color:#5b4bd6!important;box-shadow:0 0 0 3px #5b4bd622!important}
html.v1058 .lob .mode b{font-size:16px!important;color:#1f2a5c!important}html.v1058 .lob .mode span{font-size:13px!important;color:#5a6172!important}
html.v1058 .lob .mode .rad{border-color:#5b4bd6!important}html.v1058 .lob .mode.on .rad{background:radial-gradient(#5b4bd6 45%,#fff 50%)!important}
html.v1058 .lob .mode .mi svg{color:#2a1f7a}
html.v1058 .lob .mnote{background:#eef1fb!important;color:#2c3142!important;border-radius:12px!important;padding:10px 12px!important;font-size:14px!important;margin:12px 0!important}
html.v1058 .lob .jbtn{width:100%;background:#5b4bd6!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:15px!important;font:600 16px Poppins,sans-serif!important;box-shadow:0 8px 20px #5b4bd640!important}
html.v1058 .lob .jbtn[disabled]{background:#c9c5e8!important;box-shadow:none!important}
html.v1058 .lob .cbar{grid-area:cbar;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:auto!important;height:auto!important;background:#fff!important;backdrop-filter:none!important;border:1px solid #e6e3f7;border-radius:16px!important;padding:12px 16px!important;color:#4b4f63!important;font-size:14px!important}
html.v1058 .lob .cbar .dchk{display:flex;flex-wrap:wrap;gap:8px}
html.v1058 .lob .cbar .dchk>*{background:#f3f1ff;border:1px solid #e3e0f7;color:#2a1f7a;border-radius:999px;padding:6px 12px;font:600 13px Poppins,sans-serif;white-space:nowrap}
html.v1058 .lob .cbar .dchk .ok{background:#e8f6ec;border-color:#bfe3c9;color:#1e6b34}html.v1058 .lob .cbar .dchk .bad{background:#fdeceb;border-color:#f4c4c0;color:#a12a20}
html.v1058 .lob .cbar .dchk button{cursor:pointer}
html.v1058 .lob .ltbtn{grid-area:tray;justify-self:start;position:relative!important;background:#fff!important;color:#2a1f7a!important;border:1px solid #d6d1f5!important;border-radius:999px!important;padding:9px 16px!important;font:600 14px Poppins,sans-serif!important}
html.v1058 .lob .ltray,html.v1058 .lob .ltray2{grid-column:1/-1}
html.v1058 .lob .ltray:not(.open),html.v1058 .lob .ltray2:not(.open){display:none!important}
html.v1058 .lob .ltray .abs,html.v1058 .lob .ltray2 .abs{position:relative!important;inset:auto!important;width:auto!important;background:#fff;border-radius:16px;padding:14px;border:1px solid #e6e3f7}
@media (max-width:980px){ html.v1058 .lob .world{grid-template-columns:1fr;grid-template-areas:"logo" "back" "pill" "prev" "choose" "cbar" "tray";padding:14px 14px 100px!important}
  html.v1058 .lob .v58back{justify-self:start} }
@media (max-width:980px) and (min-width:600px){ html.v1058 .lob .world{grid-template-columns:1fr auto;grid-template-areas:"logo back" "pill pill" "prev prev" "choose choose" "cbar cbar" "tray tray"} html.v1058 .lob .v58back{justify-self:end} html.v1058 .lob .prev{aspect-ratio:16/9} }
@media (max-width:599px){ html.v1058 .lob .world{grid-template-columns:1fr auto;grid-template-areas:"logo back" "pill pill" "prev prev" "choose choose" "cbar cbar" "tray tray";gap:12px} html.v1058 .lob .v58back{justify-self:end;padding:7px 12px;font-size:13px}
  html.v1058 .lob .prev{aspect-ratio:4/3} html.v1058 .lob .choose{padding:16px!important} html.v1058 .lob .choose h2{font-size:20px!important} html.v1058 .lob .lob-pill b{font-size:17px!important} html.v1058 .lob .cbar{font-size:13px!important} }