*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#2b2118}#page{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#fffaeb8c,#0000 70%),radial-gradient(ellipse at 50% 50%,#f2e8d0,#e8dab8 55%,#d4c096 85%,#b8a172);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#paper-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.09'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}#cold-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,#96afe11a,#0000 60%),linear-gradient(180deg,#1e2a4e0d,#10162c24);mix-blend-mode:multiply;animation:cold-breathe 11s ease-in-out infinite}@keyframes cold-breathe{0%,to{opacity:.6}50%{opacity:1}}#ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#page.locked #ink{cursor:default;pointer-events:none}#reply-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#reply-layer svg,#reply-layer .fallback-char{position:absolute;overflow:visible}#reply-layer svg{filter:url(#ink-bleed)}#reply-layer .fallback-char{font-family:Hiragino Mincho ProN,Yu Mincho,serif;color:#26355c;line-height:1;opacity:0;transition:opacity .35s ease}#presence-ink{position:absolute;right:2%;bottom:3%;width:196px;height:196px;display:block;pointer-events:none;visibility:hidden}#presence-sign{position:absolute;right:4%;bottom:6%;width:120px;height:46px;display:block;pointer-events:none;visibility:hidden}#presence{position:absolute;right:6%;bottom:7%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#26355c8c,#26355c00);opacity:0;transition:opacity .8s ease;pointer-events:none}#presence.active{opacity:1;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(2.2)}}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0000 52%,#0e112261)}#reject-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#0a0d1c00 35%,#0709168c)}#reject-flash.active{animation:reject-pulse 1.4s ease}@keyframes reject-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}#memory-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#0a0d1cdb,#04060ff7);transition:opacity 2.4s ease}#memory-veil.full{opacity:1}#memory-veil.half{opacity:.55}#memory-ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;visibility:hidden}#page{perspective:2400px}#inkwells{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:clamp(40px,12vw,72px);z-index:20}.dip{position:relative;width:clamp(58px,15vw,76px);aspect-ratio:1;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.dip .pool{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1);transition:transform 1.1s cubic-bezier(.34,.02,.2,1);will-change:transform}.dip.in-use .pool{transform:scale(.5)}.pool-svg{width:100%;height:100%;display:block;overflow:visible;mix-blend-mode:multiply}.dip .tag{position:absolute;left:50%;bottom:-15px;transform:translate(-50%);font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:13px;letter-spacing:.14em;color:#2a2110;opacity:.5;pointer-events:none;transition:opacity .5s ease}.dip.in-use .tag{opacity:1}.dip:focus-visible{outline:none}.dip:focus-visible .tag{opacity:1;color:#9a3225}#page.locked #inkwells{pointer-events:none}.edge{position:absolute;top:0;bottom:0;width:7%;min-width:32px;max-width:68px;border:none;background:transparent;cursor:pointer;z-index:15;-webkit-tap-highlight-color:transparent}.edge-left{left:0}.edge-right{right:0}.edge:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fffcf466}#page.locked .edge{pointer-events:none}.leaf{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;z-index:50;will-change:transform}.leaf__front,.leaf__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fffaeb8c,#0000 70%),radial-gradient(ellipse at 50% 50%,#f2e8d0,#e8dab8 55%,#d4c096 85%,#b8a172);box-shadow:0 24px 42px -22px #000000b3}.leaf__front img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.leaf__back{transform:rotateY(180deg);background:linear-gradient(160deg,#e6d7b3,#d9c8a0 55%,#c9b485)}.leaf__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(102deg,#fff0 34%,#ffffff80 50%,#785f3738 58%,#0000 72%)}.leaf--fwd{animation:leafFwd 1.1s cubic-bezier(.36,.05,.18,1) forwards}.leaf--fwd .leaf__sheen{animation:sheenFwd 1.1s cubic-bezier(.36,.05,.18,1) forwards}.leaf--back{transform-origin:right center;animation:leafBack 1.1s cubic-bezier(.36,.05,.18,1) forwards}.leaf--back .leaf__sheen{background:linear-gradient(258deg,#fff0 34%,#ffffff80 50%,#785f3738 58%,#0000 72%);animation:sheenBack 1.1s cubic-bezier(.36,.05,.18,1) forwards}@keyframes leafFwd{0%{transform:rotateY(0)}to{transform:rotateY(-179deg)}}@keyframes leafBack{0%{transform:rotateY(0)}to{transform:rotateY(179deg)}}@keyframes sheenFwd{0%{opacity:0;transform:translate(26%)}26%{opacity:1}to{opacity:.35;transform:translate(-58%)}}@keyframes sheenBack{0%{opacity:0;transform:translate(-26%)}26%{opacity:1}to{opacity:.35;transform:translate(58%)}}@media(prefers-reduced-motion:reduce){.dip .pool{transition:none}.leaf{display:none}}