.welcome-container{align-items:center;background:linear-gradient(135deg,#0f0f0f,#2b2b2b);color:gold;display:flex;font-family:Inter,Arial,sans-serif;height:100vh;justify-content:center}.welcome-card{background:#0a0a0ad9;border-radius:12px;box-shadow:0 8px 30px #ffc83214;padding:36px;text-align:center;width:420px}.welcome-logo{color:gold;font-size:36px;font-weight:800;margin:6px 0}.welcome-sub{color:#f5d86a;margin-bottom:22px}.welcome-actions{display:flex;gap:16px;justify-content:center;margin-bottom:14px}.btn{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:12px 22px}.btn-host{background:gold;color:#111}.btn-guest{background:#0000;border:2px solid gold;color:gold}.small-note{color:#e8cf7a;font-size:12px;margin-top:8px}.hostaccess-wrap{align-items:center;background:#0c0c0c;color:gold;display:flex;height:100vh;justify-content:center}.hostaccess-card{background:#111;border-radius:12px;box-shadow:0 8px 30px #ffc83214;padding:28px;text-align:center;width:360px}.hostaccess-card input{border:none;border-radius:8px;margin:12px 0;padding:10px;width:100%}.hostaccess-card button{background:gold;border:none;border-radius:8px;color:#111;cursor:pointer;font-weight:700;padding:10px 20px}.err{color:#f66;margin-top:10px}.host-landing-container{align-items:center;background:#000;color:#d4af37;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;padding:20px}.title{font-size:3rem;margin-bottom:2rem;text-shadow:0 0 8px #d4af37}.input-field{background:#111;border:2px solid #d4af37;border-radius:8px;color:#d4af37;font-size:1.2rem;margin:8px 0;padding:12px 16px;transition:border-color .3s ease;width:320px}.input-field:focus{border-color:#f5d442}.error{color:#ff4d4d;font-weight:600;margin:10px 0;text-shadow:0 0 5px #ff4d4d}.btn-start{background-color:#d4af37;border:none;border-radius:10px;box-shadow:0 0 12px #d4af37;color:#000;cursor:pointer;font-size:1.3rem;font-weight:700;margin-top:20px;padding:14px 40px;transition:background-color .3s ease}.btn-start:hover{background-color:#f5d442}.guest-landing-container{background:#1a1a1a;border-radius:12px;box-shadow:0 0 20px #ffd70066;color:gold;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:80px auto;max-width:400px;padding:40px 30px}.title{font-size:2rem;margin-bottom:30px;text-align:center;text-shadow:1px 1px 5px gold}.guest-form{display:flex;flex-direction:column;gap:20px}.input-field{background:#333;border:none;border-radius:6px;box-shadow:inset 0 0 5px gold;color:gold;font-size:1.1rem;outline:none;padding:12px 15px;transition:box-shadow .3s ease}.input-field:focus{box-shadow:inset 0 0 10px #fc0}.error-message{color:#ff4d4d;font-weight:600;text-align:center}.btn-join{background:gold;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:1.2rem;font-weight:700;padding:12px;transition:background .3s ease}.btn-join:hover{background:#e6c200}body{background-color:#000;color:#fff;font-family:Arial,sans-serif}.room-container{display:flex;flex-direction:row;height:100vh;overflow:hidden}.video-grid{grid-gap:10px;align-items:stretch;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:10px}.video-container{background:#111;border:2px solid gold;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:relative}video{aspect-ratio:16/9;background:#000;flex-shrink:0;height:auto;object-fit:cover;width:100%}.participant-name{background:#0009;bottom:0;box-sizing:border-box;color:gold;font-size:14px;font-weight:700;left:0;padding:4px;position:absolute;right:0;text-align:center}.participants-panel{background:#111;border-left:2px solid gold;display:flex;flex-direction:column;padding:10px;width:250px}.participants-panel h3{color:gold;margin:0 0 10px}.participants-list{flex:1 1;overflow-y:auto}.participants-list div{border-bottom:1px solid gold;font-size:14px;padding:5px}.controls{background:#000c;bottom:0;gap:15px;justify-content:center;left:0;padding:10px;position:fixed;right:250px}.controls button{font-weight:700;padding:8px 16px}.controls button:hover{background:#ffdf00}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-thumb{background:gold;border-radius:3px}.guestroom-root{background:#000;color:gold;font-family:Arial,sans-serif;min-height:100vh;padding:12px}.guestroom-header{align-items:center;border-bottom:2px solid gold;display:flex;justify-content:space-between;padding:8px 16px}.logo{color:gold;font-size:22px;font-weight:800;text-shadow:0 2px 6px #0009}.btn.leave-meeting{background:#b22222;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px}.video-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.local{background:#111;border-radius:8px;padding:8px;position:relative;width:320px}.local video{background:#000;border-radius:6px;height:200px;width:100%}.controls{display:flex;justify-content:space-around;margin-top:8px}.controls button{background:gold;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:6px 12px}.grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:100%}.peer-video-block{background:#111;border-radius:6px;box-shadow:0 0 8px gold;overflow:hidden;position:relative}.peer-video-block video{background:#000;border-radius:6px;height:160px;width:100%}.peer-name{background:#0009;color:gold;font-weight:600;padding:4px 8px;text-align:center}.fullscreen-toggle{background:#0009;border:none;border-radius:4px;bottom:6px;color:gold;cursor:pointer;font-size:12px;padding:2px 6px;position:absolute;right:6px}.fullscreen-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fullscreen-overlay video{background:#000;border-radius:8px;box-shadow:0 0 20px gold;max-height:100%;max-width:100%}body{background:#000;color:gold;font-family:Inter,Arial,sans-serif;margin:0}button,input{font-size:16px;margin:6px;padding:8px}button{cursor:pointer}.container{padding:20px}
/*# sourceMappingURL=main.8ecab904.css.map*/