@layer components{.ptn-step{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;display:flex}.ptn-step[data-static=true]{cursor:default}.ptn-check{appearance:none;border:1.5px solid var(--line-strong);background:var(--field-bg);width:22px;height:22px;cursor:inherit;transition:background-color var(--dur-1,.12s) ease, border-color var(--dur-1,.12s) ease;border-radius:6px;flex:none;place-content:center;margin:1px 0 0;display:grid}.ptn-check:after{content:"";border-bottom:2px solid var(--btn-fg);border-left:2px solid var(--btn-fg);width:11px;height:6px;transition:transform var(--dur-1,.12s) cubic-bezier(.2, .8, .2, 1);transform:translateY(-1px)rotate(-45deg)scale(0)}.ptn-check:checked{border-color:var(--accent);background:var(--accent)}.ptn-check:checked:after{transform:translateY(-1px)rotate(-45deg)scale(1)}.ptn-check:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ptn-step:hover .ptn-check:not(:checked){border-color:var(--accent)}.ptn-check[type=radio]{border-radius:9999px}.ptn-check[type=radio]:after{background:var(--btn-fg);border:0;border-radius:9999px;width:8px;height:8px;transform:scale(0)}.ptn-check[type=radio]:checked:after{transform:scale(1)}.ptn-option{border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;min-height:44px;transition:background-color var(--dur-1,.12s) ease, border-color var(--dur-1,.12s) ease;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.ptn-option:hover{border-color:var(--accent-line)}.ptn-option:has(.ptn-check:checked){border-color:var(--accent-line);background:var(--accent-soft)}.ptn-progress{background:var(--bg-hover);border-radius:9999px;height:6px;position:relative;overflow:hidden}.ptn-progress>i{border-radius:inherit;background:var(--accent);transform:scaleX(var(--pct,0));transform-origin:0;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.ptn-faces{flex:none;align-items:center;display:flex}.ptn-faces>.pt-portrait{box-shadow:0 0 0 2px var(--bg-raised)}.ptn-faces>.pt-portrait+.pt-portrait{margin-left:-8px}.ptn-only-in{display:none}:root[data-auth=in] .ptn-only-in{display:block}:root[data-auth=in] .ptn-only-out{display:none}.ptn-point-mark{border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);flex:none;place-items:center;display:grid}.ptn-focus{position:relative}.ptn-focus:after{content:"";border:2px solid var(--accent-line);border-radius:calc(var(--r-lg) + 5px);opacity:0;pointer-events:none;animation:1.8s cubic-bezier(.2,.8,.2,1) ptn-ring;position:absolute;inset:-5px}@keyframes ptn-ring{0%,to{opacity:0}30%,60%{opacity:1}}@media (prefers-reduced-motion:reduce){.ptn-progress>i,.ptn-check,.ptn-check:after{transition:none}.ptn-focus:after{opacity:1;animation:none}}}