body{color:#fff;background-color:#1b1b1b;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-container{min-height:calc(100dvh - 159px)}button{color:#000;background-color:#fff;border-radius:10px;padding:6px 16px}.headerBar{background-color:#1b1b1b;border:0 solid #fff;justify-content:space-between;align-items:center;height:80px;display:flex}.modes{border:0 solid #fff;justify-content:center;align-items:center;gap:20px;height:100px;margin:10px 40px 0;display:flex}.mode-button{color:#fff;background:linear-gradient(20deg,#a855f7,#00d4ff);border-radius:30px;padding:15px;font-size:18px;font-weight:700}.mode-warning{color:#fff3c4;text-align:center;border:1px solid #00d4ff;border-radius:14px;justify-self:center;gap:12px;width:80%;margin-bottom:5px;padding:5px;font-size:.95rem;display:flex}.mode-warning-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:700}.headername{-webkit-text-fill-color:transparent;background-image:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-background-clip:text;background-clip:text;margin:0 0 0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.2rem}.signUp{margin-right:20px}.logo{border:0 solid #fff;justify-content:center;align-items:center;height:140px;margin:0 auto;display:flex}.center h1{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:4rem;display:flex}.tagline{text-align:center;--shared-tagline-gradient:linear-gradient(90deg, #00d4ff, #a855f7);--shared-tagline-width:min(92vw, 520px);flex-direction:column;align-items:center;display:flex}.line1,.line2,.line3{background-image:var(--shared-tagline-gradient);background-size:var(--shared-tagline-width) 100%;background-position:50%;background-repeat:no-repeat;border-radius:0 0 10px 10px;margin:0;padding:2px 14px;display:inline-block}.line1{border-radius:20px;font-size:2.2rem}img{filter:drop-shadow(0 0 50px #a855f7)drop-shadow(0 0 30px #a855f7);width:auto;height:140px}.read{margin:0;font-size:2rem}.Terms{border:2px solid #a855f7;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:5px;min-height:120px;margin:0 30px;padding-top:5px;display:flex}.Terms #agree-Terms{accent-color:#a855f7;width:20px;height:20px;margin-top:0;display:flex}.Terms label{line-height:20px}.checkbox-terms{align-items:center;gap:10px;display:flex}.Terms h2{text-align:center;width:100%}.expand-button{-webkit-text-fill-color:transparent;color:#fff;background-image:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-background-clip:text;background-clip:text;border:none;border-radius:20px;width:80%;padding:6px 0;font-weight:700}.info{border:2px solid #00d4ff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;min-height:100px;margin:15px 30px 10px;padding:10px 5px;line-height:25px;display:flex}.info .expand-button{padding-top:10px}.footer{background-color:#000;border-top:1px solid #fff;flex-direction:column;height:78px;margin:0;display:flex}.footer-bottom{border-top:1px solid #fff;justify-content:center;align-items:flex-end;width:100%;height:30%;margin:0;display:flex}.page-links{opacity:.7;align-self:flex-start;align-items:flex-end;gap:5px;height:70%;padding:10px 5px;font-size:.9rem;display:flex}.page-links a{color:#fff}span{color:#ff4d4d}.headerBar.chat{text-align:center;background-color:#000;justify-content:center}.headerBar.chat h1{color:#fff;cursor:pointer;-webkit-text-fill-color:transparent;background-image:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-background-clip:text;background-clip:text;text-decoration:none}.chat-main{flex-direction:column;height:calc(100dvh - 80px);min-height:0;display:flex}.status{justify-content:center;display:flex}.loading-text{color:#fff;align-items:center;display:inline-flex}.dots{justify-content:space-between;width:24px;margin-left:4px;display:inline-block}.dots span{opacity:0;color:#fff;animation:1.4s infinite blink}.dots span:first-child{animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.typing-indicator{background-color:#a855f7;justify-content:center;width:50%;margin:0 auto;display:flex}.chat-background{filter:drop-shadow(0 0 #a855f7)drop-shadow(0 0 #a855f7);z-index:-1;justify-self:center;width:90%;height:50vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-box{flex-direction:column;gap:10px;height:100%;padding:10px;display:flex;overflow-y:auto}.message-received{word-break:break-word;overflow-wrap:break-word;background-color:#00d4ff;border:2px solid #fff;border-radius:10px 10px 10px 0;align-self:flex-start;max-width:80%;margin:0;padding:5px 10px;display:flex}.message-sent{word-break:break-word;overflow-wrap:break-word;background-color:#a855f7;border:2px solid #fff;border-radius:10px 10px 0;align-self:flex-end;max-width:80%;margin:0;padding:5px 10px;display:flex}.chat-input{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;height:auto;min-height:100px;margin:0 auto;display:flex}.chat-input textarea{color:#fff;resize:none;background-color:#0000;border:none;outline:none;flex:1;min-width:0;padding:0 6px 10px 14px;font-size:16px;line-height:1.4}.chat-input textarea::placeholder{color:#b6b6b6}.chat-input textarea:disabled{color:#8a8a8a;cursor:not-allowed}.button-stack{box-sizing:border-box;background-color:#242424;border:1px solid #3a3a3a;border-radius:30px;align-items:flex-end;gap:10px;width:95%;height:auto;min-height:60px;margin:8px 0;padding:8px;display:flex}.button-stack:has(textarea:disabled){opacity:.72;background-color:#1a1a1a;border-color:#4a4a4a}.skip{background-color:#ff4d4d;border-radius:20px;width:80%;padding:6px 0;font-weight:700}.send{color:#fff;background:linear-gradient(45deg,#a855f7,#00d4ff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:25px;font-weight:700;display:flex}.send:disabled{color:#9a9a9a;cursor:not-allowed;background:#4d4d4d}.report-box{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.report-row,p{align-items:center;gap:5px;margin:0;display:flex}.report-user{color:#ff4d4d;background:0 0;border:none;padding:0}.video-container{box-sizing:border-box;background-color:#000;border:6px solid #a855f7;border-radius:10px;width:100%;height:calc(100dvh - 101px);position:relative;overflow:hidden}.remote-video{object-fit:cover;width:100%;height:100%}.remote-video--android-empty{opacity:0}.android-remote-placeholder{background:radial-gradient(circle at top,#a855f766,#0000 45%),linear-gradient(#111 0%,#050505 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.android-remote-placeholder__content{aspect-ratio:9/16;background:linear-gradient(#00d4ff1f,#a855f733);border:3px solid #ffffff24;border-radius:28px;justify-content:center;align-items:center;width:min(78vw,360px);display:flex;box-shadow:0 24px 60px #00000073}.android-remote-placeholder__content p{color:#ffffffe0;margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:600}.main-video{object-fit:cover;cursor:grab;z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#000;border:4px solid #a855f7;border-radius:20px;width:35%;height:30%;position:absolute;top:50px;left:15px;transform:scaleX(-1)}.video-button{color:#fff;z-index:2;background:linear-gradient(45deg,#a855f7,#00d4ff);border:none;border-radius:30px;padding:10px 20px;font-size:20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mute-button{color:#fff;z-index:2;background:linear-gradient(45deg,#a855f7,#00d4ff);border:none;border-radius:30px;padding:10px 20px;font-size:16px;position:absolute;bottom:20px;right:20px}.status-video{background-color:#000;justify-content:center;display:flex}.video-report,.report-layout{flex-direction:column;align-items:center;gap:10px;width:90%;max-width:420px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.report-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal{box-sizing:border-box;text-align:center;background:#1b1b1b;border:2px solid #a855f7;border-radius:16px;flex-direction:column;gap:12px;width:min(90vw,420px);padding:16px;display:flex}.report-modal textarea{resize:vertical;border-radius:10px;min-height:120px;padding:10px}.instruction-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.instruction-modal{box-sizing:border-box;text-align:center;cursor:pointer;background:#1b1b1b;border:2px solid #a855f7;border-radius:16px;flex-direction:column;gap:12px;width:min(90vw,420px);min-height:220px;max-height:85vh;padding:8px;display:flex;overflow-y:auto}.instruction-panel-content{text-align:center;border:0 solid #fff;flex-direction:column;gap:10px;min-height:200px;display:flex}.instruction-title{background:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700;text-decoration:underline}.instruction-panel-content p{justify-content:center;display:flex}.instruction-panel-content h2{background:linear-gradient(45deg,#a855f7,#00d4ff);-webkit-text-fill-color:transparent;text-align:start;-webkit-background-clip:text;background-clip:text;margin:0;text-decoration:underline}.instruction-panel-content img{filter:none;border:1px solid #fff;width:70%;height:50px;margin:5px 0}.instruction-image-videocontainer{justify-content:space-between;align-items:center;width:100%;height:120px;display:flex}.instruction-image-videocontainer img{border:none;width:40%;height:100%;margin:0}.instruction-image-videocontainer h1{margin:0}.instruction-video{justify-content:space-between;margin:5px 0;padding:0 10px;display:flex}.submit-report,.cancel-report{color:#fff;border:none}.submit-report{background:linear-gradient(45deg,#a855f7,#00d4ff)}.cancel-report{background:#444}.updates-page{padding:10px}.updates-feedback{text-align:center;background:linear-gradient(90deg,#00d4ff,#a855f7);margin:0 0 10px;padding:10px}.update-notice{border:4px solid #a855f7;flex-direction:column;height:400px;margin-bottom:10px;padding:10px;display:flex;overflow-y:auto}.update-list{margin:0;padding:0;display:flex}.coming-soon{border:4px solid #00d4ff;flex-direction:column;height:300px;margin-bottom:10px;padding:10px;display:flex}.feedback{border:4px solid #a855f7;flex-direction:column;height:300px;padding:10px;display:flex}.Latest{text-align:center;background:linear-gradient(90deg,#00d4ff,#a855f7);margin:0}.aboutus{flex-direction:column;gap:10px;height:calc(100vh - 100px);margin:0;display:flex}.aboutus p{border:2px solid #a855f7;margin:0;padding:10px}.terms-page{flex-direction:column;margin:0;display:flex}.t-c{text-align:center;background:linear-gradient(90deg,#00d4ff,#a855f7);margin:0 0 5px;padding:5px}.time{background:linear-gradient(90deg,#00d4ff,#a855f7);border-radius:10px 0 0 10px;align-self:flex-end;width:fit-content;padding:0 5px;display:flex}.headings{text-align:left;background:linear-gradient(90deg,#00d4ff,#a855f7);border-radius:0 10px 10px 0;width:fit-content;margin:5px 0 10px;padding:0 5px}.agreements{background-color:#1b1b1b;border:2px solid #a855f7;margin:0;padding:10px;line-height:30px}.privacy-policy{flex-direction:column;margin:0;padding:0;display:flex}.privacy-policy h1{text-align:center;background:linear-gradient(90deg,#00d4ff,#a855f7);margin:0 0 20px;padding:10px}.privacy-policy h2{background:linear-gradient(90deg,#00d4ff,#a855f7);border-radius:0 10px 10px 0;width:fit-content;margin:20px 0 10px;padding:8px 12px}.privacy-policy p{background-color:#1b1b1b;border:2px solid #a855f7;border-radius:5px;margin:0 0 10px;padding:15px;line-height:28px}@media (width<=374px){.center h1{margin-bottom:10px;font-size:3.5rem}.line1{padding:4px 10px;font-size:1.7rem}.line2{padding:4px 8px;font-size:1.1rem}.line3{padding:4px 8px;font-size:.9rem}.modes{gap:10px;margin:10px 20px}.Terms{height:450px}.checkbox-terms{padding:0 0 0 10px}.Terms ul{margin:8px 0;padding:0 5px 0 35px}.Terms label{line-height:20px}.page-links a{font-size:.8rem}}@media (width>=375px) and (width<=411px){.line1{padding:4px 10px;font-size:1.9rem}.line2{padding:4px 8px;font-size:1.2rem}.line3{padding:4px 8px;font-size:1rem}.modes{gap:15px}}@media (width>=768px){.main-container{width:100%;max-width:900px;margin:0 auto}.logo,.logo img{height:160px;margin-top:10px}.headerBar{height:70px}.headername{margin:0 0 0 40px;font-size:2.5rem}.center h1{font-size:5rem}.tagline{--shared-tagline-width:min(80vw, 600px);margin:10px 0}.line1{padding:6px 20px;font-size:2.5rem}.line2{padding:6px 16px;font-size:1.5rem}.line3{padding:6px 14px;font-size:1.2rem}.modes{gap:40px;margin:20px 40px}.mode-button{padding:24px;font-size:20px}.mode-warning{width:40%}.Terms{height:250px;margin:0 60px 10px}.read{font-size:2.5rem}.Terms ul{margin:0}.Terms li{padding:2px 0}.Terms #agree-Terms{width:25px;height:25px}.Terms label{line-height:25px}.checkbox-terms{gap:10px;display:flex}.info{line-height:40px}.footer{height:89px}.footer-bottom{height:40%;padding-bottom:2px}.page-links{height:60%;padding:10px 20px;font-size:1rem}.headerBar.chat{height:70px}.headerBar.chat h1{margin:0}.chat-main{height:calc(100dvh - 70px)}.chat-background{justify-self:center;width:60%;height:60vh}.status{padding:10px 0}.message-box{gap:15px;width:95%;margin:0 auto;padding:20px}.chat-input{flex-shrink:0;width:95%;height:auto;min-height:100px}.message-sent,.message-received{padding:10px 15px;font-size:16px}.status-video{padding:10px 0}.video-container{height:calc(100dvh - 111px)}.video-button{padding:12px 24px;font-size:22px;bottom:40px}.mute-button{padding:12px 24px;font-size:18px;bottom:40px;right:30px}.main-video{width:30%;height:35%}}@media (width<=1023px){.updates-bubble{display:none}}@media (width>=1024px){.main-container{max-width:1300px;height:calc(100dvh - 160px);margin:0 auto}.desktop-layout{box-sizing:border-box;scroll-behavior:smooth;border-left:5px solid #1b1b1b;border-right:5px solid #1b1b1b;grid-auto-columns:360px 600px 300px 360px;align-self:center;max-width:fit-content;height:100%;margin:0 auto;padding:20px 0;display:grid;overflow:auto}.info-bubble{background:linear-gradient(45deg,#a855f7,#00d4ff);border:4px solid #a855f7;border-radius:20px;grid-area:1/1;max-height:100%;margin:0 20px;overflow-y:auto}.main-bubble{border:4px solid #00d4ff;border-right:none;border-radius:20px 0 0 20px;flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;max-height:100dvh;display:flex;overflow-y:auto}.Terms-bubble{border:4px solid #00d4ff;border-radius:0 20px 20px 0;grid-area:1/3;max-height:100%;overflow-y:auto}.updates-bubble{background:linear-gradient(135deg,#a855f7,#00d4ff);border:4px solid #a855f7;border-radius:20px;grid-area:1/4;max-height:100%;margin:0 20px}.logo,.logo img{height:20vh;margin-top:10px}.center h1{margin:10px 0;font-size:9.5vh}.tagline{height:18.vh;margin:2.9vh 0}.line1{padding:4px 10px;font-size:5.6vh}.line2{padding:4px 8px;font-size:3.3vh}.line3{padding:4px 8px;font-size:2.3vh}.modes{gap:60px;margin:.4vh 0}.mode-button{padding:2.8vh;font-size:24px}.mode-warning{justify-content:center;align-items:center;width:70%}.Terms{border:none;flex-direction:column;justify-content:flex-start;height:100%;margin:0;padding:0;display:flex}.read{margin-top:10px;font-size:3rem}.Terms #agree-Terms{width:20px;height:20px;margin:0}.checkbox-terms{align-items:center;gap:10px;margin:10px 0;padding-left:30px;display:flex}.Terms label{font-size:small}.expand-button{display:none}.Terms li{padding:6px 0}.info{border:none;margin:0;line-height:30px}.info h2{margin:10px 0 0;font-size:2rem}.updates{height:60%}.updates h1{text-align:center;margin:auto;font-size:2.5rem;text-decoration:underline}.updates ul{height:calc(100% - 65px);margin:0;padding-top:10px;line-height:25px;overflow-y:auto}.chat-background{justify-self:center;width:60%;height:70vh}.message-box{gap:10px;margin:0 auto;padding:20px 10px}.chat-input{width:95%}}@media (width>=1440px){.main-container{max-width:1800px;min-height:calc(100dvh - 160px);margin:0 auto}.desktop-layout{grid-auto-columns:380px 600px 300px 380px}.info-bubble{margin:0 30px 0 20px}.updates-bubble{margin:0 20px 0 30px}.chat-background{justify-self:center;width:60%;height:80vh}.message-box{width:75%;margin:0 auto;padding:20px 10px;box-shadow:0 -5px 10px #000}.chat-input{width:76.4%;box-shadow:0 5px 10px #000}.footer{margin-top:5px}.main-video{width:25%;height:40%}}