.kana-card[data-v-f1a49282]{background-color:#fff;border:4px solid var(--border-color);box-shadow:6px 6px #0003;padding:20px;text-align:center;transition:all .3s;cursor:pointer;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kana-card[data-v-f1a49282]:not(.empty):hover{transform:translate(-3px,-3px);box-shadow:9px 9px #0003;background-color:#f0f9ff}.kana-card.empty[data-v-f1a49282]{visibility:hidden}.kana-char[data-v-f1a49282]{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:10px;font-family:Noto Sans JP,sans-serif}.romaji[data-v-f1a49282]{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:#666}@media (max-width: 768px){.kana-card[data-v-f1a49282]{padding:15px;min-height:100px}.kana-char[data-v-f1a49282]{font-size:var(--font-size-3xl)}.romaji[data-v-f1a49282]{font-size:var(--font-size-xs)}}.tip-card[data-v-0f6775e2]{background-color:#fff;border:4px solid var(--border-color);box-shadow:6px 6px #0003;padding:25px;text-align:center;transition:all .3s}.tip-card[data-v-0f6775e2]:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #0003;background-color:#f0f9ff}.tip-icon[data-v-0f6775e2]{font-size:40px;margin-bottom:15px}.tip-card h3[data-v-0f6775e2]{font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--text-color);margin-bottom:10px}.tip-card p[data-v-0f6775e2]{font-size:var(--font-size-sm);color:#666;line-height:1.6;margin:0}.grammar-card[data-v-a0830c96]{background-color:#fff;border:4px solid var(--border-color);box-shadow:8px 8px #0003;margin-bottom:30px;overflow:hidden;transition:all .3s}.grammar-card[data-v-a0830c96]:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #0003}.grammar-header[data-v-a0830c96]{background-color:var(--secondary-color);color:#fff;padding:20px 25px;display:flex;align-items:center;gap:15px}.grammar-number[data-v-a0830c96]{font-family:var(--font-pixel);font-size:var(--font-size-xl);background-color:#fff;color:var(--secondary-color);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:3px solid var(--border-color)}.grammar-header h3[data-v-a0830c96]{font-family:var(--font-pixel);font-size:var(--font-size-md);margin:0}.grammar-content[data-v-a0830c96]{padding:25px}.grammar-pattern[data-v-a0830c96]{background-color:#f0f9ff;border:3px solid var(--primary-color);padding:20px;margin-bottom:20px}.pattern-formula[data-v-a0830c96]{font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--primary-color);text-align:center}.pattern-table[data-v-a0830c96]{display:flex;flex-direction:column;border:3px solid var(--border-color)}.pattern-row[data-v-a0830c96]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.pattern-cell[data-v-a0830c96]{padding:12px;border:2px solid var(--border-color);text-align:center;font-size:var(--font-size-sm)}.pattern-cell.header[data-v-a0830c96]{background-color:var(--primary-color);color:#fff;font-weight:700;font-family:var(--font-pixel);font-size:var(--font-size-xs)}.grammar-examples[data-v-a0830c96]{margin-bottom:20px}.grammar-examples h4[data-v-a0830c96]{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:15px}.example-item[data-v-a0830c96]{background-color:#fff8e1;border-left:4px solid var(--secondary-color);padding:15px;margin-bottom:10px}.example-content-row[data-v-a0830c96]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.japanese[data-v-a0830c96]{font-size:var(--font-size-md);font-weight:700;color:var(--text-color);margin-bottom:0}.audio-btn[data-v-a0830c96]{cursor:pointer;font-size:var(--font-size-base);transition:transform .1s;line-height:1}.audio-btn[data-v-a0830c96]:hover{transform:scale(1.2)}.translation[data-v-a0830c96]{font-size:var(--font-size-sm);color:#666}.grammar-notes[data-v-a0830c96]{background-color:#fff3e0;border:3px solid var(--secondary-color);padding:15px;font-size:var(--font-size-sm);line-height:1.6}.grammar-notes strong[data-v-a0830c96]{color:var(--secondary-color);font-family:var(--font-pixel);font-size:var(--font-size-xs)}@media (max-width: 768px){.grammar-header h3[data-v-a0830c96]{font-size:var(--font-size-sm)}.grammar-number[data-v-a0830c96]{width:40px;height:40px;font-size:var(--font-size-md)}.pattern-row[data-v-a0830c96]{grid-template-columns:1fr}}.vocab-card[data-v-d715427f]{padding:15px;border:4px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);background-color:var(--container-bg-color);position:relative;overflow:hidden;transition:transform .2s ease-out;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.vocab-card[data-v-d715427f]:hover{transform:scale(1.05) translateZ(0);z-index:10}.vocab-card.marked-known[data-v-d715427f]{border-left:10px solid #2ECC71}.vocab-card.marked-unknown[data-v-d715427f]{border-left:10px solid #E74C3C}.vocab-card.marked-vague[data-v-d715427f]{border-left:10px solid #F1C40F}.vocab-header[data-v-d715427f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}.vocab-word[data-v-d715427f]{font-family:var(--font-body);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);flex:1}.vocab-word .furigana[data-v-d715427f]{font-size:var(--font-size-sm);color:#666}.vocab-header-right[data-v-d715427f]{display:flex;align-items:center;gap:8px}.vocab-pos[data-v-d715427f]{font-family:var(--font-pixel);font-size:var(--font-size-xs);background:var(--secondary-color);padding:4px 8px;border:2px solid var(--border-color);white-space:nowrap}.vocab-details p[data-v-d715427f]{margin:8px 0;font-size:var(--font-size-sm);line-height:1.6}.hidden-text[data-v-d715427f]{visibility:hidden;user-select:none}.detail-item-block[data-v-d715427f]{margin:8px 0}.detail-row[data-v-d715427f]{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm)}.vocab-details .label[data-v-d715427f]{font-weight:700;color:var(--text-color);flex-shrink:0;min-width:48px}.japanese-line[data-v-d715427f]{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.meaning-line[data-v-d715427f]{flex:1;min-width:0;font-size:var(--font-size-sm)}.japanese-text-ellipsis[data-v-d715427f]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.japanese-line[data-v-d715427f]{position:relative}.cell-tooltip[data-v-d715427f]{position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%);background-color:#fff9e6;color:#333;padding:16px 20px;border:3px solid #000000;border-left:6px solid #FFD93D;font-size:var(--font-size-sm);min-width:210px;max-width:400px;width:max-content;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none;box-shadow:6px 6px #0003;line-height:1.6;white-space:normal;word-break:break-all}.cell-tooltip[data-v-d715427f]:before{font-size:var(--font-size-md);margin-right:12px;flex-shrink:0;line-height:1;float:left}.cell-tooltip[data-v-d715427f]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#000}.japanese-line:hover .cell-tooltip[data-v-d715427f]{opacity:1;visibility:visible}.chinese-line[data-v-d715427f]{margin-top:4px;padding-left:56px;color:#666;font-size:var(--font-size-xs);border-bottom:1px solid #e0e0e0;padding-bottom:4px;position:relative}.chinese-text-ellipsis[data-v-d715427f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;cursor:help}.vocab-actions[data-v-d715427f]{position:absolute;bottom:-30px;left:0;right:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);padding:3px 0;transition:bottom .15s ease-out;gap:6px}.vocab-card:hover .vocab-actions[data-v-d715427f]{bottom:0}.action-btn[data-v-d715427f]{font-family:var(--font-body);font-size:11px;font-weight:700;color:#fff;background:none;border:2px solid white;border-radius:12px;padding:2px 8px;cursor:pointer;transition:all .15s}.action-btn[data-v-d715427f]:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.action-btn.toggle-btn[data-v-d715427f]{font-size:14px;padding:2px 6px;border-radius:50%;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.vocab-word[data-v-d715427f]{font-size:var(--font-size-lg)}.vocab-header-right[data-v-d715427f]{flex-direction:column;gap:4px}.action-btn[data-v-d715427f]{font-size:var(--font-size-xs);padding:4px 12px}}