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