@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Patrick+Hand&family=Indie+Flower&family=Shadows+Into+Light&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#f5f0e8;--color-paper-dark:#ebe4d6;--color-paper-line:#d4cdc0;--color-ink:#2d2a26;--color-pencil:#6b6560;--color-pencil-light:#9e9790;--color-red-pen:#c0392b;--color-blue-ink:#2c5f8a;--color-green-check:#27774a;--color-highlight:#e8c84a;--color-highlight-soft:#f5ebc4;--color-wax-seal:#8b3a3a;--color-wax-seal-light:#b85c5c;--color-tape-blue:#a8c8e8;--color-tape-pink:#e8b8c8;--color-tape-green:#b8d8c8;--color-tape-yellow:#e8d8a8;--font-hand:"Caveat", cursive;--font-print:"Patrick Hand", cursive;--font-typed:"Courier New", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.top-1{top:calc(var(--spacing) * 1)}.-right-1{right:calc(var(--spacing) * -1)}.right-1{right:calc(var(--spacing) * 1)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-4{left:calc(var(--spacing) * 4)}.z-1{z-index:1}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-ink{border-color:var(--color-blue-ink)}.border-green-check{border-color:var(--color-green-check)}.border-highlight{border-color:var(--color-highlight)}.border-ink{border-color:var(--color-ink)}.border-paper{border-color:var(--color-paper)}.border-paper-line{border-color:var(--color-paper-line)}.border-paper\/40{border-color:#f5f0e866}@supports (color:color-mix(in lab,red,red)){.border-paper\/40{border-color:color-mix(in oklab,var(--color-paper) 40%,transparent)}}.border-pencil-light{border-color:var(--color-pencil-light)}.border-pencil\/30{border-color:#6b65604d}@supports (color:color-mix(in lab,red,red)){.border-pencil\/30{border-color:color-mix(in oklab,var(--color-pencil) 30%,transparent)}}.border-red-pen{border-color:var(--color-red-pen)}.border-transparent{border-color:#0000}.border-wax-seal{border-color:var(--color-wax-seal)}.border-l-blue-ink{border-left-color:var(--color-blue-ink)}.border-l-green-check{border-left-color:var(--color-green-check)}.border-l-highlight{border-left-color:var(--color-highlight)}.border-l-pencil{border-left-color:var(--color-pencil)}.border-l-wax-seal{border-left-color:var(--color-wax-seal)}.bg-blue-ink{background-color:var(--color-blue-ink)}.bg-green-check{background-color:var(--color-green-check)}.bg-green-check\/10{background-color:#27774a1a}@supports (color:color-mix(in lab,red,red)){.bg-green-check\/10{background-color:color-mix(in oklab,var(--color-green-check) 10%,transparent)}}.bg-highlight{background-color:var(--color-highlight)}.bg-highlight-soft{background-color:var(--color-highlight-soft)}.bg-ink{background-color:var(--color-ink)}.bg-paper{background-color:var(--color-paper)}.bg-paper-dark{background-color:var(--color-paper-dark)}.bg-paper\/15{background-color:#f5f0e826}@supports (color:color-mix(in lab,red,red)){.bg-paper\/15{background-color:color-mix(in oklab,var(--color-paper) 15%,transparent)}}.bg-paper\/95{background-color:#f5f0e8f2}@supports (color:color-mix(in lab,red,red)){.bg-paper\/95{background-color:color-mix(in oklab,var(--color-paper) 95%,transparent)}}.bg-pencil\/20{background-color:#6b656033}@supports (color:color-mix(in lab,red,red)){.bg-pencil\/20{background-color:color-mix(in oklab,var(--color-pencil) 20%,transparent)}}.bg-pencil\/30{background-color:#6b65604d}@supports (color:color-mix(in lab,red,red)){.bg-pencil\/30{background-color:color-mix(in oklab,var(--color-pencil) 30%,transparent)}}.bg-red-pen{background-color:var(--color-red-pen)}.bg-red-pen\/10{background-color:#c0392b1a}@supports (color:color-mix(in lab,red,red)){.bg-red-pen\/10{background-color:color-mix(in oklab,var(--color-red-pen) 10%,transparent)}}.bg-transparent{background-color:#0000}.bg-wax-seal{background-color:var(--color-wax-seal)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[family-name\:var\(--font-hand\)\]{font-family:var(--font-hand)}.font-\[family-name\:var\(--font-print\)\]{font-family:var(--font-print)}.font-\[family-name\:var\(--font-typed\)\]{font-family:var(--font-typed)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-blue-ink{color:var(--color-blue-ink)}.text-green-check{color:var(--color-green-check)}.text-highlight{color:var(--color-highlight)}.text-ink{color:var(--color-ink)}.text-ink\/70{color:#2d2a26b3}@supports (color:color-mix(in lab,red,red)){.text-ink\/70{color:color-mix(in oklab,var(--color-ink) 70%,transparent)}}.text-paper{color:var(--color-paper)}.text-paper\/70{color:#f5f0e8b3}@supports (color:color-mix(in lab,red,red)){.text-paper\/70{color:color-mix(in oklab,var(--color-paper) 70%,transparent)}}.text-paper\/80{color:#f5f0e8cc}@supports (color:color-mix(in lab,red,red)){.text-paper\/80{color:color-mix(in oklab,var(--color-paper) 80%,transparent)}}.text-pencil{color:var(--color-pencil)}.text-pencil-light{color:var(--color-pencil-light)}.text-pencil-light\/30{color:#9e97904d}@supports (color:color-mix(in lab,red,red)){.text-pencil-light\/30{color:color-mix(in oklab,var(--color-pencil-light) 30%,transparent)}}.text-pencil-light\/40{color:#9e979066}@supports (color:color-mix(in lab,red,red)){.text-pencil-light\/40{color:color-mix(in oklab,var(--color-pencil-light) 40%,transparent)}}.text-pencil-light\/50{color:#9e979080}@supports (color:color-mix(in lab,red,red)){.text-pencil-light\/50{color:color-mix(in oklab,var(--color-pencil-light) 50%,transparent)}}.text-pencil-light\/60{color:#9e979099}@supports (color:color-mix(in lab,red,red)){.text-pencil-light\/60{color:color-mix(in oklab,var(--color-pencil-light) 60%,transparent)}}.text-red-pen{color:var(--color-red-pen)}.text-wax-seal{color:var(--color-wax-seal)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-pencil-light\/50::placeholder{color:#9e979080}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-pencil-light\/50::placeholder{color:color-mix(in oklab,var(--color-pencil-light) 50%,transparent)}}@media(hover:hover){.hover\:border-paper\/40:hover{border-color:#f5f0e866}@supports (color:color-mix(in lab,red,red)){.hover\:border-paper\/40:hover{border-color:color-mix(in oklab,var(--color-paper) 40%,transparent)}}.hover\:border-pencil-light:hover{border-color:var(--color-pencil-light)}.hover\:bg-paper-dark:hover{background-color:var(--color-paper-dark)}.hover\:bg-pencil:hover{background-color:var(--color-pencil)}.hover\:bg-red-pen\/90:hover{background-color:#c0392be6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-pen\/90:hover{background-color:color-mix(in oklab,var(--color-red-pen) 90%,transparent)}}.hover\:bg-wax-seal-light:hover{background-color:var(--color-wax-seal-light)}.hover\:text-blue-ink:hover{color:var(--color-blue-ink)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-paper:hover{color:var(--color-paper)}.hover\:text-pencil-light:hover{color:var(--color-pencil-light)}.hover\:text-red-pen:hover{color:var(--color-red-pen)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-ink:focus{border-color:var(--color-ink)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-30:disabled{opacity:.3}}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-print);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}#root{min-height:100vh}.notebook-paper{background-color:var(--color-paper);background-image:linear-gradient(var(--color-paper-line) 1px,transparent 1px);background-position:0 16px;background-size:100% 32px}.paper-card{background-color:var(--color-paper);border:1.5px solid var(--color-paper-line);border-radius:4px;position:relative;box-shadow:2px 3px #0000000a,inset 0 0 40px #00000005}.paper-card:before{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.sticky-note{font-family:var(--font-hand);background:linear-gradient(135deg,#fef9c3,#fde68a);border:1px solid #d4a848;border-radius:2px;padding:.75rem 1rem;font-size:1.05rem;transform:rotate(-1.5deg);box-shadow:2px 3px 6px #0000001a}.washi-tape{position:relative}.washi-tape:before{content:"";background-color:var(--color-tape-blue);opacity:.6;border-radius:1px;width:60px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-2deg)}.washi-pink:before{background-color:var(--color-tape-pink)}.washi-green:before{background-color:var(--color-tape-green)}.washi-yellow:before{background-color:var(--color-tape-yellow)}.pencil-line{background:var(--color-pencil-light);opacity:.4;border:none;height:1.5px;margin:1rem 0}.stamp-btn{cursor:pointer;transition:transform .15s}.stamp-btn:active{transform:scale(.92)}.stamp-btn:hover{transform:scale(1.03)}.wax-seal{width:48px;height:48px;font-family:var(--font-hand);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003,0 2px 6px #00000026}@keyframes stamp-in{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}50%{opacity:1;transform:scale(.95)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.stamp-appear{animation:.4s ease-out forwards stamp-in}@keyframes draw-stroke{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}.draw-check{stroke-dasharray:40;animation:.5s ease-out forwards draw-stroke}@keyframes page-enter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.page-enter{animation:.3s ease-out page-enter}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fade-up}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.pulse-ring{animation:1.2s ease-out infinite pulse-ring}@keyframes xp-pop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.xp-pop{animation:.4s ease-out forwards xp-pop}@keyframes page-flip-next-out{0%{opacity:1;transform:perspective(800px)rotateY(0)}to{opacity:0;transform:perspective(800px)rotateY(-15deg)}}@keyframes page-flip-next-in{0%{opacity:0;transform:perspective(800px)rotateY(15deg)}to{opacity:1;transform:perspective(800px)rotateY(0)}}@keyframes page-flip-prev-out{0%{opacity:1;transform:perspective(800px)rotateY(0)}to{opacity:0;transform:perspective(800px)rotateY(15deg)}}@keyframes page-flip-prev-in{0%{opacity:0;transform:perspective(800px)rotateY(-15deg)}to{opacity:1;transform:perspective(800px)rotateY(0)}}.page-flip-next{transform-origin:0;animation:.4s ease-out page-flip-next-in}.page-flip-prev{transform-origin:100%;animation:.4s ease-out page-flip-prev-in}.index-card{--card-cream:#fffef0;--line-blue:#b8d4ea;--margin-red:#e85c5c;--line-spacing:28px;--margin-left:38px;background-color:var(--card-cream);background-image:repeating-linear-gradient(var(--card-cream),var(--card-cream) calc(var(--line-spacing) - 1px),var(--line-blue) calc(var(--line-spacing) - 1px),var(--line-blue) var(--line-spacing));min-height:200px;padding:36px 20px 16px calc(var(--margin-left) + 14px);line-height:var(--line-spacing);font-family:var(--font-print);color:#333;background-position:0 28px;border:1px solid #d2d2d2;border-radius:3px;position:relative;box-shadow:0 2px 8px #00000026,inset 0 0 40px #0000000a,inset 0 0 30px #8b77480f}.index-card:before{content:"";width:0;top:0;left:var(--margin-left);border-left:2px solid var(--margin-red);opacity:.7;z-index:1;position:absolute;bottom:0}.index-card:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.index-holes{pointer-events:none;z-index:2;justify-content:space-around;padding:0 60px;display:flex;position:absolute;top:10px;left:0;right:0}.index-holes span{background:#d4cbb5;border:1px solid #c0b8a8;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 2px #00000026}.index-number{font-family:var(--font-typed);color:#9e9790;z-index:2;font-size:10px;position:absolute;top:12px;right:12px}.index-label{font-family:var(--font-typed);color:#9e9790;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.index-word{font-family:var(--font-hand);color:#2d2a26;word-break:break-word;margin:8px 0;font-size:2rem;font-weight:700;line-height:1.3}.index-source{font-family:var(--font-typed);color:#9e9790;margin-top:8px;font-size:10px}.index-hint{font-family:var(--font-typed);color:#c0b8a8;margin-top:12px;font-size:10px}.index-card-stack{position:relative}.index-card-stack:before,.index-card-stack:after{content:"";background:var(--card-cream,#fffef0);z-index:-1;border:1px solid #d2d2d2;border-radius:3px;position:absolute;inset:4px -4px -4px 4px}.index-card-stack:before{transform:rotate(1.2deg);box-shadow:0 1px 4px #00000014}.index-card-stack:after{transform:rotate(-.8deg)translate(-2px,3px);box-shadow:0 1px 3px #0000000f}.index-card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.index-card-front,.index-card-back{backface-visibility:hidden}.index-card-back{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;transform:rotateX(180deg)}@keyframes index-slide-out{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(80px)rotate(3deg)}}@keyframes index-slide-in{0%{opacity:0;transform:translate(-60px)rotate(-2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes index-slide-out-prev{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-80px)rotate(-3deg)}}@keyframes index-slide-in-prev{0%{opacity:0;transform:translate(60px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}.index-slide-out{animation:.25s ease-in forwards index-slide-out}.index-slide-in{animation:.35s ease-out index-slide-in}.index-slide-out-prev{animation:.25s ease-in forwards index-slide-out-prev}.index-slide-in-prev{animation:.35s ease-out index-slide-in-prev}.book-page{background:#faf8f2;border-radius:0 6px 6px 0;position:relative;overflow:hidden;box-shadow:-3px 0 8px #0000000f,0 2px 8px #0000001a}.book-page:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#00000014,#0000000a,#00000003 60%,#0000);width:28px;position:absolute;top:0;bottom:0;left:0}.book-page:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.bookmark-ribbon{z-index:5;background:linear-gradient(#c0392b,#a33225);width:16px;height:44px;position:absolute;top:-2px;right:20px;box-shadow:1px 1px 3px #0003}.bookmark-ribbon:after{content:"";border:8px solid #a33225;border-bottom-color:#0000;display:block;position:absolute;bottom:-8px;left:0}.story-text:first-letter{font-family:var(--font-hand);float:left;color:var(--color-wax-seal);margin-top:.05em;margin-right:.06em;font-size:3em;font-weight:700;line-height:.8}.page-dog-ear{position:relative;overflow:hidden}.page-dog-ear:after{content:"";background:linear-gradient(315deg,#e8e0d0 50%,#0000 50%);width:24px;height:24px;position:absolute;bottom:0;right:0;box-shadow:-1px -1px 2px #0000000d}@keyframes book-page-next{0%{opacity:0;transform:perspective(1200px)rotateY(12deg)translateZ(0)}40%{opacity:.8;transform:perspective(1200px)rotateY(4deg)translateZ(20px)}to{opacity:1;transform:perspective(1200px)rotateY(0)translateZ(0)}}@keyframes book-page-prev{0%{opacity:0;transform:perspective(1200px)rotateY(-12deg)translateZ(0)}40%{opacity:.8;transform:perspective(1200px)rotateY(-4deg)translateZ(20px)}to{opacity:1;transform:perspective(1200px)rotateY(0)translateZ(0)}}.book-flip-next{transform-origin:0;animation:.5s ease-out book-page-next}.book-flip-prev{transform-origin:100%;animation:.5s ease-out book-page-prev}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-pencil-light);border-radius:3px}input,textarea{font-family:var(--font-print)}.dog-ear{position:relative;overflow:hidden}.dog-ear:after{content:"";background:linear-gradient(225deg,var(--color-paper-dark) 50%,transparent 50%);width:20px;height:20px;position:absolute;top:0;right:0;box-shadow:-1px 1px 2px #0000000d}.karaoke-word{background-image:linear-gradient(to right,var(--hl-color,#c8963240),var(--hl-color,#c8963240));background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:2px;padding:1px 0;transition:none}.karaoke-active{transition:background-size var(--word-dur,.3s) linear;background-size:100% 100%}.karaoke-past{background-image:linear-gradient(to right,var(--hl-color-past,#c8963226),var(--hl-color-past,#c8963226));background-size:100% 100%;transition:none}.narration-progress-track{background:#0000000f;border-radius:2px;height:3px;overflow:hidden}.narration-progress-fill{border-radius:2px;width:0%;height:100%;transition:width .1s linear}@keyframes speaker-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.speaker-pulse{animation:1s ease-in-out infinite speaker-bounce}@keyframes seal-stamp{0%{opacity:0;transform:scale(2.5)rotate(-15deg)}40%{opacity:1;transform:scale(.9)rotate(3deg)}60%{opacity:1;transform:scale(1.05)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.story-complete-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fade-up;display:flex;position:fixed;inset:0}.story-complete-seal{animation:.6s ease-out forwards seal-stamp}.journal-paper{background:#faf8f2;border:1px solid #d4cdc0;border-radius:2px;position:relative;box-shadow:0 2px 8px #00000014,inset 0 0 30px #00000005}.journal-paper:before{content:"";background:#faf8f2;height:8px;position:absolute;top:-4px;left:4px;right:4px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,4 Q5,0 10,4 Q15,8 20,4 Q25,0 30,4 Q35,8 40,4 Q45,0 50,4 Q55,8 60,4 Q65,0 70,4 Q75,8 80,4 Q85,0 90,4 Q95,8 100,4 Q105,0 110,4 Q115,8 120,4 Q125,0 130,4 Q135,8 140,4 Q145,0 150,4 Q155,8 160,4 Q165,0 170,4 Q175,8 180,4 Q185,0 190,4 Q195,8 200,4 V8 H0 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,4 Q5,0 10,4 Q15,8 20,4 Q25,0 30,4 Q35,8 40,4 Q45,0 50,4 Q55,8 60,4 Q65,0 70,4 Q75,8 80,4 Q85,0 90,4 Q95,8 100,4 Q105,0 110,4 Q115,8 120,4 Q125,0 130,4 Q135,8 140,4 Q145,0 150,4 Q155,8 160,4 Q165,0 170,4 Q175,8 180,4 Q185,0 190,4 Q195,8 200,4 V8 H0 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.journal-paper .journal-lines{background-image:linear-gradient(#0000 27px,#d4cdc0 27px 28px,#0000 28px);background-size:100% 28px}.hand-caveat{font-family:Caveat,cursive}.hand-patrick{font-family:Patrick Hand,cursive}.hand-indie{font-family:Indie Flower,cursive}.hand-shadows{font-family:Shadows Into Light,cursive}.level-badge{font-family:var(--font-typed);letter-spacing:.5px;color:#ffffffe6;white-space:nowrap;background:#fff3;border-radius:10px;padding:2px 8px;font-size:10px}.vocab-row{cursor:pointer;transition:background-color .15s}.vocab-row:active{background-color:#0000000a}.pin-unlock-enter{animation:.2s ease-out fade-up}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:.4s ease-out shake}@keyframes seal-drop{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.seal-drop{opacity:0;animation:.5s ease-out .2s forwards seal-drop}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}