[data-pencil]{--pl-night:#0a0e26;--pl-night-2:#141a3d;--pl-night-deep:#05071a;--pl-chalk:#f3ebdd;--pl-fg-2:#b6b3c1;--pl-fg-3:#8e8da4;--pl-rule:#f3ebdd21;--pl-rule-strong:#f3ebdd3d;--pl-ember:#ff7a1f;--pl-ember-soft:#ffb067;--pl-ember-glow:#ff7a1f80;--pl-ease:cubic-bezier(.16, 1, .3, 1);--pl-ease-io:cubic-bezier(.65, 0, .35, 1);--pl-font:var(--font-pokosans), ui-rounded, system-ui, sans-serif;--pl-mono:var(--font-jetbrains), ui-monospace, monospace;--pl-script:var(--font-caveat), cursive;isolation:isolate;background:var(--pl-night);color:var(--pl-chalk);font-family:var(--pl-font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}:root:has([data-pencil]){scrollbar-color:#f3ebdd2e var(--pl-night,#0a0e26)}:root:has([data-pencil]) ::-webkit-scrollbar-thumb{background:#f3ebdd2e padding-box content-box;border:2px solid #0000}:root:has([data-pencil]) ::-webkit-scrollbar-thumb:hover{background:#ff7a1f padding-box content-box;border:2px solid #0000}:where([data-pencil]) ::selection{color:inherit;background:#ff7a1f52}:where([data-pencil]) :focus-visible{outline:2px solid var(--pl-ember-soft);outline-offset:4px;border-radius:4px}:where([data-pencil]) .pl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where([data-pencil]) .pl-sky{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 55% -10%, #1c2350e6 0%, #141a3d00 60%), radial-gradient(ellipse at center, #02030c00 55%, #02030ca6 100%), var(--pl-night);position:fixed;inset:0;transform:translateZ(0)}:where([data-pencil]) .pl-sky__stars{opacity:.85;position:absolute;inset:0}:where([data-pencil]) .pl-sky:after{content:"";opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}:where([data-pencil]) .pl-label{font-family:var(--pl-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pl-fg-3);font-size:.6875rem;font-weight:500;line-height:1.5}:where([data-pencil]) .pl-crop:after{--m:#f3ebdd57;--s:.8rem;content:"";inset:calc(var(--s) * -.6);pointer-events:none;background:linear-gradient(var(--m), var(--m)) left top / var(--s) 1px no-repeat, linear-gradient(var(--m), var(--m)) left top / 1px var(--s) no-repeat, linear-gradient(var(--m), var(--m)) right top / var(--s) 1px no-repeat, linear-gradient(var(--m), var(--m)) right top / 1px var(--s) no-repeat, linear-gradient(var(--m), var(--m)) left bottom / var(--s) 1px no-repeat, linear-gradient(var(--m), var(--m)) left bottom / 1px var(--s) no-repeat, linear-gradient(var(--m), var(--m)) right bottom / var(--s) 1px no-repeat, linear-gradient(var(--m), var(--m)) right bottom / 1px var(--s) no-repeat;position:absolute}:where([data-pencil]) .pl-hand{fill:none;stroke:var(--pl-ember);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--pl-ember-glow))}:where([data-pencil]) .pl-hand>path+path{opacity:0}:where([data-pencil]) .pl-draw{stroke-dasharray:1 2;stroke-dashoffset:0}:where([data-pencil]) .pl-spark{fill:var(--pl-chalk);filter:drop-shadow(0 0 5px var(--pl-ember-glow))}:where([data-pencil]) .pl-spark--hot{fill:var(--pl-ember-soft)}:where([data-pencil]) .pl-line{fill:none;stroke:var(--pl-chalk);stroke-linecap:round;opacity:.5}:where([data-pencil]) .pl-dot{fill:var(--pl-ember);filter:drop-shadow(0 0 4px var(--pl-ember-glow))}:where([data-pencil]) .pl-kt__word{white-space:nowrap;display:inline-block}:where([data-pencil]) .pl-kt__char{display:inline-block}:where([data-pencil]) .pl-kt__accent{color:var(--pl-ember)}@media (prefers-reduced-motion:no-preference){:where([data-pencil]) .pl-hand>path{animation:.42s linear infinite lp-boil}:where([data-pencil]) .pl-hand>path:nth-child(2){animation-delay:-.14s}:where([data-pencil]) .pl-hand>path:nth-child(3){animation-delay:-.28s}:where([data-pencil]) .pl-draw{animation:lp-draw var(--dur,1.1s) var(--pl-ease-io) var(--at,.1s) both}:where([data-pencil]) .pl-hand>path.pl-draw{animation:lp-draw var(--dur,1.1s) var(--pl-ease-io) var(--at,.1s) both, lp-boil .42s linear infinite}:where([data-pencil]) .pl-hand>path.pl-draw:nth-child(2){animation-delay:var(--at,.1s), -.14s}:where([data-pencil]) .pl-hand>path.pl-draw:nth-child(3){animation-delay:var(--at,.1s), -.28s}:where([data-pencil]) .pl-twinkle{animation:lp-twinkle 3.2s var(--pl-ease-io) infinite;transform-box:fill-box;transform-origin:50%}:where([data-pencil]) .pl-pop{animation:lp-pop .7s cubic-bezier(.34, 1.56, .64, 1) var(--at,0s) both;transform-box:fill-box;transform-origin:50%}:where([data-pencil]) .pl-kt__char{animation:lp-kt .8s var(--pl-ease) both;animation-delay:calc(var(--at,0s) + var(--c,0) * var(--step,24ms))}:where([data-pencil]) [data-reveal=rise]{transition:opacity 1.1s var(--pl-ease), translate 1.1s var(--pl-ease);transition-delay:var(--d,0s)}@media (scripting:enabled){:where([data-pencil]) [data-reveal=rise]:not([data-inview]){opacity:0;translate:0 1.5rem}:where([data-pencil]) [data-reveal]:not([data-inview]) :is(.pl-draw,.pl-kt__char,.pl-pop){animation-play-state:paused}}}@keyframes lp-boil{0%,33.2%{opacity:1}33.4%,to{opacity:0}}@keyframes lp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes lp-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.8;scale:.84}}@keyframes lp-pop{0%{opacity:0;scale:.2}}@keyframes lp-kt{0%{opacity:0;filter:blur(10px);translate:0 .5em;scale:.7}}:where([data-pencil]) .pl-btn{background:var(--pl-chalk);min-height:3.25rem;color:var(--pl-night);font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;padding:.85rem 1.5rem;font-size:.9375rem;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}:where([data-pencil]) .pl-btn:hover{background:var(--pl-ember);color:#15161e}:where([data-pencil]) .pl-btn--ghost{border-color:var(--pl-rule-strong);color:var(--pl-chalk);background:0 0}:where([data-pencil]) .pl-btn--ghost:hover{border-color:var(--pl-ember);color:var(--pl-chalk);background:0 0}:where([data-pencil]) .pl-btn svg{width:1rem;height:1rem;transition:transform .4s var(--pl-ease);flex:none}:where([data-pencil]) .pl-btn:hover svg{transform:translate(3px)}:where([data-pencil]) .pl-btn:disabled{opacity:.6;cursor:wait}:where([data-pencil]) .pl-link{color:var(--pl-chalk);text-decoration:underline;-webkit-text-decoration-color:var(--pl-ember);text-decoration-color:var(--pl-ember);text-underline-offset:.35em;transition:text-underline-offset .25s var(--pl-ease);align-items:center;gap:.5rem;font-weight:700;text-decoration-thickness:1.5px;display:inline-flex}:where([data-pencil]) .pl-link:hover{text-underline-offset:.5em}:where([data-pencil]) .pl-field{border:0;border-bottom:1px solid var(--pl-rule-strong);width:100%;min-width:0;min-height:3.25rem;color:var(--pl-chalk);font:inherit;background:0 0;border-radius:0;outline:none;padding:.85rem 0;font-size:1.0625rem;transition:border-color .25s}:where([data-pencil]) .pl-field::placeholder{color:var(--pl-fg-3);opacity:1}:where([data-pencil]) .pl-field:hover{border-bottom-color:#f3ebdd66}:where([data-pencil]) .pl-field:focus-visible{border-bottom-color:var(--pl-ember);box-shadow:0 1px 0 0 var(--pl-ember);border-radius:0;outline:none}:where([data-pencil]) .pl-field:-webkit-autofill{-webkit-text-fill-color:var(--pl-chalk);box-shadow:0 0 0 1000px var(--pl-night) inset;caret-color:var(--pl-chalk)}
