.cdx{flex-direction:column;gap:18px;padding:28px 0 8px;display:flex}.cdx-head{text-align:center;flex-direction:column;gap:6px;padding:0 8px;display:flex}.cdx-head h2{color:hsl(var(--pc-navy));margin:0;font-size:clamp(20px,4.6vw,30px);line-height:1.3}.cdx-head p{color:hsl(var(--pc-muted));margin:0;font-size:15px}.cdx-wrap{align-items:center;gap:6px;display:flex;position:relative}.cdx-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:16px;min-width:0;padding:6px 4px 14px;display:flex;overflow-x:auto}.cdx-track::-webkit-scrollbar{display:none}.cdx-card{scroll-snap-align:start;text-align:center;background:hsl(var(--pc-surface));border:1px solid hsl(var(--pc-line));border-radius:18px;flex-direction:column;flex:0 0 min(82%,320px);align-items:center;gap:8px;padding:22px 18px 18px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 22px -14px #0f203d59}.cdx-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -16px #0f203d73}.cdx-av{color:#fff;width:84px;height:84px;font-family:var(--pc-font);box-shadow:0 0 0 4px hsl(var(--pc-surface)), 0 0 0 6px hsl(var(--pc-line));border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid}.cdx-card h3{color:hsl(var(--pc-navy));align-items:center;gap:6px;margin:4px 0 0;font-size:18px;display:inline-flex}.cdx-ok{color:hsl(var(--pc-info));flex:none}.cdx-hl{color:hsl(var(--pc-text));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;display:-webkit-box;overflow:hidden}.cdx-meta{color:hsl(var(--pc-muted));flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cdx-meta li{justify-content:center;align-items:center;gap:6px;display:inline-flex}.cdx-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cdx-chips span{background:hsl(var(--pc-bg));color:hsl(var(--pc-text));border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.cdx-btn{background:hsl(var(--pc-navy));color:#fff;border-radius:10px;margin-top:auto;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none}.cdx-card .cdx-btn{margin-top:10px}.cdx-btn:hover{filter:brightness(1.15)}.cdx-nav{border:1px solid hsl(var(--pc-line));background:hsl(var(--pc-surface));width:40px;height:40px;color:hsl(var(--pc-orange));cursor:pointer;border-radius:50%;flex:none;place-items:center;display:none}.cdx-nav:hover{background:hsl(var(--pc-orange-soft))}@media (width>=768px){.cdx-nav{display:grid}.cdx-card{flex-basis:calc(33.3333% - 10.6667px)}}@media (width>=1100px){.cdx-card{flex-basis:calc(25% - 12px)}}@media (prefers-reduced-motion:reduce){.cdx-track{scroll-behavior:auto}.cdx-card{transition:none}.cdx-card:hover{transform:none}}.cdx-opt{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.cdx-opt input{width:18px;height:18px;accent-color:hsl(var(--pc-orange));flex:none;margin-top:4px}.cdx-opt span{flex-direction:column;gap:4px;display:flex}.cdx-opt small{color:hsl(var(--pc-muted));line-height:1.5}.cdx-invite{background:linear-gradient(135deg, hsl(var(--pc-orange-soft)), hsl(var(--pc-surface)));border:1px solid hsl(var(--pc-orange) / .35);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;display:flex}.cdx-invite-t b{color:hsl(var(--pc-navy));font-size:16px}.cdx-invite-t p{color:hsl(var(--pc-text));margin:4px 0 0;font-size:14px;line-height:1.6}.cdx-invite-a{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cdx-invite-no{font:inherit;color:hsl(var(--pc-muted));cursor:pointer;background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}@media (width>=768px){.cdx-invite{flex-direction:row;justify-content:space-between;align-items:center}.cdx-invite-a{flex:none}}.cdx-img{object-fit:cover;background:hsl(var(--pc-line))}.cdx-opt-photo{align-items:center;margin-top:10px}.cdx-opt-photo img,.cdx-invite-ph{object-fit:cover;border-radius:50%;flex:none}.cdx-track{align-items:stretch;gap:20px}.cdx-card{border-color:hsl(var(--pc-line));border-radius:16px;flex:0 0 min(86%,340px);gap:10px;padding:22px 20px 0;box-shadow:0 2px 4px #1f2e470f,0 10px 24px -16px #0f203d59}.cdx-top{place-items:center;padding-bottom:4px;display:grid}.cdx-av{width:104px;height:104px;box-shadow:none;font-size:32px}.cdx-img{object-fit:cover;object-position:center 25%;border-radius:50%}.cdx-card h3{color:hsl(var(--pc-text));margin:0;font-size:19px;font-weight:800}.cdx-hl{color:hsl(var(--pc-muted));-webkit-line-clamp:1;font-size:13.5px}.cdx-meta{flex-flow:wrap;justify-content:center;gap:4px 12px;font-size:13px}.cdx-meta li+li:before{content:"·";color:hsl(var(--pc-line));margin-inline-end:8px;font-weight:700}.cdx-chips span{background:hsl(var(--pc-bg));border:1px solid hsl(var(--pc-line) / .7);padding:3px 10px;font-size:12.5px}.cdx-foot{border-top:1px solid hsl(var(--pc-line));justify-content:center;align-self:stretch;margin-top:auto;padding:16px 0 18px;display:flex}.cdx-card .cdx-btn{border-radius:9px;margin:0;padding:9px 18px;font-size:15px;box-shadow:0 4px 10px -4px #142b5280}.cdx-card>.cdx-chips{margin-bottom:14px}@media (width>=640px){.cdx-card{flex-basis:calc(50% - 10px)}}@media (width>=960px){.cdx-card{flex-basis:calc(33.3333% - 13.3333px)}}@media (width>=1100px){.cdx-card{flex-basis:calc(33.3333% - 13.3333px)}}