:root{--writing-message-success:#16a34a;--writing-message-error:#b91c1c}.dark-mode{--writing-message-success:#50fa7b;--writing-message-error:#ff6e6e}.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-svg-container{contain:layout paint;isolation:isolate;background-color:var(--color-light-theme-sunken);border-radius:var(--border-radius-medium);border:var(--border-thin-light-theme);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-svg-container[data-effect=stroke]{color:var(--writing-message-success);border-color:currentColor;animation:.4s ease-out writing-canvas-pulse-single}.writing-kanji-svg-container[data-effect=error]{color:var(--writing-message-error);border-color:currentColor;animation:.4s ease-out writing-canvas-pulse-single}.writing-kanji-svg-container[data-effect=success]{color:var(--writing-message-success);border-color:currentColor;animation:.9s ease-out writing-canvas-pulse-success}@keyframes writing-canvas-pulse-single{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 12px 2px}}@keyframes writing-canvas-pulse-success{0%,25%,50%,75%,to{box-shadow:inset 0 0 #0000}12.5%,37.5%,62.5%,87.5%{box-shadow:inset 0 0 12px 2px}}@media (prefers-reduced-motion:reduce){.writing-kanji-svg-container[data-effect=stroke],.writing-kanji-svg-container[data-effect=error],.writing-kanji-svg-container[data-effect=success]{animation:.4s ease-out writing-canvas-pulse-steady}@keyframes writing-canvas-pulse-steady{0%,60%{box-shadow:inset 0 0 10px 1px}to{box-shadow:inset 0 0 #0000}}}.writing-kanji-controls button:focus-visible{outline:none}.writing-kanji-controls button{justify-content:center;align-items:center;font-weight:500;display:flex}.writing-kanji-control-icon{width:var(--writing-kanji-control-icon-size);height:var(--writing-kanji-control-icon-size);color:var(--color-light-theme-accent)}.dark-mode .writing-kanji-control-icon{color:var(--modal-button-color-dark)}.writing-kanji-guide-btn:disabled{opacity:.45;cursor:default;pointer-events:none}