:root{--writing-kanji-modal-max-width:460px;--writing-kanji-modal-padding:calc(var(--modal-close-size) + .6em) .9em .9em;--writing-kanji-canvas-size:min(72vw, 52dvh, 420px);--writing-kanji-title-size:1.5rem;--writing-kanji-subtitle-size:1.3rem;--writing-kanji-message-size:.82rem;--writing-message-success:#16a34a;--writing-message-error:#b91c1c;--writing-kanji-mnemonic-pill-size:42px;--writing-kanji-mnemonic-font-size:.88rem}.dark-mode{--writing-message-success:#50fa7b;--writing-message-error:#ff6e6e}#writing-kanji-svg-host{z-index:var(--z-index-writing-kanji-svg-layer);width:100%;min-width:100%;height:100%;min-height:100%;position:relative}#writing-kanji-svg-host svg{z-index:var(--z-index-writing-kanji-svg-layer);width:100%;height:100%;display:block}.writing-kanji-canvas{z-index:var(--z-index-writing-kanji-canvas-layer);border-radius:var(--border-radius-medium);cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}#writing-kanji-dots-overlay{z-index:var(--z-index-writing-kanji-dots-layer);pointer-events:none;position:absolute;inset:0}.writing-kanji-modal{width:100%;max-width:var(--writing-kanji-modal-max-width);padding:var(--writing-kanji-modal-padding);flex-direction:column;align-items:center;display:flex;position:relative}.writing-kanji-close{z-index:2;position:absolute;top:.55em;right:.55em}.writing-kanji-side-panel{display:contents}.writing-kanji-header{width:min(100%, var(--writing-kanji-canvas-size));text-align:center;order:1;margin:0 0 .75em;padding-right:0;line-height:1.5}.writing-kanji-title{color:var(--color-light-theme-text-default);font-size:var(--writing-kanji-title-size);text-align:left;margin-bottom:.3em;font-weight:700}.writing-kanji-subtitle{color:#666;font-size:var(--writing-kanji-subtitle-size);font-weight:600}.dark-mode .writing-kanji-title{color:var(--color-dark-theme-text-default)}.dark-mode .writing-kanji-subtitle{color:var(--color-dark-theme-text-muted)}.writing-kanji-svg-container{contain:layout paint;isolation:isolate;width:var(--writing-kanji-canvas-size);height:var(--writing-kanji-canvas-size);background-color:var(--color-light-theme-sunken);border-radius:var(--border-radius-medium);border:var(--border-thin-light-theme);order:2;min-width:0;min-height:0;position:relative;overflow:hidden}.dark-mode .writing-kanji-svg-container{background-color:var(--color-dark-theme-background-default);border:var(--border-thin-dark-theme)}.writing-kanji-controls{width:min(100%, var(--writing-kanji-canvas-size));order:3;justify-content:center;gap:.6em;margin-top:.75em;display:flex}.writing-kanji-controls button:focus-visible{outline:none}.writing-kanji-controls>*{flex:1 1 0;min-width:0}.writing-kanji-controls button{justify-content:center;align-items:center;width:100%;min-height:44px;font-weight:500;display:flex}.writing-kanji-mnemonic-btn[hidden]{display:none}.writing-kanji-guide-btn:disabled{opacity:.45;cursor:default;pointer-events:none}.writing-kanji-message{width:min(100%, var(--writing-kanji-canvas-size));text-align:center;min-height:1.4em;font-size:var(--writing-kanji-message-size);order:4;margin:.75em 0 0;font-family:inherit;font-weight:600;line-height:1.35;transition:none}.writing-kanji-message[data-type=success]{color:var(--writing-message-success)}.writing-kanji-message[data-type=error]{color:var(--writing-message-error)}.writing-kanji-mnemonic-btn{font:inherit;font-size:var(--writing-kanji-mnemonic-font-size);color:var(--color-light-theme-accent);border:var(--border-thin-accent-light-theme);border-radius:var(--border-radius-medium);cursor:pointer;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;gap:.55em;padding:.45em 1em;font-weight:600;display:flex}.dark-mode .writing-kanji-mnemonic-btn{color:var(--modal-button-color-dark);border:var(--border-thin-dark-theme)}.writing-kanji-mnemonic-pill.kanji-pill{width:100%;min-width:0;height:32px;min-height:32px;color:var(--modal-button-color-light);background-color:var(--color-light-theme-surface);border:none;flex:none;padding:0}.dark-mode .writing-kanji-mnemonic-pill.kanji-pill{background:var(--color-dark-theme-background-base);border:none}.dark-mode .writing-kanji-mnemonic-pill .kanji-pill-glyph{color:var(--modal-button-color-dark)}.writing-kanji-mnemonic-pill .kanji-pill-glyph{font-size:calc(var(--writing-kanji-mnemonic-pill-size) * .52);color:var(--color-light-theme-accent)}.writing-kanji-mnemonic-btn .writing-kanji-mnemonic-pill.kanji-pill{pointer-events:none;background:0 0}.writing-kanji-mnemonic-text{white-space:nowrap;min-width:0;line-height:1.2}.writing-kanji-mnemonic-btn:focus-visible{outline:2px solid var(--color-light-theme-accent);outline-offset:2px}.dark-mode .writing-kanji-mnemonic-btn:focus-visible{outline-color:var(--color-dark-theme-accent)}.writing-kanji-mnemonic-btn:active{background:#0000000f}.dark-mode .writing-kanji-mnemonic-btn:active{background:#ffffff14}@media (hover:hover){.writing-kanji-mnemonic-btn:hover{background:#0000000d}.dark-mode .writing-kanji-mnemonic-btn:hover{background:#ffffff0f}}@media (width<=768px) and (orientation:portrait){:root{--writing-kanji-modal-max-width:92vw;--writing-kanji-modal-padding:calc(var(--modal-close-size) + .55em) .85em .85em;--writing-kanji-canvas-size:min(76vw, 50dvh);--writing-kanji-title-size:.9rem;--writing-kanji-subtitle-size:.9rem;--writing-kanji-message-size:1rem;--writing-kanji-mnemonic-pill-size:38px;--writing-kanji-mnemonic-font-size:.82rem}.writing-kanji-overlay{padding:calc(env(safe-area-inset-top) + 12px) 10px calc(env(safe-area-inset-bottom) + 12px)}}@media (height<=768px) and (orientation:landscape){:root{--writing-kanji-modal-max-width:min(90vw, 920px);--writing-kanji-modal-padding:.75em;--writing-kanji-canvas-size:min(64dvh, 38vw);--writing-kanji-title-size:1.1rem;--writing-kanji-subtitle-size:1.1rem;--writing-kanji-message-size:1rem;--writing-kanji-mnemonic-pill-size:44px;--writing-kanji-mnemonic-font-size:.78rem}.writing-kanji-overlay{padding:calc(env(safe-area-inset-top) + 8px) 10px calc(env(safe-area-inset-bottom) + 8px);align-items:center}.writing-kanji-modal{width:auto;max-width:var(--writing-kanji-modal-max-width);grid-template-columns:var(--writing-kanji-canvas-size) minmax(220px, 1fr);grid-template-rows:auto auto;align-items:start;gap:.85em 1em;display:grid}.writing-kanji-svg-container{grid-area:1/1}.writing-kanji-side-panel{min-width:0;padding-top:calc(var(--modal-close-size) + .35em);flex-direction:column;grid-area:1/2;display:flex}.writing-kanji-header{text-align:left;width:100%;margin:0}.writing-kanji-subtitle{text-align:left}.writing-kanji-message{width:100%;margin-top:.75em}.writing-kanji-controls{grid-area:2/1/auto/-1;width:100%;margin:0}}@media (width>=1025px){:root{--writing-kanji-modal-max-width:560px;--writing-kanji-canvas-size:min(48vw, 58dvh, 430px)}}