.pr{--navh:61px}:root{--barh:64px}.pr-bar{position:sticky;top:var(--navh);z-index:4;background:#f6fbfef2;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.pr-sentence{max-width:100rem;margin-inline:auto;padding-block:14px;font-family:var(--f-display);font-size:clamp(1.05rem,1.9vw,1.55rem);font-weight:600;letter-spacing:-.01em;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;line-height:1.35}.pr-sentence select{appearance:none;-webkit-appearance:none;border:0;border-bottom:2.5px solid var(--ocean);border-radius:0;background:transparent;font:inherit;font-weight:800;color:var(--ocean);padding:0 22px 1px 2px;cursor:pointer;max-width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230B6CD6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}.pr-sentence select:disabled{color:var(--muted);border-bottom-color:var(--line);cursor:not-allowed;background-image:none;padding-right:2px}.pr-sep{margin-left:-8px}.pr-split{max-width:100rem;margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0 clamp(16px,3vw,48px);align-items:start}.pr-stage{position:sticky;top:calc(var(--navh) + var(--barh));height:calc(100vh - var(--navh) - var(--barh));display:flex;flex-direction:column;padding-block:12px 16px;min-width:0}.pr-gw{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.pr-gc{position:relative}.pr-gc canvas{display:block;cursor:grab;touch-action:pan-y;border-radius:50%}.pr-gc canvas:active{cursor:grabbing}.pr-time{display:flex;align-items:center;gap:14px;padding-top:10px}.pr-play{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center}.pr-play svg[hidden]{display:none}.pr-play[aria-pressed=true]{background:var(--sun);color:var(--ink)}.pr-slider{flex:1;min-width:0}.pr-slider input{width:100%;accent-color:var(--ocean);margin:0}.pr-ticks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);padding-inline:6px;margin-top:2px}.pr-mout{font-family:var(--f-display);font-weight:800;font-size:1.15rem;min-width:7.5ch;text-align:right}.pr-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;color:var(--muted);font-size:.8rem;padding-top:8px}.pr-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px}.pr-legend .l1{background:#0e8f6b}.pr-legend .l2{background:#59b833}.pr-legend .l3{background:#ffb30d}.pr-legend .l4{background:#9eadbd}.pr-list{padding-block:22px 80px;min-width:0}.pr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;padding-bottom:16px}.pr-head h1{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;letter-spacing:-.025em}.pr-intro{color:var(--muted);margin-top:6px;max-width:34rem}.pr-count{color:var(--ink);font-weight:700;margin-top:8px}.pr-tools{display:flex;gap:16px;flex-wrap:wrap}.pr-s{display:flex;flex-direction:column;gap:2px}.pr-lab{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.pr-s input,.pr-s select{border:0;border-bottom:1.5px solid var(--line);background:transparent;padding:6px 2px;min-width:9rem;border-radius:0}.pr-s input:focus,.pr-s select:focus{border-bottom-color:var(--ocean);outline:none}.pr-cols,.pr-row{display:grid;grid-template-columns:2rem minmax(0,1.5fr) minmax(5.5rem,.8fr) minmax(7rem,1fr) minmax(0,1.3fr) 5.5rem;align-items:center;gap:0 14px}.pr-cols{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:2px solid var(--ink)}.pr-row{padding:12px 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;border-left:3px solid transparent}.pr-row:hover{background:#cfebff59}.pr-row.on{background:var(--sky);border-left-color:var(--ocean)}.pr-row:focus-visible{outline-offset:-3px}.pr-rk{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.pr-nm,.pr-tp,.pr-fl{display:flex;flex-direction:column;min-width:0}.pr-nm b{font-family:var(--f-display);font-size:1.12rem;font-weight:800;letter-spacing:-.01em}.pr-nm span,.pr-tp span,.pr-fl span{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-tp b,.pr-fl b{font-size:1.15rem;font-variant-numeric:tabular-nums}.pr-na{font-style:italic}.pr-sc{font-style:normal;font-weight:800;font-size:.72rem;padding:1px 7px;border-radius:999px}.pr-sc.b-top{background:var(--palm);color:#fff}.pr-sc.b-good{background:#59b833;color:#fff}.pr-sc.b-mid{background:var(--sun);color:var(--ink)}.pr-sc.b-low{background:#e4eaf0;color:#5b6b7a}.pr-yr{display:flex;gap:2px;align-items:flex-end;height:22px}.pr-yr i{flex:1;height:100%;border-radius:2px;display:block;opacity:.85}.pr-yr i.on{outline:2px solid var(--ink);outline-offset:1px;opacity:1}.pr-ac{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.8rem}.pr-cmp{display:flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer}.pr-cmp input{accent-color:var(--ocean)}.pr-empty,.pr-foot{color:var(--muted);padding:22px 10px;font-size:.88rem}.pr-tray{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#fff;border-top:2px solid var(--ink);box-shadow:0 -10px 30px #0a254024}.pr-tray[hidden]{display:none}.pr-tray-in{max-width:60rem;margin-inline:auto;padding:8px 16px;overflow:auto;max-height:34vh}.pr-tray table{width:100%;border-collapse:collapse;font-size:.88rem}.pr-tray th,.pr-tray td{padding:4px 12px;text-align:left;border-bottom:1px solid var(--line)}.pr-tray thead th{font-family:var(--f-display);font-size:1rem}.pr-tray tbody th{color:var(--muted);font-weight:500}.pr-tray button{border:0;background:transparent;color:var(--ocean-d);font-weight:700;text-decoration:underline}@media(max-width:900px){.pr-bar{position:static}.pr-split{grid-template-columns:minmax(0,1fr)}.pr-stage{position:relative;top:0;height:auto;padding-block:10px 0}.pr-gw{height:min(80vw,360px);flex:none}.pr-cols{display:none}.pr-row{grid-template-columns:1.6rem minmax(0,1fr) 5rem;gap:2px 10px;padding-block:14px}.pr-yr{grid-column:2 / 4;order:5;margin-top:6px}.pr-fl{grid-column:2 / 3}.pr-ac{grid-column:3 / 4;align-items:flex-end}.pr-tools{width:100%}}