.pk-top{padding:var(--space-24) var(--space-16);position:fixed;top:0;left:0;right:0}@media (max-width:983px){.pk-top{padding:var(--space-16)}}@media (max-width:743px){.pk-top{padding:var(--space-16) 12px}.pk-top .home-back{font-size:11px}}@media (max-width:463px){.pk-top{padding-inline:var(--space-8)}}.pk{align-content:center;min-height:100dvh;display:grid}.pk-center{justify-content:center;display:flex}.pk-box{width:calc(3 * var(--grid-col) + 2 * var(--grid-gutter));gap:var(--space-24);padding:var(--space-24);border-radius:var(--card-radius);box-shadow:0 0 0 var(--hairline) var(--line), 0 8px 24px #0000000f;background:linear-gradient(160deg,#fefefe 0%,#f9f9f9 100%);flex-direction:column;font-size:12px;line-height:18px;display:flex}@media (min-width:1248px){.pk-box{width:calc(2 * var(--grid-col) + 3 * var(--grid-gutter))}}@media (min-width:984px) and (max-width:1247px){.pk-box{width:calc(4 * var(--grid-col) + 3 * var(--grid-gutter))}}@media (min-width:744px) and (max-width:983px){.pk-box{width:calc(3 * var(--grid-col) + 4 * var(--grid-gutter))}}@media (min-width:464px) and (max-width:743px){.pk-box{width:calc(4 * var(--grid-col) + 3 * var(--grid-gutter))}}@media (max-width:983px){.pk-box{padding:var(--space-16);gap:var(--space-16);font-size:11px}}@media (max-width:463px){.pk-box{width:calc(50vw + 8px)}}.pk-label{color:var(--muted)}.pk-field{gap:var(--space-8);flex-direction:column;display:flex}.pk-row{align-items:center;gap:var(--space-8);box-shadow:0 0 0 var(--hairline) var(--line);background:#fff;border-radius:4px;padding:0 12px;transition:box-shadow .15s;display:flex}.pk-row:focus-within{box-shadow:0 0 0 .5px var(--foreground)}.pk-row input{min-width:0;height:32px;font:inherit;letter-spacing:.1em;color:var(--foreground);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;font-size:14px}@media (hover:none) and (pointer:coarse){.pk-row input{font-size:16px}}.pk-note.is-back{animation:pk-in var(--fade-in) both}@keyframes pk-in{0%{opacity:0;translate:0 var(--fade-rise)}}.pk-box.is-wrong{animation:.36s cubic-bezier(.36,.07,.19,.97) pk-shake}@keyframes pk-shake{20%,60%{translate:-4px}40%,80%{translate:4px}}@media (prefers-reduced-motion:reduce){.pk-box.is-wrong,.pk-note.is-back{animation:none}}