.cp-join-root{background:var(--primary-deep);min-height:100dvh;position:relative;overflow:hidden}.cp-join-root.is-to-canvas{background:var(--card)}.cp-join-arena{z-index:0;pointer-events:none;transition:opacity .18s cubic-bezier(.55,0,1,1);position:absolute;inset:0;overflow:hidden}.cp-join-arena img{object-fit:cover;object-position:center;width:100%;height:100%}.cp-join-root.is-to-canvas .cp-join-arena{opacity:0}.cp-join-stage{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:20px 20px 48px;display:flex;position:relative;overflow:hidden auto}.cp-join-root.is-zoom .cp-join-stage{transform-origin:50%;will-change:transform}.cp-join-root.is-zoom-out .cp-join-stage{pointer-events:none;animation:.18s cubic-bezier(.55,0,1,1) both cp-join-fun-zoom-out}.cp-join-root.is-zoom-in .cp-join-stage{animation:.22s cubic-bezier(.22,1,.36,1) both cp-join-fun-zoom-in}@keyframes cp-join-fun-zoom-out{to{transform:scale(0)}}@keyframes cp-join-fun-zoom-in{0%{transform:scale(0)}to{transform:none}}.cp-join-dock{background:var(--card);width:100%;box-shadow:0 1px 2px color-mix(in srgb,var(--foreground)10%,transparent),0 18px 48px color-mix(in srgb,var(--foreground)28%,transparent);border-radius:999px;align-items:center;padding:8px 8px 8px 16px;display:flex}.cp-join-dock:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)45%,transparent),0 18px 48px color-mix(in srgb,var(--foreground)28%,transparent)}.cp-join-dock.is-error{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive)45%,transparent),0 18px 48px color-mix(in srgb,var(--foreground)28%,transparent)}.cp-join-dock-hash{color:var(--primary);flex-shrink:0;display:flex}.cp-join-dock.is-error .cp-join-dock-hash{color:var(--destructive)}.cp-join-dock-field{min-width:0;height:2.25rem;color:var(--foreground);letter-spacing:.08em;background:0 0;border:0;outline:none;flex:1;margin-right:8px;font-weight:600;line-height:2.25rem}.cp-join-dock-field::placeholder{letter-spacing:0;color:var(--muted-foreground);font-weight:500}.cp-join-dock-field:disabled{opacity:.5}.cp-join-error{text-align:center;color:color-mix(in srgb,var(--destructive)42%,white);margin-top:12px;font-weight:600}.cp-join-name-card{background:var(--card);border:1px solid var(--border);width:100%;box-shadow:0 12px 32px color-mix(in srgb,var(--foreground)8%,transparent);border-radius:32px;position:relative;overflow:hidden}.cp-join-name-board{grid-template-columns:11rem minmax(0,1fr);min-height:0;display:grid}.cp-join-name-rail{border-right:1px solid var(--border);background:var(--background);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 16px;display:flex}.cp-join-name-who,.cp-join-name-code{flex-direction:column;align-items:center;gap:4px;display:flex}.cp-join-name-code{border-top:1px solid var(--border);width:100%;padding-top:14px}.cp-join-name-profile{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:36px 28px;display:flex}.cp-join-code-chip{background:var(--primary-tint);min-height:1.75rem;color:var(--primary-deep);letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}@media (max-width:640px){.cp-join-name-board{grid-template-columns:1fr}.cp-join-name-rail{border-right:0;border-bottom:1px solid var(--border);text-align:left;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.cp-join-name-who{flex-direction:row;flex:1;gap:12px;min-width:0}.cp-join-name-code{border-top:0;align-items:flex-end;width:auto;padding-top:0}}@media (prefers-reduced-motion:reduce){.cp-join-arena,.cp-join-root.is-zoom-out .cp-join-stage,.cp-join-root.is-zoom-in .cp-join-stage{transition:none;animation:none}}