.joinCode_box__iwRwl{margin-top:var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3) var(--space-6);gap:var(--space-3) var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);background:var(--deep)}.joinCode_text__f2t0k{min-width:0}.joinCode_title__qwi0B{margin:0;font-weight:700;font-size:20px;line-height:1.25}.joinCode_body__yPBSy{margin:4px 0 0;color:var(--ink-muted);font-size:14px}.joinCode_form__lqh3D{display:flex;gap:8px}.joinCode_input__SiNK1{width:170px;min-height:52px;padding:0 12px;border:0;border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 2px var(--line);color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.14em;font:800 22px ui-monospace,SF Mono,Menlo,Consolas,monospace}.joinCode_input__SiNK1::placeholder{color:var(--ink-muted);opacity:.45}.joinCode_input__SiNK1:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ripple),var(--focus-ring)}.joinCode_button__pBb5n{min-height:52px;padding:0 22px;border:0;border-radius:var(--radius-md);background:var(--splash);color:var(--on-splash);font:700 16px var(--font-sans);box-shadow:var(--pop);cursor:pointer}.joinCode_button__pBb5n:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--splash-press)}.joinCode_button__pBb5n:disabled{opacity:.5;cursor:default}.joinCode_error__5eu8Q{grid-column:1/-1;margin:0;padding:8px 12px;border-radius:var(--radius-md);background:rgba(255,107,44,.16);color:var(--ink);font-size:14px}@media (max-width:640px){.joinCode_box__iwRwl{grid-template-columns:minmax(0,1fr);padding:var(--space-4)}.joinCode_form__lqh3D{width:100%}.joinCode_input__SiNK1{flex:1 1;width:0;min-width:0}}