.uc-cs{--w:#2b54e0;--w-wash:#edf1fd;--w-ink:#1a2f78}.uc-cs .cs-start{text-align:center;justify-items:center;gap:12px;max-width:1080px;margin:28px auto 0;display:grid}.uc-cs .cs-start-h{letter-spacing:.06em;text-transform:uppercase;color:var(--jx-ink-3);font-size:.75rem;font-weight:700}.uc-cs .cs-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.uc-cs .cs-chips li{box-shadow:inset 0 0 0 1px var(--jx-line);color:var(--jx-ink-2);background:#fff;border-radius:999px;padding:6px 14px;font-size:.84rem}.uc-cs .cs-slack{width:100%;max-width:500px;box-shadow:var(--in-shadow-lift), inset 0 0 0 1px #1011140f;background:#fff;border-radius:18px;justify-self:center;overflow:hidden}.uc-cs .cs-chan{border-bottom:1px solid var(--jx-line);color:var(--jx-ink-2);background:#faf9fb;align-items:center;gap:6px;padding:12px 16px;font-size:.84rem;display:flex}.uc-cs .cs-chan b{color:var(--jx-ink)}.uc-cs .cs-post{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:16px;display:grid}.uc-cs .cs-bot{background:#f4edf6;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.uc-cs .cs-name{align-items:baseline;gap:6px;font-size:.875rem;display:flex}.uc-cs .cs-name small{color:var(--jx-ink-3);background:#eee;border-radius:3px;padding:0 4px;font-size:.62rem;font-weight:700}.uc-cs .cs-card{background:#fbfafb;border-left:4px solid #e01e5a;border-radius:4px;gap:4px;margin-top:6px;padding:10px 12px;display:grid}.uc-cs .cs-card b{font-size:.84rem}.uc-cs .cs-card small{color:var(--jx-ink-2);font-size:.76rem;line-height:1.45}.uc-cs .cs-card .cs-hist{color:var(--jx-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.uc-cs .cs-reply{border-left:2px solid var(--jx-line);grid-template-columns:24px minmax(0,1fr);gap:8px;margin-top:12px;padding:10px 0 0 12px;font-size:.8125rem;line-height:1.45;display:grid}.uc-cs .cs-me{background:var(--jx-ok);color:#fff;border-radius:6px;place-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:grid}.uc-cs .cs-back{background:var(--jx-ok-wash);color:var(--jx-ok);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.uc-cs.js .cs-slack.in :is(.cs-card,.cs-reply,.cs-back){animation:uc-rise .45s var(--uc-ease) both;animation-delay:calc(.3s + var(--k) * .7s)}.uc-cs.js .cs-slack:not(.in) :is(.cs-card,.cs-reply,.cs-back){opacity:0}.uc-cs .cs-loop-grid{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px;margin:clamp(48px,6vw,72px) auto 0;display:grid}.uc-cs .cs-loop-grid li{background:linear-gradient(170deg, #fff 55%, var(--w-wash));box-shadow:var(--in-shadow), inset 0 0 0 1px var(--jx-line);border-radius:22px;align-content:start;gap:8px;padding:26px 24px;display:grid;position:relative}.uc-cs .cs-loop-grid li:not(:last-child):after{content:"";border-top:2px solid var(--w);border-right:2px solid var(--w);width:10px;height:10px;position:absolute;top:50%;right:-13px;translate:0 -50%;rotate:45deg}.uc-cs .cs-loop-i{background:var(--w-wash);width:44px;height:44px;color:var(--w);border-radius:12px;place-items:center;display:grid}.uc-cs .cs-loop-n{color:var(--jx-ink-3);font-size:.75rem;font-weight:700;position:absolute;top:22px;right:22px}.uc-cs .cs-loop-grid .jx-body{font-size:.9375rem}.uc-cs .cs-more{justify-content:center;margin-top:32px;display:flex}@media (max-width:1023px){.uc-cs .cs-loop-grid{grid-template-columns:1fr;max-width:560px}.uc-cs .cs-loop-grid li:not(:last-child):after{inset:auto auto -13px 50%;translate:-50%;rotate:135deg}}