:root{--ink:#10231c;--cream:#f3f0e8;--lime:#cfff46;--muted:#68766f;--line:#cdd3cb;--red:#f25b4b;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.view{display:none}.view.active{display:grid}.nav{height:76px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800}.logo>b,.smallLogo,.previewTop b{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--lime)}.navActions{display:flex;align-items:center;gap:22px}.plain{border:0;background:none;font-weight:700}.navLink{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.navLink:hover{text-decoration:underline}.language{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.language select{padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.hero{max-width:1400px;margin:auto;padding:clamp(58px,7vw,105px) clamp(24px,6vw,90px);grid-template-columns:1fr .9fr;align-items:center;gap:8vw}.heroCopy{max-width:650px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(54px,6vw,91px);line-height:.94;letter-spacing:-5px;margin:26px 0}.hero h1 em{font:400 1em Georgia,serif;color:#617169}.heroCopy>p{color:var(--muted);font-size:18px;line-height:1.65;max-width:570px}.card,.joinCard{background:#fff;border:1px solid #d9ded5;border-radius:16px;box-shadow:0 18px 50px #10231c14}.card{margin-top:32px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.card label:not(.adultCheck){font-size:11px;font-weight:800;margin-top:5px}.card label[for=hostName],.card label[for=createPassword]{grid-column:span 1}.card input{grid-row:2}.card label[for=createPassword]{grid-column:2}.card #createPassword{grid-column:2}.card .adultCheck,.card button,.card small,.card .error{grid-column:1/-1}input,textarea{width:100%;min-width:0;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fbfcf9;outline:none}input:focus,select:focus,textarea:focus{border-color:#7a9e0b;box-shadow:0 0 0 3px #cfff4648}.adultCheck{display:flex;align-items:flex-start;gap:10px;margin:8px 0;font-size:12px;line-height:1.45;color:var(--muted)}.adultCheck input{width:17px;height:17px;margin:0;accent-color:#668500}.primary,.primaryControl{border:0;background:var(--lime);color:var(--ink);border-radius:9px;min-height:48px;padding:0 20px;font-weight:800}.card small{color:var(--muted);font-size:10px}.error{margin:0;color:#bd3024;font-size:12px;font-weight:700}.productPreview{background:#14241c;border-radius:18px;padding:22px;box-shadow:25px 28px 0 #d9ded3,0 35px 70px #10231c30;transform:rotate(1.2deg)}.previewTop,.previewBottom{display:flex;align-items:center;justify-content:space-between;color:#dbe2dd;font-size:10px}.previewTop span{display:flex;align-items:center;gap:8px;font-weight:800}.previewTop b{width:24px;height:24px;border-radius:6px}.previewTop i{font-style:normal;font-weight:800;background:#34463c;padding:7px 10px;border-radius:20px}.previewGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.previewGrid>div{height:230px;display:grid;place-content:center;text-align:center;background:#edf0e9;border-radius:10px}.previewGrid strong{font:44px Georgia,serif}.previewGrid small{margin-top:9px;color:var(--muted)}.previewBottom b{background:#2d3f35;padding:10px;border-radius:6px}.joinView{min-height:calc(100vh - 76px);place-items:center;padding:40px}.joinCard{width:min(460px,100%);padding:38px;display:grid;gap:10px}.joinCard .smallLogo{margin-bottom:14px}.joinCard h2{font:42px/1 Georgia,serif;margin:10px 0}.joinCard>p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 10px}.joinCard>label:not(.adultCheck){font-size:11px;font-weight:800;margin-top:5px}.roomView{min-height:calc(100vh - 76px);padding:18px 24px 24px}.roomBar{display:flex;justify-content:space-between;align-items:center;height:42px;color:var(--muted);font-size:10px;letter-spacing:1.3px}.roomBar b{color:var(--ink)}.roomStatus{display:flex;gap:24px}.roomLayout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;min-height:calc(100vh - 136px)}.stagePanel{position:relative;background:#0b1510;border-radius:15px;overflow:hidden;padding-bottom:72px}.streams{height:100%;min-height:560px;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:12px;align-content:center}.streamTile{position:relative;min-height:250px;aspect-ratio:16/9;background:#111e17;border:1px solid #2b3b32;border-radius:10px;overflow:hidden}.streamTile video{width:100%;height:100%;object-fit:contain}.streamLabel{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:7px;background:#000a;color:#fff;font-size:11px;font-weight:700}.emptyStage{grid-column:1/-1;display:grid;place-items:center;place-content:center;color:#fff;text-align:center}.emptyStage .smallLogo{margin-bottom:14px}.emptyStage h2{margin:4px}.emptyStage p{color:#91a097;font-size:12px}.controls{position:absolute;left:0;right:0;bottom:0;height:72px;background:#17271f;padding:0 18px;display:flex;align-items:center;gap:9px;color:#cfd8d2;font-size:11px}.controls>span{margin-left:auto}.secondaryControl,.dangerControl{min-height:42px;border-radius:8px;padding:0 15px;font-weight:800}.secondaryControl{border:1px solid #53645a;background:#27372e;color:#fff}.dangerControl{border:0;background:var(--red);color:#fff}.controls button:disabled{opacity:.45}.sidebar{background:#fff;border:1px solid #d9ded8;border-radius:15px;padding:28px;overflow:auto;max-height:calc(100vh - 136px)}.sidebar h2{font:34px/1 Georgia,serif;margin:16px 0}.sidebar>p{color:var(--muted);font-size:12px;line-height:1.55}.sidebar>label{display:block;font-size:11px;font-weight:800;margin:24px 0 8px}.copyRow{display:flex;gap:8px}.copyRow input{font-size:10px}.copyRow button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 14px;font-weight:700}.participantHeading{display:flex;justify-content:space-between;margin:26px 0 10px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.participantHeading span{background:#edf0ea;border-radius:20px;padding:2px 7px}.participants{display:grid;gap:7px}.participant{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e2e5df;border-radius:9px}.participant>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8eddf;font-size:10px}.participant>span{display:grid;min-width:0}.participant strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.participant small{color:var(--muted);font-size:9px;margin-top:3px}.participant button{margin-left:auto;border:0;border-radius:6px;padding:7px 8px;background:#eaf2ce;color:#415600;font-size:9px;font-weight:800}.roleHint{font-size:10px!important;border-top:1px solid var(--line);padding-top:16px}.roomTool{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.toolHeading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.toolHeading small{color:var(--muted);font-size:9px}.chatMessages{height:190px;margin:11px 0 8px;padding:6px;overflow:auto;background:#f5f7f2;border:1px solid #e2e6de;border-radius:9px}.chatMessage{padding:7px 5px;border-bottom:1px solid #e1e6de}.chatMessage:last-child{border-bottom:0}.chatMessage>div{display:flex;justify-content:space-between;gap:8px}.chatMessage b{font-size:10px}.chatMessage time{color:var(--muted);font-size:8px}.chatMessage p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.chatMessage p.deleted{color:var(--muted);font-style:italic}.chatForm{display:flex;gap:6px}.chatForm input{padding:10px;font-size:11px}.chatForm button,.reportTool button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 12px;font-size:10px;font-weight:800}.reportTool summary{cursor:pointer;font-size:11px;font-weight:800;color:#9b332a}.reportTool form{display:grid;gap:7px;margin-top:14px}.reportTool label{font-size:9px;font-weight:800}.reportTool select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcf9}.reportTool textarea{height:90px;resize:vertical;font-size:11px}.reportTool button{min-height:38px}.formStatus{margin:0;color:#426000;font-size:10px;font-weight:700}.smallLogo{display:grid}@media(max-width:980px){.hero{grid-template-columns:1fr}.productPreview{margin:30px}.roomLayout{grid-template-columns:1fr}.sidebar{order:-1;max-height:none}.streams{min-height:65vw}}@media(max-width:600px){.nav{padding:0 16px}.language>span{display:none}.navActions{gap:8px}.navLink{font-size:10px}.plain{font-size:11px}.hero{padding:45px 18px}.hero h1{font-size:50px;letter-spacing:-3px}.card{grid-template-columns:1fr}.card>*{grid-column:1!important;grid-row:auto!important}.productPreview{margin:20px 4px 45px}.previewGrid>div{height:170px}.roomView{padding:8px}.roomStatus #myIdentity{display:none}.roomLayout{min-height:auto}.sidebar{padding:22px}.streams{min-height:65vh;padding:7px}.controls{height:auto;min-height:70px;flex-wrap:wrap;padding:9px}.controls>span{display:none}.streamTile{min-height:180px}}
.card label[for=roomName]{grid-column:1/-1;grid-row:1}.card #roomName{grid-column:1/-1;grid-row:2}.card label[for=hostName]{grid-column:1;grid-row:3}.card #hostName{grid-column:1;grid-row:4}.card label[for=createPassword]{grid-column:2;grid-row:3}.card #createPassword{grid-column:2;grid-row:4}.card .adultCheck{grid-row:5}.card .primary{grid-row:6}.card .accountRequirement{grid-row:7}.card .soundNote{grid-row:8}.card small:not(.accountRequirement):not(.soundNote){grid-row:9}.card .error{grid-row:10}.accountRequirement{color:#455a12!important;font-weight:700}.accountRequirement a{color:var(--ink);font-weight:800}.roomTitle{display:flex;align-items:baseline;gap:8px}.roomTitle b{font-size:13px;letter-spacing:0}.roomTitle small{color:var(--muted);font-size:9px;letter-spacing:1px}.volumeControl{display:flex;align-items:center;gap:7px;padding:0 10px;color:#dbe4de;font-size:9px;font-weight:800}.volumeControl input{width:92px;padding:0;border:0;box-shadow:none;accent-color:var(--lime)}.volumeControl output{min-width:30px;color:#fff;font-size:9px}@media(max-width:600px){.volumeControl span,.volumeControl output{display:none}.volumeControl input{width:72px}}