._app_1kgod_4{background:var(--bg-sub);display:flex;flex:1;flex-direction:column;overflow:auto;width:100%;--pinyin-cell-size:3.125rem;--pinyin-header-size:3.125rem;--pinyin-header-odd:#c7cfe2;--pinyin-header-even:#e1e9f6;--pinyin-body-light:#fff;--pinyin-body-dark:#fafcff;--pinyin-header-default:#e1e9f6}.dark ._app_1kgod_4{--pinyin-header-odd:#222;--pinyin-header-even:#393939;--pinyin-body-light:var(--bg-panel);--pinyin-body-dark:var(--bg-grayed);--pinyin-header-default:#393939}._topbar_1kgod_28{align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border-main);display:grid;flex:0 0 auto;grid-template-columns:3.5rem 1fr 3.5rem;height:3.75rem}._back_1kgod_38{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:3rem;justify-content:center;width:3rem}._title_1kgod_49{color:var(--text-main);font-size:1.25rem;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._topGap_1kgod_59{background:var(--bg-sub);flex:0 0 auto;height:.625rem}._content_1kgod_65{background:var(--bg-panel);display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:.5rem 0 .25rem}._tableTop_1kgod_74{align-items:center;display:flex;flex:0 0 var(--pinyin-header-size);height:var(--pinyin-header-size);overflow:hidden}._corner_1kgod_82{flex:0 0 var(--pinyin-cell-size);height:var(--pinyin-header-size);width:var(--pinyin-cell-size)}._columnHeaderViewport_1kgod_88{background:var(--bg-panel);border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem;flex:1 1 auto;height:var(--pinyin-header-size);margin-left:2px;min-width:0;overflow:hidden}._columnHeaderRow_1kgod_99{display:flex;height:var(--pinyin-header-size);will-change:transform}._tableBody_1kgod_105{display:flex;flex:1 1 auto;margin-top:2px;min-height:0}._rowHeaderViewport_1kgod_112{background:var(--bg-panel);border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem;flex:0 0 var(--pinyin-cell-size);overflow:hidden;width:var(--pinyin-cell-size)}._rowHeaderColumn_1kgod_121{width:var(--pinyin-cell-size);will-change:transform}._bodyViewport_1kgod_126{background:var(--bg-panel);flex:1 1 auto;margin-left:2px;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}._bodyGrid_1kgod_136{width:-moz-max-content;width:max-content}._cell_1kgod_145,._row_1kgod_112{display:flex;height:var(--pinyin-cell-size)}._cell_1kgod_145{align-items:center;box-sizing:border-box;color:var(--text-main);flex:0 0 var(--pinyin-cell-size);font-size:1rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--pinyin-cell-size)}._bodyCell_1kgod_164,._headerCell_1kgod_160{border:.5px solid var(--bg-sub)}._bodyCell_1kgod_164{cursor:default}._bodyCell_1kgod_164._valid_1kgod_168{cursor:pointer}._bodyCell_1kgod_164._valid_1kgod_168:hover{background-color:var(--ld-color-border-3)!important}._toneBar_1kgod_175{align-items:center;background:var(--bg-panel);display:flex;flex:0 0 auto;gap:.5rem;justify-content:center;padding:.375rem 1.25rem .625rem}._toneButton_1kgod_185{background:transparent;border:0;color:var(--active-tip);cursor:pointer;display:grid;height:2.625rem;padding:0;place-items:center;width:2.625rem}._toneMark_1kgod_197{border:2px solid var(--border-main);border-radius:62.4375rem;display:grid;font-size:1.125rem;font-weight:700;height:1.875rem;line-height:1;place-items:center;width:1.875rem}._toneMarkActive_1kgod_210{background:var(--ld-color-brand-hover);border-color:var(--ld-color-brand-hover);color:var(--text-inverse)}._dialog_1kgod_216{background-color:#fff;border-radius:.625rem;box-sizing:border-box;color:#000;max-width:31.25rem;min-height:21.875rem;padding:1.25rem 3.75rem;width:90%}.dark ._dialog_1kgod_216{background-color:#1e1e1e;border:1px solid var(--border-main);color:var(--text-main)}