*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif;margin:0}.app{min-height:100vh;background:#0f172a;display:flex;align-items:center;justify-content:center}.card{background:#020617;border:1px solid #1e293b;padding:28px;width:360px;border-radius:14px;text-align:center;color:#e5e7eb}h1{margin:0}.subtitle{font-size:14px;color:#94a3b8;margin-bottom:20px}.primary{background:#38bdf8;border:none;padding:10px;width:100%;border-radius:8px;font-weight:600;cursor:pointer}.secondary{background:transparent;border:1px solid #334155;padding:10px;width:100%;border-radius:8px;margin-top:10px;color:#e5e7eb}.input{width:100%;padding:10px;background:#020617;border:1px solid #334155;border-radius:8px;color:#fff}.divider{height:1px;background:#1e293b;margin:16px 0}.room-box{background:#020617;border:1px dashed #38bdf8;padding:10px;border-radius:8px;margin:12px 0;font-size:13px}.room-box span{display:block;font-size:18px;font-weight:700;color:#38bdf8}.status{margin:12px 0;font-size:14px}.connected{color:#22c55e}.download{display:block;margin-top:12px;color:#38bdf8;text-decoration:none}