*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;color:#000;background:#fff7ee}button{font-family:inherit;cursor:pointer}#header{background:#fff;height:90px;box-sizing:border-box;padding:8px;box-shadow:0 .25em .75em #ccc;position:relative;z-index:5;display:flex;align-items:center;gap:28px}#logocontainer{display:flex;align-items:flex-end;gap:28px;text-decoration:none;cursor:pointer}#logo{display:block}#tagline{display:block;margin-bottom:2px}#onlinecount{margin-left:auto;align-self:center;color:#a8ccf7;font-size:15px;font-weight:700;padding-right:12px;white-space:nowrap}.statuscount{font-weight:700;font-size:19px;color:#4f9cf4}#home{min-height:100%;background:#fff7ee;display:flex;flex-direction:column}#mainpagecontents{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 4px #0000002e;width:750px;max-width:calc(100% - 24px);margin:28px auto 12px;padding:18px 24px 22px;font-size:15px}.mobilenote{text-align:center;font-weight:700;color:#444;margin-bottom:18px}.intro{margin-bottom:14px;line-height:1.45}.adultnote{text-align:center;font-size:13px;margin-bottom:22px}.startchatting{display:flex;gap:30px;align-items:flex-start}.interestscol{flex:1.2}.startcol{flex:1}.colheading{font-size:19px;font-weight:400;text-align:center;margin-bottom:10px}.interestsbox{width:100%;font-size:18px;padding:12px 14px;border:1px solid #ccc;border-radius:8px;outline:none;color:#333}.interestsbox::placeholder{color:#aaa}.interestsbox:focus{border-color:#8ab4e8}.startbuttons{display:flex;align-items:center;justify-content:center;gap:12px}.chatbtn{background:linear-gradient(180deg,#74a9dd,#4d84c4);border:1px solid #3c6ea9;border-radius:8px;color:#fff;font-size:24px;padding:12px 30px;min-width:110px;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.chatbtn:hover{background:linear-gradient(180deg,#82b4e4,#5890cc)}.chatbtn:active{background:linear-gradient(180deg,#4d84c4,#74a9dd)}.orlabel{font-size:15px}.consentnote{margin-top:14px;font-size:12px;color:#555;text-align:center;line-height:1.5}.visuallyhidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#seofaq{max-width:750px;margin:0 auto 24px;padding:16px 24px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333}#seofaq h2{font-size:18px;margin:4px 0 12px}#seofaq .faqitem h3{font-size:14px;margin:12px 0 4px}#seofaq .faqitem p{font-size:13px;line-height:1.5;margin:0 0 8px;color:#444}#homefooter{text-align:center;font-size:12px;color:#333;padding:4px 0 24px}#homefooter a{color:#00f}.legallink{background:none;border:0 none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:#00f;text-decoration:underline;cursor:pointer}.legaloverlay{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.legalmodal{background:#fff;border-radius:10px;box-shadow:0 6px 30px #00000059;width:640px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.legalmodalheader{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #ddd}.legaltitle{font-size:19px;font-weight:700}.legalclose{background:none;border:0 none;font-size:26px;line-height:1;color:#888;padding:0 4px}.legalclose:hover{color:#000}.legalbody{padding:16px 20px 20px;overflow-y:auto;font-size:14px;line-height:1.55}.legalbody p{margin-bottom:12px}#chatpage{height:100%;display:flex;flex-direction:column;background:#fff7ee}#chatmain{flex:1;position:relative;min-height:0}#videowrapper{position:absolute;left:8px;top:8px;width:480px;height:720px}#othervideo,#selfvideo{display:block;position:absolute;left:0;width:480px;height:360px;background:#555;object-fit:contain}#othervideo{top:0;border-top-left-radius:.5em}#selfvideo{bottom:0;border-bottom-left-radius:.5em}#othervideospinner{box-sizing:border-box;position:absolute;top:148px;left:208px;width:64px;height:64px;border-radius:50%;border:8px solid transparent;border-top-color:#ccc;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.logwrapper{position:absolute;inset:.5em .5em 6em;background:#fff;border:1px solid #ccc;border-top-left-radius:.5em;border-top-right-radius:.5em}.videochat .logwrapper{margin-left:488px;border-top-left-radius:0}.logbox{position:absolute;inset:.5em 0 0 .5em;overflow:auto}.logitem{padding-bottom:.5em;padding-right:.5em;word-break:break-word}@keyframes msgfade{0%{opacity:0}to{opacity:1}}.youmsg,.strangermsg{margin:0;padding:0;animation:msgfade .25s ease-out forwards}.youmsg .msgsource{color:#00f;font-weight:700}.strangermsg .msgsource{color:red;font-weight:700}.statuslog{color:#555;font-size:.9em;font-weight:700;margin:0;padding:0;animation:msgfade .25s ease-out forwards}.controlwrapper{position:absolute;bottom:.5em;left:.5em;right:.5em;height:5em;padding-bottom:2px}.videochat .controlwrapper{margin-left:488px}.disconnectbtnwrapper{float:left;overflow:hidden;margin-right:.5em;border:1px solid #3c6ea9;border-bottom-left-radius:.5em;background:linear-gradient(180deg,#74a9dd,#4d84c4);height:5em}.disconnectbtnwrapper:hover{background:linear-gradient(180deg,#82b4e4,#5890cc)}.videochat .disconnectbtnwrapper,.videochat .disconnectbtn{border-bottom-left-radius:0}.disconnectbtn{font-size:1em;background:transparent;width:7em;height:100%;padding:0;margin:0;border:0 none;border-bottom-left-radius:.5em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.disconnectbtnwrapper.newbtn{background:#409ffe;background-image:linear-gradient(to bottom,#80c0ff 0,#017ffe)}.newbtn .disconnectbtn{color:#fff;font-weight:700}.reallybtn .disconnectbtn{font-weight:700}.btnlabel{display:block}.keyhint{display:block;font-size:.7em;color:#dce9f7;font-weight:400;text-shadow:none}.newbtn .keyhint{color:#e6f1ff}.sendbtnwrapper{float:right;overflow:hidden;margin-left:.5em;border:1px solid #3c6ea9;border-bottom-right-radius:.5em;background:linear-gradient(180deg,#74a9dd,#4d84c4);height:5em}.sendbtnwrapper:hover{background:linear-gradient(180deg,#82b4e4,#5890cc)}.sendbtn{font-size:1em;background:transparent;width:7em;height:100%;padding:0;margin:0;border:0 none;border-bottom-right-radius:.5em;color:#fff;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.sendbtn:disabled{opacity:.55}.sendbtn:disabled,.chatmsg:disabled{cursor:default}.chatmsgwrapper{overflow:hidden;background:#fff;border:1px solid #ccc;height:5em;padding:.25em}.chatmsg{width:100%;background:#fff;font-family:inherit;font-size:1em;border:0 none;padding:0;margin:0;height:4.5em;overflow:auto;resize:none;outline:none;-webkit-appearance:none}.typingnote{font-style:italic;font-weight:400}@media(max-height:850px)and (min-width:701px){#videowrapper{width:400px;height:600px}#othervideo,#selfvideo{width:400px;height:300px}#othervideospinner{top:118px;left:168px}.videochat .logwrapper,.videochat .controlwrapper{margin-left:408px}}@media(max-height:730px)and (min-width:701px){#videowrapper{width:320px;height:480px}#othervideo,#selfvideo{width:320px;height:240px}#othervideospinner{top:88px;left:128px}.videochat .logwrapper,.videochat .controlwrapper{margin-left:328px}}@media(max-height:610px)and (min-width:701px){#videowrapper{width:240px;height:360px}#othervideo,#selfvideo{width:240px;height:180px}#othervideospinner{top:58px;left:88px}.videochat .logwrapper,.videochat .controlwrapper{margin-left:248px}}@media(max-width:700px){#tagline{display:none}#onlinecount{font-size:12px}.statuscount{font-size:15px}.startchatting{flex-direction:column}#videowrapper{width:160px;height:240px}#othervideo,#selfvideo{width:160px;height:120px}#othervideospinner{top:36px;left:56px;width:48px;height:48px}.videochat .logwrapper,.videochat .controlwrapper{margin-left:168px}.disconnectbtn,.sendbtn{width:4.5em}}