@font-face{font-family:Player Sans Mono;src:url(/fonts/PlayerSansMono8x8-Classic.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zpix;src:url(/fonts/zpix/zpix.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChenYuluoyan Thin;src:url(/fonts/chenyuluoyan/ChenYuluoyan-2.0-Thin.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#456d52;--paper:#f5efd9}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}html{--sb-track-color:#fff;--sb-thumb-color:#dfd496;--sb-size:14px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);background:#eee4c7}html::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}html::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:18px}html::-webkit-scrollbar-thumb{border:3px solid var(--sb-track-color);background:var(--sb-thumb-color);border-radius:18px}body{color:var(--ink);font-synthesis:none;font-family:ChenYuluoyan Thin,Player Sans Mono,ui-monospace,monospace}body.has-modal{overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline-offset:5px;outline:3px dashed #456d52}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gift-desk{background:#eee4c7;width:100%;height:100svh;min-height:100svh;position:relative;overflow:hidden}.gift-scene{isolation:isolate;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.desk-layers{position:absolute;inset:0;overflow:hidden;container-type:size}.desk-layers img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:width 1s cubic-bezier(.22,.7,.2,1),height 1s cubic-bezier(.22,.7,.2,1),right 1s cubic-bezier(.22,.7,.2,1),bottom 1s cubic-bezier(.22,.7,.2,1),translate 1s cubic-bezier(.22,.7,.2,1),transform 1s cubic-bezier(.22,.7,.2,1);position:absolute;inset:0}.desk-layers__tabletop{z-index:-1;transform:scale(1.12)}.desk-layers img.desk-layers__zerpent{object-fit:contain;width:max(84cqw,38cqw + 520px);height:auto;inset:auto;transform:translate(min(0px,12cqw - 180px),clamp(0px,12px - 1cqw,1svh))}.desk-layers img.desk-layers__title{object-fit:contain;width:max(86cqw,43cqw + 470px);height:auto;inset:auto;transform:translate(min(0px,25cqw - 360px),clamp(0px,24px - 2cqw,2svh))}.desk-layers img.desk-layers__hat{object-fit:contain;width:max(90cqw,159.968cqh);height:auto;animation:.9s cubic-bezier(.22,.8,.2,1) both desk-hat-enter;inset:auto min(-1.8247cqw,-3.2427cqh) min(-.7781cqw,-1.3829cqh) auto;transform:none}@keyframes desk-hat-enter{0%{opacity:0;translate:34% 30%}to{opacity:1;translate:0}}@media (width>=601px){.desk-layers__zerpent,.desk-layers__title,.desk-layers__hat{z-index:3}}.note-viewer{z-index:2;aspect-ratio:1.22;width:clamp(492px,58vw,672px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.note-stage{touch-action:pan-y;cursor:grab;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.note-stage:active{cursor:grabbing}.note-motion{width:min(92%, calc(100vw - 4rem), var(--note-height-width,43.5svh));aspect-ratio:3/4;flex:none;height:auto;transition:transform .12s ease-out;animation:.42s cubic-bezier(.21,.79,.25,1) both note-enter;position:relative}.note-motion--left{--enter-x:-28%;--enter-rotation:-2.5deg}.note-motion--right{--enter-x:28%;--enter-rotation:2.5deg}@keyframes note-enter{0%{opacity:.2;translate:var(--enter-x) 0;rotate:var(--enter-rotation)}to{opacity:1;translate:0;rotate:0deg}}.note-card{cursor:pointer;perspective:1400px;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden}.note-card.is-static{cursor:default}.note-card__inner{width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 14px 12px #3d452f52);transition:transform .6s cubic-bezier(.22,.72,.18,1);display:block;position:relative}.note-card.is-flipped .note-card__inner{transform:rotateY(180deg)}.note-card__face{object-fit:contain;backface-visibility:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.note-motion .note-card__face{inset:auto;left:var(--note-image-left,0);top:var(--note-image-top,0);width:var(--note-image-width,100%);height:var(--note-image-height,100%);object-fit:fill}.note-card__back{transform:rotateY(180deg)}.nav-arrow{z-index:4;aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(20px,2.5vw,32px);padding:0;transition:left .35s,right .35s,transform .16s,opacity .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{transform:translateY(-50%)scale(1.12)}.nav-arrow:active{transform:translateY(-50%)scale(.96)}.nav-arrow svg{fill:none;stroke:#81907d;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px #ffffff73);width:100%;height:100%;overflow:visible}.nav-arrow--left{left:0}.nav-arrow--right{right:0}@media (width>=601px){.nav-arrow--left{left:max(1rem, calc(50% - min(clamp(226px, 26.68vw, 309px), calc(50vw - 2rem), var(--note-height-half-width,21.75svh)) - clamp(34px, 4vw, 52px)))}.nav-arrow--right{right:max(1rem, calc(50% - min(clamp(226px, 26.68vw, 309px), calc(50vw - 2rem), var(--note-height-half-width,21.75svh)) - clamp(34px, 4vw, 52px)))}}.note-count{color:#456d52ad;letter-spacing:.15em;white-space:nowrap;margin:clamp(10px,1.2vw,18px) 0 0;font-size:clamp(1.3rem,1.7vw,1.8rem);position:absolute;top:100%;left:50%;transform:translate(-50%)}.view-all-button{z-index:3;aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(110px,8.5vw,150px);padding:0;transition:transform .18s;display:grid;position:absolute;top:clamp(1.5rem,1.5vw,2rem);right:clamp(1.5rem,1.5vw,2rem)}.view-all-button:hover{transform:rotate(3deg)scale(1.06)}.view-all-button img{object-fit:contain;filter:drop-shadow(0 5px 4px #47472c2b);grid-area:1/1;width:100%;height:100%;display:block}.view-all-button span{color:var(--ink);text-transform:uppercase;white-space:nowrap;background:#f5efd9e0;border-radius:999px;grid-area:1/1;margin-top:90%;padding:.2rem .4rem;font-size:clamp(1.2rem,1.65vw,1.575rem);box-shadow:0 2px #8d7b5059}@media (width>=601px) and (width<=1130px){.desk-layers img.desk-layers__zerpent{width:max(84cqw,38cqw + 520px,clamp(949px,1548px - 53vw,1230px));translate:clamp(-95px,18.02vw - 203.6px,0px) clamp(-61px,11.53vw - 130.3px,0px)}.desk-layers img.desk-layers__hat{bottom:clamp(-90px,17vw - 192px,0px);right:clamp(-90px,17vw - 192px,0px)}}.view-all{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#b8b9b0b8;animation:.26s ease-out both view-all-in;position:fixed;inset:0;overflow:hidden}.view-all__scroll{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);scrollbar-width:auto;place-items:start center;padding:clamp(4rem,8vh,7rem) clamp(1rem,6vw,7rem) clamp(2rem,5vh,4rem);display:grid;position:absolute;inset:0;overflow:auto}.view-all__scroll::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.view-all__scroll::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:18px}.view-all__scroll::-webkit-scrollbar-thumb{border:3px solid var(--sb-track-color);background:var(--sb-thumb-color);border-radius:18px}@supports selector(::-webkit-scrollbar){.view-all__scroll{scrollbar-color:auto}}@keyframes view-all-in{0%{opacity:0}}.view-all__content{gap:clamp(2rem,5vw,4rem);width:min(1180px,100%);display:grid}.view-all__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(1rem,3vw,3rem);width:100%;margin-inline:auto;display:grid}.view-all__grid .note-card{aspect-ratio:3/4;transition:scale .16s}.view-all__grid .note-card:nth-child(odd){rotate:-1deg}.view-all__grid .note-card:nth-child(2n){rotate:1deg}.view-all__grid .note-card:hover{z-index:1;scale:1.035}.view-all__close{z-index:2;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));color:#456d52;cursor:pointer;filter:drop-shadow(0 1px #f5efd9e6);background:0 0;border:0;width:46px;height:46px;padding:0 0 4px;font-size:2.5rem;line-height:1;position:fixed}.view-all__disclaimer{color:#456d52;text-align:center;padding:clamp(1rem,3vw,2rem);font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.45}@media (width<=600px){.desk-layers__tabletop{object-position:center}.desk-layers img.desk-layers__art{width:var(--asset-width);object-fit:initial;max-width:none;height:auto;transform:translate3d(var(--asset-left), var(--asset-top), 0);inset:auto}.desk-layers__zerpent{--asset-width:205vw;--asset-left:-25vw;--asset-top:1svh;translate:-53px -62px}.desk-layers__title{--asset-width:180vw;--asset-left:-57vw;--asset-top:2svh}.desk-layers__crayons-left{--asset-width:190vw;--asset-left:-17vw;--asset-top:calc(56svh - 50vw)}.desk-layers__crayon-right{--asset-width:250vw;--asset-left:-106vw;--asset-top:calc(53svh - 50vw)}.desk-layers__stickers{--asset-width:205vw;--asset-left:-13vw;--asset-top:calc(76svh - 80vw)}.desk-layers img.desk-layers__hat{width:216cqw;inset:auto -4.38cqw -1.87cqw auto}.note-viewer{aspect-ratio:.92;width:100vw}.note-stage{inset:0 9%}.note-motion{width:min(92%, calc(100vw - 2rem), var(--note-mobile-height-width,42svh));height:auto}.nav-arrow{width:9%}.nav-arrow--left{left:0}.nav-arrow--right{right:0}.view-all-button{top:auto;right:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));width:var(--mobile-view-all-size,110px);position:fixed;transform:translate(50%)}.view-all-button:hover{transform:translate(50%)rotate(3deg)scale(1.05)}.view-all__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}}@media (width<=900px){.view-all__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}@media (width<=540px){.note-count{margin-top:.15rem}.view-all__scroll{padding:4.5rem .8rem 2rem}.view-all__grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}