:root{--pill-size:58px;--pill-char-font-size:32px;--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))}.writing-practice-grid{grid-template-columns:repeat(auto-fill, minmax(var(--pill-size), 1fr));gap:var(--between-pills-gap);display:grid}.writing-practice-grid .kanji-pill{background-color:var(--color-light-theme-surface);border:var(--border-default-light-theme);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light-soft)}.dark-mode .writing-practice-grid .kanji-pill{color:var(--color-dark-theme-text-default);border:var(--border-default-dark-theme);background-color:var(--color-dark-theme-background-base)}.writing-practice-grid .kanji-pill:active{border-color:var(--color-light-theme-accent);box-shadow:var(--shadow-light-strong);background-color:var(--color-light-theme-sunken);transform:var(--transform-default)}.dark-mode .writing-practice-grid .kanji-pill:active{border-color:var(--color-dark-theme-border);box-shadow:var(--shadow-dark-strong);background-color:var(--color-dark-theme-surface)}.writing-practice-pill-wrapper{aspect-ratio:1;display:flex}.writing-practice-grid .kanji-pill-linked .kanji-pill-glyph{color:var(--color-light-theme-text-default)}.dark-mode .writing-practice-grid .kanji-pill-linked .kanji-pill-glyph{color:var(--color-dark-theme-text-default)}@media (hover:hover){.writing-practice-grid .kanji-pill:hover{box-shadow:var(--shadow-light-strong);background-color:var(--color-light-theme-sunken);border-color:var(--color-light-theme-accent);transform:var(--transform-default)}.dark-mode .writing-practice-grid .kanji-pill:hover{border-color:var(--color-dark-theme-border);box-shadow:var(--shadow-dark-strong);background-color:var(--color-dark-theme-surface)}}@media (width<=768px) and (orientation:portrait){:root{--pill-size:44px;--pill-char-font-size:24px}}@media (width<=768px) and (orientation:landscape){:root{--pill-char-font-size:30px}}