:root{font-family:Arial,Helvetica,sans-serif;color:#f1f3ef;background:#101211;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh}header{height:88px;display:flex;align-items:center;padding:0 32px}header a{color:#f1f3ef;text-decoration:none;font-size:32px;font-weight:800;letter-spacing:-1.8px}header a span{color:#dafa78}main{padding:0 24px 24px;max-width:1920px;margin:auto}.videos{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:calc(100svh - 194px);min-height:240px;max-height:960px}.video-panel{position:relative;min-width:0;overflow:hidden;background:#1c201e;border:1px solid #282e2a;border-radius:14px}#remotePanel{background:#171b19}video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#localVideo{transform:scaleX(-1)}.placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.placeholder svg{width:48px;height:48px;fill:none;stroke:#4a554e;stroke-width:1.3;stroke-linejoin:round}.search-ring{width:44px;height:44px;border:2px solid #38433b;border-radius:50%}[data-state=searching] .search-ring,[data-state=connecting] .search-ring{border-top-color:#dafa78;animation:spin 1s linear infinite}.country{position:absolute;left:16px;bottom:16px;padding:9px 12px;background:#101511b8;border:1px solid #ffffff12;border-radius:8px;font-size:13px;backdrop-filter:blur(12px)}.actions{display:flex;justify-content:center;padding-top:20px}button{font:inherit;cursor:pointer}#start{height:58px;min-width:220px;display:flex;align-items:center;justify-content:space-between;gap:44px;padding:0 24px;border:0;border-radius:10px;background:#dafa78;color:#213321;font-weight:700;font-size:16px;transition:background .15s,transform .15s}#start:hover{background:#e6ff9f}#start:active{transform:scale(.98)}#start:disabled{opacity:.45;cursor:default}#start svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:50%;width:60px;height:60px;background:#dafa78;color:#213321;font-size:23px}#error{margin:14px auto 0;text-align:center;font-size:13px;color:#f2b4a6;max-width:560px;line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid #dafa78;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){header{height:70px;padding:0 16px}header a{font-size:28px}main{padding:0 10px 18px}.videos{gap:6px;height:calc(100svh - 175px);min-height:240px}.video-panel{border-radius:10px}.country{left:7px;bottom:9px;max-width:calc(100% - 14px);font-size:11px;padding:7px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder svg{width:34px;height:34px}.search-ring{width:32px;height:32px}.actions{padding-top:16px}#start{height:56px;min-width:200px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.videos{height:calc(100svh - 370px);min-height:220px}.chat{margin-top:12px;border:1px solid #282e2a;border-radius:12px;background:#171b19;overflow:hidden}#messages{height:112px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:10px 14px;overscroll-behavior:contain}.bubble{align-self:flex-start;max-width:85%;border-radius:9px 9px 9px 2px;background:#2a312c;padding:7px 11px;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.own{align-self:flex-end;background:#dafa78;color:#213321;border-radius:9px 9px 2px 9px}#chatForm{display:flex;gap:8px;padding:8px;border-top:1px solid #282e2a}#message{flex:1;min-width:0;border:0;background:transparent;color:#f1f3ef;font:inherit;font-size:14px;padding:8px}#message:focus-visible{outline:1px solid #dafa78;outline-offset:-1px;border-radius:6px}#send{width:40px;height:36px;flex-shrink:0;border:0;border-radius:7px;background:#dafa78;color:#213321;font-size:23px}#send:disabled{opacity:.35;cursor:default}@media(max-width:650px){.videos{height:calc(100svh - 350px);min-height:200px}.chat{margin-top:8px}#messages{height:106px}.bubble{font-size:12px}#message{font-size:16px}}
.actions{gap:10px}#stop{height:58px;min-width:110px;padding:0 24px;border:1px solid #414b43;border-radius:10px;background:#242c26;color:#f1f3ef;font-size:16px;font-weight:700}#stop:hover:enabled{background:#343e36}#stop:disabled{opacity:.35;cursor:default}@media(max-width:650px){#stop{height:56px;min-width:90px;padding:0 18px}#start{min-width:180px;gap:24px}}
header .quiet{margin-left:auto}.quiet{background:transparent;color:#c5d1bd;border:1px solid #40513c;border-radius:8px;padding:8px 12px}.quiet:disabled{opacity:.35}.report-open{position:absolute;top:12px;right:12px;font-size:21px;background:#101511b8}dialog{width:calc(100% - 32px);max-width:560px;max-height:85svh;overflow:auto;background:#1b231d;color:#eaf0e9;border:1px solid #4a5d43;border-radius:16px;padding:24px}dialog::backdrop{background:#061009b8}dialog h2{font-size:22px;margin-top:0}dialog p{font-size:13px;color:#bcc8b5;line-height:1.6}dialog label{display:block;margin:15px 0;font-size:14px}dialog .check{display:flex;gap:10px;align-items:center}dialog input[type=checkbox]{accent-color:#dafa78;width:18px;height:18px;flex-shrink:0}dialog button{background:#dafa78;color:#213321;border:0;border-radius:7px;padding:10px 15px;margin:5px 0}dialog button:disabled{opacity:.4}dialog button.quiet{background:transparent;color:#c5d1bd;border:1px solid #40513c}dialog select,dialog textarea{display:block;width:100%;margin-top:8px;border:1px solid #526448;border-radius:6px;background:#111a13;color:#eef5e9;padding:10px;font:inherit}dialog textarea{min-height:90px;resize:vertical}dialog details{border-top:1px solid #40513c;padding-top:15px;margin-top:15px}dialog summary{cursor:pointer;font-size:14px}#privacyNotice,#reportNotice{color:#dafa78}
.age-confirmation{max-width:680px;margin:14px auto 8px;font-size:12px;line-height:1.6;text-align:center;color:#c5d1bd}.age-confirmation input{accent-color:#dafa78;vertical-align:middle;width:18px;height:18px}a{color:#dafa78}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;font-size:12px;line-height:1.6}.legal-page{max-width:860px;padding:16px 24px 64px;line-height:1.8}.legal-page h1{font-size:clamp(28px,5vw,42px);line-height:1.2}.legal-page h2{font-size:21px;margin-top:32px}.legal-page p,.legal-page li{color:#c5d1bd;overflow-wrap:anywhere}.legal-page .meta{font-size:13px}.legal-page .legal-links{justify-content:flex-start}.legal-page [data-policy]{font-weight:600}