@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.flex{display:flex}.hidden{display:none}.\!h-\[100dvh\]{height:100dvh!important}.\!h-full{height:100%!important}.h-full{height:100%}.h-screen{height:100vh}.w-\[100vw\]{width:100vw}.w-full{width:100%}.w-screen{width:100vw}.max-w-screen{max-width:100vw}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.opacity-50{opacity:.5}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:linear-gradient(to bottom right,#fafafa,#f5e6e8);width:100%;height:100%;overflow:hidden}body{color:#2c1810;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;min-height:-webkit-fill-available;font-family:Kalam,Comic Sans MS,cursive}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}html{height:100dvh}#root{height:100dvh;min-height:-webkit-fill-available}}@layer components{.cover-title{color:#e8896e;font-family:Caveat,cursive;font-size:36px;font-weight:700;line-height:1.2}@media(min-width:768px){.cover-title{font-size:48px}}.chapter-title{color:#e8896e;margin-bottom:16px;font-family:Caveat,cursive;font-size:24px;font-weight:700;line-height:1.3}@media(min-width:768px){.chapter-title{font-size:32px}}.body-text{color:#2c1810;font-family:Kalam,Comic Sans MS,cursive;font-size:16px;font-weight:400;line-height:1.6}@media(min-width:768px){.body-text{font-size:18px}}.chat-text{font-family:Fredoka,sans-serif;font-size:13px;line-height:1.5}@media(min-width:768px){.chat-text{font-size:14px}}.page-number-text{color:#c2a87f;font-family:Kalam,Comic Sans MS,cursive;font-size:11px;font-weight:400;line-height:1.4}@media(min-width:768px){.page-number-text{font-size:13px}}.caption-text{color:#2c1810;font-family:Kalam,Comic Sans MS,cursive;font-size:12px;font-weight:400;line-height:1.5}@media(min-width:768px){.caption-text{font-size:14px}}.page-container{background:linear-gradient(to bottom right,#fafafa,#f5e6e8);flex-direction:column;width:100%;height:100%;padding:12px;display:flex;position:relative;overflow:hidden}@media(min-width:768px){.page-container{padding:24px}}.page-content{z-index:10;flex-direction:column;justify-content:flex-start;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.paper-texture{pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#c2a87f08 2px 4px);position:absolute;inset:0}.memory-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:linear-gradient(145deg,#fefefe,#f8f8f8);border:8px solid #fff;border-radius:3px;width:100%;max-height:50%;margin:20px auto;padding:2px;transition:transform .3s;display:block;position:relative;transform:rotate(-2deg);box-shadow:inset 0 0 0 1px #0000001a,0 4px 8px #00000026,0 1px 2px #0000001a,0 0 0 2px #fffc}.memory-image:before{content:"";z-index:1;background:linear-gradient(45deg,#ffffffe6,#f0f0f0cc,#ffffffe6);border-radius:2px;width:20px;height:20px;position:absolute;top:-4px;right:-4px;transform:rotate(45deg);box-shadow:0 1px 3px #0003}.memory-image:hover{transform:rotate(0)scale(1.02);box-shadow:inset 0 0 0 1px #0000001a,0 8px 16px #0003,0 2px 4px #0000001a,0 0 0 2px #fffc}.memory-image:nth-child(2n){transform:rotate(1.5deg)}.memory-image:nth-child(3n){transform:rotate(-1deg)}.memory-image:nth-child(4n){transform:rotate(2deg)}.memory-image:nth-child(5n){transform:rotate(-1.5deg)}.memory-image:nth-child(6n){transform:rotate(.8deg)}@media(max-width:768px){.memory-image{border-width:6px;max-height:40vh;margin:15px auto}.memory-image:before{width:16px;height:16px;top:-3px;right:-3px}}.btn-primary{color:#fff;cursor:pointer;background-color:#e8896e;border:none;border-radius:8px;padding:12px 24px;font-family:Inter,sans-serif;font-weight:600;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn-primary:hover{background-color:#d97e68;transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.btn-primary:active{transform:scale(.98)}.btn-icon{color:#e8896e;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s;display:flex}.btn-icon:hover{background-color:#f5e6e8;transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.hidden-note-icon{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:24px;transition:transform .2s;display:flex}.hidden-note-icon:hover{transform:scale(1.1)}.hidden-note-icon:active{transform:scale(.95)}.ig-bubble{border-radius:20px;max-width:75%;padding:8px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4}@media(min-width:768px){.ig-bubble{font-size:13px}}.ig-bubble-sent{color:#fff;background:linear-gradient(135deg,#e8896e,#d97e68,#c2675a);border-bottom-right-radius:6px;margin-left:auto}.ig-bubble-received{color:#262626;background-color:#efefef;border-bottom-left-radius:6px;margin-right:auto}}@layer utilities{.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}