.pr{--bg:#f7f4ef;--surface:#fff;--ink:#0e1a2b;--ink-2:#3b4a5e;--muted:#66758a;--line:#e3ded6;--accent:#c2410c;--accent-ink:#fff;--ember:#fdba74;--soft:#fff4ea;--grid:#0e1a2b0f;--good:#15803d;--warn:#b45309;--bad:#b91c1c;--display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}.pr *{box-sizing:border-box}.pr .wrap{max-width:1180px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.pr h1,.pr h2,.pr h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0}.pr h1{font-size:clamp(30px,4.4vw,46px);line-height:1.08}.pr h2{font-size:22px}.pr h3{font-size:17px}.pr p{margin:0}.pr .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:600}.pr .lead{color:var(--ink-2);max-width:62ch;font-size:18px}.pr .muted{color:var(--muted)}.pr .small{font-size:14px}.pr .head{flex-direction:column;gap:14px;padding-block:48px 28px;display:flex}.pr .steps{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.pr .steps b{font-family:var(--mono);color:var(--accent);margin-right:6px;font-weight:600}.pr .bench{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.pr .bench{grid-template-columns:minmax(0,1fr)}}.pr .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.pr .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr .between{justify-content:space-between}.pr select,.pr textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:9px 10px}.pr textarea{resize:vertical;width:100%;min-height:96px}.pr button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;min-height:40px;padding:8px 14px}.pr button:hover{border-color:var(--accent)}.pr button:focus-visible,.pr select:focus-visible,.pr textarea:focus-visible,.pr .w:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.pr .btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.pr .btn:disabled{opacity:.5;cursor:default}.pr .rec{align-items:center;gap:8px;display:inline-flex}.pr .dot{background:currentColor;border-radius:50%;width:10px;height:10px}.pr .recording .dot{animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.pr .recording .dot{animation:none}}.pr .verbs{flex-wrap:wrap;gap:8px;display:flex}.pr .chip{border-radius:999px;min-height:36px;padding:6px 14px;font-size:14px}.pr .chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pr .script{flex-direction:column;gap:12px;display:flex}.pr .sent{border:1px solid var(--line);background:var(--bg);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.pr .words{font-family:var(--display);font-size:20px;line-height:1.5}.pr .w{cursor:pointer;border-radius:4px;padding:0 2px}.pr .w:hover{background:var(--soft)}.pr .w.op{color:var(--accent);text-underline-offset:5px;font-weight:700;text-decoration:underline 3px}.pr .w.sugg{box-shadow:inset 0 -3px 0 var(--ember)}.pr .inf{gap:4px;display:flex}.pr .inf button{min-width:40px;padding:6px 8px;font-size:18px;line-height:1}.pr .inf button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pr .target{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;gap:14px;font-size:12px;display:flex}.pr .ok{color:var(--good)}.pr .no{color:var(--bad)}.pr .meh{color:var(--warn)}.pr .lights{align-items:center;gap:6px;display:flex}.pr .light{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:14px;height:14px}.pr .light.on.g{background:#22c55e;border-color:#22c55e}.pr .light.on.a{background:#f59e0b;border-color:#f59e0b}.pr .light.on.r{background:#ef4444;border-color:#ef4444}.pr .clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px}.pr .trace{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;height:220px;display:block}.pr audio{width:100%}.pr .note{background:var(--soft);color:var(--ink-2);border-radius:8px;padding:10px 12px;font-size:14px}.pr .stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.pr .stat{border-top:2px solid var(--line);padding-top:8px}.pr .stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;display:block}.pr .stat span{color:var(--muted);font-size:13px}.pr .score{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}@media (width<=900px){.pr .score{grid-template-columns:minmax(0,1fr)}}.pr .fill{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pr .fbtn{flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.pr .fbtn b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:24px}.pr .fbtn small{color:var(--muted);font-size:13px}.pr .check{flex-direction:column;gap:8px;display:flex}.pr .check label{cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;display:flex}.pr .check input{width:18px;height:18px;accent-color:var(--accent);margin-top:3px}.pr .rate{grid-template-columns:70px repeat(5,minmax(0,1fr));align-items:center;gap:6px;font-size:14px;display:grid}.pr .rate button{min-height:34px;padding:4px}.pr .rate button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pr .result{background:var(--ink);color:var(--bg);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.pr .result .stat{border-color:#ffffff40}.pr .result .stat span{color:inherit;opacity:.7}.pr .result .btn{background:var(--ember);border-color:var(--ember);color:#0e1a2b}.pr .result button:not(.btn){color:inherit;background:0 0;border-color:#ffffff59}.pr .focus{font-size:15px;line-height:1.5}.pr .focus b{color:var(--ember)}.pr table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.pr th,.pr td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.pr .tablewrap{overflow-x:auto}.pr .defs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 28px;display:grid}.pr dt{font-family:var(--display);font-weight:600}.pr dd{color:var(--ink-2);margin:4px 0 0;font-size:15px}.pr .refs{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.pr a{color:var(--accent)}.pr .sect{padding-block:28px}.pr .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}
