@layer components{:where(.platform-cap[data-v-134575e5]){vertical-align:middle;background-image:linear-gradient(oklch(30% 0 none),oklch(15% 0 none) 50%,oklch(11% 0 none));border-radius:.4em;flex-shrink:0;place-items:center;block-size:1.75em;inline-size:1.75em;display:inline-grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 none/.24),inset 0 -1px oklch(0% 0 none/.6),0 0 0 1px oklch(0% 0 none/.9),0 2px oklch(0% 0 none/.45),0 8px 14px -8px oklch(0% 0 none/.55)}.platform-cap[data-v-134575e5]:before{content:"";background-image:linear-gradient(oklch(100% 0 none/.16),oklch(100% 0 none/.04));border-radius:calc(.4em - 1px) calc(.4em - 1px) .2em .2em;position:absolute;inset:1px 1px 50%}.platform-cap[data-v-134575e5]>svg{block-size:auto;inline-size:56%;position:relative}.platform-cap[data-v-134575e5]>svg .glyph{fill:oklch(98% 0 none)}:where(.github-contribute[data-v-381d387a]){font-size:var(--text-2xl);line-height:var(--leading-2xl);align-items:center;gap:.4em;font-weight:700;display:inline-flex}.lead[data-v-381d387a]{color:var(--fg-soft)}.handle[data-v-381d387a]{color:var(--color-blue-500);text-decoration:underline dotted 2px light-dark(var(--color-blue-500),var(--color-blue-400));text-underline-offset:6px}.github-contribute[data-v-381d387a]:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--radius-md)}.glyph[data-v-63091767]{fill:light-dark(#3f3f46,#d4d4d8)}.drop[data-v-63091767]{flood-color:light-dark(#fafafa,#18181b)}.gleam[data-v-63091767]{flood-color:light-dark(#ffffff4d,#ffffffb3)}.shade[data-v-63091767]{flood-color:light-dark(#18181b,#a1a1aa)}:where(.social-profile[data-v-7459395a]){--_bezel-light:inset 0 1px 0 oklch(100% 0 none/.85);--_bezel-drop:0 1px 0 oklch(21% .006 285.9/.25), 0 3px 2px oklch(21% .006 285.9/.12);--_bezel-wall:inset 0 1.5px 1px oklch(21% .006 285.9/.45), inset 0 -1px 0 oklch(100% 0 none/.3);align-items:center;gap:var(--space-4);padding-inline:var(--space-2);color:light-dark(var(--color-zinc-900),var(--color-white));text-decoration:underline dotted 2px light-dark(var(--color-zinc-400),var(--color-neutral-700));text-underline-offset:4px;flex-direction:column;font-weight:700;display:flex}:where(.social-profile[data-accent=red][data-v-7459395a]){--_ring:light-dark(var(--color-red-700),var(--color-red-400));--_ink:light-dark(var(--color-red-600),var(--color-red-400))}:where(.social-profile[data-accent=purple][data-v-7459395a]){--_ring:light-dark(var(--color-purple-600),var(--color-purple-400));--_ink:var(--_ring)}@media (hover:hover){.social-profile[data-v-7459395a]:hover{--hovered:1;text-decoration-color:light-dark(var(--color-neutral-700),var(--color-white))}}@media (prefers-color-scheme:dark){:where(.social-profile[data-v-7459395a]){--_bezel-light:inset 0 1px 0 oklch(100% 0 none/.3);--_bezel-drop:0 1px 0 oklch(0% 0 none/.6), 0 3px 2px oklch(0% 0 none/.45);--_bezel-wall:inset 0 1.5px 1px oklch(0% 0 none/.7), inset 0 -1px 0 oklch(100% 0 none/.15)}}.avatar{&[data-v-7459395a]{border-radius:var(--radius-full);background-image:linear-gradient(to bottom, light-dark(var(--color-zinc-300),var(--color-zinc-500)), light-dark(var(--color-zinc-500),var(--color-zinc-700)) 50%, light-dark(var(--color-zinc-800),var(--color-zinc-950)));box-shadow:var(--_bezel-light), var(--_bezel-drop);padding:3%;position:relative}&[data-v-7459395a]:after{content:"";border-radius:var(--radius-full);box-shadow:var(--_bezel-wall);pointer-events:none;position:absolute;inset:3%}@container style(--hovered:1){&[data-v-7459395a]{box-shadow:var(--_bezel-light), var(--_bezel-drop), 0 0 0 2px var(--_ring)}}}.photo[data-v-7459395a]{border-radius:var(--radius-full);inline-size:100%;scale:var(--social-profile-crop,1);clip-path:circle(calc(50% / var(--social-profile-crop,1)));display:block}.handle[data-v-7459395a]{font-size:var(--text-lg);line-height:var(--leading-lg);@media (width>=48rem){font-size:var(--text-2xl);line-height:var(--leading-2xl)}@container style(--hovered:1){color:var(--_ink)}}:where(.message-us[data-v-b3fe3ff8]){justify-items:start;gap:var(--space-2);min-inline-size:0;display:grid}.say[data-v-b3fe3ff8]{font-family:var(--font-title);font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:.06em;font-weight:700;@media (width>=48rem){font-size:var(--text-2xl);line-height:var(--leading-2xl)}}.say-face[data-v-b3fe3ff8]{color:light-dark(var(--color-zinc-400),var(--color-zinc-500))}.address[data-v-b3fe3ff8]{font-family:var(--font-title);font-size:var(--text-3xl);line-height:var(--leading-3xl);font-weight:700;@media (width>=48rem){font-size:var(--text-4xl);line-height:var(--leading-4xl)}}.address-face[data-v-b3fe3ff8]{color:light-dark(var(--color-zinc-700),var(--color-zinc-100))}.at[data-v-b3fe3ff8]{color:var(--color-blue-500)}.address[data-v-b3fe3ff8]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.stamps[data-v-b3fe3ff8]{gap:var(--space-3);margin:var(--space-4) 0 var(--space-1);border:0;padding:0;display:flex}.stamp[data-v-b3fe3ff8]{--_paper:light-dark(oklch(99% 0 none),var(--color-zinc-800));--_ink:light-dark(var(--color-zinc-500),var(--color-zinc-400));background:radial-gradient(circle, transparent 2.5px, var(--_paper) 3px) -6px -6px / 12px 12px;filter:drop-shadow(0 1px 1px light-dark(oklch(0% 0 none/.18),oklch(0% 0 none/.6)));flex:none;block-size:84px;inline-size:72px;padding:6px;display:block;position:relative}.stamp[data-on][data-v-b3fe3ff8]{--_ink:light-dark(var(--color-blue-600),var(--color-blue-400));filter:drop-shadow(0 3px 4px light-dark(oklch(0% 0 none/.22),oklch(0% 0 none/.7)));rotate:-4deg}.paper[data-v-b3fe3ff8]{background-color:var(--_paper);block-size:100%;padding:3px;display:block}.print[data-v-b3fe3ff8]{border:1px solid color-mix(in oklab, var(--_ink) 70%, transparent);background-color:color-mix(in oklab, var(--_ink) 8%, transparent);block-size:100%;color:var(--_ink);grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:4px 1px 3px;display:grid}.art[data-v-b3fe3ff8]{stroke-width:1.5px;block-size:22px;inline-size:22px}.word[data-v-b3fe3ff8]{font-size:var(--text-xs);text-align:center;text-wrap:balance;font-weight:700;line-height:1.05}.stamp[data-v-b3fe3ff8]:has(:focus-visible){outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover){.stamp[data-v-b3fe3ff8]:not([data-on]):hover{--_ink:light-dark(var(--color-zinc-700),var(--color-zinc-300))}}@media (prefers-reduced-motion:no-preference){.stamp[data-v-b3fe3ff8]{transition:rotate .18s var(--ease-out-quint)}}.keys[data-v-b3fe3ff8]{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.key[data-v-b3fe3ff8]{align-items:center;gap:var(--space-4);min-block-size:var(--space-12);padding-inline:var(--space-4) var(--space-3);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--fg-soft);background-color:light-dark(oklch(100% 0 none),var(--color-zinc-800));box-shadow:inset 0 1px 0 0 light-dark(oklch(100% 0 none),oklch(100% 0 none/.1)), inset 0 -2px 0 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 8%, transparent),color-mix(in oklab, var(--color-zinc-950) 45%, transparent)), 0 0 0 1px light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 65%, transparent)), 0 2px 0 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 60%, transparent));display:inline-flex}.key[data-v-b3fe3ff8]:active,.key[data-pressed][data-v-b3fe3ff8]{box-shadow:inset 0 1px 2px 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 16%, transparent),color-mix(in oklab, var(--color-zinc-950) 65%, transparent)), 0 0 0 1px light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 60%, transparent));translate:0 2px}.write[data-v-b3fe3ff8]{--_face:light-dark(var(--color-blue-500),var(--color-blue-600));--_deep:light-dark(var(--color-blue-700),var(--color-blue-800));gap:var(--space-5);padding-inline:var(--space-5) var(--space-3);color:oklch(100% 0 none);background-color:var(--_face);box-shadow:inset 0 1px 0 0 oklch(100% 0 none/.35), inset 0 -2px 0 0 color-mix(in oklab, var(--_deep) 60%, transparent), 0 0 0 1px var(--_deep), 0 2px 0 0 var(--_deep), 0 6px 12px -6px color-mix(in oklab, var(--_deep) 70%, transparent);background-image:linear-gradient(oklch(100% 0 none/.12),#0000 55%)}.write[data-v-b3fe3ff8]:active,.write[data-pressed][data-v-b3fe3ff8]{box-shadow:inset 0 1px 3px 0 color-mix(in oklab, var(--_deep) 80%, transparent), 0 0 0 1px var(--_deep)}.write-lines[data-v-b3fe3ff8]{padding-block:var(--space-2);text-align:start;justify-items:start;display:grid}.write-word[data-v-b3fe3ff8]{font-family:var(--font-title);font-size:var(--text-lg);line-height:var(--leading-lg);letter-spacing:.04em;font-weight:700}.write-subject[data-v-b3fe3ff8]{font-size:var(--text-sm);line-height:var(--leading-sm);color:oklch(100% 0 none/.82)}.write .legend[data-v-b3fe3ff8]{color:oklch(100% 0 none/.75)}@media (hover:hover){.write[data-v-b3fe3ff8]:hover{color:oklch(100% 0 none)}}.legend[data-v-b3fe3ff8]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);align-self:start;padding-block-start:var(--space-1);line-height:1}.key[data-done][data-v-b3fe3ff8],.key[data-done] .legend[data-v-b3fe3ff8]{color:light-dark(var(--color-green-600),var(--color-green-400))}.key[data-v-b3fe3ff8]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover){.key[data-v-b3fe3ff8]:not(.write):hover{color:var(--fg)}}@media (prefers-reduced-motion:no-preference){.key[data-v-b3fe3ff8]{transition:translate 90ms var(--ease-out-quint)}}:where(.principles-play[data-v-619431b6]){min-inline-size:0;display:flex}.play[data-v-619431b6]{align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);border-radius:var(--radius-2xl);text-align:start;background-color:light-dark(oklch(100% 0 none),var(--color-zinc-800));box-shadow:inset 0 1px 0 0 light-dark(oklch(100% 0 none),oklch(100% 0 none/.1)), inset 0 -2px 0 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 8%, transparent),color-mix(in oklab, var(--color-zinc-950) 45%, transparent)), 0 0 0 1px light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 65%, transparent)), 0 2px 0 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 60%, transparent));display:inline-flex}.play[data-v-619431b6]:active{box-shadow:inset 0 1px 2px 0 light-dark(color-mix(in oklab, var(--color-zinc-700) 16%, transparent),color-mix(in oklab, var(--color-zinc-950) 65%, transparent)), 0 0 0 1px light-dark(color-mix(in oklab, var(--color-zinc-700) 12%, transparent),color-mix(in oklab, var(--color-zinc-950) 60%, transparent));translate:0 2px}.play[data-v-619431b6]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.dial[data-v-619431b6]{inline-size:var(--_dial,3.5rem);block-size:var(--_dial,3.5rem);flex:none;overflow:visible}.glass[data-v-619431b6]{fill:none;stroke:light-dark(color-mix(in oklab, var(--color-zinc-400) 30%, transparent),color-mix(in oklab, var(--color-white) 8%, transparent));stroke-width:7px;stroke-linecap:round}.core[data-v-619431b6]{fill:none;stroke:light-dark(var(--color-zinc-300),var(--color-zinc-700));stroke-width:3.5px;stroke-linecap:round}.arc[data-played] .glass[data-v-619431b6]{stroke:color-mix(in oklab, var(--color-yellow-400) 35%, transparent)}.arc[data-played] .core[data-v-619431b6]{stroke:light-dark(var(--color-yellow-500),var(--color-yellow-400))}.well[data-v-619431b6]{fill:light-dark(var(--color-zinc-100),var(--color-zinc-900))}.wall-shade[data-v-619431b6],.wall-light[data-v-619431b6]{fill:none;stroke-width:1.5px}.wall-shade[data-v-619431b6]{stroke:light-dark(color-mix(in oklab, var(--color-zinc-700) 22%, transparent),oklch(0% 0 none/.7))}.wall-light[data-v-619431b6]{stroke:light-dark(oklch(100% 0 none),oklch(100% 0 none/.08))}.sign[data-v-619431b6]{fill:light-dark(var(--color-zinc-700),var(--color-zinc-300));stroke:light-dark(var(--color-zinc-700),var(--color-zinc-300));stroke-width:3px;stroke-linejoin:round}.lines[data-v-619431b6]{gap:2px;min-inline-size:0;display:grid}.title[data-v-619431b6]{font-family:var(--font-title);font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:.04em;white-space:nowrap;color:var(--fg);font-weight:700}.next[data-v-619431b6]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);white-space:nowrap;text-overflow:ellipsis;color:var(--fg-muted);overflow:hidden}@media (hover:hover){.play:hover .sign[data-v-619431b6]{fill:var(--color-yellow-500);stroke:var(--color-yellow-500)}}@media (prefers-reduced-motion:no-preference){.play[data-v-619431b6]{transition:translate 90ms var(--ease-out-quint)}}:where(.connect[data-v-b1793f84]){block-size:100%;padding:var(--space-20) var(--space-4) var(--space-10);flex-direction:column;flex-grow:1;display:flex;@media (width>=40rem){padding-inline:var(--space-10)}}.body[data-v-b1793f84]{transform-origin:50% 40%;flex-direction:column;flex-grow:1;inline-size:100%;max-inline-size:72rem;margin-inline:auto;display:flex}[id=principles][open]~.connect-act .body[data-v-b1793f84]{opacity:.6;translate:0 -3%;scale:.94}@media (prefers-reduced-motion:no-preference){.connect:not([data-xray]) .body[data-v-b1793f84]{transition:opacity .4s var(--ease-drawer), translate .4s var(--ease-drawer), scale .4s var(--ease-drawer)}}.top[data-v-b1793f84]{justify-content:space-between;align-items:end;gap:var(--space-3) var(--space-8);flex-wrap:wrap;display:flex}.contribute[data-v-b1793f84]{margin-block-end:var(--space-2)}.sides[data-v-b1793f84]{justify-content:center;gap:var(--space-10);padding-inline:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.people[data-v-b1793f84]{justify-items:center;gap:var(--space-6);inline-size:100%;max-inline-size:40rem;margin-inline:auto;display:grid}.meet[data-v-b1793f84]{font-size:var(--text-3xl);line-height:var(--leading-3xl);gap:.4em;font-weight:700;@media (width>=48rem){font-size:var(--text-4xl);line-height:var(--leading-4xl)}}.meet-label[data-v-b1793f84]{color:var(--fg-soft)}.profiles[data-v-b1793f84]{inline-size:100%;padding-inline:var(--space-2);justify-content:space-around;align-items:center;display:flex;position:relative}.rule[data-v-b1793f84]{margin-block-end:var(--space-10)}.profile[data-v-b1793f84]{inline-size:41.6667%}.band[data-v-b1793f84]{gap:var(--space-8);align-items:end;display:grid;@media (width>=60rem){gap:var(--space-12);border-block-start:1px dashed light-dark(var(--color-zinc-300),var(--color-zinc-800));grid-template-columns:minmax(0,1fr) auto;padding-block-start:var(--space-8)}}@media (width<60rem){.sides[data-v-b1793f84],.band[data-v-b1793f84]{gap:var(--space-6)}.contribute[data-v-b1793f84]{font-size:var(--text-xl);line-height:var(--leading-xl)}}@media (height<57rem){.sides[data-v-b1793f84]{gap:var(--space-6)}.people[data-v-b1793f84]{gap:var(--space-4)}.meet[data-v-b1793f84]{font-size:var(--text-2xl);line-height:var(--leading-2xl);@media (width>=48rem){font-size:var(--text-3xl);line-height:var(--leading-3xl)}}.profile[data-v-b1793f84]{inline-size:min(41.6667%,22svh)}.band[data-v-b1793f84]{@media (width>=48rem){padding-block-start:var(--space-6)}}}@media (height<50rem){:where(.connect[data-v-b1793f84]){padding-block-start:var(--space-16)}.profile[data-v-b1793f84]{inline-size:min(41.6667%,16svh)}.message[data-v-b1793f84] .stamps{margin-block:var(--space-2) 0}.rule[data-v-b1793f84]{margin-block-end:var(--space-8)}.band[data-v-b1793f84]{@media (width>=60rem){padding-block-start:var(--space-5)}}}@media (height<47.5rem) and (width<48rem){:where(.connect[data-v-b1793f84]){padding-block:var(--space-16) var(--space-4)}.sides[data-v-b1793f84],.band[data-v-b1793f84]{gap:var(--space-4)}.people[data-v-b1793f84]{gap:var(--space-3)}.profile[data-v-b1793f84]{inline-size:min(41.6667%,14svh)}.profile[data-v-b1793f84] .handle{font-size:var(--text-base);line-height:var(--leading-base)}.meet[data-v-b1793f84]{font-size:var(--text-xl);line-height:var(--leading-xl)}.message[data-v-b1793f84] .address{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.message[data-v-b1793f84] .key{min-block-size:var(--space-10)}.message[data-v-b1793f84] .stamps{margin-block:var(--space-2) 0}.message[data-v-b1793f84] .say{display:none}.contribute[data-v-b1793f84]{font-size:var(--text-lg);line-height:var(--leading-lg)}.principles[data-v-b1793f84] .play{--_dial:2.75rem;padding-block:var(--space-1)}}}@layer overrides{.connect[data-xray][data-v-b1793f84]{--_xray-ink:light-dark(var(--color-indigo-500),var(--color-indigo-300));--_xray-line:color-mix(in oklab, var(--_xray-ink) 55%, transparent);color:var(--_xray-ink);pointer-events:none}.connect[data-xray][data-v-b1793f84] *,.connect[data-xray][data-v-b1793f84] :before,.connect[data-xray][data-v-b1793f84] :after{color:var(--_xray-ink);-webkit-text-fill-color:var(--_xray-ink);border-color:var(--_xray-line);box-shadow:none;filter:none;text-shadow:none;text-decoration-color:var(--_xray-line);background:0 0;transition:none;animation:none}.connect[data-xray][data-v-b1793f84] :is(.q-header,.meet,.message-us,.github-contribute,.principles-play,.stamps){outline:1px dashed var(--_xray-line);outline-offset:6px}.connect[data-xray][data-v-b1793f84] .avatar{border:1px solid var(--_xray-ink);background:linear-gradient(45deg, transparent calc(50% - .5px), var(--_xray-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(-45deg, transparent calc(50% - .5px), var(--_xray-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px))}.connect[data-xray][data-v-b1793f84] .photo,.connect[data-xray][data-v-b1793f84] .glint,.connect[data-xray][data-v-b1793f84] .tritium-tube>*{visibility:hidden}.connect[data-xray][data-v-b1793f84] .tritium-tube{outline:1px solid var(--_xray-line)}.connect[data-xray][data-v-b1793f84] :is(.glyph,.glass,.well,.sign){fill:none;stroke:var(--_xray-line);stroke-width:1.25px;vector-effect:non-scaling-stroke}.connect[data-xray][data-v-b1793f84] :is(.core,.wall-shade,.wall-light){stroke:none}.connect[data-xray][data-v-b1793f84] :is(.key,.play,.platform-cap,.print){border:1px solid var(--_xray-ink)}.connect[data-xray][data-v-b1793f84] .platform-cap:before{visibility:hidden}}
