:root{--kanji-char-size:3.25rem;--kanji-card-padding:16px;--kanji-card-min-height:175px;--cards-gap:12px;--meaning-size:1rem;--kanji-card-action-size:.82rem;--kanji-card-action-min-height:32px;--kanji-card-hover-shadow:0 4px 16px #0000001f;--kanji-card-hover-translate-y:-2px;--kanji-card-dark-shadow:var(--shadow-dark-soft);--kanji-card-dark-hover-shadow:var(--shadow-dark-strong);--app-content-offset-top-base:5em}.has-fixed-search .content-wrapper{padding-top:calc(var(--app-content-offset-top-base) + var(--app-search-stack-height))}.kanji-card-grid{gap:var(--cards-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.kanji-card{min-height:var(--kanji-card-min-height);background:var(--color-light-theme-surface);border-radius:var(--border-radius-card);padding:var(--kanji-card-padding);box-shadow:var(--shadow-light-soft);transition:all var(--transition-normal);border:var(--border-default-light-theme);flex-direction:column;display:flex}.kanji-card:hover{transform:translateY(var(--kanji-card-hover-translate-y));box-shadow:var(--kanji-card-hover-shadow);border-color:var(--color-light-theme-accent)}.kanji-header{align-items:center;margin-bottom:.4em;display:flex}.kanji-character{font-size:var(--kanji-char-size);color:var(--color-light-theme-text-default);font-weight:700;line-height:1;font-family:var(--font-family-japanese-font-stack)}.meaning{font-size:var(--meaning-size);color:var(--color-light-theme-text-default);margin-bottom:.9em;font-weight:600;line-height:1.3}.kanji-card-actions{gap:.5em;margin-top:auto;display:flex}.kanji-card-actions button:focus-visible{outline:none}.kanji-card-actions .modal-action-btn{width:auto;min-height:var(--kanji-card-action-min-height);font-size:var(--kanji-card-action-size);text-align:center;flex:1;justify-content:center;align-items:center;padding:.25em .7em;display:flex}.dark-mode .kanji-card{border:var(--border-default-dark-theme);background-color:var(--color-dark-theme-background-base);color:var(--color-dark-theme-text-default);box-shadow:var(--kanji-card-dark-shadow)}.dark-mode .kanji-card:hover{border-color:var(--color-dark-theme-border);box-shadow:var(--kanji-card-dark-hover-shadow)}.dark-mode .kanji-character,.dark-mode .meaning{color:var(--color-dark-theme-text-default)}@media (width>=769px){.kanji-card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){:root{--kanji-card-min-height:150px;--kanji-card-padding:13px;--kanji-char-size:3rem;--meaning-size:.95rem;--kanji-card-action-size:.78rem;--kanji-card-action-min-height:30px}.back-to-top{bottom:60px}}@media (width<=480px){:root{--kanji-char-size:2.6rem;--kanji-card-min-height:145px}.kanji-card-grid{grid-template-columns:1fr}}@media (width<=480px) and (orientation:landscape){:root{--kanji-card-min-height:136px;--kanji-card-padding:12px;--kanji-char-size:2.35rem}.kanji-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=481px) and (width<=768px){:root{--kanji-char-size:2.85rem;--kanji-card-min-height:150px}.kanji-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=481px) and (width<=768px) and (orientation:landscape){:root{--kanji-char-size:2.35rem;--kanji-card-padding:12px;--kanji-card-min-height:136px;--meaning-size:.85rem;--kanji-card-action-size:.74rem;--kanji-card-action-min-height:28px}}@media (width>=769px) and (width<=1024px){:root{--kanji-char-size:2.5rem;--kanji-card-padding:14px;--kanji-card-min-height:155px;--meaning-size:.9rem;--kanji-card-action-size:.78rem;--kanji-card-action-min-height:32px}}@media (width>=769px) and (width<=1024px) and (orientation:landscape){:root{--meaning-size:.8rem;--kanji-card-min-height:140px;--kanji-card-padding:12px;--kanji-card-action-size:.74rem;--kanji-card-action-min-height:30px}}@media (width>=1025px){:root{--cards-gap:16px;--kanji-card-min-height:170px}.kanji-card-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=769px) and (width<=1366px) and (orientation:landscape){.kanji-card-grid{grid-template-columns:repeat(3,1fr)}}