:root{--ps-page:#EEF2FA;--ps-paper:#FFFFFF;--ps-paper-2:#F6F8FD;--ps-ink:#1D2657;--ps-ink-soft:#505A8C;--ps-line:#D3DAEE;--ps-sky:#BFDDFB;--ps-hill1:#9AD7A6;--ps-hill2:#6CC091;--ps-hill3:#46A57A;--ps-sun:#FFC53D;--ps-tang:#F0561D;--ps-berry:#E5487F;--ps-leaf:#2FB67C;--ps-lake:#3FA7F5;--ps-kraft:#D9A86C;--ps-orb:#FFC53D;--ps-stars:0;--ps-shadow:rgb(10 20 60/.14);--ps-desk:#D6E3F6;--ps-lamp:#FFFFFF;--ps-lamp-ink:#1D2657;--ps-curl:#E4E9F5;--ps-dim:rgb(29 38 87/.45);--ps-space:#2E3A78}.dark{--ps-page:#10153A;--ps-paper:#1E2658;--ps-paper-2:#182050;--ps-ink:#F1F3FF;--ps-ink-soft:#AAB3DF;--ps-line:#2F3B7A;--ps-sky:#1E2A66;--ps-hill1:#33478C;--ps-hill2:#28397A;--ps-hill3:#1D2C66;--ps-kraft:#B08B62;--ps-orb:#F5EFCF;--ps-stars:1;--ps-shadow:rgb(0 0 0/.3);--ps-desk:#0C1130;--ps-lamp:#262D5C;--ps-lamp-ink:#F3EBD2;--ps-curl:#3A4175;--ps-dim:rgb(4 6 20/.6)}@property --ps-c-next{syntax:"<length>";inherits:true;initial-value:0}@property --ps-c-prev{syntax:"<length>";inherits:true;initial-value:0}@layer components{.ps-sky{inset:0;background:var(--ps-sky);overflow:hidden}.ps-hill,.ps-sky{position:absolute}.ps-hill{bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -4px 0 rgb(10 20 60/.07)}.ps-hill-1{left:-25%;right:38%;background:var(--ps-hill1)}.ps-hill-2{left:32%;right:-22%;background:var(--ps-hill2)}.ps-hill-3{left:-6%;right:-6%;background:var(--ps-hill3)}.ps-orb{position:absolute;aspect-ratio:1;border-radius:50%;background:var(--ps-orb);width:var(--orb-size)}.dark .ps-orb{-webkit-mask-image:radial-gradient(circle at 82% 30%,transparent 47%,#000 48%);mask-image:radial-gradient(circle at 82% 30%,transparent 47%,#000 48%)}.ps-star{position:absolute;width:14px;height:14px;background:var(--ps-sun);opacity:var(--ps-stars);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.ps-cut-btn{--c:var(--ps-tang);color:#fff;gap:12px;background:linear-gradient(135deg,var(--c) 0 50%,color-mix(in srgb,var(--c) 88%,#000) 50% 100%);box-shadow:0 6px 0 color-mix(in srgb,var(--c) 66%,#000)}.ps-cut-btn,.ps-paper-btn{border:0;border-radius:14px;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s}.ps-paper-btn{background:var(--ps-paper);color:var(--ps-ink);gap:10px;box-shadow:0 6px 0 var(--ps-line)}.ps-cut-btn:active{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb,var(--c) 66%,#000)}.ps-paper-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ps-line)}.ps-cut-btn:disabled{cursor:default;transform:none;color:rgb(255 255 255/.7);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 45%,var(--ps-page)) 0 50%,color-mix(in srgb,var(--c) 40%,var(--ps-page)) 50% 100%);box-shadow:0 6px 0 color-mix(in srgb,var(--c) 30%,var(--ps-page))}.ps-paper-btn:disabled{opacity:.5;cursor:default;transform:none}.ps-card:focus-visible,.ps-chip:focus-visible,.ps-cut-btn:focus-visible,.ps-cutout:focus-visible,.ps-paper-btn:focus-visible,.ps-tab:focus-visible,.ps-tile:focus-visible{outline:3px solid var(--ps-tang);outline-offset:3px}.ps-cutout{--tilt:0deg;position:relative;background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;flex:none;transform:rotate(var(--tilt));transform-origin:50% 100%;color:var(--ps-ink);font:inherit}.ps-cutout-face{width:var(--sz,120px);aspect-ratio:1;border-radius:calc(var(--sz, 120px) * .2);padding:calc(var(--sz, 120px) * .055);background:#fff;box-shadow:0 5px 0 rgb(20 30 70/.16),0 12px 18px rgb(20 30 70/.2)}.ps-cutout-face>img,.ps-cutout-face>span{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--sz, 120px) * .15);display:grid;place-items:center}.ps-cutout-tag{margin-top:8px;background:var(--ps-paper);color:var(--ps-ink);font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:700;font-size:max(14px,calc(var(--sz, 120px) * .14));padding:2px 12px;border-radius:5px;transform:rotate(calc(var(--tilt) * -1.6));box-shadow:0 3px 0 var(--ps-shadow);white-space:nowrap;max-width:calc(var(--sz, 120px) * 1.3);overflow:hidden;text-overflow:ellipsis}.ps-cutout:after{content:"";width:calc(var(--sz, 120px) * .7);height:9px;margin-top:5px;border-radius:50%;background:rgb(8 16 48/.22)}.ps-cutout-add .ps-cutout-face{background:transparent;border:3px dashed rgb(255 255 255/.9);box-shadow:none;display:grid;place-items:center;color:#fff;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:800;font-size:calc(var(--sz, 120px) * .4)}.ps-cutout-add .ps-cutout-tag{background:transparent;box-shadow:none;color:#fff;text-shadow:0 1px 2px rgb(0 0 0/.25)}.ps-cutout[data-ready=true] .ps-cutout-face{outline:5px solid var(--ps-sun);outline-offset:2px}.ps-cutout-hop{animation:ps-hop .55s cubic-bezier(.3,.7,.4,1)}@keyframes ps-hop{0%{transform:rotate(var(--tilt)) translateY(0)}35%{transform:rotate(calc(var(--tilt) * -1)) translateY(-26px)}70%{transform:rotate(var(--tilt)) translateY(0) scaleY(.94)}to{transform:rotate(var(--tilt))}}.ps-book{position:relative;display:block;width:var(--bw,120px);flex:none}.ps-book-cover{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;display:block;border-radius:3px 8px 8px 3px;box-shadow:5px 5px 10px rgb(10 20 60/.25);background:var(--ps-line)}.ps-book:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10%;max-width:13px;background:linear-gradient(90deg,rgb(0 0 0/.3),rgb(0 0 0/.1));border-radius:3px 0 0 3px;z-index:1}.ps-ribbon{position:absolute;top:-6px;right:16%;z-index:2;width:clamp(9px,9%,14px);height:34%;background:linear-gradient(180deg,color-mix(in srgb,var(--ps-berry) 70%,#000) 0 6px,var(--ps-berry) 6px),linear-gradient(90deg,rgb(255 255 255/.18) 0 30%,transparent 30% 70%,rgb(0 0 0/.12) 70%);background-blend-mode:normal;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%)}.ps-book-title{position:absolute;left:13%;right:6%;bottom:7%;z-index:3;background:rgb(255 255 255/.93);color:#1D2657;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:700;font-size:var(--tt,12px);line-height:1.15;padding:0 6px;border-block:4px solid transparent;border-radius:3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ps-gold{position:absolute;top:-12px;right:-12px;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--ps-sun);border:3.5px solid #fff;display:grid;place-items:center;color:#7A4B00;box-shadow:0 3px 6px rgb(10 20 60/.25)}.ps-book-blank{width:var(--bw,120px);flex:none;aspect-ratio:3/4;border:3px dashed var(--ps-line);border-radius:3px 8px 8px 3px;display:grid;place-items:center;color:var(--ps-ink-soft);background:none;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:800;font-size:40px}button.ps-book-blank{cursor:pointer}.ps-shelf-book{position:relative;flex:none;border:0;padding:0;background:none;cursor:pointer;transform:rotate(var(--r,0deg));transform-origin:0 100%;transition:transform .2s}.ps-shelf-book:hover:not(:disabled){transform:rotate(var(--r,0deg)) translateY(-6px)}.ps-shelf-book:disabled{cursor:default}.ps-book-blank:focus-visible,.ps-shelf-book:focus-visible{outline:3px solid var(--ps-tang);outline-offset:4px}.ps-shelf{position:relative;padding-bottom:14px}.ps-shelf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--ps-kraft);border-radius:3px;box-shadow:0 7px 10px rgb(10 20 60/.16)}.ps-shelf-row{display:flex;align-items:flex-end;gap:var(--sg,26px);padding:16px var(--sp,24px) 0}.ps-shelf-swipe{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--sp,24px);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}.ps-shelf-swipe::-webkit-scrollbar{display:none}.ps-shelf-swipe>*{scroll-snap-align:start}.ps-bookcase>*{width:100%}.ps-shelf-tag{display:inline-flex;gap:8px;background:var(--ps-paper);font-weight:800;padding:4px 12px;border-radius:6px;box-shadow:0 3px 0 var(--ps-line);transform:rotate(-1.5deg)}.ps-shelf-tag,.ps-tab{align-items:center;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif}.ps-tab{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;font-weight:700;color:var(--ps-ink-soft);background:none;border:0;cursor:pointer}.ps-tab[aria-current=page]{color:var(--ps-tang)}.ps-tab[aria-current=page]:before{content:"";position:absolute;top:0;width:60px;height:6px;border-radius:0 0 6px 6px;background:var(--ps-tang)}.ps-reading{--ps-c-next:56px;--ps-c-prev:0px;transition:--ps-c-next .3s cubic-bezier(.3,.7,.4,1),--ps-c-prev .3s cubic-bezier(.3,.7,.4,1)}.ps-reading[data-can-prev=true]{--ps-c-prev:40px}.ps-reading[data-can-next=false]{--ps-c-next:0px}.ps-reading:has(.ps-corner-next:hover){--ps-c-next:92px}.ps-reading[data-can-prev=true]:has(.ps-corner-prev:hover){--ps-c-prev:72px}.ps-page{background:var(--ps-lamp);color:var(--ps-lamp-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ps-c-next)),calc(100% - var(--ps-c-next)) 100%,var(--ps-c-prev) 100%,0 calc(100% - var(--ps-c-prev)))}.ps-corner{position:absolute;bottom:0;border:0;padding:0;cursor:pointer;z-index:20}.ps-corner-next{right:0;width:var(--ps-c-next);height:var(--ps-c-next);background:linear-gradient(to top left,transparent 50%,var(--ps-curl) 50%);filter:drop-shadow(-4px -4px 5px rgb(0 0 0/.2))}.ps-corner-prev{left:0;width:var(--ps-c-prev);height:var(--ps-c-prev);background:linear-gradient(to top right,transparent 50%,var(--ps-curl) 50%);filter:drop-shadow(4px -4px 5px rgb(0 0 0/.2))}.ps-corner:focus-visible{outline:3px solid var(--ps-tang);outline-offset:-3px}.ps-dots{display:flex;gap:6px}.ps-dots>i{width:10px;height:10px;border-radius:50%;background:var(--ps-line)}.ps-dots>i[data-on=true]{background:var(--ps-sun)}.ps-stamp{display:grid;place-items:center;width:170px;aspect-ratio:1;border-radius:50%;border:6px solid var(--ps-berry);color:var(--ps-berry);font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:800;font-size:36px;transform:rotate(-12deg);box-shadow:inset 0 0 0 6px var(--ps-lamp),inset 0 0 0 9px var(--ps-berry)}.ps-stamp-in{animation:ps-stamp-in .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes ps-stamp-in{0%{transform:rotate(-30deg) scale(1.8);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}.ps-step{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:700;font-size:14px;padding:5px 11px;border-radius:999px;border:2.5px solid var(--ps-line);background:var(--ps-paper);color:var(--ps-ink-soft);white-space:nowrap}.ps-step[data-state=done]{background:var(--ps-leaf);border-color:var(--ps-leaf);color:#fff}.ps-step[data-state=now]{border-color:var(--ps-tang);color:var(--ps-tang)}.ps-tile{--tc:var(--ps-leaf);--tt:#fff;position:relative;border:0;border-radius:14px;background-color:var(--tc);color:var(--tt);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:800;text-align:center;line-height:1.15;background-image:linear-gradient(135deg,transparent 50%,rgb(0 0 0/.06) 0);box-shadow:0 5px 0 color-mix(in srgb,var(--tc) 70%,#000);transition:transform .2s}.ps-tile[aria-pressed=true]{transform:translateY(-6px) rotate(-1.5deg);outline:5px solid #fff;box-shadow:0 12px 18px rgb(10 20 60/.25)}.ps-tile-own{--tc:var(--ps-paper);--tt:var(--ps-ink);border:3px dashed var(--ps-line);box-shadow:none;background-image:none}.ps-tile:disabled{opacity:.5;cursor:default}.ps-check{position:absolute;top:-10px;right:-10px;width:38px;height:38px;border-radius:50%;background:var(--ps-leaf);border:4px solid #fff;display:grid;place-items:center;color:#fff;z-index:3;box-shadow:0 3px 6px rgb(10 20 60/.25)}.ps-chip{border:0;border-radius:10px;background:var(--ps-paper);color:var(--ps-ink);padding:9px 14px;cursor:pointer;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:700;font-size:16px;box-shadow:0 4px 0 var(--ps-line);display:inline-flex;align-items:center;gap:6px;text-align:left}.ps-chip[aria-pressed=true]{background:var(--ps-sun);color:#3A2A00;box-shadow:0 4px 0 color-mix(in srgb,var(--ps-sun) 60%,#000)}.ps-chip-own{border:2.5px dashed var(--ps-line);box-shadow:none}.ps-chip-own[aria-pressed=true]{border-color:transparent}.ps-card{background:var(--ps-paper);border-radius:14px;box-shadow:0 6px 0 var(--ps-line)}.ps-card[aria-pressed=true]{outline:4px solid var(--ps-sun)}.ps-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ps-paper);border-radius:8px;padding:4px 10px;font-family:var(--font-kid-display),"Chalkboard SE",system-ui,sans-serif;font-weight:700;font-size:14px;box-shadow:0 3px 0 var(--ps-line)}.ps-minis{display:flex}.ps-minis>*{width:40px;height:40px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 6px rgb(10 20 60/.2)}.ps-minis>:first-child{transform:rotate(-5deg)}.ps-minis>*+*{margin-left:-10px;transform:rotate(6deg)}.ps-cutout[aria-pressed=true] .ps-cutout-face{outline:5px solid var(--ps-sun);outline-offset:2px}.ps-field{background:var(--ps-paper);border:3px solid var(--ps-tang);border-radius:14px;padding:14px 16px;font-family:var(--font-kid-read),"Andika",system-ui,sans-serif;font-size:19px;line-height:1.4;color:var(--ps-ink);width:100%;resize:none;outline:none}.ps-field:focus-visible{box-shadow:0 0 0 5px color-mix(in srgb,var(--ps-tang) 35%,transparent)}.fortune-teller{display:block;aspect-ratio:1;flex:none;border-radius:4px;transform:rotate(45deg);transition:transform .45s cubic-bezier(.3,.7,.4,1),rotate .45s cubic-bezier(.3,.7,.4,1);background:linear-gradient(45deg,transparent calc(50% - 1px),rgb(0 0 0/.22) 50%,transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgb(0 0 0/.22) 50%,transparent calc(50% + 1px)),conic-gradient(from 45deg,var(--ps-sun) 0 25%,var(--ps-berry) 0 50%,var(--ps-sun) 0 75%,var(--ps-lake) 0)}.fortune-teller-unfold{animation:fortune-teller-unfold .6s cubic-bezier(.3,.7,.4,1)}.fortune-teller-thinking{animation:fortune-teller-thinking 1.1s ease-in-out infinite}@keyframes fortune-teller-unfold{0%{transform:rotate(45deg) scale(.7)}to{transform:rotate(225deg) scale(1)}}@keyframes fortune-teller-thinking{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(60deg) scale(.88)}}@media (prefers-reduced-motion:reduce){.fortune-teller-thinking,.fortune-teller-unfold,.ps-cutout-hop,.ps-stamp-in{animation:none}.fortune-teller,.ps-cut-btn,.ps-paper-btn,.ps-reading,.ps-tile{transition:none}}}