.notebook-paper{background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#0000 calc(1.5em - 1px),#0000000d calc(1.5em - 1px) 1.5em);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 1.5em,100% 1.5em;background-attachment:local;padding-left:calc(50px + 1rem)}textarea.handwriting{letter-spacing:.05em;font-family:Caveat,Segoe Print,cursive;font-size:1.25rem;line-height:2em}@keyframes typeFlicker{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 10px rgba(var(--primary-rgb,59,130,246),.1),0 0 20px rgba(var(--primary-rgb,59,130,246),.05)}}textarea.typing{animation:.3s ease-out typeFlicker}@keyframes pageFlip{0%{opacity:.95;transform:scaleX(1.02)}50%{opacity:.8}to{opacity:1;transform:scaleX(1)}}.notebook-page-enter{animation:.2s ease-out pageFlip}@keyframes saveIndicator{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.save-indicator{animation:.2s ease-out saveIndicator}@media (prefers-reduced-motion:reduce){textarea.typing,.notebook-page-enter,.save-indicator{animation:none!important}}@media (prefers-color-scheme:dark){.notebook-paper{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#0000 calc(1.5em - 1px),#ffffff14 calc(1.5em - 1px) 1.5em)}}textarea:focus{box-shadow:inset 0 0 0 2px var(--primary,#3b82f6);outline:none}textarea::selection{background-color:var(--primary,#3b82f6);color:#fff;opacity:.7}