.psn{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;padding:16px 20px 14px}.psn__top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.psn__caption{color:var(--c-muted);font-size:12px}.psn__all{color:var(--c-accent);font-size:13px;text-decoration:none}.psn__all:hover{text-decoration:underline}.psn__bar{gap:3px;margin:0;padding:0;list-style:none;display:flex}.psn__seg{background:#cbd5e1;border-radius:1px;flex:1;max-width:none;height:6px}.psn__seg--back{background:var(--c-line)}.psn__seg.is-current{background:var(--c-accent)}.psn__phases{height:18px;font-family:var(--f-data);color:var(--c-muted);margin-top:6px;font-size:11px;position:relative}.psn__phases span{white-space:nowrap;position:absolute;left:0}.psn__nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:8px;font-size:13px;display:grid}.psn__prev,.psn__next{color:var(--c-secondary);align-items:center;gap:4px;min-height:32px;text-decoration:none;display:flex}.psn__next{justify-content:flex-end}.psn__prev:hover,.psn__next:hover{color:var(--c-accent)}.psn__none{color:var(--c-muted)}.psn__current{color:var(--c-ink);text-align:center;font-size:15px;font-weight:700}.psn__no{color:var(--c-accent)}.psn__total{display:none}@media (max-width:768px){.psn{padding:14px 14px 12px}.psn__top,.psn__phases{display:none}.psn__nav{grid-template-columns:1fr 1fr;margin-top:12px}.psn__current{text-align:left;order:-1;grid-column:1/-1}.psn__total{color:var(--c-accent);display:inline}}