.hero-mock.svelte-1wkw74a{width:100%;max-width:880px;margin:0 auto;container-type:inline-size}.window.svelte-1wkw74a{border-radius:22px;background:linear-gradient(180deg,#1f2c3d,#18222f);box-shadow:inset 0 0 0 1px #ffffff14,0 50px 100px -30px #000c;overflow:hidden}.bar.svelte-1wkw74a{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.bar.svelte-1wkw74a span:where(.svelte-1wkw74a){width:9px;height:9px;border-radius:999px;background:#ffffff24}.body.svelte-1wkw74a{display:flex}.side.svelte-1wkw74a{display:none;width:13.5rem;flex-shrink:0;padding:1rem .75rem;border-right:1px solid rgba(255,255,255,.05)}.side-title.svelte-1wkw74a{padding:0 .6rem .6rem;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#eaeaea66}.person.svelte-1wkw74a{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:12px}.person.on.svelte-1wkw74a{background:#ff007a1a}.av.svelte-1wkw74a{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:10px;font-size:13px;font-weight:800;color:#ffffffd9;background:#ffffff14}.person.on.svelte-1wkw74a .av:where(.svelte-1wkw74a){color:#fff;background:linear-gradient(135deg,#ff7aa8,#8a5cff)}.main.svelte-1wkw74a{flex:1;min-width:0;padding:1.25rem}@container (min-width: 700px){.side.svelte-1wkw74a{display:block}.main.svelte-1wkw74a{padding:1.5rem 1.75rem 1.75rem}}.avatar.svelte-1wkw74a{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff7aa8,#8a5cff)}.entry.svelte-1wkw74a{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:14px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0a}.date.svelte-1wkw74a{display:flex;flex-direction:column;align-items:center;gap:3px;width:2.4rem;flex-shrink:0}.chip.svelte-1wkw74a{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#eaeaeab3;background:#ffffff12}.stars.svelte-1wkw74a{display:none;font-size:12px;letter-spacing:1px;color:#ffffff26}.stars.svelte-1wkw74a .on:where(.svelte-1wkw74a){color:#ffb35c}@media (min-width: 420px){.stars.svelte-1wkw74a{display:block}}.mock.svelte-1ywd4wx{padding:1rem;border-radius:24px;background:linear-gradient(180deg,#1c2836,#161f2a);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 70px -25px #000000b3}.tile.svelte-1ywd4wx{padding:1rem;border-radius:16px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0d}.meter.svelte-1ywd4wx{position:relative;display:grid;place-items:center;width:64px;height:64px;flex-shrink:0}.meter.svelte-1ywd4wx svg:where(.svelte-1ywd4wx){position:absolute;inset:0;transform:rotate(-90deg)}.meter.svelte-1ywd4wx circle:where(.svelte-1ywd4wx){fill:none;stroke:#ffffff14;stroke-width:6}.meter.svelte-1ywd4wx .fill:where(.svelte-1ywd4wx){stroke:#4ade80;stroke-linecap:round;stroke-dasharray:74 100}.bars.svelte-1ywd4wx{display:flex;align-items:flex-end;gap:4px;height:56px}.bars.svelte-1ywd4wx span:where(.svelte-1ywd4wx){flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#60a5fa 0 45%,#4ade80 45%);opacity:.85}.dot.svelte-1ywd4wx{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:99px}.dot.prep.svelte-1ywd4wx{background:#4ade80}.dot.condom.svelte-1ywd4wx{background:#60a5fa}.pill.svelte-1ywd4wx{padding:1px 8px;border-radius:99px;font-size:11px;font-weight:600;color:#4ade80;background:#4ade801a}.copy.svelte-1ywd4wx{padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:600;color:#eaeaeacc;background:#ffffff14}.summary.svelte-1ywd4wx{padding:.6rem .75rem;border-radius:10px;font-size:12.5px;line-height:1.5;color:#eaeaeabf;background:#00000038}.mock.svelte-1nybc0a{padding:1rem;border-radius:24px;background:linear-gradient(180deg,#1c2836,#161f2a);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 70px -25px #000000b3}.tile.svelte-1nybc0a{padding:1rem;border-radius:16px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0d}.cal.svelte-1nybc0a{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dow.svelte-1nybc0a{padding-bottom:2px;text-align:center;font-size:10px;font-weight:600;color:#eaeaea59}.day.svelte-1nybc0a{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;font-size:11px;color:#eaeaea73}.day.on.svelte-1nybc0a{font-weight:700;color:#fff;background:#ff007a8c}.day.many.svelte-1nybc0a{background:#ff007a}.map.svelte-1nybc0a{flex:1;min-height:170px;padding:0;overflow:hidden}.map.svelte-1nybc0a svg:where(.svelte-1nybc0a){display:block;width:100%;height:100%}.land.svelte-1nybc0a{fill:#172230}.street.svelte-1nybc0a path:where(.svelte-1nybc0a){fill:none;stroke:#ffffff0d;stroke-width:1}.park.svelte-1nybc0a{fill:#1a3229}.river.svelte-1nybc0a{fill:none;stroke:#1b3a55;stroke-width:18;stroke-linecap:round}.embankment.svelte-1nybc0a{fill:none;stroke:#243448;stroke-width:2.4}.road.svelte-1nybc0a{fill:none;stroke:#2c3d52;stroke-width:4;stroke-linecap:round}.bridge.svelte-1nybc0a{stroke:#0f1822;stroke-width:8}.label.svelte-1nybc0a{font-size:7.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:#eaeaea52}.halo.svelte-1nybc0a{fill:#ff007a2e}.dot.svelte-1nybc0a{stroke:#fff;stroke-width:1.8}.count.svelte-1nybc0a{font-size:10px;font-weight:800;fill:#fff}.pin.svelte-1nybc0a{fill:url(#sl-map-dot);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.park-label.svelte-1nybc0a{fill:#86efac73}.place.svelte-1nybc0a{font-size:9px;font-weight:700;fill:#eaeaead9;paint-order:stroke;stroke:#172230;stroke-width:3px}.stat.svelte-1nybc0a{padding:.7rem .6rem;border-radius:14px;text-align:center;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0d}.stat.svelte-1nybc0a .v:where(.svelte-1nybc0a){font-size:19px;font-weight:800;color:#eaeaea}.stat.svelte-1nybc0a .k:where(.svelte-1nybc0a){font-size:10.5px;color:#eaeaea73}.mock.svelte-1wxdklf{padding:1.1rem;border-radius:24px;background:linear-gradient(180deg,#1c2836,#161f2a);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 70px -25px #000000b3,0 0 100px -40px #ff007a66}.badge.svelte-1wxdklf{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;font-size:15px;color:#fff;background:linear-gradient(135deg,#ff2d8f,#8a5cff)}.call.svelte-1wxdklf{margin-left:auto;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;color:#eaeaeacc;background:#ffffff12}.me.svelte-1wxdklf{width:-moz-fit-content;width:fit-content;max-width:80%;margin-left:auto;padding:8px 12px;border-radius:16px 16px 5px;font-size:13.5px;color:#fff;background:#ff007a}.it.svelte-1wxdklf{max-width:88%;padding:10px 12px;border-radius:16px 16px 16px 5px;font-size:13.5px;line-height:1.5;color:#eaeaead9;background:#ffffff0f}.it.svelte-1wxdklf strong:where(.svelte-1wxdklf){color:#fff;font-weight:600}.refs.svelte-1wxdklf{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.refs.svelte-1wxdklf span:where(.svelte-1wxdklf){padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;color:#ff7ab5;background:#ff007a1f}.composer.svelte-1wxdklf{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.4rem .4rem .4rem .95rem;border-radius:999px;font-size:13px;background:#00000040;box-shadow:inset 0 0 0 1px #ffffff0f}.send.svelte-1wxdklf{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:999px;color:#fff;background:#ff007a;box-shadow:0 6px 16px -4px #ff007a80}