.pp-tool{--pp-green:#187443;--pp-green-soft:#edf8f1;--pp-review:#96531e;--pp-review-soft:#fff6ec}.pp-settings,.pp-stage{min-width:0}.pp-section-head{margin-bottom:24px}.pp-section-head h2{font-size:24px;letter-spacing:-.6px;margin:13px 0 7px}.pp-check{display:flex;align-items:center;gap:9px;font-size:12px;margin:18px 0}.pp-check input{accent-color:var(--accent-readable);width:16px;height:16px}.pp-conventions{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.pp-conventions summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.pp-conventions summary .icon{width:16px;height:16px}.pp-conventions p{font-size:12px;line-height:1.8;color:var(--muted)}.pp-stage{min-height:490px}.pp-welcome-word{display:flex;flex-direction:column;border:1px solid var(--accent);background:var(--accent-soft);border-radius:18px;padding:15px 36px;transform:rotate(-4deg);font-size:20px;margin-bottom:27px;box-shadow:7px 8px 0 color-mix(in srgb,var(--accent) 18%,transparent)}.pp-welcome-word span{font:34px/1.5 'Doulos SIL',serif;color:var(--accent-readable)}.pp-round-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.pp-tool progress{width:100%;height:5px;display:block;margin-top:15px;border:0;accent-color:var(--accent-readable);border-radius:10px;overflow:hidden}.pp-tool progress::-webkit-progress-bar{background:var(--line)}.pp-tool progress::-webkit-progress-value{background:var(--accent)}.pp-prompt-label{font-size:11px;color:var(--muted);text-align:center;margin:27px 0 4px}.pp-word{font-size:40px;letter-spacing:-1px;text-align:center;margin:0 0 4px;overflow-wrap:anywhere}.pp-word+.pt-note{text-align:center;min-height:20px;margin:0 0 20px}.pp-ipa-input{font:29px/1.55 'Doulos SIL',serif!important;min-height:59px}.pp-palette{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0}.pp-palette button{min-width:33px;min-height:35px;padding:3px 8px;background:var(--accent-soft);border-radius:7px;font:22px/1.3 'Doulos SIL',serif;color:var(--accent-readable);border:1px solid transparent}.pp-palette button:hover{border-color:var(--accent);background:var(--surface)}.pp-feedback{margin-top:20px;border-radius:12px;padding:17px;background:var(--pp-review-soft);border:1px solid color-mix(in srgb,var(--pp-review) 18%,transparent)}.pp-feedback[data-kind=correct]{background:var(--pp-green-soft);color:var(--pp-green);border-color:color-mix(in srgb,var(--pp-green) 25%,transparent)}.pp-feedback>strong{font-size:14px}.pp-feedback>p{font-size:12px;line-height:1.7;margin:7px 0}.pp-feedback .pp-model{font:25px/1.5 'Doulos SIL',serif;margin:10px 0 0;overflow-wrap:anywhere}.pp-diff{margin:13px 0;display:grid;gap:10px}.pp-diff>div{display:flex;align-items:center;gap:12px;min-width:0}.pp-diff small{width:70px;flex:none;font:10px/1.5 var(--font-body)}.pp-diff-line{display:flex;flex-wrap:wrap;gap:3px;font:25px/1.4 'Doulos SIL',serif;overflow-wrap:anywhere}.pp-diff-line>span{min-width:22px;text-align:center;border-radius:4px}.pp-diff-replace,.pp-diff-missing,.pp-diff-extra{background:color-mix(in srgb,var(--accent) 30%,var(--surface));color:var(--ink)}.pp-review-list{display:grid;gap:7px;margin:22px 0;max-height:380px;overflow:auto}.pp-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;overflow-wrap:anywhere}.pp-review-state{font-size:10px;color:var(--pp-review)}.pp-review-row[data-correct=true] .pp-review-state{color:var(--pp-green)}.pp-review-row .pp-model{font:22px/1.3 'Doulos SIL',serif;color:var(--muted)}.pp-bottom-note{margin:20px 0!important;text-align:center}.pp-bottom-note a{display:inline-flex;align-items:center;gap:5px;color:var(--accent-readable);font-weight:600}.pp-bottom-note .icon{width:13px;height:13px}:root[data-appearance="dark"] .pp-tool{--pp-green:#8de2ad;--pp-green-soft:#173527;--pp-review:#efba88;--pp-review-soft:#352a22}.pp-tool [hidden]{display:none!important}@media(max-width:680px){.pp-stage{min-height:410px}.pp-section-head h2{font-size:21px}.pp-word{font-size:34px}.pp-tool .pt-toolbar{gap:7px}.pp-palette button{min-width:32px}.pp-diff small{width:56px}.pp-diff>div{gap:6px}}

#pp-answer-hint{display:block;margin-top:8px}