.viz.svelte-17jnyn5{max-width:760px;margin:0 auto;padding:88px 16px 140px;color:#f5f5f7;display:flex;flex-direction:column;gap:16px}.hero.svelte-17jnyn5{padding:8px 4px 12px}.eyebrow.svelte-17jnyn5{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8e8e93}h1.svelte-17jnyn5{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(32px,7vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1}.lede.svelte-17jnyn5{margin:0;max-width:560px;font-size:17px;line-height:1.45;color:#a1a1a6}.card.svelte-17jnyn5{background:#141414;border-radius:22px;padding:16px}.stage.svelte-17jnyn5{background:#0f0f10;border-radius:16px;padding:12px 8px 4px}.stage.svelte-17jnyn5 svg{display:block;width:100%;height:auto;max-height:62vh}.bar.svelte-17jnyn5{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px}.seg.wide.svelte-17jnyn5{flex-basis:100%}.seg.wide.svelte-17jnyn5 button:where(.svelte-17jnyn5){flex:1}@media(min-width:640px){.bar.svelte-17jnyn5{flex-wrap:nowrap}.seg.wide.svelte-17jnyn5{flex-basis:auto;order:1}.seg.unit.svelte-17jnyn5{order:2}}.seg.svelte-17jnyn5{display:inline-flex;background:#1c1c1e;border-radius:10px;padding:2px}.seg.svelte-17jnyn5 button:where(.svelte-17jnyn5){border:0;background:transparent;color:#a1a1a6;min-height:32px;padding:0 12px;border-radius:8px;font:600 13px var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent}.seg.svelte-17jnyn5 button.on:where(.svelte-17jnyn5){background:#3a3a3c;color:#f5f5f7;box-shadow:0 1px 3px #00000059}.note.svelte-17jnyn5{margin:10px 2px 0;font-size:13px;color:#8e8e93}.who.svelte-17jnyn5{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:2px 2px 6px}.them-hd.svelte-17jnyn5{margin-top:18px;padding-top:16px;border-top:1px solid #262628}.dot.svelte-17jnyn5{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.you.svelte-17jnyn5{background:#ff4d6d}.dot.them.svelte-17jnyn5{background:#8b93ff}.name.svelte-17jnyn5{flex:1;min-width:0;border:0;background:transparent;color:#f5f5f7;font:700 15px var(--font-body);padding:6px 0;outline:none}.name.svelte-17jnyn5::placeholder{color:#8e8e93}.remove.svelte-17jnyn5{border:0;background:transparent;color:#8e8e93;font:500 14px var(--font-body);min-height:36px;padding:0 4px;cursor:pointer}.row.svelte-17jnyn5{padding:12px 2px;border-top:1px solid #1f1f21}.row.svelte-17jnyn5:first-of-type{border-top:0}.row-hd.svelte-17jnyn5{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-hd.svelte-17jnyn5 b:where(.svelte-17jnyn5){display:block;font-size:15px;font-weight:600}.row-hd.svelte-17jnyn5 small:where(.svelte-17jnyn5){display:block;margin-top:2px;font-size:12px;color:#8e8e93}.num.svelte-17jnyn5{display:inline-flex;align-items:baseline;gap:4px;flex-shrink:0}.num.svelte-17jnyn5 input:where(.svelte-17jnyn5){width:4.6ch;border:0;border-radius:8px;background:#1c1c1e;color:#f5f5f7;font:700 17px var(--font-body);font-variant-numeric:tabular-nums;text-align:right;padding:6px 8px;-moz-appearance:textfield;appearance:textfield}.num.svelte-17jnyn5 input:where(.svelte-17jnyn5)::-webkit-outer-spin-button,.num.svelte-17jnyn5 input:where(.svelte-17jnyn5)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num.svelte-17jnyn5 input:where(.svelte-17jnyn5):focus-visible{outline:2px solid #f5f5f7;outline-offset:1px}.u.svelte-17jnyn5{font-size:13px;color:#8e8e93;width:1.6em}.slider.svelte-17jnyn5{width:100%;margin:12px 0 2px;accent-color:#ff4d6d;height:28px}.slider.them.svelte-17jnyn5{accent-color:#8b93ff}.add.svelte-17jnyn5{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;min-height:48px;border:0;border-radius:14px;background:#1c1c1e;color:#f5f5f7;font:600 15px var(--font-body);cursor:pointer}.readout.svelte-17jnyn5 ul:where(.svelte-17jnyn5){list-style:none;margin:0;padding:0}.readout.svelte-17jnyn5 li:where(.svelte-17jnyn5){padding:10px 2px;border-top:1px solid #1f1f21;font-size:15px;line-height:1.4;color:#d1d1d6}.readout.svelte-17jnyn5 li:where(.svelte-17jnyn5):first-child{border-top:0;padding-top:2px}.readout.svelte-17jnyn5 li:where(.svelte-17jnyn5) b:where(.svelte-17jnyn5){display:block;font-family:var(--font-display);font-size:22px;letter-spacing:-.02em;color:#f5f5f7}.readout.svelte-17jnyn5 li:where(.svelte-17jnyn5) small:where(.svelte-17jnyn5){display:block;margin-top:2px;font-size:14px;color:#a1a1a6}.condom.svelte-17jnyn5{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f5f5f7;text-decoration:none}.condom.svelte-17jnyn5 svg:where(.svelte-17jnyn5){flex-shrink:0;color:#8e8e93}.actions.svelte-17jnyn5{display:flex;gap:10px;margin-top:12px}.btn.svelte-17jnyn5{flex:1;min-height:50px;border:0;border-radius:14px;background:#2c2c2e;color:#f5f5f7;font:600 15px var(--font-body);cursor:pointer}.btn.primary.svelte-17jnyn5{background:#ff4d6d;color:#fff}.btn.svelte-17jnyn5:disabled{opacity:.5;cursor:default}.next.svelte-17jnyn5{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.next.svelte-17jnyn5{grid-template-columns:1fr 1fr 1fr}}.next.svelte-17jnyn5 a:where(.svelte-17jnyn5){display:block;background:#141414;border-radius:18px;padding:16px;color:#f5f5f7;text-decoration:none}.next.svelte-17jnyn5 b:where(.svelte-17jnyn5){display:block;font-size:16px}.next.svelte-17jnyn5 small:where(.svelte-17jnyn5){display:block;margin-top:4px;font-size:13px;color:#8e8e93}.copy.svelte-17jnyn5{padding:16px 4px 0}.copy.svelte-17jnyn5 h2:where(.svelte-17jnyn5){margin:28px 0 8px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.copy.svelte-17jnyn5 p:where(.svelte-17jnyn5){margin:0;font-size:16px;line-height:1.6;color:#a1a1a6}.copy.svelte-17jnyn5 .fine:where(.svelte-17jnyn5){margin-top:28px;font-size:13px;color:#6e6e73}button.svelte-17jnyn5:focus-visible,.next.svelte-17jnyn5 a:where(.svelte-17jnyn5):focus-visible{outline:2px solid #f5f5f7;outline-offset:2px}