/* Color and motion belong to selected words, without moving the lines around. */
.ink-accent { --word-color:#76438f; color:var(--word-color); }
.ink-violet { --word-color:#794295; }
.ink-rose { --word-color:#a1306c; }
.ink-blue { --word-color:#22569c; }
.ink-teal { --word-color:#176b62; }
.ink-accent,.ink-bold {
  font-weight:700; font-synthesis:weight;
  text-shadow:.35px 0 currentColor;
}
.ink-bold { color:var(--word-color,#6b378d); }
.ink-italic { color:inherit; font-style:italic; font-synthesis:style; }
.ink-underline {
  text-decoration:none;
  background-image:linear-gradient(90deg,#bda0e580,#ef8abeaa 24%,#69c8e8bb 47%,#c49be3aa 70%,#bda0e580);
  background-size:210% .085em;
  background-position:0 100%; background-repeat:no-repeat;
  padding-bottom:.06em;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.ink-motion.ink-in-view { animation:omnia-word-glow 6s steps(4,end) infinite; }
.ink-underline.ink-in-view { animation:omnia-word-underline 6s steps(16,end) infinite; }
.ink-accent:hover,.ink-bold:hover { text-shadow:.5px 0 currentColor,0 0 7px #bd93e55c; }
@keyframes omnia-word-underline {
  0%,20%,100% { background-position:0 100%; }
  60%,80% { background-position:100% 100%; }
}
@keyframes omnia-word-glow {
  0%,30%,100% { text-shadow:.35px 0 currentColor; }
  60%,75% { text-shadow:.5px 0 currentColor,0 0 6px #b58ee54d; }
}

.text-format-editor { margin-block:17px; }
.text-format-editor>label { margin-block:0; }
.text-format-toolbar {
  display:flex; flex-wrap:wrap; align-items:center; gap:9px;
  padding:12px; border:2px solid #b799cb; border-bottom:0;
  background:linear-gradient(110deg,#e0f3ff,#f1dfff,#ffe8f0);
  box-shadow:inset 2px 2px #fff;
}
.text-format-toolbar button {
  padding:8px 10px; background:#fff9df; border:2px solid #a88bbf;
  box-shadow:inset 2px 2px #fff,2px 2px #6b4b84;
  color:#684280; font:19px/1.2 var(--body); min-height:36px;
}
.text-format-toolbar button:hover { background:#ffe3ef; }
.text-format-toolbar :is(label,select) { margin:0; font:18px/1.25 var(--body); }
.text-format-toolbar label { display:flex; align-items:center; gap:7px; }
.text-format-toolbar select { width:auto; min-width:90px; min-height:36px; padding:5px 9px; }
.text-format-status { color:#724975; font:18px/1.35 var(--body); margin:7px 0; }
.text-format-status:empty { display:none; }
.text-format-preview { padding:12px 15px; background:#fff9e8; border:2px dashed #c6a2d6; margin-top:12px; }
.text-format-preview>summary { color:#714597; font:20px/1.4 var(--body); cursor:pointer; }
.text-format-preview-body { padding-top:15px; max-height:350px; overflow:auto; }
#modal .text-format-preview-body p { padding:0; border:0; background:none; }
@media(max-width:600px) {
  .text-format-toolbar { padding:9px; gap:7px; }
  .text-format-toolbar button { padding:7px 9px; }
}
@media(prefers-reduced-motion:reduce) { .ink-motion.ink-in-view { animation:none; } }
html.reduce-motion .ink-motion.ink-in-view { animation:none; }
@media print { .ink-motion { animation:none!important; text-shadow:none; } }