.st.py{--font-cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-ui:"Nunito Variable", Nunito, var(--font-cjk);--font-hanzi:"Kaiti SC", STKaiti, KaiTi, var(--font-cjk);--font-letter:"Andika", "Kaiti SC", STKaiti, KaiTi, var(--font-cjk)}.st.py:lang(zh-Hant){--font-cjk:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", "Source Han Sans TC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-hanzi:"Kaiti TC", BiauKai, DFKai-SB, "Kaiti SC", STKaiti, KaiTi, var(--font-cjk);--font-letter:"Andika", "Kaiti TC", BiauKai, DFKai-SB, "Kaiti SC", STKaiti, KaiTi, var(--font-cjk)}.st.py:lang(zh) :is(.group-label,.eyebrow,.d-kind,.detail h3){letter-spacing:.06em}.st.py:lang(zh) .brand{letter-spacing:.08em}.st.py:lang(zh) .story h2{letter-spacing:.02em;line-height:1.2}.st.py:lang(zh) .story p{line-height:1.7}.st.py:lang(zh) .detail p{line-height:1.65}.st.py .lang-switch{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:2px;height:34px;padding:3px;display:inline-flex}.st.py .lang-switch button{height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12.5px;font-weight:700}.st.py .lang-switch button:hover{color:var(--ink)}.st.py .lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.st.py .lang-short{display:none}.st.py .hz{font-family:var(--font-hanzi);font-weight:400}.st.py .d-key .w .hz{margin-right:2px;font-size:30px}.st.py .d-key .w .py{font-family:var(--font-letter);font-size:22px}.st.py .play .hz{font-size:16px}.st.py .rhyme{font-family:var(--font-hanzi);font-size:17px;margin-bottom:6px!important}.st.py:lang(en) .rhyme{font-family:var(--font-letter);font-size:15.5px}.st.py .spellings .g.hz{font-size:24px;line-height:1}.st.py .forms{gap:6px;margin:0;padding:0;list-style:none;display:grid}.st.py .forms button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;grid-template-columns:3.2em auto 1fr;align-items:baseline;gap:10px;width:100%;padding:7px 10px;display:grid}.st.py .forms button:hover{background:var(--chip)}.st.py .forms .g{font-family:var(--font-letter);font-size:18px;font-weight:700}.st.py .forms .w{white-space:nowrap}.st.py .forms .w .hz{font-size:19px}.st.py .forms .w .py{font-family:var(--font-letter);color:var(--muted);font-size:15px}.st.py .forms .w .py .mark{color:var(--ink)}.st.py .forms .note{color:var(--muted);text-align:right;font-size:12.5px}.st.py .detail .cta-row+.cta,.st.py .detail p+.cta-row{margin-top:10px}.st.py .tooltip .hz{font-size:17px}.st.py .tooltip .py{font-family:var(--font-letter)}.st.py .caption .cap-key .hz{margin-right:8px;font-size:72px}.st.py .caption .cap-key .py{font-size:56px}.st.py .caption .cap-spell b.hz{font-weight:400}.st.py .extra{margin-top:10px}.st.py .tone-chart{width:100%;max-width:400px;height:auto;display:block;overflow:visible}.st.py .tone-chart .t-grid{stroke:var(--line);stroke-width:1px}.st.py .tone-chart .tone{cursor:pointer;outline:none}.st.py .tone-chart .tone rect{fill:#0000;transition:fill .15s}.st.py .tone-chart .tone:hover rect,.st.py .tone-chart .tone:focus-visible rect,.st.py .tone-chart .tone.on rect{fill:var(--chip)}.st.py .tone-chart .tone:focus-visible rect{stroke:var(--accent);stroke-width:2px}.st.py .tone-chart .t-py{font:700 15px var(--font-letter)}.st.py .tone-chart .t-lbl{font:700 10.5px var(--font-ui);fill:var(--muted)}@media (max-width:760px){.st.py .lang-switch button{padding:0 8px}.st.py .lang-short{display:inline}.st.py .brand{min-width:24px;min-height:34px}.st.py .story h2{font-size:24px}.st.py .tone-chart{max-width:100%}.st.py .caption .cap-key .hz{font-size:40px}.st.py .caption .cap-key .py{font-size:32px}}