:root{--indigo: #4f46e5;--indigo-dark: #4338ca;--ink: #111827;--muted: #6b7280;--border: #e5e7eb;--bg: #f9fafb;--green: #059669;--amber: #d97706;--red: #dc2626}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.centered-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--muted);max-width:480px;margin:0 auto}.join-page{max-width:560px;margin:0 auto;padding:32px 20px 64px}.join-header{text-align:center;margin-bottom:24px}.join-header h1{font-size:1.5rem;text-transform:capitalize;margin:0 0 4px}.join-header p{color:var(--muted);margin:0}.step-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.step-card h2{font-size:1.125rem;margin:0 0 16px}.step-card ol{padding-left:20px;color:var(--muted)}.notice-text{font-size:.9rem;color:#374151;background:var(--bg);border-radius:10px;padding:14px 16px;margin-bottom:16px}.notice-text p:first-child{margin-top:0}.notice-text p:last-child{margin-bottom:0}.consent-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;margin-bottom:20px;cursor:pointer}.consent-checkbox input{margin-top:3px}.primary-button{display:inline-block;width:100%;text-align:center;background:var(--indigo);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .15s}.primary-button:hover:not(:disabled){background:var(--indigo-dark)}.primary-button:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.secondary-button{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer}.checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 480px){.checks-grid{grid-template-columns:1fr}}.check-item{border:1px solid var(--border);border-radius:10px;padding:12px}.check-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.camera-preview{width:100%;border-radius:8px;background:#111827;aspect-ratio:4 / 3;object-fit:cover}.mic-meter{height:10px;border-radius:6px;background:var(--border);overflow:hidden;margin-bottom:8px}.mic-meter-fill{height:100%;background:var(--green);transition:width .08s linear}.speaker-confirm{display:flex;gap:8px;margin-top:8px}.chip{flex:1;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:.8rem;cursor:pointer}.chip-selected{border-color:var(--indigo);background:#eef2ff;color:var(--indigo-dark);font-weight:600}.check-ok{color:var(--green);font-size:.85rem;margin:4px 0 0}.check-warn{color:var(--amber);font-size:.85rem;margin:4px 0 0}.check-pending{color:var(--muted);font-size:.85rem;margin:4px 0 0}.error-text{color:var(--red);font-size:.85rem;margin:8px 0}.warning-text{color:var(--amber);font-size:.85rem;margin:8px 0}