.z4-page{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.z4-sphere{z-index:0;isolation:isolate;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;max-width:300px;margin:12px auto 0;position:relative}.z4-sphere:active{cursor:grabbing}.z4-sphere.is-calm{cursor:default}.z4-threads{pointer-events:none;position:absolute;inset:0;overflow:visible}.z4-thread{stroke-width:1.6px;stroke-linecap:round;transition:stroke-width .2s}.z4-thread.is-offered{stroke-width:1.1px;stroke-dasharray:2.5 4}.z4-thread.is-private{stroke-width:1.2px;stroke-dasharray:2 3}.z4-thread.is-picked{stroke-width:2.4px}.z4-thread.is-offered.is-picked{stroke-width:1.6px}.z4-thread.is-private.is-picked{stroke-width:1.5px}.z4-spark{pointer-events:none}.z4-orbit.is-partner{stroke:var(--sp-violet);stroke-width:1.3px;opacity:.26}.z4-orbit.is-close{stroke:var(--sp-rose-deep);stroke-width:1.15px;opacity:.22}.z4-orbit.is-friends{stroke:var(--sp-violet);stroke-width:.9px;stroke-dasharray:10 7;opacity:.2}.z4-orbit.is-colleagues{stroke:var(--sp-ink-45);stroke-width:.72px;stroke-dasharray:2 6;opacity:.3}.z4-self{z-index:1200;background:var(--sp-lilac-soft);box-shadow:0 0 0 1px #fffc, var(--sp-shadow-card);pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.z4-self img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.z4-self b{font:340 20px/1 var(--cn-serif,serif);color:var(--sp-violet-deep)}.z4-self i{border:1px solid #776d964d;border-radius:999px;position:absolute;inset:-5px}.z4-node{cursor:pointer;will-change:transform;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0;left:0}.z4-node:focus-visible{outline:2px solid var(--sp-violet);outline-offset:2px;border-radius:999px}.z4-disc{background:var(--sp-mist);border-radius:999px;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffffbf,0 6px 14px -10px #23213680}.z4-disc img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.z4-disc i{font:600 11px/1 var(--cn-sans,sans-serif);color:var(--sp-violet);font-style:normal}.z4-node.is-active .z4-disc{box-shadow:0 0 0 1.5px var(--sp-violet), 0 6px 14px -10px #23213680}.z4-node.is-offered .z4-disc{box-shadow:none;outline:1.5px dashed var(--sp-rose-deep);outline-offset:1px}.z4-node.is-private .z4-disc{box-shadow:none;outline:1.2px dashed var(--sp-ink-45);outline-offset:1px}.z4-node.is-picked .z4-disc{box-shadow:0 0 0 2.5px var(--sp-ink), 0 8px 18px -10px #2321368c}@media (prefers-reduced-motion:reduce){.z4-thread{transition:none}}.z4-legend{flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.z4-legend li{align-items:center;gap:5px;display:inline-flex}.z4-legend i{border-top:1.5px solid var(--sp-violet);width:16px;height:0}.z4-legend i.is-offered{border-top-style:dashed;border-color:var(--sp-rose-deep)}.z4-legend i.is-private{border-top-style:dotted;border-color:var(--sp-ink-45)}.z4-legend span{font:500 11px/1.3 var(--cn-sans,sans-serif);color:var(--sp-ink-65)}.z4-rail{margin-top:12px}.z4-chip{border:1px solid var(--sp-line);cursor:pointer;scroll-snap-align:center;background:#fff9;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 6px;display:inline-flex}.z4-chip b{font:500 12px/1.2 var(--cn-sans,sans-serif);color:var(--sp-ink);white-space:nowrap;text-overflow:ellipsis;max-width:11em;overflow:hidden}.z4-chip-face{background:var(--sp-mist);border-radius:999px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.z4-chip-face img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.z4-chip-face i{font:600 12px/1 var(--cn-sans,sans-serif);color:var(--sp-violet);font-style:normal}.z4-chip.is-offered .z4-chip-face{box-shadow:0 0 0 1.5px var(--sp-rose-deep)}.z4-chip.is-active .z4-chip-face{box-shadow:0 0 0 1.5px var(--sp-violet)}.z4-chip.is-private .z4-chip-face{box-shadow:0 0 0 1.2px var(--sp-ink-45)}.z4-chip.is-on{border-color:var(--sp-violet);background:var(--sp-lilac-soft)}.z4-chip:focus-visible{outline:2px solid var(--sp-violet);outline-offset:2px}.z4-page .z4-empty{border-radius:18px;margin-top:12px;padding:14px}.z4-empty b{font:340 20px/1.12 var(--cn-serif,serif);color:var(--sp-ink);display:block}.z4-empty p{font:400 12.5px/1.45 var(--cn-sans,sans-serif);color:var(--sp-ink-65);margin:6px 0 0}.z4-add{margin-top:12px}.z4-empty .z4-add{margin-top:14px}.z4-closed{background:var(--sp-lilac-soft);border-radius:16px;margin-top:12px;padding:13px 14px}.z4-closed b{font:340 17px/1.15 var(--cn-serif,serif);color:var(--sp-ink);display:block}.z4-closed>p{font:400 12px/1.45 var(--cn-sans,sans-serif);color:var(--sp-ink-65);margin:5px 0 0}.z4-closed .z1-link{align-items:center;min-height:44px;display:inline-flex}.z4-steps{gap:4px;margin:9px 0 2px;padding-left:18px;display:grid}.z4-steps li{font:400 12px/1.4 var(--cn-sans,sans-serif);color:var(--sp-ink-65)}.z4-steps li::marker{color:var(--sp-violet);font-weight:600}.z4-menu button{border:1px solid var(--sp-line);cursor:pointer;background:#ffffff8c;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:10px 6px;display:flex}.z4-menu button span{font:600 11px/1.2 var(--cn-sans,sans-serif);letter-spacing:.02em;color:var(--sp-ink);text-align:center}.z4-menu button img{object-fit:contain;width:34px;height:34px}.z4-menu button:hover{background:#ffffffc7}.z4-menu button:focus-visible{outline:2px solid var(--sp-violet);outline-offset:2px}.z4-pair{gap:10px;display:grid}@media (min-width:620px){.z4-pair{grid-template-columns:1fr 1fr}}.z4-page .z4-door{border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.z4-door p{font:400 12.5px/1.45 var(--cn-sans,sans-serif);color:var(--sp-ink-65);margin:0}.z4-door .z1-link{align-items:center;min-height:44px;display:inline-flex}.z4-page .z4-form{border-radius:18px;margin-top:10px;padding:14px}.z4-form{margin-top:10px}.z4-form>.sp-kicker{margin:0 0 10px}.z4-form .sp-field{margin-bottom:12px}.z4-form .sp-numcard-label{margin:10px 0 6px}.z4-form .sp-hint{margin:6px 0 10px}.z4-codein{font-family:var(--cn-mono,monospace);letter-spacing:.14em;text-transform:uppercase}.z4-code{border:1px solid var(--sp-line);background:#ffffffb3;border-radius:16px;margin-top:12px;padding:12px 14px}.z4-code b{font:500 22px/1.2 var(--cn-mono,monospace);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--sp-ink);word-break:break-all;margin:4px 0 6px;display:block}.z4-codes{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.z4-codes li{border:1px solid var(--sp-line);background:#fff9;border-radius:16px;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.z4-codes b{font:500 14px/1.3 var(--cn-mono,monospace);letter-spacing:.1em;color:var(--sp-ink);grid-column:1}.z4-codes span{font:400 11.5px/1.4 var(--cn-sans,sans-serif);color:var(--sp-ink-45);grid-column:1}.z4-codes .z4-code-life{font:500 11.5px/1.4 var(--cn-sans,sans-serif);color:var(--sp-deep);grid-column:1}.z4-codes .z1-link{white-space:nowrap;grid-area:1/2/-1;align-items:center;min-height:44px;display:inline-flex}.z4-peer-empty{margin:0 0 10px}.z4-peer{align-items:center;gap:12px;margin-bottom:12px;display:flex}.z4-peer img{object-fit:cover;object-position:center 20%;width:64px;height:64px;box-shadow:0 0 0 1.5px var(--sp-violet);border-radius:999px}.z4-peer b{font:340 20px/1.12 var(--cn-serif,serif);color:var(--sp-ink)}.z4-note{background:var(--sp-lilac-soft);font:400 12.5px/1.45 var(--cn-sans,sans-serif);color:var(--sp-ink);border-radius:14px;margin:0 0 12px;padding:10px 12px}.z4-facts{margin-top:10px}.z4-gap{margin-top:12px}.z4-reading{gap:10px;margin-top:12px;display:grid}.z4-page .z4-chapter{border-radius:18px;padding:14px}.z4-chapter b{font:340 17px/1.25 var(--cn-serif,serif);color:var(--sp-ink);margin:4px 0 6px;display:block}.z4-end{margin-top:10px}.z4-end .sp-hint{margin:0 0 8px}@media (max-width:719px){.z4-page .sp-section{padding:16px 0}.z4-page .sp-wrap{padding:0 16px}.z4-page .sp-display{margin-top:5px;font-size:26px;line-height:1.05}.z4-page .sp-h2{margin-top:5px;font-size:20px;line-height:1.12}.z4-page .sp-lead{margin-top:6px;font-size:13.5px;line-height:1.4}.z4-page .sp-kicker{letter-spacing:.14em;font-size:11px}.z4-page .sp-card{border-radius:18px;padding:14px}.z4-page .sp-note{margin-top:12px;font-size:11px;line-height:1.45}.z4-sphere{max-width:268px}.z4-menu{grid-template-columns:repeat(3,1fr);gap:6px}.z4-code b{letter-spacing:.1em;font-size:19px}}