.pg{--pg-control-height:2rem;--pg-head-height:2.25rem;--pg-head-gap:.5rem;--py-tone-1:#c1272d;--py-tone-2:#e08a1e;--py-tone-3:#2d8a4e;--py-tone-4:#2b5fa8;--py-tone-5:#777;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}:root[data-theme=dark] .pg{--py-tone-1:#f4787d;--py-tone-2:#f0b459;--py-tone-3:#5cc088;--py-tone-4:#7aa9e8;--py-tone-5:#9a9a9a}.sl-markdown-content details{border-top:1px solid var(--sl-color-gray-5);margin-top:2.5rem;padding-top:1rem}.sl-markdown-content details>summary{cursor:pointer;color:var(--sl-color-gray-2);font-size:var(--sl-text-sm)}.sl-markdown-content details>summary:hover{color:var(--sl-color-white)}.sl-markdown-content details>:not(summary){font-size:var(--sl-text-sm)}@media (width>=60rem){.pg{grid-template-columns:max-content minmax(17rem,2fr) minmax(0,3fr);grid-template-areas:"modes samples samples""modes note note""modes text output""modes settings output";align-items:start}.pg-modes{top:calc(var(--sl-nav-height) + 1rem);flex-direction:column;grid-area:modes;position:sticky}.pg-samples{grid-area:samples}.pg-note{grid-area:note}.pg-text-field{grid-area:text}.pg-settings{grid-area:settings}.pg-output{grid-area:output}}.pg-modes{flex-wrap:wrap;gap:.35rem;display:flex}.pg-mode{color:var(--sl-color-gray-2);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .8rem;line-height:1.2;display:flex}.pg-mode:hover{background:var(--sl-color-gray-6);color:var(--sl-color-white)}.pg-mode-on,.pg-mode-on:hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low);color:var(--sl-color-white)}.pg-mode-label{font-size:var(--sl-text-sm);font-weight:600}.pg-mode-hint{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs)}.pg-mode-on .pg-mode-hint{color:var(--sl-color-gray-2)}.pg-samples{flex-wrap:wrap;gap:.35rem;margin-bottom:-.75rem;display:flex}.pg-sample{height:var(--pg-control-height);color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:0 .75rem;line-height:1}.pg-sample:hover{background:var(--sl-color-gray-6);color:var(--sl-color-white)}.pg-sample-on,.pg-sample-on:hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low);color:var(--sl-color-white)}.pg-note{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:0;line-height:1.6;display:flex}.pg-reset{color:var(--sl-color-text-accent);font-size:var(--sl-text-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;text-decoration:underline}.pg-settings{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.pg-field{gap:var(--pg-head-gap);flex-direction:column;min-width:0;display:flex}.pg-field-head{min-height:var(--pg-head-height);flex-wrap:wrap;place-content:center space-between;align-items:baseline;gap:.5rem;display:flex}.pg-field-label{color:var(--sl-color-white);font-weight:600}.pg-field-label a{color:inherit;text-decoration:none}.pg-field-label a:hover{text-decoration:underline}.pg-field-hint{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.pg-textarea{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);width:100%;min-height:7rem;color:var(--sl-color-white);font-family:var(--sl-font,inherit);resize:vertical;border-radius:.5rem;padding:.75rem .9rem;font-size:1.05rem;line-height:1.9}.pg-textarea:focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:1px}.pg-controls{flex-direction:column;gap:.85rem;display:flex}.pg-control-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;margin-bottom:.25rem;display:flex}.pg-control-label{color:var(--sl-color-white);font-size:var(--sl-text-sm);width:fit-content;font-weight:600;text-decoration:none}.pg-control-label:hover{text-decoration:underline}.pg-control-note{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin:0;line-height:1.5}.pg-choices,.pg-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pg-choice,.pg-button{height:var(--pg-control-height);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-gray-1);font-size:var(--sl-text-xs);white-space:nowrap;cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;line-height:1;display:inline-flex}.pg-button{transition:color .12s,border-color .12s,background-color .12s}.pg-choice:hover,.pg-button:hover:not(:disabled){border-color:var(--sl-color-gray-4);color:var(--sl-color-white)}.pg-choice-on,.pg-choice-on:hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low);color:var(--sl-color-white)}.pg-choice-wide{padding:0 .6rem}.pg-choice-aside{color:var(--sl-color-gray-3);font-variant-numeric:tabular-nums}.pg-button-primary{border-color:var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-white)}.pg-button-primary:hover:not(:disabled){background:var(--sl-color-accent-high);border-color:var(--sl-color-accent-high)}.pg-button:disabled{opacity:.5;cursor:default}.pg-button-done,.pg-button-done:hover:not(:disabled){border-color:var(--sl-color-green);background:var(--sl-color-green-low);color:var(--sl-color-green-high)}@media (prefers-reduced-motion:reduce){.pg-button{transition:none}}.pg-output{gap:var(--pg-head-gap);flex-direction:column;min-width:0;display:flex}@media (width>=60rem){.pg-output{top:calc(var(--sl-nav-height) + 1rem);position:sticky}}.pg-toolbar{min-height:var(--pg-head-height);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pg-counts{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.75rem;display:flex}.pg-count-uncertain{color:var(--sl-color-gray-3);text-decoration-style:dotted}.pg-result{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,var(--sl-color-black));border-radius:.5rem;min-height:8rem;padding:1rem 1.1rem}.pg-pinyin{overflow-wrap:break-word;margin:0;font-size:1.35rem;line-height:2}.pg .py-tone-1{color:var(--py-tone-1)}.pg .py-tone-2{color:var(--py-tone-2)}.pg .py-tone-3{color:var(--py-tone-3)}.pg .py-tone-4{color:var(--py-tone-4)}.pg .py-tone-5{color:var(--py-tone-5)}.pg .py-uncertain{cursor:help;border-bottom:1px dotted;position:relative}.pg .py-uncertain:hover,.pg .py-uncertain:focus-visible{background:var(--sl-color-orange-low);outline:none}.pg .py-uncertain:after,.pg .pg-char[data-alternatives]:after{content:attr(data-alternatives);z-index:1;border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);color:var(--sl-color-white);font-size:var(--sl-text-xs);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.3rem;padding:.2rem .5rem;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + .3rem);left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000059}.pg .py-uncertain:hover:after,.pg .py-uncertain:focus-visible:after,.pg .pg-char[data-alternatives]:hover:after,.pg .pg-char[data-alternatives]:focus-visible:after{opacity:1}.pg-converted{overflow-wrap:anywhere;margin:0;font-size:1.35rem;line-height:2}.pg-char{position:relative}.pg-char-changed{color:var(--sl-color-text-accent)}.pg-char-reading{border-bottom:1px solid}.pg-char-guess{cursor:help;border-bottom:1px dotted}.pg .pg-char[data-alternatives]:hover,.pg .pg-char[data-alternatives]:focus-visible{background:var(--sl-color-orange-low);outline:none}.pg-legend{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin:0;line-height:1.6}.pg-reading{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-gray-1);font-size:var(--sl-text-sm);overflow-wrap:break-word;border-radius:.5rem;margin:0;padding:.6rem .8rem;line-height:1.8}.pg-whys{grid-template-columns:max-content minmax(0,1fr);gap:.1rem .9rem;margin:0;display:grid}.pg-why{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--sl-color-gray-6);align-items:baseline;padding:.3rem 0;display:grid}.pg-why-chars{white-space:nowrap;align-items:baseline;gap:.35rem;margin:0;font-size:1.05rem;display:flex}.pg-why-arrow{color:var(--sl-color-gray-4);font-size:var(--sl-text-xs)}.pg-why-to{color:var(--sl-color-text-accent)}.pg-why-said{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;display:flex}.pg-evidence{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);font-family:var(--sl-font-mono,ui-monospace, monospace);font-size:var(--sl-text-xs);border-radius:.3rem;padding:.05rem .35rem}.pg-evidence-reading{border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.pg-evidence-default{border-color:var(--sl-color-orange);color:var(--sl-color-orange-high)}.pg-why-note{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);line-height:1.5}.pg-count-reading{color:var(--sl-color-gray-3)}.pg-empty,.pg-problem{font-size:var(--sl-text-sm);margin:0}.pg-empty{color:var(--sl-color-gray-3)}.pg-problem{color:var(--sl-color-red-high)}.pg-section{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.pg-section-head{font-size:var(--sl-text-sm);color:var(--sl-color-white);margin:0;font-weight:600}.pg-section-head a{color:inherit;text-decoration:none}.pg-section-head a:hover{text-decoration:underline}.pg-section-note{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin:0;line-height:1.5}.pg-slug{color:var(--sl-color-white);font-family:var(--sl-font-mono,ui-monospace, monospace);overflow-wrap:anywhere;margin:0;font-size:1.15rem;line-height:1.8}.pg-systems{grid-template-columns:max-content minmax(0,1fr) max-content;gap:.4rem 1rem;margin:0;display:grid}.pg-system{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--sl-color-gray-6);align-items:baseline;padding:.35rem 0;display:grid}.pg-system-name{color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);white-space:nowrap;flex-direction:column;margin:0;display:flex}.pg-system-native{color:var(--sl-color-gray-4)}.pg-system-text{overflow-wrap:break-word;margin:0;font-size:1.05rem;line-height:1.8}.pg-copy{width:1.75rem;height:1.75rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-self:start;align-items:center;padding:0;transition:color .12s,border-color .12s;display:inline-flex}.pg-copy:hover:not(:disabled){border-color:var(--sl-color-gray-5);color:var(--sl-color-white)}.pg-copy:focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:1px;color:var(--sl-color-white)}.pg-copy:disabled{opacity:.4;cursor:default}.pg-copy-done,.pg-copy-done:hover:not(:disabled){color:var(--sl-color-green-high);border-color:#0000}@media (width<=34rem){.pg-systems{grid-template-columns:minmax(0,1fr) max-content}.pg-system{row-gap:.2rem}.pg-system-name{flex-direction:row;grid-area:1/1;align-items:baseline;gap:.4rem}.pg-copy{grid-area:1/2}.pg-system-text{grid-area:2/1/auto/-1}}.pg-code{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-gray-1);font-family:var(--sl-font-mono,ui-monospace, monospace);font-size:var(--sl-text-xs);border-radius:.5rem;margin:0;padding:.75rem .9rem;line-height:1.7;overflow-x:auto}.pg-code-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.pg-status{min-height:1.25rem;font-size:var(--sl-text-xs);margin:0}.pg-status-ok{color:var(--sl-color-green-high)}.pg-status-bad{color:var(--sl-color-red-high)}