.people.svelte-wbaykb{gap:calc(var(--spacing) * 3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=48rem){.people.svelte-wbaykb{gap:calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.joint.svelte-wbaykb{align-self:center}}.joint.svelte-wbaykb{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);border:1px solid var(--line);background:var(--midnight);box-shadow:var(--glow-gold);font-family:var(--serif);font-size:var(--text-h3);color:var(--gold);border-radius:50%;justify-self:center;place-items:center;display:grid}fieldset.svelte-wbaykb{border:0;min-inline-size:0;margin:0;padding:0}legend.svelte-wbaykb{padding:0}.modes.svelte-wbaykb{border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--well) 45%, transparent);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mode.svelte-wbaykb span:where(.svelte-wbaykb){min-height:var(--spacing-tap);padding-inline:calc(var(--spacing) * 2);border-radius:var(--radius-pill);color:var(--ink-mute);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.mode.svelte-wbaykb input:where(.svelte-wbaykb):checked+span:where(.svelte-wbaykb){background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--gold-soft)}.mode.svelte-wbaykb input:where(.svelte-wbaykb):focus-visible+span:where(.svelte-wbaykb){outline:2px solid var(--gold);outline-offset:-2px}@media (hover:hover){.mode.svelte-wbaykb input:where(.svelte-wbaykb):not(:checked)+span:where(.svelte-wbaykb):hover{color:var(--cream)}}:is(.person:has(.mode-date:where(.svelte-wbaykb):checked) .by-sign.svelte-wbaykb,.person:not(:has(.mode-date:checked)) .by-date.svelte-wbaykb){display:none}.by-sign.svelte-wbaykb{container-type:inline-size}.signs.svelte-wbaykb{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@container (width>=30rem){.signs.svelte-wbaykb{grid-template-columns:repeat(6,minmax(0,1fr))}}.tile.svelte-wbaykb{align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 1);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:color-mix(in srgb, var(--cream) 3%, transparent);cursor:pointer;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.tile-zh.svelte-wbaykb{font-family:var(--serif);font-size:var(--text-h3);color:var(--gold);line-height:1}.tile-name.svelte-wbaykb{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-xs);color:var(--ink-mute);overflow:hidden}.sign.svelte-wbaykb input:where(.svelte-wbaykb):checked+.tile:where(.svelte-wbaykb){border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);box-shadow:var(--glow-gold)}.sign.svelte-wbaykb input:where(.svelte-wbaykb):checked+.tile:where(.svelte-wbaykb) .tile-name:where(.svelte-wbaykb){color:var(--cream)}.sign.svelte-wbaykb input:where(.svelte-wbaykb):focus-visible+.tile:where(.svelte-wbaykb){outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.sign.svelte-wbaykb input:where(.svelte-wbaykb):not(:checked)+.tile:where(.svelte-wbaykb):hover{border-color:var(--line)}}.submit.svelte-wbaykb{min-width:calc(var(--spacing) * 48)}.pair.svelte-wbaykb{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:radial-gradient(120% 130% at 0% 0%, color-mix(in srgb, var(--color-asp-soft) 12%, transparent), transparent 60%), color-mix(in srgb, var(--cream) 3%, transparent);text-decoration:none}.pair-zh.svelte-wbaykb{flex-shrink:0;display:flex}.pair-zh.svelte-wbaykb span:where(.svelte-wbaykb){width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);border:1px solid color-mix(in srgb, var(--color-asp-soft) 45%, transparent);background:var(--midnight);font-family:var(--serif);color:var(--gold);border-radius:50%;place-items:center;display:grid}.pair-zh.svelte-wbaykb span:where(.svelte-wbaykb)+span:where(.svelte-wbaykb){margin-inline-start:calc(var(--spacing) * -2.5)}.pair.svelte-wbaykb:focus-visible{outline:2px solid var(--gold);outline-offset:3px}