#pn-top:empty,#pn-bottom:empty{display:none}.pn-bar{height:6px;background:var(--paper-2);border-radius:999px;overflow:hidden}.pn-bar i{display:block;height:100%;background:var(--coral);border-radius:999px;transition:width .35s}.pn-bar-lg{height:12px;margin:12px 0 8px}.pn-top{display:flex;align-items:center;gap:13px;margin:0 0 4px}.pn-top .pn-bar{flex:1}.pn-top-path{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--coral);text-decoration:none;white-space:nowrap}.pn-top-path:hover{text-decoration:underline}.pn-top-step{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.pn-bottom{margin:34px 0 4px;padding:24px 24px 22px;border:1.5px solid var(--line);border-radius:18px;background:var(--cream);box-shadow:0 12px 30px #28180c0f}.pn-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:9px}.pn-big{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,42px);letter-spacing:-.02em;line-height:1;color:var(--ink)}.pn-pct{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--coral-deep)}.pn-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.pn-prev{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-soft);text-decoration:none;white-space:nowrap}.pn-prev:hover{color:var(--ink)}.pn-next{font-family:var(--font-display);font-weight:800;font-size:15.5px;color:#fff;background:var(--coral);border-radius:12px;padding:13px 22px;text-decoration:none;box-shadow:0 8px 20px #ee4b2b47;transition:transform .14s,box-shadow .14s;text-align:center}.pn-next:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ee4b2b5c;background:var(--coral-deep)}.pn-done{text-align:center}.pn-confetti{font-size:38px;line-height:1}.pn-done-h{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;margin-top:4px}.pn-done-sub{font-size:16px;color:var(--ink-soft);margin:6px 0 0}.pn-done .pn-bar{max-width:340px;margin:14px auto 0}.pn-continue-h{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:16px 0 11px}.pn-continue{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pn-note{font-size:14px;line-height:1.55;color:var(--ink);margin:13px 0 0;background:#f4b4231f;border:1.2px solid rgba(244,132,42,.34);border-radius:11px;padding:11px 14px}.pn-steps{display:flex;flex-direction:column;gap:6px;margin:16px 0 2px}.pn-step{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;border:1.2px solid var(--line);background:var(--paper-2);text-decoration:none;transition:border-color .14s,background .14s}.pn-step:hover{border-color:var(--coral)}.pn-step-dot{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--cream);border:1.4px solid var(--line);color:var(--ink-soft)}.pn-step.is-read .pn-step-dot{background:var(--coral);border-color:var(--coral);color:#fff}.pn-step-label{flex:1;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink)}.pn-step.is-read .pn-step-label{color:var(--ink-soft)}.pn-step.is-here{border-color:var(--coral);background:var(--cream)}.pn-step-here,.pn-step-tag{flex:none;font-family:var(--font-mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:6px}.pn-step-here{color:var(--coral);background:#ee4b2b1a}.pn-step-tag{color:var(--ink-soft);background:var(--cream);border:1px solid var(--line)}.pn-choose{text-align:left}.pn-choose .pn-continue{justify-content:flex-start}.pn-continue a{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink);background:var(--paper-2);border:1.2px solid var(--line);border-radius:11px;padding:10px 16px;text-decoration:none;transition:border-color .14s,color .14s}.pn-continue a:hover{border-color:var(--coral);color:var(--coral-deep)}@media(max-width:560px){.pn-actions{flex-direction:column-reverse;align-items:stretch}.pn-next{padding:14px}.pn-prev{text-align:center}}