:root{font-family:Inter,system-ui,sans-serif;color:#e8eef9;background:#09111f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#19345d,#09111f 45%)}button,input{font:inherit}button{border:0;border-radius:10px;padding:.8rem 1rem;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer}.secondary,.ghost{background:#26364f}.danger{background:#dc2626}.app{max-width:1200px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between}h1{margin-bottom:4px}p{color:#a9b8cf}.card{background:#111e31;border:1px solid #2a3b55;border-radius:16px;box-shadow:0 16px 50px #0005}.lobby{max-width:520px;margin:10vh auto;padding:24px}label{display:block;margin:14px 0;color:#c8d4e5;font-weight:600}input{width:100%;margin-top:7px;padding:.85rem;border:1px solid #354965;border-radius:10px;background:#0a1526;color:white}.row{display:flex;gap:10px}.row button{flex:1}.note{font-size:.85rem}#call{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.videos{position:relative;min-height:65vh}.video-box{height:100%;background:#020617;border-radius:16px;overflow:hidden;position:relative}.video-box video{width:100%;height:100%;object-fit:cover}.video-box span{position:absolute;left:12px;bottom:10px;background:#0009;padding:5px 9px;border-radius:8px}.video-box.local{position:absolute;width:25%;height:28%;right:14px;top:14px;border:2px solid #fff3}.controls{display:flex;justify-content:center;gap:10px;padding:15px}.chat{display:flex;flex-direction:column;height:72vh;padding:16px}.chat h2{margin-top:0}#messages{flex:1;overflow:auto}.msg{padding:9px 11px;background:#1b2c45;border-radius:10px;margin:8px 0;overflow-wrap:anywhere}.msg.me{background:#164e8c}.msg b{display:block;font-size:.8rem;color:#a9c9ef}.chat form{display:flex;gap:8px}.chat form input{margin:0}.chat form button{padding-inline:15px}@media(max-width:800px){#call{grid-template-columns:1fr}.videos{min-height:50vh}.chat{height:42vh}.video-box.local{width:34%;height:30%}}