@font-face{font-family:Garamond;src:url(/fonts/EBGaramond.ttf)format("truetype");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/EBGaramond-Italic.ttf)format("truetype");font-weight:400 800;font-style:italic;font-display:swap}:root{--ink:#eef0faf2;--bloom:0 1px 1px #0000008c, 0 0 9px #0206128c, 0 0 6px #c8d6ff4d, 0 0 18px #a0b9ff29;--paper:#ece2cf;--moon:#c9cfdc;--rose:#4a5fa8;--font:"Garamond", "EB Garamond", Garamond, "Times New Roman", serif}*{box-sizing:border-box}html,body{background:#070a12;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none}#sky{width:100%;height:100%;display:block;position:fixed;inset:0}#trees,#air{pointer-events:none;position:fixed;inset:0}#trees>*,#air>*{pointer-events:auto}.crane-holder{will-change:transform;opacity:.8;filter:brightness(.96)blur(.3px)drop-shadow(0 0 18px #b2c4ff80)drop-shadow(0 0 40px #96aaf033);width:160px;height:160px;position:absolute;transform:translate(-50%,-50%)}.crane-holder:not(.perched):not(.still):after{content:"";position:absolute;inset:-110px}.crane-holder.still{opacity:1;filter:drop-shadow(0 6px 10px #02061273)}.crane-holder.perched{opacity:.94;filter:drop-shadow(0 0 8px #b2c4ff47)drop-shadow(0 4px 6px #02061266)}.crane-holder.here{opacity:1;filter:drop-shadow(0 10px 16px #02061280)drop-shadow(0 0 14px #b2c4ff38)}.crane-holder.here .crane{animation-duration:4.2s,6.3s}.crane-rock{animation:4.1s ease-in-out infinite rock;position:absolute;inset:0}.crane{background:url(/crane/beat.webp) 0 0/3200% 100% no-repeat;animation:3s steps(32,jump-none) infinite beat,6.3s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes beat{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes shimmer{0%,to{opacity:.9}50%{opacity:1}}@keyframes rock{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-3px)}}.crane.still,.crane.perched{background:url(/crane/rest.webp) 0 0/100% 100% no-repeat;animation:none}.crane-holder.still .crane-rock,.crane-holder.perched .crane-rock{animation:none}@media (prefers-reduced-motion:reduce){.crane,.crane-rock{animation:none!important}}.sheet{isolation:isolate;width:440px;height:620px;color:var(--ink);position:absolute}.sheet.writing,.sheet.reading{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1),rotate .6s,background-color .7s,box-shadow .7s,color .7s;transform:translateY(46px)rotate(-.7deg)}.sheet.writing.in,.sheet.reading.in{opacity:1;transform:translateY(0)}.sheet.ready{box-shadow:inset 0 0 0 1px #c8d6fa17}.sheet .body,.sheet .text,.sheet .glow{font:400 16px/1.66 var(--font);letter-spacing:.002em;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizelegibility;resize:none;white-space:pre-wrap;overflow-wrap:break-word;scrollbar-width:none;background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute;inset:66px 58px 114px;overflow:auto}.sheet .body::-webkit-scrollbar{display:none}.sheet .text::-webkit-scrollbar{display:none}.sheet .glow::-webkit-scrollbar{display:none}.sheet .body{color:#0000;caret-color:var(--ink);transition:color .7s}.sheet .body::selection{color:#0000;background:#96aaf047}.sheet .glow{pointer-events:none;color:var(--ink);text-shadow:var(--bloom);transition:opacity .7s;overflow:hidden}.sheet .glow .fresh{animation:1.6s ease-out both settle}@keyframes settle{0%{color:#fff;text-shadow:0 1px 1px #0006,0 0 10px #e1e9fff2,0 0 28px #aac3ffb3}to{color:var(--ink);text-shadow:var(--bloom)}}.sheet .text{color:var(--ink);text-shadow:var(--bloom);transition:color .7s,text-shadow .7s}.sheet .text::selection{background:#96aaf047}.sheet.more .text{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),#0000);mask-image:linear-gradient(#000 calc(100% - 40px),#0000)}.sheet .sign,.sheet .signline{height:28px;font:italic 400 16px/28px var(--font);color:var(--ink);text-align:right;caret-color:var(--ink);text-shadow:var(--bloom);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:0;margin:0;padding:0;transition:color .7s,text-shadow .7s;position:absolute;bottom:58px;left:58px;right:66px;overflow:hidden}.sheet .sign{border-bottom:1px solid #c8d6fa1f;transition:border-color .6s,color .7s}.sheet .sign:focus{border-bottom-color:#c8d6fa42}.sheet.written .sign{animation:3.6s ease-in-out infinite signbreath}.sheet.written .sign:focus{border-bottom-color:#c8d6fa4d;animation:none}@keyframes signbreath{0%,to{border-bottom-color:#c8d6fa24;box-shadow:0 1px #aac3ff00}50%{border-bottom-color:#dce6ff6b;box-shadow:0 1px 10px #aac3ff59}}.sheet .rose{opacity:0;background:#7f94e0;border-radius:50%;width:6px;height:6px;transition:opacity .7s,transform .7s;position:absolute;bottom:67px;right:52px;transform:scale(.4);box-shadow:0 0 10px #7896f0d9}.sheet .rose.on{opacity:.95;transform:scale(1)}.sheet .handle{perspective:520px;height:40px;position:absolute;bottom:0;left:0;right:0}.sheet .handle:before{content:"";opacity:0;transform-origin:bottom;background:linear-gradient(#cddafc08,#cddafc24);border-top:1px solid #dce6ff2e;height:22px;transition:opacity 1.2s,transform 1.4s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:rotateX(0)}.sheet.ready .handle:before{opacity:1;transform:rotateX(-38deg)}.sheet.ready .handle:hover:before{transition-duration:.6s;transform:rotateX(-62deg)}.sheet .handle:after{content:"";opacity:0;border-top:0 solid #0000;border-bottom:26px solid #c8d6fa29;border-left:26px solid #0000;border-right:0 solid #0000;width:0;height:0;transition:opacity .8s,border-width .5s;position:absolute;bottom:0;right:0}.sheet.ready .handle{cursor:pointer}.sheet.ready .handle:after{opacity:1}.sheet.ready .handle:hover:after{border-width:0 0 34px 34px}.sheet .w{display:inline-block}.sheet.leaving{pointer-events:none;box-shadow:none}.sheet.leaving .sign,.sheet.leaving .rose,.sheet.leaving .handle{opacity:0;transition:opacity .4s}.sheet.closed .text,.sheet.closed .signline{visibility:hidden}.sheet.gathering .w{animation:1.1s cubic-bezier(.55,0,.3,1) both gather;animation-delay:var(--d,0s)}.sheet.unfolding .w{animation:1.1s cubic-bezier(.2,.7,.15,1) both scatter;animation-delay:var(--d,0s)}.sheet.gathering .signline{overflow:visible}@keyframes gather{0%{opacity:1;transform:none}28%{color:#fff;text-shadow:0 0 5px #fffffff2,0 0 14px #c8d6ffcc,0 0 28px #a0b9ff66;opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.18);color:#fff;text-shadow:0 0 6px #ffffffe6;opacity:0}}@keyframes scatter{0%{transform:translate(var(--dx), var(--dy)) scale(.18);color:#fff;text-shadow:0 0 6px #ffffffe6;opacity:0}40%{color:#fff;text-shadow:0 0 5px #fffffff2,0 0 14px #c8d6ffcc,0 0 28px #a0b9ff66;opacity:1}to{opacity:1;transform:none}}.light{pointer-events:none;opacity:0;background:radial-gradient(circle,#fffffff2 0%,#dee6ff9e 10%,#afc3ff3d 30%,#96aaf012 50%,#0000 68%);border-radius:50%;width:220px;height:220px;margin:-110px 0 0 -110px;transition:opacity 1.8s ease-in;position:absolute}.light.on{opacity:1}.seal{pointer-events:none;opacity:0;transform-origin:50% 68%;filter:drop-shadow(0 2px 3px #00000080)drop-shadow(0 0 7px #506edc38);width:56px;height:84px;transition:opacity .6s,transform .4s;position:absolute}.seal:before,.seal:after{content:"";position:absolute;inset:0}.seal:before{background:url(/seal/wax.webp) 0 0/100% 100% no-repeat;transition:opacity 1.8s}.seal:after{background:url(/seal/rose.webp) 0 0/4800% 100% no-repeat;background-position-x:var(--f,0%)}.seal.alive:before{opacity:0}.seal.on{opacity:1}.seal.alive{filter:drop-shadow(0 4px 8px #00000080)drop-shadow(0 0 14px #506edc4d);transition:transform 4.4s cubic-bezier(.3,.5,.3,1),opacity 1.4s}.seal.gone{opacity:0}.petal{pointer-events:none;background:url(/seal/petal.webp) 0 0/400% 100% no-repeat;background-position-x:calc(var(--k,0) * 33.334%);filter:drop-shadow(0 0 5px #82a0ff66);width:22px;height:22px;animation:blow var(--ms,1.3s) cubic-bezier(.35, .4, .4, 1) both;margin:-11px 0 0 -11px;position:absolute}@keyframes blow{0%{transform:translate(0, 0) rotate(0deg) scale(var(--s,1));opacity:0}12%{opacity:1}55%{transform:translate(calc(var(--dx) * .5 + var(--cx)), calc(var(--dy) * .5 + var(--cy))) rotate(calc(var(--r) * .5)) scale(var(--s,1));opacity:1}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.45);opacity:0}}.sheet.receiving .w{opacity:0}.sheet.receiving .w.lit{animation:1.5s ease-out both alight}@keyframes alight{0%{opacity:0;color:#fff;text-shadow:0 0 6px #fffffff2,0 0 16px #c8d6ffd9,0 0 30px #a0b9ff73}25%{opacity:1;color:#fff;text-shadow:0 0 5px #fffffff2,0 0 14px #c8d6ffcc,0 0 28px #a0b9ff66}to{opacity:1}}.crane-holder.lantern{cursor:pointer}.crane-holder.lantern:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffe2b89e 0%,#ffd09c4d 20%,#ffbe821a 46%,#0000 68%);border-radius:50%;animation:5.6s ease-in-out infinite lantern;position:absolute;inset:-34%}.crane-holder.lantern .crane{filter:brightness(1.22)sepia(.4)saturate(1.25);transition:filter 1.4s}@keyframes lantern{0%,to{opacity:.66;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}.crane-holder.lantern.here:before{animation:1.4s forwards lantern-out}.crane-holder.lantern.here .crane{filter:none}@keyframes lantern-out{to{opacity:0;transform:scale(.9)}}.phrase{width:280px;height:40px;font:400 20px/40px var(--font);letter-spacing:.08em;text-align:center;color:#d6def0d9;opacity:0;caret-color:#d6def0b3;background:0 0;border:0;border-bottom:1px solid #c8d2eb00;outline:0;padding:0;transition:opacity 1.2s,border-color 1.2s;position:absolute;transform:translate(-50%,-50%)}.phrase.near,.phrase:focus{opacity:.55;border-bottom-color:#c8d2eb38}.phrase:focus{opacity:.85}.phrase.wrong{color:#0000;transition:color .8s}.phrase-zone{width:44vw;height:34vh;position:absolute;transform:translate(-50%,-50%)}@property --glow{syntax:"<number>";inherits:false;initial-value:0}.carvings{transform-origin:50%;text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:64px;padding:14px 4px;display:flex;position:absolute}.carvings .cut{font:400 11px/1.45 var(--font);letter-spacing:.06em;white-space:pre-wrap;overflow-wrap:break-word}.carvings .cut .w{white-space:nowrap;display:inline-block}.carvings .cut .g{transform:rotate(var(--tilt,0deg)) translateY(var(--dip,0px));--u:0;color:color-mix(in srgb, #0a0604a8, #ffe2bef5 calc(var(--glow) * 100%));text-shadow:0 .7px 0 rgba(255, 222, 186, calc(.22 + .2 * var(--glow))), 0 0 5px rgba(255, 216, 170, calc(.7 * var(--glow))), 0 0 14px rgba(255, 190, 130, calc(.45 * var(--glow)));transition:--glow 1.2s;display:inline-block}.carvings.trunk .cut .g{transform:perspective(220px) translate(calc(var(--x,0) * 1px), calc(var(--dip,0px) + var(--arc,0) * 1px)) rotateY(calc(var(--u) * 52deg)) rotate(var(--tilt,0deg));opacity:calc(1 - .22 * var(--u) * var(--u))}.carvings:hover .cut .g{transition-duration:.3s}.carvings .cut .g.fresh{--glow:1;transition:none}.carvings .cut.live{min-width:8px}.carvings .cut.live:after{content:"";vertical-align:-.1em;background:#ffe0be80;width:1px;height:.9em;margin-left:2px;animation:1.4s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.carvings:not(.full){cursor:default}.carvings .cut.by-sky .g{color:#0e090680;text-shadow:0 .6px 0 rgba(255, 222, 186, calc(.12 + .2 * var(--glow))), 0 0 5px rgba(255, 216, 170, calc(.5 * var(--glow)))}.ovid{text-align:center;pointer-events:none;opacity:0;white-space:nowrap;--glow:0;color:#d6def6e6;font:italic 400 14px/1.55 var(--font);letter-spacing:.02em;text-shadow:0 0 6px rgba(170, 186, 255, calc(.5 * var(--glow))), 0 0 18px rgba(140, 160, 255, calc(.35 * var(--glow)));position:absolute;transform:translate(-50%)}.ovid p{margin:0}.world{opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible;pointer-events:none!important}.world .trace{transition:opacity .9s}.world.someone-hot .trace{opacity:.35}.world.someone-hot .trace.hot{opacity:1}.world .flown{fill:none;stroke:#e8eeff9e;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.world .ahead{fill:none;stroke:#e8eeff80;stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:.1 4.5;vector-effect:non-scaling-stroke}.world .end{fill:#ffe2b4f2}.world .halo{fill:#ffcd9629}.world .town{fill:url(#townlight)}.world .townlight{fill:#ffe2b4b3}.world .whale{opacity:0;transform-box:fill-box;transform-origin:bottom}.world .whale.up{animation:7s ease-in-out both whale-up}.world .whale .back{fill:#161e34f5;stroke:#c8d8ff8c;stroke-width:.6px;stroke-linejoin:round}.world .whale .belly{fill:#60709659}.world .whale .eye{fill:#dce6ffe6}.world .whale .spout{fill:none;stroke:#e1ebffbf;stroke-width:.7px;stroke-linecap:round;opacity:0}.world .whale.up .spout{animation:7s ease-out both whale-spout}@keyframes whale-up{0%{opacity:0;transform:translateY(6px)scaleY(.6)}22%{opacity:1;transform:translateY(0)scaleY(1)}70%{opacity:1;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(7px)scaleY(.5)}}@keyframes whale-spout{0%,24%{opacity:0;transform:translateY(2px)scaleY(.2)}38%{opacity:.9;transform:translateY(0)scaleY(1)}60%{opacity:0;transform:translateY(-3px)scaleY(1.3)}to{opacity:0}}.deer-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.doe{will-change:transform;filter:drop-shadow(0 0 22px #02040ab3);background-repeat:no-repeat;position:absolute;bottom:0;left:0}.doe+.doe{opacity:.94}
