:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--panel:#16161a;--start:#1e6cff;--start-hover:#3b82f6;--stop:#c45b6a;--stop-disabled:#5a3a40;--filter:#ececf0;--filter-text:#1a1a1a;--text:#f5f5f7;--muted:#9a9aa3;--danger:#ef4444;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}button,input{font:inherit}.app{flex-direction:column;height:100%;min-height:100dvh;display:flex}.video-stage{background:#000;flex:1;min-height:42vh;position:relative;overflow:hidden}.remote-pane{position:absolute;inset:0}.remote-video,.local-video{object-fit:cover;background:#111;width:100%;height:100%}.remote-placeholder{background:radial-gradient(circle at 30% 20%,#1a1a22,#050505 70%);place-content:center;gap:16px;display:grid;position:absolute;inset:0}.spinner{border:3px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-text{color:var(--muted);text-align:center;padding:0 16px}.caption{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px}.caption-brand{letter-spacing:.02em;text-shadow:0 1px 4px #000000b3;font-weight:700}.online-pill{background:#00000073;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #22c55e40}.report-btn{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:8px;padding:8px 12px;position:absolute;top:12px;right:12px}.local-pane{aspect-ratio:3/4;z-index:5;background:#222;border:2px solid #ffffff59;border-radius:12px;width:min(42%,220px);position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #00000073}.local-video{transform:scaleX(-1)}.local-alert{color:#fecaca;text-align:center;background:#000000c7;place-content:center;gap:8px;padding:8px;font-size:12px;display:grid;position:absolute;inset:0}.local-alert-action .cam-btn{padding:8px 10px;font-size:12px}.bottom{background:var(--panel);padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;display:flex}.control-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.btn{cursor:pointer;border:0;border-radius:10px;padding:14px 8px;font-weight:700;transition:filter .15s,opacity .15s}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-start{background:var(--start);color:#fff}.btn-start:hover:not(:disabled){background:var(--start-hover)}.btn-stop{background:var(--stop);color:#fff}.btn-stop:disabled{background:var(--stop-disabled);opacity:1;color:#ffffff8c}.btn-filter{color:var(--filter-text);background:linear-gradient(#fff,#e8e8ee)}.btn-emoji{margin-left:4px}.chat-panel{flex-direction:column;gap:8px;min-height:120px;max-height:28vh;display:flex}.chat-rules{color:var(--muted);font-size:12px}.chat-rules a{color:#60a5fa}.chat-log{background:#ffffff08;border-radius:8px;flex:1;padding:8px;font-size:13px;overflow:auto}.chat-line{margin-bottom:4px}.chat-me{color:#93c5fd}.chat-partner{color:#fde68a}.chat-system{color:var(--muted);font-style:italic}.chat-form input{width:100%;color:var(--text);background:#0c0c0f;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px}.chat-form input:disabled{opacity:.5}.popup-backdrop{z-index:40;background:#0000008c;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.popup{background:#1c1c22;border-radius:16px 16px 12px 12px;width:min(520px,100%);max-height:70vh;padding:16px;overflow:auto;box-shadow:0 20px 50px #00000073}.popup-sm{border-radius:16px;place-self:center}.popup-title{margin-bottom:12px;font-size:18px;font-weight:700}.popup-text{color:var(--muted);margin:0 0 16px}.popup-list{flex-direction:column;gap:4px;display:flex}.popup-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.popup-item:hover,.popup-item.active{background:#1e6cff33}.popup-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.banner{z-index:30;background:#000000bf;border-radius:999px;padding:8px 14px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.banner-error{background:#7f1d1de6}.banner-demo{text-align:center;background:#1e3a5f;border-radius:0;position:relative;top:auto;left:auto;transform:none}.banner-demo a{color:#93c5fd}.age-gate{background:linear-gradient(160deg,#123a8a,#0b1b3d 55%,#05070f);place-items:center;min-height:100dvh;padding:24px;display:grid}.age-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1446aa8c;border:1px solid #ffffff26;border-radius:20px;width:min(420px,100%);padding:28px 24px}.logo-mark{margin-bottom:8px;font-size:42px}.age-card h1{margin:0 0 12px}.age-card p{color:#dbeafe;margin:0 0 20px}.age-btn{width:100%}@media (width>=900px){.app{flex-direction:row}.video-stage{flex:1.4;min-height:100dvh}.bottom{border-top:0;border-left:1px solid #ffffff0f;width:380px}.chat-panel{flex:1;max-height:none}.control-bar{grid-template-columns:1fr 1fr}}