@layer components{.p-thread{--_thread-error:#f87171;--_motion-out:.18s;--_motion-in:.28s;--_motion-swap:.16s;--_motion-tint:.26s;--_thread-surface:#121212;--_thread-hi:#ffffff14;--_thread-ring:#ffffff0a;--_thread-drop:#0000002e;--_thread-elevation:inset 0 1px 0 0 var(--_thread-hi), inset 0 0 0 1px var(--_thread-ring), 0 0 0 1px #0000001f, 0 1px 1px -.5px var(--_thread-drop), 0 3px 3px -1.5px var(--_thread-drop), 0 6px 6px -3px var(--_thread-drop), 0 12px 12px -6px var(--_thread-drop);color:#fff;font-family:var(--font-sans), sans-serif;--csstools-color-scheme--light: ;color-scheme:dark;background:#000;margin:0}.p-thread_page{place-items:center;min-height:100dvh;padding:32px 16px;animation:.42s cubic-bezier(.23,1,.32,1) both p-thread-enter;display:grid}.p-thread_stage{width:100%}.p-thread_stage[hidden]{display:none}.p-thread_stage.-after{flex-direction:column;align-items:center;gap:32px;display:flex}.p-thread_stage.-after[hidden]{display:none}.p-thread_stage[data-thread-phase=out]{animation:p-thread-out var(--_thread-phase-ms) ease-in both}.p-thread_stage[data-thread-phase=hold]{visibility:hidden;opacity:0}.p-thread_form{flex-direction:column;gap:8px;width:100%;max-width:320px;margin-inline:auto;display:flex}.p-thread_form[hidden]{display:none}.p-thread_form[data-thread-shake]{animation:.24s ease-out p-thread-shake}.p-thread_input{color:#fff;width:100%;height:36px;font:inherit;box-shadow:var(--_thread-elevation);background:#ffffff0d;border:0;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.p-thread_input::placeholder{color:#fff6}.p-thread_input:focus-visible{outline-offset:2px;outline:1px solid #3bd96680}.p-thread_input.-code{font-family:var(--font-berkeley);letter-spacing:.6em;text-transform:uppercase;font-size:15px}.p-thread_input.-area{resize:vertical;height:auto;min-height:96px;padding-block:8px}.p-thread_human:empty,.p-thread_submit[hidden]{display:none}.p-thread_submit{color:#fff;width:100%;height:36px;font:inherit;cursor:pointer;background:var(--_thread-surface);box-shadow:var(--_thread-elevation);border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;transition:filter .16s ease-out,opacity .16s ease-out,transform 75ms ease-out;display:inline-flex}.p-thread_submit:active:not(:disabled){transform:scale(.98)}.p-thread_submit:focus-visible{outline-offset:2px;outline:1px solid #3bd96680}.p-thread_submit:disabled{cursor:not-allowed;opacity:.5}.p-thread_submit{--_busy-motion:.24s;--_busy-ease:ease-out;position:relative;overflow:hidden}.p-thread_submit[data-busy]:disabled{cursor:progress;opacity:1}.p-thread_submit .p-busy_label{transition:opacity var(--_busy-motion) var(--_busy-ease)}.p-thread_submit .p-busy_icon{opacity:0;transition:opacity var(--_busy-motion) var(--_busy-ease);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}:is(.p-thread_submit .p-busy_icon) svg{width:16px;height:16px}.p-thread_submit[data-busy] .p-busy_label{opacity:0}.p-thread_submit[data-busy] .p-busy_icon{opacity:1}:is(.p-thread_submit[data-busy] .p-busy_icon) svg{animation:1.1s linear infinite p-busy-turn}@media (prefers-reduced-motion:reduce){.p-thread_submit[data-busy] .p-busy_icon svg{animation-duration:2.4s}}@media (hover:hover) and (pointer:fine){.p-thread_submit:hover:not(:disabled){filter:brightness(1.1)}}.p-thread_feedback{min-height:1em;color:var(--_thread-error);text-align:center;margin:0;font-size:12px}.p-thread_greeting{opacity:0;transition:grid-template-rows .7s var(--ease-power2-out), margin .7s var(--ease-power2-out), opacity .5s var(--ease-power1-out);grid-template-rows:0fr;margin:0;display:grid}.p-thread_greeting[hidden]{display:none}.p-thread_greeting[data-thread-greeting=in]{opacity:1;grid-template-rows:1fr;margin-bottom:16px;transition-delay:0s,0s,.2s}.p-thread_greeting p{min-height:0;color:var(--color-primary);text-align:center;margin:0;font-size:14px;overflow:hidden}@media (prefers-reduced-motion:reduce){.p-thread_greeting{transition:opacity .2s linear}}.p-thread_id,.p-thread_copy{text-align:center;margin:0}.p-thread_id{color:#ffffff8f;font-size:12px}.p-thread_id span{font-family:var(--font-berkeley);color:#fff}.p-thread_id.-hash{overflow-wrap:anywhere;max-width:100%}.p-thread_id.-hash span{font-family:var(--font-berkeley)}.p-thread_riddle{color:#ffffffd1;text-align:center;white-space:pre-line;margin:0;font-size:14px;line-height:1.65}.p-thread_copy{color:#ffffffd1;max-width:560px;font-size:14px;line-height:1.65}@keyframes p-thread-enter{0%{opacity:0}to{opacity:1}}@keyframes p-thread-out{0%{opacity:1}to{opacity:0}}@keyframes p-thread-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.p-thread_board{width:100%;max-width:560px;margin:32px auto 0;font-size:12px}.p-thread_board[hidden]{display:none}.p-thread_board ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.p-thread_board-title{color:#fff6;font-size:inherit;font-weight:inherit;margin:0 0 8px}.p-thread_board-row{grid-template-columns:var(--_board-columns,2.5ch minmax(0, 1fr) 7ch 6ch);font-variant-numeric:tabular-nums;gap:8px;line-height:18px;display:grid}.p-thread_board-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-thread_board-row>span:first-child,.p-thread_board-row>span:nth-child(n+3){color:#fff6}.p-thread_board-row>span:nth-child(n+3){text-align:right}.p-thread_board-row:not(.-head)>span:last-child{color:#ffffffd9}.p-thread_board-row.-head{color:#ffffff4d;font-size:11px}.p-thread_board-row.-you{color:#fff}.p-thread_board-row.-you>span:nth-child(2){text-decoration:underline;text-underline-offset:3px;text-decoration:underline dotted #ffffff80}.p-thread_board-row.-empty{color:#ffffff40;font-style:italic}.p-thread_board-row[data-level="1"]>span:nth-child(2){color:#96a0b2}.p-thread_board-row[data-level="2"]>span:nth-child(2){color:#6ebee2}.p-thread_board-row[data-level="3"]>span:nth-child(2){color:#eaba54}.p-thread_board-row.-finished>span:nth-child(2){color:#3bd966;text-shadow:0 0 6px #3bd96666;min-width:0;max-width:100%}.p-thread_board-row.-tease>span:nth-child(n+3){color:#ffffffd9}.p-thread_board-row>span,.p-thread_board-row>span>span{transition:opacity .18s}.p-thread_board-row>span.-swapping,.p-thread_board-row>span>span.-swapping{opacity:0}.p-thread_copy.-returning{color:var(--color-primary);animation:thread-returning .9s var(--ease-power1-out) .9s both}@media (prefers-reduced-motion:reduce){.p-thread_copy.-returning{animation:none}}@keyframes thread-returning{0%{opacity:0}to{opacity:1}}@keyframes p-busy-turn{to{rotate:1turn}}}