:root{color:#ececf1;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0d0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:#ececf1;background:radial-gradient(circle at top,#171717 0,#0d0d0d 38%,#090909 100%);min-width:320px}.join-shell{place-items:center;min-height:100vh;padding:28px 18px;display:grid}.join-card{background:#181818f5;border:1px solid #303030;border-radius:20px;width:min(100%,620px);padding:30px;box-shadow:0 28px 90px #0000006b}.brand-row{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-row>div{flex-direction:column;gap:2px;display:flex}.brand-row small,footer,.invite-meta,small{color:#9c9ca5}.brand-mark{color:#111;background:#f2f2f2;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.eyebrow{color:#b9b9c1;border:1px solid #3d3d3d;border-radius:999px;margin-bottom:12px;padding:5px 9px;font-size:.78rem;display:inline-flex}h1{margin:0 0 14px;font-size:clamp(1.7rem,5vw,2.35rem);line-height:1.08}p{color:#b8b8c0;margin:0 0 18px;line-height:1.6}strong{color:#f4f4f5}.state-block{text-align:center;padding:25px 0}.spinner{border:3px solid #343434;border-top-color:#efefef;border-radius:50%;width:34px;height:34px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-icon{color:#82e3a5;background:#183a27;border:1px solid #28583a;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:1.35rem;font-weight:800;display:grid}.status-icon.pending{color:#efcc74;background:#3a2e14;border-color:#65501d}.status-icon.error{color:#ff9da4;background:#3f1d20;border-color:#663035}.notice{color:#bcbcc4;background:#202020;border:1px solid #383838;border-radius:13px;flex-direction:column;gap:6px;margin:18px 0;padding:14px 15px;display:flex}.notice.success{background:#183a27;border-color:#28583a}.notice.warning{background:#2b2518;border-color:#5a4821}.notice.error{background:#331d20;border-color:#633036}.notice span{font-size:.92rem;line-height:1.45}.facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.facts span{background:#1d1d1d;border:1px solid #333;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:13px;display:flex}.facts strong{overflow-wrap:anywhere}.facts small{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}form{flex-direction:column;gap:16px;margin-top:20px;display:flex}label{color:#d9d9df;flex-direction:column;gap:8px;font-weight:600;display:flex}input,textarea{color:#f1f1f3;width:100%;font:inherit;background:#111;border:1px solid #3a3a3a;border-radius:11px;outline:none;padding:12px 13px}input:focus,textarea:focus{border-color:#7c7c84;box-shadow:0 0 0 3px #ffffff0f}textarea{resize:vertical;min-height:220px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.45}.invite-meta{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.82rem;display:flex}button{appearance:none;color:#111;font:inherit;cursor:pointer;background:#ededed;border:1px solid #ededed;border-radius:11px;padding:11px 15px;font-weight:700}button:hover{background:#fff}button:disabled{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.actions .secondary{color:#ececf1;background:#232323;border-color:#3c3c3c}.actions .secondary:hover{background:#2c2c2c}details{border-top:1px solid #303030;margin:18px 0;padding-top:16px}summary{cursor:pointer;color:#c8c8cf;margin-bottom:12px}.one-time{border-top:1px solid #303030;padding-top:16px;font-size:.9rem}footer{border-top:1px solid #2e2e2e;margin-top:28px;padding-top:18px;font-size:.78rem;line-height:1.5}@media (max-width:600px){.join-shell{padding:14px}.join-card{border-radius:16px;padding:22px}.facts{grid-template-columns:1fr}.actions button{width:100%}}