.katakana-words-page[data-v-c7557ca7]{width:100%;display:flex;flex-direction:column;align-items:center;padding:24px 0 0;min-height:60vh}.header-row[data-v-c7557ca7]{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.breads[data-v-c7557ca7]{flex:1}.back-button[data-v-c7557ca7]{background-color:transparent;border:1px solid #d9d9d9;color:#000000a6;font-size:14px;display:inline-flex;align-items:center;gap:4px;padding:4px 12px;height:28px;border-radius:4px;transition:all .3s ease}.back-button[data-v-c7557ca7]:hover{background-color:#0000000a;border-color:#00000073;color:#000000e0}.page-content[data-v-c7557ca7]{width:100%;background:#fff;padding:32px;border-radius:6px;box-shadow:0 2px 8px #00000026;flex-direction:column;gap:0;overflow-x:auto}.page-content h1[data-v-c7557ca7]{color:#1890ff;margin-bottom:8px;margin-top:0;text-align:center;width:100%;display:block}.page-content .subtitle[data-v-c7557ca7]{text-align:center;color:#00000073;margin-bottom:32px;font-size:14px}.audio-player-section[data-v-c7557ca7]{width:100%;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;border:1px solid #e0e6ed}.audio-controls[data-v-c7557ca7]{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.current-playing[data-v-c7557ca7]{margin-top:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.playing-header[data-v-c7557ca7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.playing-label[data-v-c7557ca7]{font-size:14px;color:#000000a6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.playing-progress[data-v-c7557ca7]{font-size:14px;color:#00000073;font-weight:500;background:#f5f5f5;padding:4px 12px;border-radius:12px}.playing-content[data-v-c7557ca7]{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.playing-main[data-v-c7557ca7]{display:flex;flex-direction:column;align-items:center;gap:8px}.playing-word[data-v-c7557ca7]{font-size:32px;font-weight:700;color:#1890ff;line-height:1.2}.playing-romaji[data-v-c7557ca7]{font-size:18px;color:#000000a6;font-weight:500}.playing-translations[data-v-c7557ca7]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding:16px;background:#fafafa;border-radius:6px}.playing-english[data-v-c7557ca7],.playing-chinese[data-v-c7557ca7]{display:flex;flex-direction:column;align-items:center;gap:4px}.translation-label[data-v-c7557ca7]{font-size:12px;color:#00000073;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.playing-english[data-v-c7557ca7],.playing-chinese[data-v-c7557ca7]{font-size:16px;color:#000000d9;font-weight:500}[data-v-c7557ca7] .table-row-light{background-color:#fafafa}[data-v-c7557ca7] .table-row-dark{background-color:#fff}[data-v-c7557ca7] .ant-table-cell{text-align:center!important;font-size:15px!important;padding:12px 8px!important}[data-v-c7557ca7] .clickable-katakana{cursor:pointer;color:#1890ff;font-weight:600;transition:all .3s ease;position:relative}[data-v-c7557ca7] .clickable-katakana:hover{color:#40a9ff;transform:scale(1.1);text-shadow:0 2px 4px rgba(24,144,255,.2)}[data-v-c7557ca7] .clickable-katakana:active{transform:scale(.95)}[data-v-c7557ca7] .clickable-katakana:after{content:"🔊";font-size:0;opacity:0;margin-left:4px;transition:all .3s ease}[data-v-c7557ca7] .clickable-katakana:hover:after{font-size:12px;opacity:.6}[data-v-c7557ca7] .ant-table-thead>tr>th{background-color:#1890ff!important;color:#fff!important;font-weight:600!important;text-align:center!important}[data-v-c7557ca7] .ant-table{font-size:15px;width:100%!important;table-layout:fixed!important}[data-v-c7557ca7] .ant-table-wrapper,[data-v-c7557ca7] .ant-spin-nested-loading,[data-v-c7557ca7] .ant-spin-container{width:100%!important}[data-v-c7557ca7] .ant-table table{width:100%!important;table-layout:fixed!important;display:table!important}[data-v-c7557ca7] .ant-table-tbody,[data-v-c7557ca7] .ant-table-thead{width:100%!important;display:table-row-group!important}[data-v-c7557ca7] .ant-table-thead{display:table-header-group!important}[data-v-c7557ca7] .ant-table-tbody>tr,[data-v-c7557ca7] .ant-table-thead>tr{display:table-row!important;width:100%!important}[data-v-c7557ca7] .ant-table-tbody>tr>td,[data-v-c7557ca7] .ant-table-thead>tr>th{display:table-cell!important}[data-v-c7557ca7] .ant-table-content{width:100%!important}@media(max-width:992px){[data-v-c7557ca7] .ant-table-cell{padding:10px 6px!important;font-size:14px!important}}@media(max-width:768px){.page-content[data-v-c7557ca7]{padding:16px}[data-v-c7557ca7] .ant-table-cell{padding:8px 4px!important;font-size:13px!important}.header-row[data-v-c7557ca7]{flex-direction:column;align-items:flex-start}.back-button[data-v-c7557ca7]{align-self:flex-end}.audio-player-section[data-v-c7557ca7]{padding:16px}.playing-word[data-v-c7557ca7]{font-size:26px}.playing-romaji[data-v-c7557ca7]{font-size:16px}.playing-translations[data-v-c7557ca7]{gap:20px;padding:12px}.playing-english[data-v-c7557ca7],.playing-chinese[data-v-c7557ca7]{font-size:14px}[data-v-c7557ca7] .clickable-katakana:hover{transform:scale(1.05)}}@media(max-width:576px){[data-v-c7557ca7] .ant-table-cell{padding:6px 2px!important;font-size:12px!important}h1[data-v-c7557ca7]{font-size:24px}.audio-player-section[data-v-c7557ca7]{padding:12px}.audio-controls[data-v-c7557ca7]{flex-direction:column;width:100%}.audio-controls button[data-v-c7557ca7]{width:100%}.playing-word[data-v-c7557ca7]{font-size:24px}.playing-romaji[data-v-c7557ca7]{font-size:14px}.current-playing[data-v-c7557ca7]{padding:16px}.playing-header[data-v-c7557ca7]{flex-direction:column;align-items:center;gap:8px}.playing-translations[data-v-c7557ca7]{flex-direction:column;gap:16px;padding:12px}.playing-english[data-v-c7557ca7],.playing-chinese[data-v-c7557ca7]{font-size:14px}.translation-label[data-v-c7557ca7]{font-size:11px}[data-v-c7557ca7] .clickable-katakana{font-size:13px!important}[data-v-c7557ca7] .clickable-katakana:hover{transform:scale(1.03)}[data-v-c7557ca7] .clickable-katakana:hover:after{font-size:10px}}