@property --sky-top{syntax:"<color>";inherits:true;initial-value:#c5dfe8}@property --sky-horizon{syntax:"<color>";inherits:true;initial-value:#d6e8ea}.our-world{background:var(--sky-top,#c5dfe8);transition:--sky-top 10s linear,--sky-horizon 10s linear}.our-world .world-scene{background:var(--sky-top,#c5dfe8)}.our-world>.lock-world{color:var(--world-ui,#684b50)}.world-sky{pointer-events:none;width:100%;height:79%;position:absolute;top:0;left:0;overflow:hidden}.sky-stars{transition:opacity 10s steps(8,end);position:absolute;inset:0}.sky-stars i{background:#d9dccb;width:2px;height:2px;position:absolute}.sky-stars i:nth-child(4n):after{content:"";opacity:.6;background:#d9dccb;width:6px;height:2px;position:absolute;top:0;left:-2px}.sky-stars i:nth-child(4n):before{content:"";opacity:.6;background:#d9dccb;width:2px;height:6px;position:absolute;top:-2px;left:0}.celestial{width:64px;height:64px;image-rendering:pixelated;transition:left 10s steps(8,end),top 10s steps(8,end),opacity 10s linear;position:absolute;translate:-50% -50%}.celestial-moon{width:56px;height:56px}.landscape path,.landscape rect,.world-scene>.mailbox-hit .mailbox-art path{transition:fill 10s linear,stroke 10s linear}.our-world .nameplate{background:var(--plaque-paper,#ffefd7);border-color:var(--plaque-edge,#cfaa86);box-shadow:2px 0 var(--plaque-edge), -2px 0 var(--plaque-edge), 0 2px var(--plaque-edge), 0 -2px var(--plaque-edge);color:var(--plaque-ink,#684b50);transition:background-color 10s linear,border-color 10s linear,color 10s linear}.world-clock{bottom:max(16px, env(safe-area-inset-bottom));right:max(22px, env(safe-area-inset-right));z-index:5;color:var(--clock-ink,#e9e4d6);background:color-mix(in srgb, var(--clock-ground,#6f7e60) 18%, var(--clock-paper,#495748) 82%);border:1px solid color-mix(in srgb, var(--clock-ink,#5f5353) 22%, transparent);pointer-events:none;padding:10px 16px 10px 12px;font-size:16px;line-height:1.5;transition:color 10s linear,background-color 10s linear,border-color 10s linear;position:fixed}.world-clock>div{grid-template-columns:76px minmax(64px,max-content);gap:16px;display:grid}.world-clock time{white-space:nowrap;letter-spacing:.5px;font-variant-numeric:tabular-nums;text-align:right;padding-right:3px;display:block;overflow:visible}.our-world .ambient-pixels{opacity:.45}@media (max-width:700px){.world-sky{height:81%}.celestial,.celestial-moon{width:48px;height:48px}.world-clock{bottom:max(12px, env(safe-area-inset-bottom));right:max(13px, env(safe-area-inset-right));padding:8px 14px 8px 10px;font-size:16px}.world-clock>div{grid-template-columns:72px minmax(64px,max-content);gap:12px}.our-world .mailbox-status{bottom:9%}}@media (prefers-reduced-motion:reduce){.our-world,.celestial,.sky-stars,.landscape path,.landscape rect,.world-scene>.mailbox-hit .mailbox-art path,.world-clock,.our-world>.lock-world,.our-world .nameplate{transition:none}}.our-world .world-scene{background-image:none;min-height:0}.our-world .mailbox-hit{width:336px;height:402px}.our-world .mailbox-art{image-rendering:pixelated;filter:brightness(var(--sprite-light,1)) saturate(var(--sprite-saturation,1));transition:filter 10s steps(8,end)}.our-world .mailbox-hit:hover .mailbox-art{filter:brightness(calc(var(--sprite-light,1) + .04)) saturate(var(--sprite-saturation,1));transform:none}.our-world .mailbox-body{animation:none}.our-world .mailbox-art .mailbox-sprite,.delivery-world .mailbox-art .mailbox-sprite{image-rendering:pixelated;animation:none;transform:none}.mailbox-art{overflow:visible}.our-world .mailbox-hit:hover .mailbox-letter{translate:none}.our-world .celestial-sun{width:96px;height:96px}.sun-radiance{animation:8s steps(4,end) infinite alternate sun-warmth}@keyframes sun-warmth{0%{filter:brightness()}to{filter:brightness(1.06)}}.world-ground-art,.ground-extension{filter:brightness(var(--ground-light,1)) saturate(var(--sprite-saturation,1));image-rendering:pixelated;transition:filter 10s steps(8,end)}.sky-clouds{z-index:1;position:absolute;inset:0}.sky-clouds img{image-rendering:pixelated;filter:brightness(var(--ground-light,1)) saturate(var(--sprite-saturation,1));transition:filter 10s steps(8,end);animation:32s steps(16,end) infinite alternate world-cloud-drift;position:absolute}@keyframes world-cloud-drift{0%{transform:translate(-8px)}to{transform:translate(8px)}}.our-world .nameplate{color:#252238;background:#f4e9ce;border:2px solid #252238;padding:5px 18px;box-shadow:3px 3px #252238}.our-world .world-clock{border:2px solid #252238;box-shadow:3px 3px #252238}.our-world .ambient-pixels{display:none}.passcode-popup[data-slot=dialog-content]{color:#252238;background:#f4e9ce;border:3px solid #252238;box-shadow:5px 5px #252238}.stationery-set .paper-sheet{box-shadow:3px 0 #252238,-3px 0 #252238,0 3px #252238,0 -3px #252238,6px 6px #252238}.stationery-set .turn-front,.stationery-set .turn-back{background:#f4e9ce}.stationery-set .paper-tool{color:#252238;background:#f4e9ce;border-color:#4b568e;border-radius:0}.stationery-set .paper-tool.tool-selected{background:#adc0d1;border-color:#252238;box-shadow:2px 2px #252238}.our-world .pixel-button,.stationery-set .pixel-button{color:#252238;background:#f4e9ce;border:2px solid #252238;border-radius:0;box-shadow:3px 3px #252238}.our-world .pixel-button:hover,.stationery-set .pixel-button:hover{background:#d1b598}@media (max-width:700px){.our-world{--celestial-clearance:96px}.our-world .celestial-sun{width:72px;height:72px}.our-world .mailbox-hit{width:224px;height:268px}.sky-clouds img{width:96px;height:60px}}@media (max-width:360px),(max-height:640px){.our-world .mailbox-hit{width:224px;height:268px}}@media (prefers-reduced-motion:reduce){.sun-radiance{animation:none}.our-world .mailbox-art{transition:none}.world-ground-art,.ground-extension,.sky-clouds img{transition:none;animation:none}}.our-world .world-scene{background:linear-gradient(var(--sky-top), var(--sky-horizon));height:100dvh;min-height:0;overflow:hidden}.reference-stage{aspect-ratio:1786/880;isolation:isolate;width:max(100vw,202.955dvh);transition:opacity .5s steps(5,end);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.our-world .reference-landscape,.our-world .reference-sky{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.reference-sky{z-index:1}.reference-landscape{z-index:2}.reference-stage image,.reference-mailbox image{image-rendering:pixelated}.reference-day-paint{filter:brightness(1.48)saturate(1.08)}.reference-object-paint{filter:brightness(var(--reference-day-brightness,1))}.mailbox-paint{filter:brightness(calc(1 - var(--reference-night,0) * .12))}.reference-cloud-paint{filter:brightness(var(--reference-cloud-brightness,1)) sepia(var(--reference-cloud-sepia,0))}.reference-night{transition:opacity 10s linear}.reference-star{animation:9s steps(3,end) infinite alternate reference-twinkle}@keyframes reference-twinkle{0%{opacity:1}to{opacity:.7}}.reference-cloud{animation:reference-cloud-drift var(--cloud-duration,90s) steps(12) infinite alternate}@keyframes reference-cloud-drift{0%{transform:translate(0)}to{transform:translateX(var(--cloud-distance,12px))}}.reference-celestial{transition:transform 10s linear,opacity 10s linear}.our-world .reference-stage .mailbox-hit{width:12.542%;aspect-ratio:112/154;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:round(12.542%,7px);height:auto;padding:0;top:48.2955%;bottom:auto;left:44.5689%;transform:none}.our-world .mailbox-art,.our-world .mailbox-hit:hover .mailbox-art{filter:none;width:100%;height:100%;transform:none}.our-world .mailbox-hit:focus-visible{outline:2px dashed var(--world-ui);outline-offset:6px}.our-world .mailbox-hit[data-has-letter=true] .mailbox-art{transition:filter .14s steps(3,end)}@keyframes mailbox-hover-nudge{0%,to{translate:0}20%{translate:-2px}40%{translate:2px}60%{translate:-1px}80%{translate:1px}}.our-world .mailbox-hit[data-has-letter=true]:enabled:focus-visible .mailbox-art{filter:brightness(1.08);animation:.52s step-end mailbox-hover-nudge}@media (hover:hover) and (pointer:fine){.our-world .mailbox-hit[data-has-letter=true]:enabled:hover .mailbox-art{filter:brightness(1.08);animation:.52s step-end mailbox-hover-nudge}}.our-world .world-clock{box-sizing:border-box;right:max(27px, env(safe-area-inset-right));bottom:max(36px, env(safe-area-inset-bottom));color:#f5f0df;background:#283948ed;border:2px solid #23243c;border-radius:5px;width:238px;min-height:88px;padding:12px 20px;font-size:19px;line-height:1.5;box-shadow:inset 2px 2px #54607a,inset -2px -2px #1c233b,2px 2px #23243c}.our-world .world-clock>div{grid-template-columns:1fr auto;gap:24px}.our-world .world-clock time{letter-spacing:0;padding:0}.our-world .mailbox-status{z-index:4;bottom:10%}.our-world .mailbox-status .text-action{color:#f6f1df;background:#283948e0;padding:5px 12px}.reference-ambient{display:none}.mailbox-art.is-retrieving .mailbox-letter{opacity:1;animation:.45s steps(6,end) .56s both mailbox-retrieve}@keyframes mailbox-retrieve{0%{translate:0}to{translate:var(--mailbox-exit-x) 0}}.world-delivering>.reference-stage{opacity:0;pointer-events:none}.world-delivered>.reference-stage{opacity:1}@media (max-width:700px){.reference-stage{width:max(100vw,125dvh);top:auto;bottom:0;transform:translate(-50%)}.our-world .world-clock{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));width:207px;min-height:78px;padding:10px 14px;font-size:18px}.our-world .mailbox-status{bottom:14%}.reference-celestial{translate:140px -70px}}@media (max-height:550px){.our-world .world-clock{width:195px;min-height:70px;padding:8px 12px;font-size:17px;bottom:18px;right:18px}}@media (prefers-reduced-motion:reduce){.our-world .mailbox-hit[data-has-letter=true] .mailbox-art{transition:none}.our-world .mailbox-hit[data-has-letter=true]:enabled:is(:hover,:focus-visible) .mailbox-art{animation:none}.reference-night,.reference-celestial,.reference-stage{transition:none}.reference-star,.reference-cloud,.is-retrieving .mailbox-letter{animation:none}}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/special-elite.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora.woff2)format("woff2");font-weight:400;font-display:swap}.stationery.stationery-set[data-slot=dialog-content]{width:min(700px,100% - 32px);max-height:calc(100dvh - 26px);box-shadow:none;background:0 0;padding:8px;font-size:17px;overflow:auto}.stationery.stationery-set:before{display:none}.stationery-layout{grid-template-columns:minmax(0,1fr) 68px;align-items:start;column-gap:15px;width:min(100%,78.947dvh - 27.5258px);margin:auto;display:grid}.is-reading .stationery-layout,.showing-preview .stationery-layout{grid-template-columns:1fr;width:min(100%,78.947dvh - 110.526px)}.paper-sheet{aspect-ratio:600/760;background:var(--paper);width:100%;color:var(--ink);margin:0;position:relative;box-shadow:3px 0 #d5b59a,-3px 0 #d5b59a,0 3px #d5b59a,0 -3px #d5b59a,6px 6px #68515133;container-type:inline-size}.paper-background,.letter-preview{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paper-sheet .paper-close{z-index:8;color:#907264;top:3px;right:3px}.stationery-set textarea.sheet-field{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;letter-spacing:normal;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;font-weight:400;position:absolute;overflow-y:auto}.stationery-set textarea.sheet-field:focus-visible{outline-offset:3px;outline:1px dashed #baa08a}.stationery-set textarea.sheet-field::placeholder{color:#ad9181}.stationery-set textarea.field-signature{border-bottom:2px dotted #c6af9444}.paper-sheet:not(.mode-text) .sheet-field{pointer-events:none}.paper-ink{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.paper-ink.ink-active{pointer-events:auto;touch-action:none;cursor:crosshair}.paper-ink.tool-eraser{cursor:cell}.ink-cursor{pointer-events:none}.letter-object{z-index:4;transform-origin:0 0;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.letter-object img{pointer-events:none;width:100%;height:100%;display:block}.placed-stamp img{image-rendering:pixelated}.placed-sticker img{filter:drop-shadow(1px 2px #795c5140)}.letter-object.object-moving{cursor:grabbing;z-index:7;filter:drop-shadow(2px 2px #795c5138)}.letter-object.over-trash{opacity:.4}.letter-object:focus-visible{outline-offset:3px;outline:1px dashed #a27d67}.letter-object:disabled{opacity:1;pointer-events:none}.letter-trash{aspect-ratio:1;z-index:6;color:#997466;opacity:0;pointer-events:none;background:#f3dfc880;border:1px dashed #b9947c;width:11%;min-width:36px;padding:5px;transition:opacity .15s steps(3,end),scale .15s steps(3,end),translate .15s steps(3,end);position:absolute;bottom:1.5%;right:2.5%;translate:0 5px;scale:.85}.letter-trash svg{width:26px;max-width:70%;margin:auto;display:block}.letter-trash span{white-space:nowrap;text-align:center;font-size:10px;display:block}.letter-trash.trash-available{opacity:.18;pointer-events:auto}.letter-trash.trash-available:hover{opacity:.85}.letter-trash:focus-visible{opacity:.85}.letter-trash.trash-visible{opacity:.95;translate:0;scale:1}.letter-trash.trash-ready{color:#a45c65;background:#ecd0ba;border-color:#a45c65;scale:1.06}.trash-lid{transform-origin:3px 6px;transition:transform .12s steps(2,end)}.trash-ready .trash-lid{transform:translateY(-2px)rotate(-12deg)}.paper-tools{background:#f2e5cd;border:2px solid #b99b80;flex-direction:column;align-items:stretch;gap:9px;margin-top:20px;padding:8px 5px;display:flex;position:relative;box-shadow:3px 3px #755b4933}.tool-modes{gap:5px;display:grid}.paper-tool{color:#80675b;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:49px;padding:5px 3px;font-size:12px;display:flex}.paper-tool svg{width:20px;height:20px}.paper-tool:hover:not(:disabled){background:#e5d1b7}.paper-tool.tool-selected{color:#654b4d;background:#e5c8b6;border-color:#bc9581;box-shadow:inset 1px 1px #b28d7540}.paper-tool:disabled{opacity:.35}.history-tools{border-top:1px dotted #b99b8080;padding-top:5px;display:grid}.history-tools .paper-tool{min-height:40px}.history-tools .paper-tool svg{width:16px;height:16px}.object-adjust{border-top:1px dotted #b99b8080;grid-template-columns:1fr 1fr;display:grid}.object-adjust button{color:#80675b;height:28px;font-size:21px}.tool-panel{z-index:10;background:#eee0c6;border:2px solid #b69a7f;width:205px;padding:22px 13px 13px;animation:.12s steps(2,end) tool-panel-in;position:absolute;top:0;right:calc(100% + 12px);box-shadow:4px 4px #735c4938}.tool-panel .panel-close{color:#957665;width:22px;height:22px;font-size:19px;position:absolute;top:0;right:3px}.tool-panel label{color:#80675b;margin-bottom:9px;font-size:13px;display:block}.tool-panel select{color:#684b50;width:100%;font:inherit;background:#fff5df;border:1px solid #b99b80;border-radius:0;margin-top:3px;padding:5px;font-size:15px;display:block}.text-sizes{gap:5px;margin:8px 0;display:flex}.text-sizes button{border:1px solid #c3a68c;flex:1;min-height:30px;font-size:14px}.text-sizes button[aria-pressed=true]{background:#e0bdad;border-color:#a57a71}.ink-options{flex-direction:column;gap:10px;display:flex}.marker-sizes{justify-content:center;display:flex}.marker-sizes button{border-bottom:2px solid #0000;place-items:center;min-width:38px;height:30px;display:grid}.marker-sizes button[aria-pressed=true]{border-color:#a57a71}.marker-sizes i{background:#685052;border-radius:50%}.ink-colors{grid-template-columns:repeat(4,30px);justify-content:center;gap:5px;display:grid}.ink-colors button{background:var(--ink-swatch);border:4px solid #eee0c6;width:30px;height:30px}.ink-colors button.color-selected{outline-offset:-2px;outline:1px solid #947565}.panel-stamp{width:295px}.stamp-tray{grid-template-columns:repeat(5,44px);gap:10px 8px;display:grid}.stamp-tray button{border:1px solid #0000;padding:2px}.stamp-tray button:hover{background:#d9b9a3;border-color:#a46c72}.stamp-tray img{width:40px;height:50px;image-rendering:pixelated;display:block}.sticker-picker p{color:#80675b;margin:0 0 12px;font-size:15px}.sticker-picker small{color:#80675b;font-size:12px;line-height:1.4;display:block}.sticker-picker .upload-label{text-align:center;cursor:pointer;padding:8px;font-size:15px;display:block;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-label:focus-within{outline-offset:3px;outline:2px dotted #9b7470}.stationery-set .paper-error{background:#f4e5cd;border:0;margin:8px 0 0;padding:6px}.ink-limit{color:#99535c;z-index:5;pointer-events:none;font-size:11px;position:absolute;bottom:1%;left:7%}.render-error{color:#99535c;width:80%;font-size:16px;position:absolute;top:40%;left:10%}@keyframes tool-panel-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}.mailbox-letter{transition:translate .14s steps(2,end)}.mailbox-hit:hover .mailbox-letter{translate:0 -1px}.letter-reading .mailbox-letter{opacity:0}.mailbox-art.is-opening .mailbox-flag{animation:none}@media (max-width:600px){.stationery.stationery-set[data-slot=dialog-content]{width:calc(100% - 16px);padding:5px}.stationery-layout,.is-reading .stationery-layout,.showing-preview .stationery-layout{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.paper-sheet{order:0;width:min(100%,78.947dvh - 165.789px)}.paper-tools{flex-flow:wrap;order:1;justify-content:center;gap:3px;width:100%;margin:0;padding:5px 3px}.tool-modes{gap:2px;display:flex}.paper-tool{width:42px;min-height:43px;padding:3px 0;font-size:11px}.paper-tool svg{width:17px;height:17px}.history-tools{border-top:0;border-left:1px dotted #b99b8080;padding:0 0 0 3px;display:flex}.history-tools .paper-tool{width:32px;min-height:43px}.object-adjust{justify-content:center;gap:9px;width:100%;display:flex}.object-adjust button{width:32px}.tool-panel{top:auto;bottom:calc(100% + 9px);right:0}.tool-panel.panel-stamp{width:min(295px,100%)}.is-reading .paper-sheet,.showing-preview .paper-sheet{width:min(100%,78.947dvh - 114.473px)}.letter-trash span{font-size:8px}}@media (prefers-reduced-motion:reduce){.tool-panel,.mailbox-letter,.letter-trash,.trash-lid{transition:none;animation:none}}.stationery-layout{grid-template-columns:minmax(0,1fr) 108px;width:min(100%,78.947dvh - 11.2099px)}.editor-rail{flex-direction:column;gap:10px;display:flex}.editor-rail .paper-tools{margin-top:0}@media (min-width:601px){.editor-rail .paper-tool{flex-direction:row;justify-content:flex-start;gap:7px;min-height:44px;line-height:1.15}.editor-rail .history-tools .paper-tool{min-height:32px}}.object-adjust{background:#f7ecd7;border:2px solid #aa8978;gap:5px;padding:8px;box-shadow:3px 3px #755b4933}.object-adjust-title{color:#705456;text-align:center;grid-column:1/-1;padding-bottom:5px;font-size:13px;line-height:1.25}.object-adjust button{background:#ecdbc0;border:1px solid #c6a88e;min-height:34px}.object-adjust button:hover{background:#e4c8ae}.letter-object.object-selected{outline-offset:4px;outline:1px dashed #987973;box-shadow:0 0 0 3px #f8ecd644}.letter-object img{image-rendering:pixelated}.editor-trash-slot{align-self:start;width:64px;height:62px;margin:0 auto}.editor-trash-slot .letter-trash{opacity:.55;background:#e3cfb6;width:64px;height:62px;padding:5px;position:relative;inset:auto;translate:0;scale:1}.editor-trash-slot .letter-trash.trash-available{opacity:.85}.editor-trash-slot .letter-trash span{font-size:12px}.builtin-sticker-tray{grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0 14px;display:grid}.builtin-sticker-tray button{background:#fff4df;border:1px solid #c6a88e;padding:3px}.builtin-sticker-tray button:hover{background:#e9d2bd}.builtin-sticker-tray img{width:100%;image-rendering:pixelated}.tool-panel.panel-sticker{width:240px}@media (max-width:600px){.stationery-layout{grid-template-columns:minmax(0,1fr) 64px;gap:12px;display:grid}.paper-sheet{grid-column:1/-1;justify-self:center;width:min(100%,78.947dvh - 224.999px)}.editor-rail{grid-column:1/-1;gap:10px;width:100%}.object-adjust{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.object-adjust-title{grid-column:1/-1;padding:0}.object-adjust button{width:100%}.editor-trash-slot{margin:0 auto}.editor-rail .paper-tools{order:0}.editor-rail .object-adjust{order:1}.editor-rail .editor-trash-slot{order:2}.is-reading .stationery-layout,.showing-preview .stationery-layout{display:flex}.is-reading .paper-sheet,.showing-preview .paper-sheet{width:min(100%,78.947dvh - 114.473px)}}.stationery.stationery-set[data-slot=dialog-content]{max-height:calc(100dvh - 20px);overflow:visible}.stationery-set .stationery-layout{grid-template-columns:minmax(0,1fr) 108px;width:min(100%,78.947dvh - 19.1046px)}.stationery-set .letter-stage{width:100%}.stationery-set.is-reading .stationery-layout,.stationery-set.showing-preview .stationery-layout{grid-template-columns:1fr;width:min(100%,78.947dvh - 118.421px)}.stationery-set .physical-sheet .paper-sheet{width:100%;height:100%}.stationery-set textarea.sheet-field{scrollbar-width:none;overflow:hidden}.paper-sheet.mode-stamp .sheet-field,.paper-sheet.mode-sticker .sheet-field{pointer-events:auto}.page-turn{z-index:20;perspective:1600px;pointer-events:auto;position:absolute;inset:0;overflow:clip}.turning-leaf{transform-style:preserve-3d;transform-origin:0;position:absolute;inset:0;box-shadow:4px 3px #684b5033}.turn-front,.turn-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff5df;position:absolute;inset:0}.turn-back{transform:rotateY(180deg);box-shadow:inset 4px 0 #d9c3a1}.turn-front:after{content:"";border-right:3px solid #d9c3a1;position:absolute;inset:0}.turn-backward .turning-leaf{transform-origin:100%}.turn-forward.turn-ready .turning-leaf{animation:.55s cubic-bezier(.35,.05,.25,1) both sheet-forward}.turn-backward.turn-ready .turning-leaf{animation:.55s cubic-bezier(.35,.05,.25,1) both sheet-backward}@keyframes sheet-forward{to{transform:rotateY(-178deg)}}@keyframes sheet-backward{to{transform:rotateY(178deg)}}@media (max-width:600px),(max-height:650px){.stationery.stationery-set[data-slot=dialog-content]{width:calc(100% - 16px);padding:5px}.stationery-set .stationery-layout{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.stationery-set .letter-stage{width:min(100%,78.947dvh - 228.946px)}.stationery-set.is-reading .letter-stage,.stationery-set.showing-preview .letter-stage{width:min(100%,78.947dvh - 110.526px)}.stationery-set.is-reading .stationery-layout,.stationery-set.showing-preview .stationery-layout{width:100%}.stationery-set .editor-rail{grid-template-columns:1fr 58px;gap:8px;width:100%;display:grid}.stationery-set .paper-tools{flex-flow:row;grid-column:1/-1;justify-content:center;gap:3px;width:100%;margin:0;padding:4px 2px;display:flex}.stationery-set .tool-modes{gap:2px;display:flex}.stationery-set .paper-tool{flex-direction:column;gap:3px;width:42px;min-height:43px;padding:3px 0;font-size:11px}.stationery-set .paper-tool svg{width:17px;height:17px}.stationery-set .history-tools{border:0;border-left:1px dotted #b99b80;padding:0 0 0 3px;display:flex}.stationery-set .history-tools .paper-tool{width:32px;min-height:43px}.stationery-set .object-adjust{order:1;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;padding:4px;display:grid}.stationery-set .object-adjust-title{padding:0;font-size:12px}.stationery-set .object-adjust button{width:100%;min-height:30px}.stationery-set .editor-trash-slot{order:2;grid-column:2;width:58px;height:58px;margin:0}.stationery-set .letter-trash{width:58px;height:58px}.stationery-set .tool-panel{top:auto;bottom:calc(100% + 8px);right:0}}@media (prefers-reduced-motion:reduce){.turn-ready .turning-leaf{animation-duration:20ms!important}}.stationery.stationery-set .stationery-footer.letter-menu{width:100%;box-shadow:none;color:#f4e9ce;text-shadow:1px 1px #151420,-1px 0 #151420,0 -1px #151420;background:0 0;border:0;grid-column:1;gap:6px;margin-top:8px;padding:8px;display:grid}.letter-menu-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.letter-menu button{color:#252238;min-height:36px;text-shadow:none;white-space:nowrap;background:#f4e9ce;border:1px solid #151420;border-radius:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 10px;font-family:inherit;font-size:14px;line-height:20px;text-decoration:none;display:inline-flex;box-shadow:2px 2px #151420}.letter-menu button svg{width:14px;height:14px}.letter-menu button:hover:not(:disabled){background:#d1b598}.letter-menu button:disabled{opacity:.5;cursor:default}.letter-menu button:focus-visible{outline-offset:3px;outline:2px solid #ffd257}.letter-menu-pages{justify-content:center;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.letter-menu-pages button{min-width:30px;min-height:28px;padding:2px 7px}.letter-menu-hint,.letter-menu-error{text-align:center;color:#f4e9ce;margin:0;font-size:13px;line-height:18px}.letter-menu-error{color:#ffcfbc}@media (max-width:600px),(max-height:650px){.stationery.stationery-set .stationery-footer.letter-menu{order:3;width:min(100%,78.947dvh - 228.946px);margin-top:0}.stationery.stationery-set.is-reading .stationery-footer.letter-menu,.stationery.stationery-set.showing-preview .stationery-footer.letter-menu{width:min(100%,78.947dvh - 110.526px)}.letter-menu-actions button{min-height:40px;padding:7px 8px}}@media (max-width:600px){.stationery.stationery-set .stationery-footer.letter-menu{grid-column:1/-1}}.letter-stage{aspect-ratio:600/760;isolation:isolate;grid-column:1;width:100%;position:relative}.envelope-paper-window{z-index:2;position:absolute;inset:0}.physical-sheet{transform-origin:0 0;position:absolute;inset:0}.physical-sheet .paper-sheet{width:100%}.physical-envelope{left:10%;top:var(--envelope-y);width:80%;height:auto;image-rendering:pixelated;pointer-events:none;position:absolute;overflow:visible}.envelope-back{z-index:1}.envelope-front{z-index:3}.physical-flap{z-index:4}.physical-flap.flap-behind{z-index:1}.envelope-in-motion{overflow:hidden}.envelope-in-motion .envelope-paper-window{clip-path:inset(0 0 var(--paper-clip) 0)}.envelope-in-motion .physical-sheet{transform:translate(var(--sheet-x), var(--sheet-y)) scale(var(--sheet-scale))}.envelope-in-motion .letter-preview{image-rendering:pixelated}.envelope-in-motion .paper-close{visibility:hidden}.stationery.stationery-set[data-slot=dialog-content]{transition:none;animation:none}.stationery.in-envelope-motion .stationery-footer,.stationery.in-envelope-motion .editor-rail{visibility:hidden;pointer-events:none}@media (max-width:600px){.letter-stage{grid-column:1/-1;justify-self:center;width:min(100%,78.947dvh - 284.209px)}.is-reading .letter-stage,.showing-preview .letter-stage{width:min(100%,78.947dvh - 114.473px)}.physical-sheet .paper-sheet{width:100%}}.world-delivering>.landscape,.world-delivering>.mailbox-hit,.world-delivering>.world-sky{opacity:0;animation:none!important}.delivery-stage{z-index:12;color:#f4e9ce;background:#252238;place-content:center;justify-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.space-stars{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.delivery-world,.delivery-stage p{z-index:1;position:relative}.delivery-world{width:min(640px,96vw,78dvh);height:auto;display:block;overflow:visible}.delivery-world .mailbox-art{filter:none;width:100%;height:100%}.delivery-world .mailbox-flag{transition:transform .45s steps(6,end)}.delivery-world .mailbox-door,.delivery-world .open-door{animation:none}.delivery-stage p{margin:4px 0 0;font-size:18px}.delivery-world text{fill:#f4e9ce;font-family:Pixelify,monospace;font-size:12px}.delivery-flight{opacity:1}.delivery-stage .envelope-flap,.delivery-stage .envelope-seal{animation:none}@media (max-width:600px){.delivery-world{width:min(100vw,68dvh)}}@media (prefers-reduced-motion:reduce){.delivery-world .mailbox-flag{transition:none}}
