.gb-flow{background:linear-gradient(165deg,#f1f8ff,#d6e9ff);border-radius:30px;margin-top:60px;padding:40px}.gb-pick{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.gb-pick>p{color:#000000c7;font-size:16px;font-weight:600}.gb-pick .gd-chips{margin-top:0}.gb-stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:30px;display:grid}.gb-stops[hidden]{display:none}.gb-stop{background:#ffffffe6;border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;box-shadow:0 10px 30px #1e143c0f}.gb-stops.play .gb-stop{animation:gb-in .55s var(--eo) both;animation-delay:calc(var(--i) * .14s)}.gb-stop+.gb-stop:before{content:"";border-top:2px solid #00000038;border-right:2px solid #00000038;width:9px;height:9px;position:absolute;top:34px;left:-21px;transform:rotate(45deg)}.gb-stop-top{align-items:center;gap:9px;min-width:0;display:flex}.gb-stop-top .av{flex:none;width:32px;height:32px}.gb-stop-top .av img{width:24px;height:24px}.gb-mark{color:#0009;background:#f3f3f5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gb-who{color:#000000c7;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.gb-stop-top time{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12.5px}.gb-stop h3{letter-spacing:-.01em;color:var(--ink);align-items:baseline;gap:9px;font-size:18px;font-weight:500;line-height:1.3;display:flex}.gb-n{background:#0000000f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12.5px;font-weight:600;display:inline-flex;transform:translateY(-1px)}.gb-say{background:var(--soft);color:#000000d1;border-radius:6px 16px 16px;padding:9px 13px;font-size:15px;line-height:1.42}.gb-stop.by-pachat .gb-say{background:#f4f6fa;border-radius:14px}.gb-stop.by-bot .gb-say{background:#e6e9ef}.gb-stop.by-mail .gb-say{border:1px solid var(--line);background:#fff;border-radius:14px}.gb-stop .gd-pill{align-self:flex-start;margin-top:auto}.gb-rules{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:30px;display:flex}.gb-rules>p{color:#000000b8;font-size:15px;font-weight:600}.gb-rules ul{flex-wrap:wrap;gap:8px;display:flex}.gb-rules li{color:#000000c2;background:#ffffffc7;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:6px 14px;font-size:14.5px;line-height:1.3;display:inline-flex}.gb-rules li svg{color:#1e7a3c;flex:none}.gb-note{color:var(--ink-3);margin-top:14px;font-size:13.5px}@keyframes gb-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.gb-vs{margin-top:56px}.gb-vs .gd-pv-card{flex-direction:column;display:flex}.gb-vs .gd-rows{margin-top:28px}.gb-vs .gd-row-l{min-width:0}.gb-src{color:var(--ink-3);margin-top:16px;font-size:13.5px}.gb-src a{text-underline-offset:3px;-webkit-text-decoration:underline #0003;text-decoration:underline #0003}.gb-src a:hover{text-decoration-color:currentColor}@media (max-width:1060px){.gb-stops{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-stop+.gb-stop:before{display:none}}@media (max-width:900px){.gb-flow{padding:24px}}@media (max-width:640px){.gb-stops{grid-template-columns:minmax(0,1fr);gap:26px}.gb-stop+.gb-stop:before{display:block;top:-18px;left:50%;transform:translate(-50%)rotate(135deg)}}@media (max-width:560px){.gb-flow{margin-top:40px;padding:16px}.gb-stop{padding:16px}.gb-vs .gd-row{flex-wrap:wrap;gap:6px 12px}}@media (prefers-reduced-motion:reduce){.gb-stops.play .gb-stop{animation:none}}
