*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05070b;color:#f7f7f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.join-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.join-card{width:min(560px,100%);background:#0d111b;border:1px solid #1e2636;border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.42)}.brand-row{display:flex;gap:16px;align-items:center;margin-bottom:24px}.brand-mark{width:54px;height:54px;border-radius:16px;background:#06a38f;display:grid;place-items:center;font-weight:900}.brand-row h1{margin:0;font-size:30px}.brand-row p{margin:3px 0 0;color:#9ca3af}label{display:block;color:#cbd5e1;font-weight:700;margin:18px 0 6px}input{width:100%;background:#070a10;color:#fff;border:1px solid #263247;border-radius:14px;padding:16px;outline:none}input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.12)}button{border:0;border-radius:14px;background:#0d9488;color:#fff;font-weight:800;padding:15px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.join-card button{width:100%;margin-top:18px}.small-note{color:#8b95a5;font-size:14px}.error{background:#3b1114;border:1px solid #7f1d1d;color:#fecaca;padding:12px;border-radius:12px}.hidden{display:none!important}.room-shell{width:100%;min-height:100vh;padding:16px}.topbar{height:72px;background:#0d111b;border:1px solid #1e2636;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;margin-bottom:14px}.topbar span{display:block;color:#9ca3af;font-size:13px}.topbar button{background:#dc2626}.stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.tile{position:relative;background:#111827;border:1px solid #253044;border-radius:18px;overflow:hidden;min-height:220px}.tile video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.tile .name{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);padding:6px 10px;border-radius:10px;font-size:13px}.tile .you{position:absolute;right:10px;top:10px;background:#16a34a;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.audio-only{display:grid;place-items:center;min-height:220px;color:#cbd5e1}.controlbar{position:sticky;bottom:0;background:rgba(5,7,11,.86);backdrop-filter:blur(16px);display:flex;gap:10px;justify-content:center;padding:14px}.controlbar button{width:auto}.controlbar button:nth-child(2),.controlbar button:nth-child(3){background:#1f2937}@media(max-width:700px){.join-shell{align-items:flex-start;padding-top:18vh}.room-shell{padding:10px}.topbar{height:auto;padding:12px}.controlbar{flex-wrap:wrap}.controlbar button{flex:1 1 150px}}