.kanji-card[data-v-e190a346]{background:var(--color-card-bg);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);cursor:pointer;padding:var(--spacing-m);position:relative;transition:var(--transition-lift)}.favorite-star[data-v-e190a346]{background:none;border:none;border-radius:var(--radius-circle);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-medium);line-height:1;opacity:.4;padding:var(--spacing-mini);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:var(--transition-all)}.kanji-card:hover .favorite-star[data-v-e190a346]{opacity:.7}.favorite-star.is-favorite[data-v-e190a346]{color:var(--color-warning);opacity:1}.favorite-star[data-v-e190a346]:hover{color:var(--color-warning);transform:scale(1.2)}.kanji-card[data-v-e190a346]:hover{box-shadow:var(--shadow-hover-card);transform:translateY(-5px)}.kanji-literal[data-v-e190a346]{color:var(--color-primary-indigo);font-size:var(--font-size-huge);margin-bottom:var(--spacing-s);text-align:center}.kanji-section[data-v-e190a346]{margin-bottom:var(--spacing-xs)}.kanji-section h2[data-v-e190a346]{color:var(--color-text-secondary);font-size:var(--font-size-nano);letter-spacing:var(--letter-spacing-label);margin-bottom:var(--spacing-mini);text-transform:uppercase}.kanji-section p[data-v-e190a346]{color:var(--color-text-primary);font-size:var(--font-size-small);line-height:var(--line-height-base)}.kanji-meanings[data-v-e190a346]{color:var(--color-secondary-indigo);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.kanji-readings[data-v-e190a346]{display:flex;flex-wrap:wrap;gap:var(--gap-tiny)}.reading-tag[data-v-e190a346]{background:var(--color-bg-lighter-gray);border-radius:var(--radius-pill);display:inline-block;font-size:var(--font-size-tiny);padding:var(--spacing-micro) var(--spacing-xs)}.kanji-stats[data-v-e190a346]{border-top:1px solid var(--color-border-light);display:grid;gap:var(--gap-xxs);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.stat-item[data-v-e190a346]{font-size:var(--font-size-tiny)}.stat-label[data-v-e190a346]{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-value[data-v-e190a346]{color:var(--color-text-primary);margin-left:var(--spacing-mini)}.modal-overlay[data-v-08f84e0d]{align-items:center;background:var(--modal-overlay-bg);display:flex;justify-content:center;inset:0;padding:var(--spacing-l);position:fixed;z-index:var(--z-index-modal)}.modal-content[data-v-08f84e0d]{background:var(--color-card-bg);border-radius:var(--radius-large);box-shadow:var(--shadow-dramatic);max-height:var(--modal-max-height);max-width:var(--modal-max-width);overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-xl);position:relative;width:100%}.close-button[data-v-08f84e0d]{align-items:center;background:none;border:none;border-radius:var(--radius-circle);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-large);height:var(--size-close-button);justify-content:center;line-height:var(--line-height-tight);padding:0;position:absolute;right:var(--spacing-base);top:var(--spacing-base);transition:var(--transition-background),var(--transition-color);width:var(--size-close-button)}.close-button[data-v-08f84e0d]:hover{background:var(--color-bg-lighter-gray);color:var(--color-text-primary)}.error[data-v-08f84e0d],.loading[data-v-08f84e0d]{font-size:var(--font-size-medium);padding:var(--spacing-xxl);text-align:center}.error[data-v-08f84e0d]{color:var(--color-error-border)}.modal-title[data-v-08f84e0d]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-l);text-align:center}.kanji-literal[data-v-08f84e0d]{color:var(--color-primary-indigo);font-size:var(--font-size-giant)}.kanji-meanings[data-v-08f84e0d]{color:var(--color-secondary-indigo);font-size:var(--font-size-medium-plus);font-weight:var(--font-weight-medium)}.modal-actions[data-v-08f84e0d]{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;margin:var(--spacing-l) auto}.detail-page-link[data-v-08f84e0d]{background:var(--color-button-primary);border-radius:var(--radius-small);color:var(--color-button-text);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-l);text-align:center;text-decoration:none;transition:var(--transition-lift)}.detail-page-link[data-v-08f84e0d]:hover{box-shadow:var(--shadow-hover-button);transform:translateY(-2px)}.readings-section[data-v-08f84e0d]{display:flex;gap:var(--spacing-l);justify-content:space-around;margin-bottom:var(--spacing-l)}.reading-group[data-v-08f84e0d]{max-width:var(--max-width-reading-group)}.reading-group h3[data-v-08f84e0d]{color:var(--color-text-secondary);font-size:var(--font-size-tiny);letter-spacing:var(--letter-spacing-label);margin-bottom:var(--spacing-xs);text-transform:uppercase}.reading-tags[data-v-08f84e0d]{display:flex;flex-wrap:wrap;gap:var(--gap-tiny)}.reading-tag[data-v-08f84e0d]{background:var(--color-bg-lighter-gray);border-radius:var(--radius-pill);display:inline-block;font-size:var(--font-size-small);padding:var(--spacing-xxs) var(--spacing-base)}.kanji-details[data-v-08f84e0d]{background:var(--color-bg-light-gray);border-radius:var(--radius-small);display:grid;gap:var(--gap-minor);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl);padding:var(--spacing-l)}.detail-item[data-v-08f84e0d]{text-align:center}.detail-label[data-v-08f84e0d]{color:var(--color-text-secondary);display:block;font-size:var(--font-size-tiny);letter-spacing:var(--letter-spacing-label);margin-bottom:var(--spacing-mini);text-transform:uppercase}.detail-value[data-v-08f84e0d]{color:var(--color-text-primary);display:block;font-size:var(--font-size-medium);font-weight:var(--font-weight-bold)}.similar-header[data-v-08f84e0d]{align-items:flex-start;display:flex;gap:var(--spacing-base);justify-content:space-between;margin-bottom:var(--spacing-l)}.similar-title[data-v-08f84e0d]{color:var(--color-text-primary);font-size:var(--font-size-medium-large);margin-bottom:var(--spacing-mini)}.similar-subtitle[data-v-08f84e0d]{color:var(--color-text-secondary);font-size:var(--font-size-small)}.no-similar[data-v-08f84e0d]{color:var(--color-text-tertiary);font-size:var(--font-size-medium);padding:var(--spacing-xxl);text-align:center}.similar-grid[data-v-08f84e0d]{display:grid;gap:var(--gap-minor);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.similar-card[data-v-08f84e0d]{background:var(--color-bg-light-gray);border:2px solid transparent;border-radius:var(--radius-medium);color:inherit;cursor:pointer;display:block;padding:var(--spacing-l);text-align:center;text-decoration:none;transition:var(--transition-lift)}.similar-card[data-v-08f84e0d]:hover{border-color:var(--color-primary-indigo);box-shadow:var(--shadow-medium);transform:translateY(-3px)}.similar-literal[data-v-08f84e0d]{color:var(--color-primary-indigo);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xxs)}.similar-meanings[data-v-08f84e0d]{color:var(--color-text-primary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);min-height:var(--spacing-xxl)}.similar-stats[data-v-08f84e0d]{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-micro);justify-content:space-around;padding-top:var(--spacing-xs)}.quiz-similar-button[data-v-08f84e0d]{background:var(--color-button-primary);border:none;border-radius:var(--radius-small);color:var(--color-button-text);cursor:pointer;flex-shrink:0;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);padding:var(--spacing-xxs) var(--spacing-base);transition:var(--transition-lift);white-space:nowrap}.quiz-similar-button[data-v-08f84e0d]:hover{box-shadow:var(--shadow-hover-button);transform:translateY(-1px)}@media(max-width:768px){.readings-section[data-v-08f84e0d]{flex-direction:column;gap:var(--spacing-base)}.kanji-details[data-v-08f84e0d]{grid-template-columns:repeat(2,1fr)}.similar-grid[data-v-08f84e0d]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kanji-literal[data-v-08f84e0d]{font-size:var(--font-size-xl)}.similar-literal[data-v-08f84e0d]{font-size:var(--font-size-xl-minus)}}