.KanaChart-module__TXCIrG__trigger{border:1px solid var(--character-accent);color:#b8f5dc;background:#142e31;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;max-width:160px;min-height:44px;padding:9px 12px;font-size:12px;font-weight:650;line-height:1.4;display:inline-flex}.KanaChart-module__TXCIrG__trigger svg{flex-shrink:0}.KanaChart-module__TXCIrG__trigger:hover{background:#1b413b}.KanaChart-module__TXCIrG__trigger:focus-visible,.KanaChart-module__TXCIrG__character:focus-visible,.KanaChart-module__TXCIrG__close:focus-visible{outline-offset:2px;outline:3px solid #77e5b5}.KanaChart-module__TXCIrG__dialog{width:min(560px,100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#f4f8f7;background:#101e2d;border:1px solid #35b99580;border-radius:22px;margin:auto;padding:0;overflow:hidden;box-shadow:0 18px 70px #0009}.KanaChart-module__TXCIrG__dialog[open]{flex-direction:column;display:flex}.KanaChart-module__TXCIrG__dialog::backdrop{background:#030a13bb}.KanaChart-module__TXCIrG__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.KanaChart-module__TXCIrG__head h2{margin:0;font-size:19px;font-weight:750;line-height:1.4}.KanaChart-module__TXCIrG__close{color:#b8f5dc;background:#1b3938;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.KanaChart-module__TXCIrG__help{color:#cedcd9;flex-shrink:0;margin:6px 16px 0;font-size:13px;line-height:1.5}.KanaChart-module__TXCIrG__status{color:#b8f5dc;flex-shrink:0;min-height:28px;margin:0 16px;font-size:12px;line-height:1.6}.KanaChart-module__TXCIrG__status[data-chart-status=error]{color:#ffb4ab}.KanaChart-module__TXCIrG__scroll{overscroll-behavior:contain;min-height:0;padding:0 12px 12px;overflow:auto}.KanaChart-module__TXCIrG__table{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%}.KanaChart-module__TXCIrG__table th{color:#9ed7c4;text-align:center;height:24px;font-size:12px;font-weight:500}.KanaChart-module__TXCIrG__table td{padding:0}.KanaChart-module__TXCIrG__character{color:#f2fcf7;cursor:pointer;background:#15312f;border:1px solid #35b99545;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:54px;display:flex}.KanaChart-module__TXCIrG__character span{font-size:25px;line-height:1.15}.KanaChart-module__TXCIrG__character small{color:#aee5d0;font-size:11px;line-height:1.25}.KanaChart-module__TXCIrG__character:hover,.KanaChart-module__TXCIrG__character[data-playing]{background:#215046;border-color:#77e5b5}.KanaChart-module__TXCIrG__character:disabled{opacity:.45;cursor:not-allowed}.KanaChart-module__TXCIrG__empty{background:0 0}@media (max-width:350px){.KanaChart-module__TXCIrG__trigger{max-width:145px;padding-inline:9px}.KanaChart-module__TXCIrG__scroll{padding-inline:8px}.KanaChart-module__TXCIrG__head{padding-inline:12px}.KanaChart-module__TXCIrG__head h2{font-size:17px}}
