*{box-sizing:border-box}body{margin:0;background:#10141c;color:#f7fafc;font-family:Arial,Helvetica,sans-serif}.layout{height:100dvh;min-height:560px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(290px,1fr) 133px;gap:5px;padding:5px}.remote,.local{position:relative;overflow:hidden;background:#050608;border-radius:5px}.remote{background:radial-gradient(circle at center,#33333a,#0a0b0d 78%)}#remoteVideo,#localVideo{height:100%;width:100%;object-fit:cover}#idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.logo{width:min(33vw,240px);height:min(33vw,240px);object-fit:contain}.counter{font-size:12px;color:#c5d3d9}.counter i{display:inline-block;background:#66e382;width:8px;height:8px;border-radius:50%;margin-right:7px}.slogan{font-size:13px;color:#c1c4d4}.place{position:absolute;bottom:12px;left:12px;background:#1119;padding:8px 12px;border-radius:5px;font-size:13px}.spinner{width:44px;height:44px;border:5px dotted white;border-radius:50%;animation:spin 1s linear infinite;position:absolute;left:calc(50% - 22px);top:calc(50% - 22px)}@keyframes spin{to{transform:rotate(360deg)}}.localHint{position:absolute;bottom:12px;left:12px;color:#fff9;text-shadow:1px 1px black}.localControls{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}.localControls button{padding:10px;border:none;background:#202a39ce;border-radius:7px;color:white;cursor:pointer}.controls{display:flex;gap:8px}.buttons{display:flex;flex:1;gap:7px}.buttons button{border:0;border-radius:8px;flex:1;font-size:17px;cursor:pointer}.start{background:#80cdb3;color:#fff}.stop{background:#ebae98;color:white}.next{background:#409eff;color:white}.buttons button:disabled{filter:grayscale(1);opacity:.55}.filters{display:flex;gap:6px;flex:1}.filters label{background:#e4e7ed;color:#3d4149;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:10px;min-width:0;flex:1;font-size:12px}.filters select{width:100%;border:0;background:transparent;font-size:15px;color:#202833;margin-top:4px;outline:0}.chat{display:flex;flex-direction:column;background:#fff;color:#333;border-radius:5px;overflow:hidden}.chatTop{display:flex;align-items:center;gap:10px;padding:8px;font-size:13px;border-bottom:1px solid #e7e7e7}.chatTop span{flex:1}.chatTop button,.adminLink{border:0;color:#606774;background:#eee;border-radius:4px;padding:6px;text-decoration:none;cursor:pointer}#messages{flex:1;padding:8px;overflow-y:auto;font-size:13px}.notice{background:#fff6f2;border:1px solid #fae5df;border-radius:6px;padding:7px;font-size:11px;color:#62616a}.mine{color:#0f77ab;margin-top:8px}.theirs{color:#323b46;margin-top:8px}#sendForm{display:flex;border-top:1px solid #eee}#sendForm input{border:0;outline:0;padding:12px;flex:1;min-width:0}#sendForm button{background:white;border:0;color:#008fff;font-size:18px;cursor:pointer}@media(max-width:750px){.layout{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:48vh 24vh auto 34vh}.controls{min-height:140px;flex-direction:column}.buttons{min-height:62px}.chat{min-height:34vh}.logo{width:150px;height:150px}}
.authGate{position:fixed;z-index:2000;inset:0;background:radial-gradient(circle at 50% 0%,#204ea2,#07101f 60%);display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto;color:#fff;font-family:system-ui,Arial}.authGate[hidden]{display:none}.authBox{width:min(440px,100%);padding:28px;background:#101e37;border:1px solid #2b4b7a;border-radius:24px;box-shadow:0 30px 90px #0008;text-align:center}.authLogo{width:112px;height:112px;object-fit:contain}.authBox h1{font-size:25px;margin:6px 0}.authBox p{color:#b8c9e7}.authTabs{display:flex;gap:6px;margin:24px 0}.authTabs button{border:1px solid #314969;color:#cce0ff;background:#182b47;padding:11px 9px;flex:1;cursor:pointer;border-radius:10px;font-size:13px}.authTabs .selected{background:#2183f8;color:white}.authBox input{display:block;width:100%;margin:10px 0;background:#0b162b;color:#fff;border:1px solid #456087;padding:14px;border-radius:10px;font-size:15px}.authBox .authSubmit,.authBox #refreshQr{background:#2794ff;color:white;border:0;padding:14px;border-radius:10px;width:100%;margin-top:10px;cursor:pointer}.authBox small{font-size:11px;color:#8ca3c9;display:block;margin-top:18px}.authBox #authError{min-height:20px;color:#ffb8b8;font-size:13px}.authBox #qrImg{background:white;width:200px;height:200px;object-fit:contain;max-width:100%}.accountBar{position:fixed;z-index:80;top:10px;right:12px;background:#14253ecc;border:1px solid #385075;border-radius:12px;padding:7px 10px;color:white;font:12px system-ui;display:flex;gap:10px;align-items:center}.accountBar[hidden]{display:none}.accountBar button{border:0;border-radius:7px;background:#245d9e;color:white;padding:6px 10px;cursor:pointer}
/* Prijava ostaje aktivna dok server ne potvrdi sesiju. */
body:not(.logged-in) .layout{visibility:hidden;pointer-events:none}body:not(.logged-in) #authGate{display:flex}body:not(.logged-in) #authGate[hidden]{display:flex}body.logged-in #authGate{display:none}#authForm[hidden],#qrArea[hidden]{display:none!important}

/* Old InstaGejm style for login, while keeping LiveMigo camera layout */
.authGate{background:radial-gradient(ellipse at 60% 5%,#263052,#0b0f20 65%)!important}.authBox{background:#121a2b;border:1px solid #343b56;box-shadow:0 24px 80px #0009}.authBox .shopAuthName{font-weight:850;letter-spacing:.12em;color:#c3ceff;font-size:13px;margin:3px 0 20px}.authBox .authLogo{height:86px;width:190px;object-fit:contain}.authTabs button.selected,.authBox .authSubmit{background:#697eff}.authBox input{background:#192136;color:#fff;border:1px solid #37445d}.authBox input:focus{outline:2px solid #697eff}

/* Original InstaGejm Shop-inspired login, isolated from LiveMigo chat */
.authGate{background:radial-gradient(ellipse at 50% -10%,#374152 0%,#121820 58%,#090e14 100%)!important}
.authBox{background:#10151d!important;border:1px solid #484237!important;border-radius:24px!important;box-shadow:0 32px 110px #0009,0 0 0 1px #c29d5730!important;max-width:460px!important;padding:32px 30px!important}
.authLogo{object-fit:contain!important;max-height:95px!important;max-width:165px!important;width:auto!important;height:auto!important}
.shopAuthName{color:#d7b679!important;letter-spacing:.18em!important}
.authBox h1{font-size:29px!important}
.authTabs{background:#101824;border:1px solid #303948;border-radius:12px;padding:5px;gap:5px}
.authTabs button{border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#bbc2cf!important}
.authTabs button.selected{background:linear-gradient(135deg,#d1a55c,#a77835)!important;color:#10151c!important;font-weight:800!important}
.authSubmit{background:linear-gradient(135deg,#d2ad66,#ab7c3d)!important;color:#11161d!important;font-weight:800!important}
.authBox input{background:#171e29!important;border:1px solid #3a4656!important;color:#fff!important}
.authBox input:focus-visible{outline:2px solid #d1a55c!important}
.authHelp{font-size:12px!important;color:#bfc7d4!important;margin:14px 0 4px!important}
.authHelp a{color:#e7c182;text-decoration:underline}
@media(max-width:500px){.authBox{padding:25px 19px!important}}

/* LiveMigo: modal za prijavu po uzoru na raspored video-chat platformi */
.authGate{background:rgba(2,5,12,.83)!important;backdrop-filter:blur(7px);padding:18px!important}
.authGate[hidden]{display:none!important}
.omeAuthModal{width:min(980px,100%);min-height:510px;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;background:white;box-shadow:0 35px 110px #000b;color:#222}
.omeAuthVisual{background:linear-gradient(155deg,rgba(8,20,46,.68),rgba(4,9,21,.88)),radial-gradient(circle at 30% 20%,#399cf5,#17294a 60%,#091126);color:#fff;position:relative;min-height:505px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;overflow:hidden}
.visualGlow{position:absolute;width:360px;height:360px;border:2px solid #77caff30;border-radius:50%;box-shadow:0 0 0 80px #529ad70b,0 0 0 160px #529ad708;pointer-events:none}
.visualLogo{max-width:170px;width:46%;position:relative;filter:drop-shadow(0 12px 22px #0006)}.visualTitle{position:relative;font-size:38px;font-weight:900;letter-spacing:-1px}.omeAuthVisual p{position:relative;font-size:17px;max-width:290px;line-height:1.6;color:#cbdff8}.visualBottom{position:absolute;bottom:27px;left:30px;font-size:14px}.liveDot{width:10px;height:10px;background:#55eb6b;border-radius:50%;display:inline-block;margin-right:8px}
.omeAuthForm{background:#fff;color:#1f2937;padding:25px 45px 24px;text-align:center;overflow-y:auto;max-height:min(90vh,760px)}.omeAuthForm h1{font-size:26px;color:#ed6133;margin:0 0 6px}.formLogo{width:86px;height:77px;object-fit:contain;display:block;margin:auto}.formIntro{font-size:13px;color:#5b6675;margin:0 0 12px}.socialOptions{display:grid;gap:8px}.socialBtn{display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;padding:12px 10px;border-radius:10px;font-size:17px;font-weight:750;min-height:49px}.socialBtn.facebook{background:#1877f2;color:white}.socialBtn.vk{background:#0678ff;color:white}.socialBtn.google{background:#fff;color:#222;border:1px solid #bdc7d1}.socialIcon{min-width:22px;font-size:22px;font-weight:900}.googleG{font-size:23px;font-weight:900;color:#4285f4}.orDivider{display:flex;align-items:center;gap:10px;color:#778496;font-size:12px;margin:13px 0 8px}.orDivider::before,.orDivider::after{content:"";height:1px;background:#dee4ea;flex:1}.omeAuthForm .authTabs{margin:6px 0 8px;background:#f3f5fa;border:0}.omeAuthForm .authTabs button{color:#354254!important}.omeAuthForm .authTabs button.selected{background:#277deb!important;color:white!important}.omeAuthForm input{background:#fff!important;color:#152032!important;border:1px solid #cbd3df!important;padding:10px 13px!important;margin:6px 0!important}.omeAuthForm .authSubmit{background:#247cf2!important;color:white!important;margin-top:7px!important;padding:12px!important}.omeAuthForm .authHelp{margin:8px 0!important;color:#6b7280!important}.omeAuthForm .authHelp a{color:#2367c6}.omeAuthForm small{font-size:11px;color:#667085;display:block;line-height:1.45;margin-top:8px}.omeAuthForm #authError{font-size:12px;color:#cc332e;min-height:12px;margin:7px 0}.omeAuthForm #qrImg{width:160px;height:160px}.omeAuthForm #refreshQr{background:#217df5;color:white;border:0;border-radius:8px;padding:10px 18px;cursor:pointer}
@media(max-width:720px){.omeAuthModal{grid-template-columns:1fr;max-width:460px}.omeAuthVisual{min-height:120px;padding:8px 14px}.visualLogo{width:58px}.visualTitle{font-size:22px}.omeAuthVisual p,.visualGlow,.visualBottom{display:none}.omeAuthForm{padding:20px 22px;max-height:75vh}.omeAuthForm h1{font-size:22px}.formLogo{width:62px;height:52px}.socialBtn{min-height:42px;padding:8px;font-size:15px}}