:root{--kanji-char-size:3.25rem;--kanji-card-padding:var(--base-space-4);--kanji-card-min-height:175px;--cards-gap:var(--base-space-3);--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;--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(--base-border-radius-large);padding:var(--kanji-card-padding);box-shadow:var(--base-shadow-surface);transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--base-motion-duration-default);transition-timing-function:var(--base-motion-easing-standard);border:var(--base-border-default);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:var(--base-line-height-solid);font-family:var(--font-family-japanese-font-stack)}.meaning{font-size:var(--meaning-size);color:var(--color-light-theme-text-default);font-weight:600;line-height:var(--base-line-height-snug);margin-bottom:.9em}.kanji-card-actions{grid-template-columns:1fr 1fr;gap:.5em;margin-top:auto;display:grid}.kanji-card-actions .modal-action-btn{width:100%;min-height:var(--kanji-card-action-min-height);font-size:var(--kanji-card-action-size);text-align:center;grid-template-columns:auto 1fr;place-items:center;padding:.25em .5em;display:grid}.kanji-card-actions .modal-action-btn-icon{justify-self:start;width:1.5em;height:1.5em}.kanji-card-actions .modal-action-btn-icon svg{fill:currentColor}.dark-mode .kanji-card{background-color:var(--color-dark-theme-background-base);color:var(--color-dark-theme-text-default)}.dark-mode .kanji-card:hover{border-color:var(--color-dark-theme-border);box-shadow:var(--base-shadow-raised)}.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:var(--base-space-3);--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:var(--base-space-3);--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:var(--base-space-3);--kanji-card-action-size:.74rem;--kanji-card-action-min-height:30px}}@media (width>=1025px){:root{--cards-gap:var(--base-space-4);--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)}}