.pinyin-card{border:1px solid var(--border);border-radius:var(--app-radius);overflow:hidden}.pinyin-toolbar{border-bottom:1px solid var(--border);background:var(--surface);padding:10px 12px}.pinyin-search{width:100%;max-width:380px}.pinyin-search__status{height:18px;color:var(--subtle-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;line-height:18px;overflow:hidden}.pinyin-table-scroll{max-width:100%;overflow-x:auto}.pinyin-table{border-collapse:separate;border-spacing:0;white-space:nowrap;--pinyin-final-col-w:56px;width:100%;font-size:13px}.pinyin-table th,.pinyin-table td{box-shadow:inset -1px -1px 0 0 var(--border);text-align:center;border:none;padding:0}.pinyin-table thead th{z-index:2;background:var(--surface);color:var(--muted-foreground);padding:8px 10px;font-weight:600;transition:background .1s,color .1s;position:sticky;top:0}.pinyin-table__corner--final,.pinyin-table__final-label{width:var(--pinyin-final-col-w);min-width:var(--pinyin-final-col-w);max-width:var(--pinyin-final-col-w);position:sticky;left:0}.pinyin-table__final-label{z-index:1;background:var(--surface);color:var(--muted-foreground);padding:6px 4px;font-weight:600}.pinyin-table__corner--zero,.pinyin-table td[data-col=zero]{left:var(--pinyin-final-col-w);position:sticky}.pinyin-table__corner--zero{color:var(--subtle-foreground);font-size:11px}.pinyin-table td[data-col=zero]{z-index:1}.pinyin-table th.pinyin-table__corner--final,.pinyin-table th.pinyin-table__corner--zero{z-index:3}.pinyin-table__cell{background:var(--background);transition:opacity .15s}.pinyin-table__cell--empty{background:var(--surface)}@media (hover:hover) and (pointer:fine){.pinyin-table tbody tr:hover td:not(.pinyin-table__cell--empty),.pinyin-table tbody tr:hover th.pinyin-table__final-label{background:var(--primary-soft)}}.pinyin-table__syllable{width:100%;color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px;display:block}@media (hover:hover) and (pointer:fine){.pinyin-table__syllable:hover{background:var(--primary-soft);color:var(--primary)}}.pinyin-table__syllable:focus-visible{box-shadow:inset 0 0 0 2px var(--primary);outline:none}.pinyin-table__syllable--match{box-shadow:inset 0 0 0 2px var(--primary);color:var(--primary);border-radius:var(--app-radius)}.pinyin-table__cell--dimmed{opacity:.28}.pinyin-table__syllable--active{border-bottom-color:var(--primary)}@media (hover:hover) and (pointer:fine){@supports selector(:has(a)){.pinyin-table:has([data-col=final]:hover) th.pinyin-table__corner--final{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=zero]:hover) th.pinyin-table__corner--zero{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=b]:hover) th[data-col=b]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=p]:hover) th[data-col=p]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=m]:hover) th[data-col=m]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=f]:hover) th[data-col=f]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=d]:hover) th[data-col=d]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=t]:hover) th[data-col=t]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=n]:hover) th[data-col=n]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=l]:hover) th[data-col=l]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=g]:hover) th[data-col=g]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=k]:hover) th[data-col=k]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=h]:hover) th[data-col=h]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=j]:hover) th[data-col=j]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=q]:hover) th[data-col=q]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=x]:hover) th[data-col=x]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=z]:hover) th[data-col=z]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=c]:hover) th[data-col=c]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=s]:hover) th[data-col=s]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=zh]:hover) th[data-col=zh]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=ch]:hover) th[data-col=ch]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=sh]:hover) th[data-col=sh]{background:var(--primary-soft);color:var(--primary)}.pinyin-table:has([data-col=r]:hover) th[data-col=r]{background:var(--primary-soft);color:var(--primary)}}}.pinyin-modal__tones-heading{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.pinyin-modal__play-all{border:1px solid var(--border);border-radius:var(--app-radius);color:var(--muted-foreground);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}@media (hover:hover) and (pointer:fine){.pinyin-modal__play-all:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}}.pinyin-modal__play-all:disabled{opacity:.5;cursor:default}.pinyin-modal__tones{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:8px;display:flex}.pinyin-modal__tone-btn{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--background);color:var(--foreground);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:16px;display:flex}.pinyin-modal__tone-btn--playing,.pinyin-modal__tone-btn--selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}@media (hover:hover) and (pointer:fine){.pinyin-modal__tone-btn:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}}.pinyin-modal__tone-text{font-weight:600}.pinyin-modal__example{border-top:1px solid var(--border);flex-direction:column;justify-content:center;min-height:112px;margin-top:14px;padding-top:14px;display:flex}.pinyin-modal__example-word{justify-content:center;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.pinyin-modal__example-word strong{color:var(--foreground);font-size:20px}.pinyin-modal__example-word span{color:var(--muted-foreground);font-size:13px}.pinyin-modal__example-sentence{color:var(--foreground);justify-content:center;align-items:center;gap:6px;font-size:15px;line-height:1.6;display:flex}.pinyin-modal__example-empty{text-align:center;color:var(--subtle-foreground);font-size:13px}.pinyin-modal__example-translation{text-align:center;color:var(--muted-foreground);margin-top:2px;font-size:13px;font-style:italic}