*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}.container{max-width:680px;margin:0 auto;padding:2rem 1rem}.header{margin-bottom:2rem}.header h1{font-size:1.5rem;font-weight:700;color:#fff}.badge{background:#3b82f6;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:9999px;margin-left:8px;vertical-align:middle;font-weight:600;letter-spacing:.05em}.card{background:#1e2130;border:1px solid #2d3148;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card h2{font-size:1.1rem;font-weight:600;color:#fff}.card h3{font-size:.95rem;font-weight:600;color:#94a3b8;margin-top:.5rem}label{font-size:.8rem;color:#94a3b8;font-weight:500}input{background:#0f1117;border:1px solid #2d3148;border-radius:8px;color:#e2e8f0;padding:.6rem .75rem;font-size:.9rem;width:100%;outline:none;transition:border-color .15s}input:focus{border-color:#3b82f6}button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}button:hover:not(:disabled){background:#2563eb}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#10b981}.btn-primary:hover:not(:disabled){background:#059669}.btn-secondary{background:#374151}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-end{background:#ef4444}.btn-end:hover{background:#dc2626}.btn-muted{background:#6b7280}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap}.error{color:#f87171;font-size:.85rem;background:#1f1215;border:1px solid #7f1d1d;padding:.5rem .75rem;border-radius:6px}.hint{font-size:.8rem;color:#64748b}code{font-family:Fira Code,Cascadia Code,monospace;background:#0f1117;padding:2px 6px;border-radius:4px;font-size:.85em;color:#93c5fd}.invite-url{display:flex;align-items:center;gap:.5rem;background:#0f1117;border:1px solid #2d3148;border-radius:8px;padding:.5rem .75rem;word-break:break-all}.invite-url code{background:none;padding:0;flex:1}.copy-btn{padding:.35rem .75rem;font-size:.8rem;flex-shrink:0}.preview-video{width:100%;max-height:240px;background:#000;border-radius:8px;object-fit:cover}.device-status{display:flex;gap:1rem;font-size:.85rem}.status-ok{color:#10b981;font-weight:600}.status-pending{color:#64748b}.incall-container{height:100vh;background:#000;display:flex;flex-direction:column}.status-bar{background:#0f1117;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;font-size:.85rem}.video-grid{flex:1;display:grid;grid-template-columns:1fr;position:relative;background:#111}.video-tile{position:relative;display:flex;align-items:center;justify-content:center}.video-tile-self{position:absolute;bottom:1rem;right:1rem;width:200px;height:150px;border:2px solid #2d3148;border-radius:8px;overflow:hidden}.video-el{width:100%;height:100%;object-fit:cover;background:#1a1a2e}.video-label{position:absolute;bottom:.4rem;left:.5rem;font-size:.75rem;color:#fff;background:#00000080;padding:2px 6px;border-radius:4px}.controls{background:#0f1117;padding:1rem;display:flex;justify-content:center;gap:1rem}