*{box-sizing:border-box}body,html,#root{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#0f172a}.screen{display:flex;justify-content:center;padding:32px 16px;min-height:100vh}.card{background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 2px 12px #0000000f}.card.wide{max-width:720px}h1{margin:0 0 8px;font-size:26px}.wordmark{margin:0 0 14px;font-size:18px;font-weight:800;color:#333}.wordmark .fun{color:#009dbf}.wordmark .product{color:#0077b6;font-weight:700}.steps{margin:12px 0 4px;padding-left:20px;color:#334155;font-size:14px}.steps li{margin-bottom:6px}h2{margin:24px 0 12px;font-size:18px}.muted{color:#64748b;font-size:14px}.error{color:#dc2626;margin:4px 0 0;font-size:14px}.success{color:#059669;margin:4px 0 0;font-size:14px}form{display:flex;flex-direction:column;gap:14px;margin-top:18px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}input,select{font-size:16px;padding:12px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;font-family:inherit}input:focus,select:focus{outline:none;border-color:#0077b6}.pw-wrap{position:relative;display:flex}.pw-wrap input{flex:1;padding-right:42px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;margin:0;cursor:pointer;color:#64748b;display:flex;align-items:center;box-shadow:none}.pw-toggle:hover{color:#1e293b;background:none}button{font-size:16px;padding:12px 18px;border:none;border-radius:10px;background:#ff6b35;color:#fff;font-weight:700;cursor:pointer;font-family:inherit}button:hover:not(:disabled){background:#ff8255}button:disabled{background:#94a3b8;cursor:not-allowed}button.secondary{background:#fff;color:#0077b6;border:1px solid #0077B6}button.link{background:none;color:#0077b6;padding:0;font-weight:600;font-size:14px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.invite-box{background:#f1f5f9;border:1px solid #CBD5E1;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;margin-top:8px}.invite-link{flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#0f172a;word-break:break-all}.copy-btn{background:#0077b6;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.stat{background:#f1f5f9;border-radius:10px;padding:14px}.stat-value{font-size:28px;font-weight:800;color:#0077b6}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.toggle-row{display:flex;gap:8px;margin-bottom:14px;font-size:14px}.toggle-row button{background:transparent;color:#64748b;padding:8px 12px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14px}.toggle-row button.active{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}