.pr{display:grid;gap:var(--space-6);padding-top:104px;padding-bottom:var(--space-16)}.pr-head .lead,.pr-head h1{margin:0}.pr-head .lead{margin-top:var(--space-2)}.pr-ref{display:grid;gap:var(--space-3);justify-items:start}.pr-ref>p{margin:0}.pr-input{max-width:520px;font-family:var(--font-hanzi-text);font-size:var(--fs-lead)}.pr-samples{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pr-samples .btn{min-height:36px;padding-inline:var(--space-3);font-family:var(--font-hanzi-text)}.pr-samples .btn[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 -2px 0 var(--primary)}.pr-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pr-actions .btn{gap:8px}.pr-upload{cursor:pointer}.pr-upload.is-disabled{opacity:.5;pointer-events:none}.pr-rec--on{animation:pr-pulse 1.2s ease-in-out infinite}@keyframes pr-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 25%,transparent)}}.pr-skeleton{height:200px}.pr-results{display:grid;gap:var(--space-4)}.pr-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:var(--space-3)}.pr-score{display:grid;gap:var(--space-1);padding:var(--space-4)}.pr-score b{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1}.pr-score--main b{font-size:var(--fs-h1)}.pr-meter{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.pr-meter i{display:block;height:100%;background:var(--st,var(--primary))}[data-level=success]{--st:var(--success)}[data-level=warning]{--st:var(--warning)}[data-level=error]{--st:var(--error)}.pr-score b{color:var(--st)}.pr-chars{display:grid;gap:var(--space-2);overflow-x:auto}.pr-chars h2,.pr-chars p{margin:0}.pr-table{border-collapse:collapse;width:100%;min-width:420px}.pr-table th{text-align:left;font-size:var(--fs-small);color:var(--muted);font-weight:600}.pr-table td,.pr-table th{padding:var(--space-2);border-bottom:1px solid var(--border)}.pr-table td{vertical-align:middle}.pr-table tr[data-ok=false]{background:color-mix(in srgb,var(--error) 8%,transparent)}.pr-verdict{margin-left:var(--space-2);font-weight:700}.pr-table tr[data-ok=true] .pr-verdict{color:var(--success)}.pr-table tr[data-ok=false] .pr-verdict{color:var(--error)}.pr-table tr:not([data-ok]) .pr-verdict{color:var(--muted);font-weight:400;font-size:var(--fs-small)}.pr-table .badge{background:color-mix(in srgb,var(--st) 15%,transparent);color:var(--st)}.pr-pitch{margin:0;display:grid;gap:var(--space-2)}.pr-pitch svg{width:100%;height:auto;overflow:visible}.pr-pitch-word{fill:color-mix(in srgb,var(--text) 4%,transparent);stroke:var(--border)}.pr-pitch text{fill:var(--muted);font-size:14px;font-family:var(--font-hanzi-text)}.pr-pitch-line{fill:none;stroke:var(--primary-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.pr-rec--on{animation:none}}