.cx{border-radius:30px;margin-top:60px;padding:40px}.cx-cap{color:#0009;font-size:13.5px;font-weight:600}.cx-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cx-surface{text-align:left;min-width:0;transition:background-color .25s,box-shadow .3s var(--eo);background:#fff9;border-radius:22px;align-items:center;gap:14px;padding:18px 20px;display:flex}.cx-surface:hover{background:#fffc}.cx-surface[aria-checked=true]{background:#fff;box-shadow:0 10px 30px #1e143c0f}.cx-surface:focus-visible{outline-offset:2px;outline:2px solid #141414}.cx-surface .av{flex:none;width:40px;height:40px}.cx-surface .av img{width:30px;height:30px}.cx-surface>span{flex:1;min-width:0}.cx-surface b{letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:500;display:block}.cx-surface small{color:var(--ink-3);margin-top:2px;font-size:14px;display:block}.cx-dot{background:#fff;border:1.5px solid #0003;border-radius:50%;flex:none;width:22px;height:22px;transition:border-color .2s,border-width .2s}.cx-surface[aria-checked=true] .cx-dot{border:7px solid #141414}.cx-often{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;display:flex}.cx-often .gd-chips{margin-top:0}.cx-body{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:24px;margin-top:24px;display:grid}.cx-facts{background:#ffffffeb;border-radius:22px;padding:6px 26px 24px;box-shadow:0 10px 30px #1e143c0f}.cx-fact{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.cx-fact h3{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:500;line-height:1.3}.cx-fact p{color:var(--ink-2);overflow-wrap:anywhere;margin-top:4px;font-size:15px;line-height:1.5}.cx-fact .gd-pill{margin-top:1px}.cx-day{padding-top:20px}.cx-track{height:28px;margin:14px 8px 0;position:relative}.cx-line{background:#00000014;border-radius:2px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cx-tick{background:#fff;border:2px solid #0000003d;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.cx-tick.is-read{background:#141414;border-color:#141414;width:16px;height:16px}.cx-pin{background:#3d6fe0;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #3d6fe040}.cx-scale{color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:12.5px;display:flex}.cx-events{color:#000c;flex-direction:column;gap:8px;margin-top:14px;font-size:14.5px;line-height:1.4;display:flex}.cx-events li{align-items:center;gap:10px;display:flex}.cx-key{border-radius:50%;flex:none;width:10px;height:10px}.cx-key.pin{background:#3d6fe0}.cx-key.mail{background:#fff4d6;border:2px solid #7a5200}.cx-key.read{background:#141414}.cx-send{background:#ffffffeb;border-radius:22px;padding:22px;box-shadow:0 14px 40px #3c288c14}.cx-send .gd-inv-msg{margin-top:12px}.cx-note{color:var(--ink-3);text-align:center;margin-top:20px;font-size:13.5px}.cx-card{flex-direction:column;display:flex}.cx-hand{flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding-top:28px;display:flex}.cx-built{max-width:100%;color:var(--ink-2);background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13.5px;display:inline-flex}.cx-built b{color:var(--ink);font-weight:600}.cx-built .av{flex:none;width:24px;height:24px}.cx-built .av img{width:18px;height:18px}.cx-hand .gd-msg{background:#ffffffd1;border-radius:18px;align-self:stretch;padding:12px 14px}.cx-hand .gd-msg .av{flex:none;width:28px;height:28px}.cx-hand .gd-msg .av img{width:21px;height:21px}.cx-hand .gd-who{font-size:13px}.cx-hand .gd-bub{margin-top:3px;padding:7px 11px;font-size:14.5px}@media (max-width:1060px){.cx-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.cx{padding:24px}}@media (max-width:560px){.cx{margin-top:40px;padding:16px}.cx-pick{grid-template-columns:minmax(0,1fr);gap:10px}.cx-surface{padding:14px 16px}.cx-facts{padding:4px 18px 18px}.cx-fact{flex-direction:column;gap:8px}.cx-send{padding:16px}}@media (prefers-reduced-motion:reduce){.cx-surface,.cx-dot{transition:none}}