/* Keep page-level emphasis stable while allowing small, isolated title and badge highlights. */
.due-date.is-due-soon{animation:none!important;text-shadow:none!important;opacity:1!important;text-decoration:underline;text-underline-offset:2px}
.app-content .row-main h3.is-important-pulse{color:transparent!important;background:linear-gradient(90deg,#e53935,#f39c12,#d4b000,#1b9b54,#1687c8,#7957d5,#d23b92,#e53935);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;font-weight:800;opacity:1!important;text-shadow:none!important;text-decoration:none;animation:important-rainbow-flow 2.8s linear infinite!important}
@keyframes important-rainbow-flow{to{background-position:260% 0}}
@media(prefers-reduced-motion:reduce){.app-content .row-main h3.is-important-pulse{animation:none!important;background-position:45% 0}}
.importance-toggle:has(input:checked){background:linear-gradient(100deg,#e53935,#f39c12,#d4b000,#1b9b54,#1687c8,#7957d5,#d23b92,#e53935);background-size:280% 100%;color:#fff!important;box-shadow:0 0 0 2px #fff,0 0 8px #7957d577;animation:important-toggle-rainbow 2.4s linear infinite}
.importance-toggle:has(input:checked) input{accent-color:#222}
@keyframes important-toggle-rainbow{to{background-position:280% 0}}
@media(prefers-reduced-motion:reduce){.importance-toggle:has(input:checked){animation:none;background-position:45% 0}}
#noteForm:has(.importance-toggle input:checked) label:has(>input[name="title"]){font-weight:800!important;color:#d23b92!important}
#noteForm:has(.importance-toggle input:checked) input[name="title"]{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#e53935,#f39c12,#d4b000,#1b9b54,#1687c8,#7957d5,#d23b92,#e53935) border-box!important;background-size:100% 100%,280% 100%!important;font-weight:800!important;box-shadow:0 0 8px #7957d544!important;animation:important-title-input 2.4s linear infinite!important}
body.dark-mode #noteForm:has(.importance-toggle input:checked) input[name="title"]{background:linear-gradient(#152535,#152535) padding-box,linear-gradient(100deg,#e53935,#f39c12,#d4b000,#1b9b54,#1687c8,#7957d5,#d23b92,#e53935) border-box!important;background-size:100% 100%,280% 100%!important;color:#fff!important}
@keyframes important-title-input{to{background-position:0 0,280% 0}}
@media(prefers-reduced-motion:reduce){#noteForm:has(.importance-toggle input:checked) input[name="title"]{animation:none!important;background-position:0 0,45% 0!important}}