@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Nunito:wght@400;700&display=swap";:root{--j-hand:"Caveat","Patrick Hand","Bradley Hand","Segoe Script","Comic Sans MS",cursive;--j-paper:#f8edd9;--j-ink:#3b2a22;--j-peach:#ffc9a8;--j-brown:#8a5a3c;--j-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .27  0 0 0 0 .13  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html.journal-open,html.journal-open body{overflow:hidden}.jbook{display:block;position:relative;width:min(240px,62%);aspect-ratio:3/4;margin:.8rem auto 2.4rem;background:none;border:0;padding:0;perspective:1100px;animation:jfloat 4.5s ease-in-out infinite;transition:transform .35s}@keyframes jfloat{50%{transform:translateY(-8px) rotate(-1deg)}}.jbook:hover,.jbook:focus-visible{transform:scale(1.05) rotate(-2deg);animation-play-state:paused}.jbook-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.5,.1,.25,1);filter:drop-shadow(0 18px 22px rgba(0,0,15,.5))}.jbook-pages{position:absolute;top:2.5%;right:0;bottom:2.5%;left:4%;border-radius:4px 12px 12px 4px;background:repeating-linear-gradient(#f8edd9 0,#f8edd9 18px,#e9d6b6 18px,#e9d6b6 19px);box-shadow:4px 0 #e9d8b8,7px 2px #d3bb92}.jbook-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:left center;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.5,.1,.25,1)}.jbook-front{position:absolute;top:0;right:0;bottom:0;left:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cover-svg{width:100%;height:100%;display:block}.jbook-endpaper{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px 4px 4px 12px;background:linear-gradient(90deg,#f3dcc0,#ead0b0);border:3px solid #7d4b31}.jbook.opening .jbook-cover{transform:rotateY(-158deg)}.jbook.opening .jbook-inner{transform:scale(1.3) translate(14%)}.jbook-hint{position:absolute;left:0;right:0;bottom:-2rem;text-align:center;font:600 1rem var(--hd);color:var(--gold)}.j-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#f3d9b8;clip-path:circle(0 at var(--ox) var(--oy));animation:jwipe .85s cubic-bezier(.6,0,.4,1) forwards;pointer-events:all}@keyframes jwipe{to{clip-path:circle(150vmax at var(--ox) var(--oy))}}.j-wipe.fade{clip-path:none;animation:jfade .65s ease forwards;pointer-events:none}@keyframes jfade{0%{opacity:1}to{opacity:0}}.journal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 12px 10px;background:radial-gradient(ellipse at 50% 38%,#f7d9b5,#e5b78d 52%,#b9805a);font-family:var(--j-hand);color:var(--j-ink);animation:jin .7s ease both}.journal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--j-grain);opacity:.55;pointer-events:none}.journal.out{animation:jout .42s ease forwards}@keyframes jin{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes jout{to{opacity:0;transform:scale(.98)}}.j-back{position:absolute;top:12px;left:12px;z-index:5;font:700 .95rem var(--hd);color:#fff;background:#5c3824d1;border:0;border-radius:2rem;padding:.55rem 1.1rem;box-shadow:0 3px 10px #3c1e0a4d}.j-back:hover{background:#7a4a30}.j-title{position:absolute;top:8px;left:0;right:0;text-align:center;font:700 2.1rem/1 var(--j-hand);color:#5a3724;pointer-events:none;margin:0}.book-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}.book{position:relative;width:min(92vw,1060px,calc((100vh - 190px)*1.48));width:min(92vw,1060px,calc((100dvh - 190px)*1.48));aspect-ratio:1.48/1;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.book.single{width:min(88vw,480px,calc((100vh - 200px)*.74));width:min(88vw,480px,calc((100dvh - 200px)*.74));aspect-ratio:.74/1}.cover-back{position:absolute;top:-14px;right:-18px;bottom:-18px;left:-18px;border-radius:16px;background:linear-gradient(145deg,#b07650,#744630);box-shadow:0 34px 60px #3c1e0a80,inset 0 0 0 3px #cf9a70,inset 0 0 0 7px #3c1e0a59}.cover-back:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed rgba(255,226,190,.5);border-radius:11px}.book.single .cover-back{top:-12px;right:-12px;bottom:-16px;left:-16px}.edge{position:absolute;top:3px;bottom:-5px;width:calc(50% + 6px);background:#eadcc0;box-shadow:0 2px #d6c19a,0 4px #efe2c8,0 6px #d9c4a0;z-index:1}.edge.l{left:-5px;border-radius:10px 0 0 22px/10px 0 0 12px}.edge.r{right:-5px;border-radius:0 10px 22px 0/0 10px 12px 0}.leaves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:2600px}.base,.leaf{position:absolute;top:0;bottom:0;width:50%}.base{z-index:0}.base.left{left:0;border-radius:8px 0 0 8px;overflow:hidden}.base.right{left:50%;border-radius:0 8px 8px 0;overflow:hidden}.leaf{left:50%;transform-origin:left center;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.5,.08,.25,1);will-change:transform}.leaf.flipped{transform:rotateY(-180deg)}.single .leaf{left:0;width:100%}.single .leaf.flipped:not(.turning){visibility:hidden}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.face.front{border-radius:0 8px 8px 0}.face.back{transform:rotateY(180deg);border-radius:8px 0 0 8px}.single .face.front,.single .face.back{border-radius:4px 8px 8px 4px}.bend{position:absolute;top:0;right:0;bottom:0;left:0}.leaf.turning .bend{animation:bend .95s ease-in-out}@keyframes bend{0%,to{transform:none}30%{transform:skewY(-2deg) scaleX(.985)}65%{transform:skewY(1.6deg) scaleX(.99)}}.face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:5;background:linear-gradient(90deg,#3c23148c,#3c231400 45%,#ffffff59 62%,#3c231447)}.leaf.turning .face:after{animation:shade .95s ease-in-out}@keyframes shade{0%{opacity:0}45%{opacity:.95}to{opacity:0}}.spine{position:absolute;left:50%;top:0;bottom:0;width:9%;transform:translate(-50%);z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(95,58,30,.32) 42%,rgba(55,32,18,.6) 50%,rgba(95,58,30,.32) 58%,transparent)}.cast{position:absolute;top:0;bottom:0;width:50%;z-index:3;pointer-events:none;opacity:0}.cast.fwd{right:0;background:linear-gradient(90deg,#3c231480,#3c231400 75%);animation:cast .95s ease-in-out}.cast.back{left:0;background:linear-gradient(270deg,#3c231480,#3c231400 75%);animation:cast .95s ease-in-out}.single .cast{width:100%}.single .cast.fwd,.single .cast.back{left:0;right:auto;background:linear-gradient(90deg,#3c231480,#3c231400 70%)}@keyframes cast{0%{opacity:0}40%{opacity:1}to{opacity:0}}.book-nav{display:flex;align-items:center;gap:14px;margin-top:14px}.nav-btn{width:44px;height:44px;border-radius:50%;border:0;background:#5c3824d9;color:#fff;font:700 1.8rem/1 var(--hd);padding-bottom:4px;box-shadow:0 3px 10px #3c1e0a4d;transition:transform .15s,opacity .2s}.nav-btn:hover:not(:disabled){transform:scale(1.1);background:#7a4a30}.nav-btn:disabled{opacity:.3}.book-count{min-width:9.5rem;text-align:center;font:700 1.25rem var(--j-hand);color:#5a3724}.j-hint{margin:0;font:700 1.15rem var(--j-hand);color:#6b432b;opacity:.85;transition:opacity .5s;min-height:1.4rem}.j-hint.gone{opacity:0}.page{container-type:inline-size;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--j-paper);overflow:hidden;font-family:var(--j-hand);color:var(--j-ink);font-size:4.2cqw}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--j-grain);opacity:.55;pointer-events:none;mix-blend-mode:multiply;z-index:2}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.pg-left:before{background:linear-gradient(90deg,#78502800 72%,#78502838)}.pg-right:before{background:linear-gradient(270deg,#78502800 72%,#78502838)}.pg-body{position:absolute;top:0;right:0;bottom:0;left:0;padding:4.5cqw 6cqw 6cqw;display:flex;flex-direction:column;gap:1.4cqw}.tag{display:flex;justify-content:space-between;margin:0;font-size:3.6cqw;letter-spacing:.05em;opacity:.7}.frame{position:relative;flex:none;width:76cqw;aspect-ratio:1.15/1;margin:.5cqw auto 0;border-radius:46% 54% 50% 50%/52% 48% 54% 46%;background:radial-gradient(circle at 50% 45%,#fff7e8,#ffe2c6 82%);border:.5cqw solid rgba(90,59,42,.55);box-shadow:inset 0 0 0 1cqw #ffffff73;transform:rotate(-1.2deg);display:grid;place-items:center}.frame .cat{width:94%;height:94%}.tape{position:absolute;width:14cqw;height:5cqw;background:#ffc9a8cc;box-shadow:0 .3cqw .6cqw #0000001f;z-index:1}.frame .t1{top:3cqw;left:1cqw;transform:rotate(-35deg)}.frame .t2{top:3cqw;right:1cqw;transform:rotate(35deg)}.cat-name{position:relative;flex:none;margin:0;font-weight:700;line-height:1;text-align:center;transform:rotate(-1.5deg)}.squig{display:block;width:62%;height:2.4cqw;margin:.4cqw auto 0}.diary{flex:1;min-height:0;margin:1cqw 0 0;font-size:4.3cqw;line-height:5.2cqw;transform:rotate(.4deg);background:repeating-linear-gradient(to bottom,transparent 0 4.9cqw,rgba(120,90,60,.22) 4.9cqw 5.2cqw);overflow:hidden}.pgno{position:absolute;bottom:2.2cqw;font-size:3.4cqw;opacity:.55;z-index:1}.pg-left .pgno{left:5.5cqw}.pg-right .pgno{right:5.5cqw}.dd{position:absolute;width:10cqw;height:10cqw;z-index:1;pointer-events:none}.cat-page .dd0{top:30cqw;right:1cqw;transform:rotate(12deg);width:11cqw;height:11cqw}.cat-page .dd1{top:80cqw;left:2cqw;width:8cqw;height:8cqw;transform:rotate(-12deg)}.cat-page .dd2{top:80cqw;right:2cqw;width:8cqw;height:8cqw;transform:rotate(10deg)}.belongs{margin:3cqw 0 0;font-size:8.6cqw;line-height:1;font-weight:700;text-align:center;transform:rotate(-1deg)}.kimi-name{font-size:27cqw;line-height:1;font-weight:700;text-align:center;color:#c9692f;transform:rotate(-3deg);margin:2cqw 0}.kimi-name .squig{width:55%}.facts{margin:2cqw 0 1cqw;padding:0;list-style:none;font-size:4.6cqw;line-height:6cqw}.facts li:before{content:"♡ ";color:#e08a7a}.intro .diary,.ending .diary{flex:none;height:27cqw}.intro .dd0{top:auto;bottom:11cqw;right:auto;left:46cqw}.intro .dd1{bottom:11cqw;right:6cqw}.intro .dd2{bottom:11cqw;left:6cqw}.ending .belongs{font-size:9.5cqw}.polaroid{position:relative;width:50cqw;margin:5cqw auto 3cqw;padding:3cqw 3cqw 9cqw;background:#fffdf7;box-shadow:0 .8cqw 2cqw #3c231447;transform:rotate(3deg)}.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#ffd9bd}.polaroid span{position:absolute;bottom:2cqw;left:0;right:0;text-align:center;font-size:6cqw}.polaroid .t1{top:-2cqw;left:15cqw;transform:rotate(-4deg)}.sign{margin:auto 0 5cqw;text-align:right;font-size:7cqw;font-weight:700;color:#c9692f}.ending .dd0{top:26cqw;right:3cqw}.ending .dd1{top:46cqw;left:3cqw}.ending .dd2{top:50cqw;right:3cqw}.blank{background:var(--j-paper)}@media(max-width:820px){.j-title{display:none}.j-back{font-size:.85rem;padding:.5rem .9rem}.book-count{min-width:7.5rem;font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.leaf{transition-duration:.01s}.leaf.turning .bend,.leaf.turning .face:after,.cast,.jbook,.journal{animation:none}.jbook-inner,.jbook-cover{transition-duration:.01s}}html,html *{cursor:url(/cursor.png) 38 28,auto!important}.sound-toggle{position:fixed;top:14px;right:14px;z-index:3000;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#070a1ea6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1.35rem;line-height:1;display:grid;place-items:center;transition:transform .15s,background .2s,opacity .2s}.sound-toggle:hover{transform:scale(1.08);background:#7a3fb5d9}.sound-toggle.off{opacity:.75}.kimi{position:relative;display:block;line-height:0;-webkit-user-select:none;user-select:none}.kimi>img{display:block;width:100%;height:auto;pointer-events:none}.kimi-eye{position:absolute;overflow:hidden;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.kimi-iris{position:absolute;display:block;max-width:none;pointer-events:none;will-change:transform}.begin-btn{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;margin:1rem auto .2rem;padding:.8rem 1.9rem;border:0;border-radius:3rem;background:linear-gradient(135deg,#ff9ad5,#b58cff);color:#26104f;font:700 1.15rem var(--hd);box-shadow:0 8px 28px #ff9ad573;transition:transform .15s,box-shadow .2s;animation:beginPulse 2.4s ease-in-out infinite}.begin-btn small{font:600 .72rem var(--hd);opacity:.75;letter-spacing:.04em}.begin-btn:hover{transform:scale(1.05);box-shadow:0 10px 34px #ff9ad5a6}@keyframes beginPulse{50%{box-shadow:0 8px 40px #ff9ad5cc}}.sound-wrap{position:fixed;top:14px;right:14px;z-index:3000;display:flex;align-items:flex-start;gap:8px}.sound-wrap .sound-toggle{position:static}.sound-toggle.hint{animation:beginPulse 2.4s ease-in-out infinite}.sound-more{width:34px;height:34px;margin-top:7px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#070a1ea6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1rem;line-height:1;display:grid;place-items:center;order:-1}.sound-more:hover{background:#7a3fb5d9}.sound-panel{position:absolute;top:58px;right:0;width:210px;padding:.9rem 1rem;border-radius:1.1rem;background:#070a1ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 .9rem var(--hd);display:grid;gap:.7rem;box-shadow:0 10px 30px #00000059}.sound-panel label{display:grid;gap:.4rem}.sound-panel b{float:right;font-weight:700;opacity:.8}.sound-panel .row{display:flex;gap:.5rem;align-items:center}.sound-panel input[type=range]{width:100%;accent-color:#ff9ad5}@media(prefers-reduced-motion:reduce){.begin-btn,.sound-toggle.hint{animation:none}}.sheet-link{display:block;margin-top:.7rem;color:var(--mint);font:600 .95rem var(--hd);text-decoration:none}.sheet-link:hover{text-decoration:underline}:root{--pink:#ff9ad5;--lilac:#c7b8ff;--mint:#a8f0e6;--gold:#ffe08a;--night:#070a1e;--hd:"Fredoka",system-ui,sans-serif;--bd:"Nunito",system-ui,sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--night)}body{font-family:var(--bd);color:#fff;overflow-x:hidden}.stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.stars i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;opacity:.2;animation:tw 3s ease-in-out infinite}@keyframes tw{50%{opacity:1}}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 60%,#4a2a8a,#1a1245 55%,#070a1e)}.hero-title{position:absolute;z-index:2;top:9vh;font:700 clamp(5rem,22vw,13rem)/.9 var(--hd);letter-spacing:.02em;background:linear-gradient(#fff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-baby{position:relative;z-index:3;width:clamp(210px,38vw,400px);margin-top:12vh}.hero-baby img{width:100%;display:block}.hero-baby .kimi{display:block;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(255,154,213,.35))}.hero-foot{position:absolute;z-index:4;bottom:5vh;padding:0 1.25rem}.hero-foot p{font-size:clamp(1rem,2.6vw,1.3rem);opacity:.9}.cue{display:block;margin-top:.8rem;font:600 .95rem var(--hd);color:var(--mint);animation:tw 2s ease-in-out infinite}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media(prefers-reduced-motion:reduce){.stars i,.hero-baby .kimi,.bob,.cat svg,.cue{animation:none}}.story{position:relative;height:100svh;overflow:hidden;background:#030514}.sky{position:absolute;top:0;right:0;bottom:0;left:0}.sky-earth{background:linear-gradient(#030514,#0b1236 70%,#1b2a5e)}.sky-planet{background:linear-gradient(#2a1458,#7a3fb5 55%,#ff9ad5)}.moon{position:absolute;z-index:2;top:10%;left:12%;width:clamp(60px,12vw,120px);aspect-ratio:1;border-radius:50%;background:#fff8dc;box-shadow:0 0 60px 20px #fff8dc4d}.planet-big{position:absolute;z-index:2;top:9%;right:10%;width:clamp(80px,18vw,200px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe3f4,#ff8fd0 60%,#b25bd8)}.planet-big:after{content:"";position:absolute;top:-18%;right:-48%;bottom:-18%;left:-48%;border:6px solid rgba(255,255,255,.4);border-radius:50%;transform:rotate(-18deg) scaleY(.28)}.clouds{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:130%}.clouds i{position:absolute;height:56px;width:200px;border-radius:56px;background:#ffffff14;filter:blur(6px);will-change:transform}.clouds i:nth-child(1){top:24%;left:8%}.clouds i:nth-child(2){top:38%;left:42%;width:260px}.clouds i:nth-child(3){top:18%;left:62%}.clouds i:nth-child(4){top:46%;left:84%}.hills{position:absolute;left:-20%;width:140%;bottom:-12%;height:32%;z-index:4;border-radius:50% 50% 0 0/100% 100% 0 0}.hills-earth{background:#04061a}.hills-planet{background:linear-gradient(#ffb8e6,#a46bff)}.portal{position:absolute;z-index:5;left:50%;bottom:10%;width:clamp(220px,42vw,460px);aspect-ratio:1;border-radius:50%;background:conic-gradient(#8be9ff,#c28bff,#ff8be0,#8be9ff);-webkit-mask:radial-gradient(circle,transparent 18%,#000 20%,#000 58%,transparent 70%);mask:radial-gradient(circle,transparent 18%,#000 20%,#000 58%,transparent 70%)}.glow{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 70%,rgba(255,224,138,.5),transparent 60%)}.queen{position:absolute;z-index:6;left:50%;bottom:15%;width:clamp(260px,46vw,520px);color:#f3c6ff;filter:drop-shadow(0 0 40px rgba(255,170,240,.5))}.queen svg,.cat svg,.citizen svg{width:100%;display:block}.eye{fill:var(--eye,#ffe27a)}.crown{position:absolute;left:50%;top:-14%;margin-left:-.5em;font-size:clamp(2.2rem,8vw,5rem);line-height:1;color:var(--gold);text-shadow:0 0 20px var(--gold)}.actor{position:absolute;left:50%;z-index:7;transform-origin:50% 60%}.cat{bottom:15%;width:clamp(80px,15vw,160px)}.cat svg{animation:hop .6s ease-in-out infinite}@keyframes hop{50%{margin-top:-6px}}.baby{bottom:12%;width:clamp(130px,22vw,250px)}.bob{position:relative;animation:crawl 1.2s ease-in-out infinite}@keyframes crawl{50%{transform:translateY(-5px) rotate(-3deg)}}.baby img{width:100%;display:block}.baby .kimi{display:block}.q{position:absolute;top:-4%;right:8%;font:700 clamp(2rem,6vw,3.5rem) var(--hd);color:#fff;opacity:0}.beams{position:absolute;left:-80%;width:260%;top:-110vh;height:120vh;transform-origin:50% 0;pointer-events:none}.beams b{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#fff4be00,#fff4beb3);clip-path:polygon(calc(50% - var(--t)) 0,calc(50% + var(--t)) 0,calc(50% + var(--w)) 100%,calc(50% - var(--w)) 100%)}.beams b:nth-child(1){--t:10%;--w:40%;opacity:.45}.beams b:nth-child(2){--t:4%;--w:22%;background:linear-gradient(#beaaff00,#beaaffcc)}.beams b:nth-child(3){--t:2%;--w:9%;background:linear-gradient(#96f0ff00,#fff)}.citizen{position:absolute;z-index:7;bottom:9%;width:clamp(50px,8vw,90px)}.c1{left:5%}.c2{left:17%;bottom:6%}.c3{left:76%}.c4{left:87%;bottom:7%}.c5{left:65%;bottom:5%}.bub{position:absolute;top:-62%;left:50%;margin-left:-1.4em;font:700 1rem var(--hd);background:#fff;color:#4a2a8a;padding:.2em .6em;border-radius:1em;white-space:nowrap}.note,.heart{position:absolute;z-index:8;bottom:34%;font:700 clamp(1.5rem,4vw,2.6rem) var(--hd);color:var(--gold);text-shadow:0 0 12px var(--gold)}.note:nth-of-type(1){left:40%}.note:nth-of-type(2){left:44%}.note:nth-of-type(3){left:48%}.note:nth-of-type(4){left:52%}.note:nth-of-type(5){left:38%}.note:nth-of-type(6){left:46%}.heart{color:var(--pink);text-shadow:0 0 12px var(--pink);bottom:40%}.heart:nth-of-type(1){left:20%}.heart:nth-of-type(2){left:34%}.heart:nth-of-type(3){left:50%}.heart:nth-of-type(4){left:60%}.heart:nth-of-type(5){left:72%}.heart:nth-of-type(6){left:82%}.flash{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none}.cap{position:absolute;z-index:11;top:clamp(1.5rem,7vh,5rem);left:0;right:0;margin:auto;max-width:34rem;padding:0 1.25rem;text-align:center;opacity:0}.cap small{font:600 .85rem var(--hd);letter-spacing:.2em;color:var(--lilac)}.cap h2{font:700 clamp(2rem,6.5vw,3.8rem)/1.05 var(--hd);margin:.3rem 0 .6rem;text-shadow:0 3px 20px #0007}.cap p{font-size:clamp(1rem,2.6vw,1.2rem);line-height:1.5;text-shadow:0 2px 12px #000a}.progress{position:absolute;z-index:12;left:0;bottom:0;height:4px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--mint),var(--pink))}.story .stars{z-index:1}.about{position:relative;padding:14vh 1.25rem 8vh;background:linear-gradient(#ff9ad5,#fff1f8 20%);color:#2a1458;overflow:hidden}.about-grid{max-width:1050px;margin:0 auto;display:grid;gap:3rem;grid-template-columns:1fr 1fr;align-items:center}.portrait{position:relative;display:grid;place-items:center}.portrait .kimi{position:relative;z-index:2;display:block;width:min(80%,380px);animation:float 5s ease-in-out infinite}.portrait .kimi img{width:100%;display:block}.orbit{position:absolute;width:92%;aspect-ratio:1;border:2px dashed rgba(122,63,181,.4);border-radius:50%;animation:spin 40s linear infinite}.orbit:after{content:"♪";position:absolute;top:-.6em;left:50%;font:700 2rem var(--hd);color:#7a3fb5}@keyframes spin{to{transform:rotate(360deg)}}.about h2{font:700 clamp(2.6rem,7vw,4.5rem)/1 var(--hd);color:#7a3fb5}.lead{font-size:1.2rem;line-height:1.5;margin:.8rem 0 1rem;max-width:34rem}.card{background:#fff;border-radius:1.5rem 1.5rem 1.5rem .4rem;padding:1.1rem 1.4rem;box-shadow:0 10px 30px #7a3fb524;margin-top:1rem}.card h3{font:600 1.15rem var(--hd);color:#7a3fb5;margin-bottom:.4rem}.card p{line-height:1.55}.tags span{display:inline-block;background:#ffe0f2;border-radius:2rem;padding:.25rem .8rem;margin:0 .4rem .4rem 0;font-weight:700}.about footer{text-align:center;margin-top:8vh;font-weight:700}.about a{color:#7a3fb5}@media(max-width:800px){.about-grid{grid-template-columns:1fr}}.sheet{margin:0}.sheet .card{margin-top:.9rem}.sheet-kicker{display:block;font:700 .85rem var(--hd);letter-spacing:.18em;text-transform:uppercase;color:#b35fd6;margin-bottom:.3rem}.sheet dt{display:flex;align-items:center;gap:.6rem;font:600 1.15rem var(--hd);color:#7a3fb5;margin-bottom:.35rem}.sheet dt i{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#ffe0f2;color:#7a3fb5;font:700 .95rem var(--hd);font-style:normal}.sheet dd{margin:0;line-height:1.55}.sheet dd .tags{margin-top:.6rem}.big-name{font:700 1.9rem var(--hd);color:#7a3fb5}.muted{opacity:.7}.sheet .tagline{background:linear-gradient(135deg,#ff9ad5,#b58cff);color:#26104f}.sheet .tagline dt,.sheet .tagline dt i{color:#26104f}.sheet .tagline dt i{background:#ffffff8c}.sheet .tagline q{font:700 1.35rem/1.3 var(--hd);quotes:"“" "”"}.projects{position:relative;padding:12vh 1.25rem 16vh;background:linear-gradient(#030514,#0b1236 30%,#1a1245 78%,#ff9ad5);overflow:hidden}.projects>*{position:relative;z-index:2}.projects>.stars{position:absolute;z-index:1}.projects-head{text-align:center;max-width:44rem;margin:0 auto 7vh}.projects-head small{font:600 .95rem var(--hd);color:var(--mint);letter-spacing:.14em;text-transform:uppercase}.projects-head h2{font:700 clamp(2.6rem,8vw,4.6rem)/1.05 var(--hd);margin:.4rem 0;background:linear-gradient(#fff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.projects-head p{opacity:.85;font-size:1.1rem}.project{max-width:900px;margin:0 auto 10vh;padding:1.4rem;border-radius:1.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px #00000a59}.project-info{margin-bottom:1.2rem}.badge{display:inline-block;font:700 .8rem var(--hd);letter-spacing:.1em;text-transform:uppercase;color:#2a1458;background:var(--gold);padding:.2rem .7rem;border-radius:2rem}.project-info h3{font:700 clamp(1.7rem,4.5vw,2.4rem) var(--hd);margin:.55rem 0 .3rem;color:#fff}.project-info p{line-height:1.55;opacity:.88;max-width:40rem}.pp-stage,.fw-box{position:relative}.pp-stage{width:min(100%,500px);margin:0 auto;aspect-ratio:1}.pp-svg{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.pp-portal{transform-origin:250px 250px;transition:transform .9s cubic-bezier(.6,-.2,.3,1),opacity .9s}.pp-spin{transform-origin:250px 250px;animation:ppspin 24s linear infinite}@keyframes ppspin{to{transform:rotate(360deg)}}.pp-star{cursor:grab;touch-action:none}.pp-star.drag{cursor:grabbing}.pp-star.placed{cursor:default}.pp.peek .pp-portal,.pp.giggle .pp-portal{animation:ppopen 1.2s ease-in-out infinite alternate}@keyframes ppopen{to{transform:scale(1.05)}}.pp.close .pp-portal,.pp.done .pp-portal{transform:scale(0);opacity:0}.pp-kimi{position:absolute;left:50%;top:50%;width:48%;transform:translate(-50%,-50%) scale(0);transition:transform .7s cubic-bezier(.34,1.56,.64,1);pointer-events:none;filter:drop-shadow(0 0 22px rgba(255,200,230,.7))}.pp.peek .pp-kimi,.pp.giggle .pp-kimi{transform:translate(-50%,-50%) scale(1)}.pp.giggle .pp-kimi{animation:ppgiggle .25s ease-in-out infinite alternate}@keyframes ppgiggle{0%{transform:translate(-50%,-50%) rotate(-5deg)}to{transform:translate(-50%,-50%) rotate(5deg)}}.pp.close .pp-kimi{transform:translate(-50%,-50%) scale(0)}.pp-msg{text-align:center;font:600 1.25rem var(--hd);color:var(--gold);min-height:2rem;margin-top:.9rem}.pp-bar,.fw-hud{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;margin-top:.6rem}.pp-bar{max-width:500px;margin-inline:auto;opacity:.85}.fw-hud{margin:0 0 .7rem;font-size:1.05rem}.fw-hud b{color:var(--gold);font-family:var(--hd)}.pp-bar button,.fw-hud button,.fw-win button{font:700 .95rem var(--hd);color:#2a1458;background:var(--mint);border:0;border-radius:2rem;padding:.45rem 1.1rem;cursor:pointer}.pp-bar button:hover,.fw-hud button:hover,.fw-win button:hover{filter:brightness(1.1)}.fw-box{border-radius:1.25rem;overflow:hidden;outline-offset:4px;line-height:0}.fw-box canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}.fw-win{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.6rem;text-align:center;line-height:1.5;padding:1.5rem;background:#070a1eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.fw-win h4{font:700 clamp(1.5rem,5vw,2.3rem) var(--hd);color:var(--pink)}.fw-hint{margin-top:.7rem;font-size:.95rem;opacity:.75;text-align:center}@media(prefers-reduced-motion:reduce){.pp-spin,.pp.peek .pp-portal,.pp.giggle .pp-portal,.pp.giggle .pp-kimi{animation:none}}
