:root{--mnemonic-modal-max-width:620px;--mnemonic-modal-padding:1.25em;--mnemonic-modal-max-height:82dvh;--mnemonic-svg-size:104px;--mnemonic-meaning-font-size:1rem;--mnemonic-reading-font-size:.84rem;--mnemonic-text-font-size:.98rem;--mnemonic-section-label-font-size:.86rem;--radical-external-icon-size:calc(var(--pill-size) * .27);--mnemonic-keyword:#cc2020;--mnemonic-accent-label:#c07a00;--mnemonic-accent-linked:var(--color-light-theme-accent);--mnemonic-accent-linked-bg:#7b542f1a;--mnemonic-accent-radical:#c07a00;--mnemonic-accent-radical-bg:#c07a001a;--mnemonic-text-muted:#655f56}.dark-mode{--mnemonic-keyword:#c07a00;--mnemonic-accent-label:var(--color-dark-theme-accent);--mnemonic-accent-linked:var(--color-dark-theme-accent);--mnemonic-accent-linked-bg:#86b6f61f;--mnemonic-accent-radical:var(--color-dark-theme-text-default);--mnemonic-accent-radical-bg:#eae0cf1f;--mnemonic-text-muted:var(--color-dark-theme-text-muted)}body.writing-kanji-modal-open .mnemonic-overlay.open{z-index:var(--z-index-modal-overlay-stacked)}.mnemonic-modal-content{scrollbar-width:none;flex:1;min-height:0;line-height:1.65;overflow-y:auto}.mnemonic-modal-content::-webkit-scrollbar{display:none}.mnemonic-modal{width:100%;max-width:var(--mnemonic-modal-max-width);max-height:var(--mnemonic-modal-max-height);padding:var(--mnemonic-modal-padding);flex-direction:column;display:flex}.mnemonic-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9em;margin-bottom:1em;padding-right:2.25em;display:grid}.mnemonic-visual-block{flex-direction:column;flex-shrink:0;align-items:center;gap:.35em;display:flex}.mnemonic-svg-container{width:var(--mnemonic-svg-size);height:var(--mnemonic-svg-size);border:var(--border-thin-light-theme);border-radius:var(--border-radius-medium);background-color:var(--color-light-theme-sunken);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.dark-mode .mnemonic-svg-container{border:var(--border-thin-dark-theme);background-color:var(--color-dark-theme-background-default)}.mnemonic-svg-container .inline-svg-host,.mnemonic-svg-container .inline-svg-host svg{width:var(--mnemonic-svg-size);height:var(--mnemonic-svg-size);display:block}.svg-stroke-label{border-radius:var(--border-radius-small);border:1px solid var(--color-light-theme-accent);color:#fff;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 4px;font-family:sans-serif;font-size:9px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;top:6px;left:6px}.dark-mode .svg-stroke-label{border:1px solid var(--color-dark-theme-accent);background:#fff3}.mnemonic-stroke-count{width:100%;color:var(--mnemonic-text-muted);text-align:center;font-size:.72rem;font-weight:600;line-height:1.2}.mnemonic-header-copy{min-width:0;padding-top:.2em}.mnemonic-kanji-meaning{min-width:0;max-width:20ch;font-size:var(--mnemonic-meaning-font-size);color:var(--color-light-theme-text-default);margin-top:-.5em;margin-bottom:.45em;font-weight:600;line-height:1.45}.dark-mode .mnemonic-kanji-meaning{color:var(--color-dark-theme-text-default)}.mnemonic-readings{gap:.25em;display:grid}.mnemonic-reading-line{min-width:0;font-size:var(--mnemonic-reading-font-size);grid-template-columns:2.6em minmax(0,1fr);align-items:baseline;gap:.4em;line-height:1.35;display:grid}.mnemonic-reading-label{color:var(--mnemonic-accent-label);letter-spacing:.08em;font-size:.72em;font-weight:700}.mnemonic-reading-text{min-width:0;color:var(--mnemonic-text-muted);font-family:var(--font-family-japanese-font-stack)}.mnemonic-section{margin-bottom:.7em}.mnemonic-section:last-child{margin-bottom:0}.mnemonic-section-label{font-size:var(--mnemonic-section-label-font-size);text-transform:uppercase;letter-spacing:.06em;color:var(--mnemonic-accent-label);margin:0 0 .45em;font-weight:700}.mnemonic-section-boxed{background:var(--color-light-theme-sunken);border:var(--border-thin-light-theme);border-radius:var(--border-radius-medium);padding:.65em}.dark-mode .mnemonic-section-boxed{border:var(--border-thin-dark-theme);background:var(--color-dark-theme-background-default)}.mnemonic-text{font-size:var(--mnemonic-text-font-size);color:var(--color-light-theme-text-default);margin:0;line-height:1.75}.dark-mode .mnemonic-text{color:var(--color-dark-theme-text-default)}.mnemonic-keyword{color:var(--mnemonic-keyword);font-weight:600}.mnemonic-footnote{color:#666;margin:0 0 .3em;font-size:.84rem;line-height:1.55}.dark-mode .mnemonic-footnote{color:var(--color-dark-theme-text-muted)}.related-kanji-list,.radical-list{grid-template-columns:repeat(auto-fill, minmax(var(--pill-size), 1fr));gap:var(--between-pills-gap);display:grid}.kanji-pill-linked{cursor:pointer;transition:background var(--transition-fast);border-color:#7b542fbf}.kanji-pill-linked .kanji-pill-glyph{color:var(--mnemonic-accent-linked)}.dark-mode .kanji-pill-linked{border-color:#86b6f6b3}.dark-mode .kanji-pill-linked .kanji-pill-glyph{color:var(--mnemonic-accent-linked)}.kanji-pill-linked:active{background:var(--mnemonic-accent-linked-bg)}.kanji-pill-unlinked{cursor:default;border-color:var(--color-light-theme-border)}.dark-mode .kanji-pill-unlinked{border-color:var(--color-dark-theme-sunken)}.kanji-pill-glyph{color:#999}.dark-mode .kanji-pill-glyph{color:var(--color-dark-theme-sunken)}.radical-pill{aspect-ratio:1;width:100%;color:var(--mnemonic-accent-radical);border:1px solid var(--mnemonic-accent-radical);border-radius:var(--border-radius-medium);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.radical-pill:active{background:var(--mnemonic-accent-radical-bg)}.radical-kanji-char{color:var(--mnemonic-accent-radical);font-size:var(--pill-char-font-size);font-family:var(--font-family-japanese-font-stack);font-weight:700;line-height:1}.radical-external-icon{width:var(--radical-external-icon-size);height:var(--radical-external-icon-size);opacity:.8;pointer-events:none;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:1px;right:1px}.radical-external-icon svg{width:var(--radical-external-icon-size);height:var(--radical-external-icon-size);display:block}.dark-mode .radical-external-icon svg{filter:invert()}.kanji-pill-linked,.radical-pill{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kanji-pill-linked:focus-visible,.radical-pill:focus-visible{outline:2px solid var(--mnemonic-accent-linked);outline-offset:2px}@media (hover:hover){.kanji-pill-linked:hover{background:var(--mnemonic-accent-linked-bg)}.radical-pill:hover{background:var(--mnemonic-accent-radical-bg)}}@media (width<=768px) and (orientation:portrait){:root{--mnemonic-svg-size:76px;--mnemonic-modal-padding:1em;--mnemonic-modal-max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 15px);--mnemonic-meaning-font-size:.92rem;--mnemonic-reading-font-size:.76rem;--modal-close-size:30px;--modal-close-font-size:.9rem;--mnemonic-section-label-font-size:.76rem;--mnemonic-text-font-size:.82rem}.mnemonic-overlay{scrollbar-width:none;padding:calc(env(safe-area-inset-top) + 12px) 8px calc(env(safe-area-inset-bottom) + 12px);justify-content:center;align-items:center;overflow-y:auto}.mnemonic-overlay::-webkit-scrollbar{display:none}.mnemonic-modal{width:100%;max-width:100%;max-height:var(--mnemonic-modal-max-height);border-radius:var(--border-radius-card)}.mnemonic-header{gap:.7em;margin-bottom:.85em;padding-right:2em}.mnemonic-stroke-count{font-size:.66rem}.mnemonic-modal-content{padding-bottom:12px}}@media (width<=768px) and (orientation:landscape){:root{--mnemonic-svg-size:66px;--mnemonic-modal-max-width:72vw;--mnemonic-modal-padding:.85em 1em;--mnemonic-modal-max-height:86dvh;--mnemonic-meaning-font-size:.9rem;--mnemonic-reading-font-size:.72rem;--modal-close-size:30px;--modal-close-font-size:.9rem;--mnemonic-section-label-font-size:.72rem;--mnemonic-text-font-size:.78rem}.mnemonic-overlay{padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 10px) calc(env(safe-area-inset-bottom) + 10px) calc(env(safe-area-inset-left) + 10px);justify-content:center;align-items:center}.mnemonic-header{gap:.65em;margin-bottom:.75em;padding-right:2em}.mnemonic-stroke-count{font-size:.64rem}}@media (width>=769px) and (width<=1024px) and (orientation:portrait){:root{--mnemonic-svg-size:100px;--mnemonic-modal-max-width:680px;--mnemonic-modal-padding:1.4em;--mnemonic-text-font-size:.96rem}}@media (width>=769px) and (width<=1024px) and (orientation:landscape){:root{--mnemonic-svg-size:74px;--mnemonic-modal-max-width:66vw;--mnemonic-modal-padding:.9em 1.1em;--mnemonic-modal-max-height:82dvh;--pill-char-font-size:24px;--mnemonic-section-label-font-size:.72rem;--mnemonic-text-font-size:.86rem}}@media (width>=1025px){:root{--mnemonic-svg-size:108px;--mnemonic-modal-max-width:620px}}