:root{--kanji-modal-header-gap:.5em;--kanji-modal-header-text-muted:#655f56;--writing-canvas-controls-gap:.7rem;--writing-kanji-canvas-size:min(72vw, 52dvh, 420px);--writing-kanji-control-btn-size:46px;--writing-kanji-control-icon-size:24px;--writing-trace-line-width-svg:45;--writing-dot-radius-svg:30}@media (width<=768px) and (orientation:portrait){.kanji-writing-overlay,.radical-ctx-tabbed{padding:calc(env(safe-area-inset-top) + 12px) var(--modal-overlay-inset-x) calc(env(safe-area-inset-bottom) + 12px)}}@media (height<=768px) and (orientation:landscape){:root{--writing-kanji-canvas-size:min(64dvh, 38vw);--writing-modal-surface-inset:.7rem}.kanji-write-surface{--writing-kanji-canvas-size:min(76dvh, 480px)}}@media (width>=1025px){:root{--writing-kanji-canvas-size:min(48vw, 58dvh, 430px)}}.kanji-modal-header{gap:var(--kanji-modal-header-gap) .65em;grid-template-rows:auto auto;grid-template-columns:max-content max-content minmax(0,1fr);justify-content:start;align-items:baseline;padding-right:2.25em;display:grid}.kanji-modal-header-glyph{color:var(--color-light-theme-text-default);grid-area:1/1;font-size:2.5em;font-weight:500;line-height:1.2}.dark-mode .kanji-modal-header-glyph{color:var(--color-dark-theme-text-default)}.kanji-modal-header-strokes{font-size:var(--14px);color:var(--kanji-modal-header-text-muted);grid-area:1/2;align-self:baseline;line-height:1.2}.kanji-modal-header-meaning{font-size:var(--16px);color:var(--kanji-modal-header-text-muted);grid-area:2/1/auto/-1;line-height:1.4}.dark-mode .kanji-modal-header-strokes,.dark-mode .kanji-modal-header-meaning{color:var(--color-dark-theme-text-muted)}@media (width<=768px){.kanji-modal-header-glyph{font-size:2em}}@media (width<=480px){.kanji-modal-header-glyph{font-size:1.75em}}.kanji-write-surface{overscroll-behavior:contain;overflow:hidden}.kanji-write-surface .writing-kanji-controls{align-items:center;gap:var(--writing-canvas-controls-gap);display:flex}.kanji-write-surface .writing-kanji-controls>*{width:var(--writing-kanji-control-btn-size);height:var(--writing-kanji-control-btn-size);min-width:var(--writing-kanji-control-btn-size);min-height:var(--writing-kanji-control-btn-size);flex:none;padding:0}@media (orientation:landscape){.kanji-write-surface{grid-template-columns:var(--writing-kanji-canvas-size) var(--writing-kanji-control-btn-size);column-gap:var(--writing-canvas-controls-gap);grid-template-rows:auto;justify-content:center;align-items:start;display:grid}.kanji-write-surface .writing-kanji-svg-container{width:var(--writing-kanji-canvas-size);height:var(--writing-kanji-canvas-size);flex:none;grid-area:1/1;place-self:start center}.kanji-write-surface .writing-kanji-controls{flex-direction:column;grid-area:1/2;justify-content:flex-start;align-self:start;width:100%}}@media (orientation:portrait){:root{--writing-kanji-canvas-size:min(82vw, 400px)}.kanji-writing-modal{flex-direction:column;display:flex}.kanji-writing-modal .kanji-writing-content{flex-direction:column;flex:auto;min-height:0;display:flex}.kanji-writing-content .kanji-write-surface{justify-content:center;align-items:center;row-gap:var(--writing-canvas-controls-gap);flex-direction:column;flex:auto;min-height:0;display:flex}.kanji-write-surface .writing-kanji-svg-container{width:min(100%, var(--writing-kanji-canvas-size));aspect-ratio:1;flex:none;height:auto}.kanji-write-surface .writing-kanji-controls{flex-direction:row;flex:none;justify-content:center;width:auto}}@media (height<=768px) and (orientation:landscape){@media (display-mode:standalone),(display-mode:fullscreen){.kanji-write-surface{--writing-kanji-canvas-size:min(78dvh, 480px);--writing-trace-line-width-svg:38;--writing-dot-radius-svg:24}}.modal-panel.kanji-writing-modal{--kanji-writing-rail-width:clamp(118px, 17vw, 148px);--kanji-writing-right-width:clamp(62px, 8vw, 72px);grid-template-columns:minmax(0, var(--kanji-writing-rail-width)) minmax(0, 1fr) var(--kanji-writing-right-width);grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:start;display:grid;position:relative;overflow:hidden}.modal-panel.kanji-writing-modal:before{content:"";top:0;bottom:0;left:calc(var(--modal-box-padding) + var(--kanji-writing-rail-width));border-left:1px solid var(--color-light-theme-border);pointer-events:none;z-index:1;width:0;position:absolute}.dark-mode .modal-panel.kanji-writing-modal:before{border-left-color:var(--color-dark-theme-border)}.kanji-writing-modal .kanji-modal-header{display:contents}.kanji-writing-modal .kanji-modal-header-glyph{z-index:2;grid-area:1/1;place-self:start;font-size:2.15em}.kanji-writing-modal .kanji-modal-header-strokes{z-index:2;grid-area:1/1;place-self:start;margin-top:4.25em}.kanji-writing-modal .kanji-modal-header-meaning{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;min-height:0;font-size:var(--15px);white-space:normal;overflow-wrap:normal;word-break:normal;z-index:2;grid-area:2/1;padding-top:1.05em;padding-bottom:.75em;padding-right:.75em;line-height:1.4;overflow:hidden auto}.kanji-writing-modal .kanji-modal-header-meaning::-webkit-scrollbar{display:none}.kanji-writing-modal .kanji-writing-content{min-width:0;min-height:0;padding:0 var(--writing-modal-surface-inset);grid-area:1/2/-1;align-self:stretch;overflow:hidden}.kanji-writing-modal .kanji-write-surface{width:100%}}