.pn-ink-colours{--pen: #22307E;--paper: #FBFAF5;--pn-shadow: drop-shadow(0 12px 12px rgba(20, 20, 40, .1)) drop-shadow(0 1px 1px rgba(20, 20, 40, .1))}[data-theme=dark] .pn-ink-colours{--pn-shadow: drop-shadow(0 12px 14px rgba(0, 0, 0, .42)) brightness(.9)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pn-ink-colours{--pn-shadow: drop-shadow(0 12px 14px rgba(0, 0, 0, .42)) brightness(.9)}}.pn-pw{--w: 100%;--f: .5;--t: 0px;--r: 0deg;--pw: min(var(--w), calc(100% - 28px) );position:relative;width:var(--pw);rotate:var(--r);margin-left:calc((100% - var(--pw)) * var(--f));margin-top:var(--t)}.pn-tape{position:absolute;z-index:3;width:92px;height:27px;background:#ece4ceb8;box-shadow:0 1px 2px #00000014;clip-path:polygon(0 12%,4% 0,10% 14%,16% 2%,100% 0,97% 88%,92% 100%,86% 86%,80% 100%,0 100%)}.pn-paper{--tear: none;position:relative;isolation:isolate;overflow:hidden;clip-path:var(--tear);background:var(--paper);color:var(--pen);padding:28px 30px 28px 32px}.pn-grid{position:absolute;inset:-12px;background-image:linear-gradient(rgba(62,104,196,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(62,104,196,.34) 1px,transparent 1px),linear-gradient(rgba(62,104,196,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(62,104,196,.13) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-position:11px 13px}.pn-shade-l,.pn-shine-l{position:absolute;inset:0;pointer-events:none}.pn-shade-l{mix-blend-mode:multiply;opacity:.62}.pn-shine-l{mix-blend-mode:screen;opacity:.7}.pn-ink{position:relative;z-index:1;mix-blend-mode:multiply}.pn-paper .pn-ink .pn-ht{display:block;margin:0;font:400 40px/40px Nanum Pen Script,cursive;color:inherit;text-decoration:none;letter-spacing:0}.pn-paper .pn-ink .pn-nb{margin:0;font:400 28px/32px Nanum Pen Script,cursive;color:inherit}.pn-ink .pn-ul{display:block;height:12px;margin:0 0 8px;overflow:visible}.pn-ink .pn-ul path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.85}.pn-ink .pn-sk{display:block;width:100%;height:auto;margin-top:16px;overflow:visible}.pn-ink .pn-sk path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.pn-ink .pn-sk path.thin{stroke-width:1.6}.pn-ink .pn-sk path.dash{stroke-dasharray:5 6}.pn-ink .pn-sk text{font-family:Nanum Pen Script,cursive;fill:currentColor}@media(max-width:860px){.pn-paper{padding:24px 22px 22px 24px}.pn-paper .pn-ink .pn-ht{font-size:36px;line-height:36px}.pn-paper .pn-ink .pn-nb{font-size:26px;line-height:30px}}.pnote{--bend: none;--shade: none;--shine: none;margin:clamp(28px,4vw,44px) 0;padding:14px 0 0}.pnote-defs{position:absolute;width:0;height:0;overflow:hidden}.pnote .pn-pw{--w: 100%;--f: 0;--t: 0px;margin:0;width:100%;filter:var(--pn-shadow)}.pnote .pn-grid{filter:var(--bend)}.pnote .pn-shade-l{filter:var(--shade)}.pnote .pn-shine-l{filter:var(--shine)}@media(prefers-reduced-motion:no-preference){.pnote[data-pn-wait]:not(.pn-seen) .pn-sk path.d{stroke-dasharray:1;stroke-dashoffset:1}.pnote[data-pn-wait]:not(.pn-seen) .pn-sk text{opacity:0}.pnote{--pn-pace: 3.2}.pnote.pn-seen .pn-pw{animation:pn-land .5s cubic-bezier(.2,.8,.2,1) both}.pnote.pn-seen .pn-sk path.d{stroke-dasharray:1;animation:pn-draw .9s ease-out both;animation-delay:calc(var(--d, 0ms) * var(--pn-pace) + .2s)}.pnote.pn-seen .pn-sk text{animation:pn-ink .6s ease-out both;animation-delay:calc(var(--d, 0ms) * var(--pn-pace) + .2s)}@keyframes pn-land{0%{opacity:0;translate:0 16px;scale:.97}}@keyframes pn-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pn-ink{0%{opacity:0}to{opacity:1}}}