@font-face{font-family:Lora;src:url(/fonts/lora-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#eee9dd;background:#111629;font-synthesis:none;--sky:#111629;--ink:#eee9dd;--muted:#b3b4c6;--paper:#eee7d7;--paper-ink:#4a3b30;--amber:#eeb676;--serif:Lora,Georgia,serif;--hand:Caveat,cursive;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:375px}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:6px}textarea:focus-visible{outline-color:#80562e;outline-offset:4px}button,a{transition:color .2s,background .2s,opacity .2s}button svg{flex-shrink:0}button{border:0}a{color:inherit;text-decoration:none}::selection{background:#edbc7d;color:#212439}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#8e7760;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.skip-link{position:fixed;top:10px;left:10px;background:var(--paper);color:var(--paper-ink);z-index:20;padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.experience{position:relative;isolation:isolate;min-height:900px;min-height:max(900px,100svh);overflow:hidden;background:radial-gradient(ellipse at 73% 44%,#25283e 0,#1b1e33 26%,#111629 68%)}.sky-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.night-haze{position:absolute;inset:25% -30% -15% 10%;background:radial-gradient(ellipse at 66% 68%,#6b4a4320,transparent 54%);transform:rotate(-14deg)}.star{position:absolute;background:#eee6d6;border-radius:50%;box-shadow:0 1px 3px #dbe3ff35}.distant-glow{position:absolute;bottom:25px;left:45%;width:60%;height:140px;background:radial-gradient(ellipse,#d9924c0e,transparent 70%)}.horizon{position:absolute;bottom:0;left:0;width:100%;height:200px;opacity:.9}.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;position:relative;z-index:3}.wordmark{display:inline-flex;align-items:center;font:400 30px var(--serif);letter-spacing:-1px}.wordmark-dot{color:var(--amber)}.brand-lantern{display:block;width:31px;height:45px;margin-right:11px;transform:rotate(-8deg)}.brand-lantern .lantern-art{width:34px;position:relative;top:2px}.brand-lantern .lantern-art:before{opacity:.4}.site-header nav{display:flex;align-items:center;gap:23px;font-size:12px;color:#c5c3ce}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;min-height:44px;padding:6px 3px;white-space:nowrap}.text-button:hover{color:#ffe0ae}.saved-button{gap:10px}.tiny-lantern{display:inline-block;width:16px;height:24px}.tiny-lantern .lantern-art{width:20px;top:-1px;left:-2px}.count{font-size:10px;min-width:20px;height:20px;border:1px solid #73718466;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#e5c69e;font-variant-numeric:tabular-nums}.nav-divider{height:17px;width:1px;background:#8582973d;margin:0 3px}.sound-button svg{width:17px}.about-button{margin-left:7px}.about-mobile{display:none}main{position:relative;min-height:690px;max-width:1600px;margin:0 auto}.writing-area{position:relative;z-index:2;width:390px;margin-left:9%;padding-top:34px}h1{font:400 clamp(48px,4.7vw,68px)/1.19 var(--serif);letter-spacing:-2.2px;margin:0 0 21px;color:#f3eee2}h1 em{font-weight:400;color:#f1c18e}.intro>p{color:#b9b8c9;font-size:14px;line-height:1.9;letter-spacing:.1px;margin:0}.wish-paper{position:relative;isolation:isolate;margin-top:36px;padding:23px 25px 20px;background:linear-gradient(115deg,#f4edde 0,#eee7d7 70%,#e9dfcb);color:var(--paper-ink);border-radius:3px 3px 5px 5px;box-shadow:0 12px 40px #050b1f45;transform:rotate(-.65deg);color-scheme:light}.wish-paper:before{content:"";position:absolute;inset:4px -2px -3px 2px;z-index:-1;border-radius:2px;background:#dfd5c2;transform:rotate(1.15deg)}.wish-paper:after{content:"";position:absolute;top:0;right:0;width:25px;height:25px;background:linear-gradient(225deg,#e1d5bf 0,#e8decb 48%,#f6f0e3 50%,#eee6d7);clip-path:polygon(0 0,100% 100%,100% 0);pointer-events:none}.paper-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5b4d3f;font-size:12px;margin-bottom:15px}.paper-top svg{color:#9c774f;margin-right:7px}textarea{display:block;width:100%;height:102px;resize:none;border:0;border-radius:0;padding:0;margin:0 0 10px;background:transparent;color:#5a4938;font:400 29px/1.25 var(--hand);caret-color:#9b622c;scrollbar-width:thin;overflow-wrap:anywhere}textarea::placeholder{color:#665c4d;opacity:1}.paper-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#625747;margin:0 0 17px;letter-spacing:.1px}.paper-meta>span:last-child{font-variant-numeric:tabular-nums}.count-slash{opacity:.6}.paper-meta .over-limit{color:#a0382d}.release-button{display:flex;justify-content:center;align-items:center;gap:27px;width:100%;height:49px;background:#343543;border-radius:3px;color:#fff0d5;font-size:12px;letter-spacing:.2px;box-shadow:0 3px 6px #45382d14}.release-button:hover:not(:disabled){background:#444554}.release-button svg{width:17px;height:17px;color:#e6ba82}.release-button:active:not(:disabled){transform:translateY(1px)}.release-button:disabled{opacity:.65}.form-error{font-size:11px;line-height:1.5;color:#8c3227;margin:-5px 0 12px}.private-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#a8a6ba;font-size:10px;letter-spacing:.1px;margin:20px 0 0}.private-note svg{opacity:.8}.sky{position:absolute;left:40%;right:3%;top:7px;height:540px}.lantern-field{position:absolute;inset:0}.sky-lantern{position:absolute;left:var(--x);top:var(--y);width:max(44px,var(--size));height:max(44px,calc(var(--size) * 1.5));padding:0;background:transparent;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:40%;z-index:1}.sky-lantern:focus-visible{outline:1px solid #f0c68d;outline-offset:8px;z-index:5}.lantern-float{width:var(--size);height:calc(var(--size) * 1.5);display:block;animation:drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform;transition:filter .35s}.lantern-art{position:relative;display:block;width:100%;height:auto;pointer-events:none}.lantern-art img{width:100%;height:auto;display:block;position:relative;filter:drop-shadow(0 3px 9px #ffb95329)}.lantern-art:before{content:"";position:absolute;left:-80%;top:-40%;width:260%;height:180%;background:radial-gradient(ellipse at 50% 45%,#ffbb6329 0,#ffba5a0a 37%,#ffbb6200 68%);border-radius:50%;pointer-events:none}.personal-art:before{background:radial-gradient(ellipse at 50% 45%,#ffe1a73b 0,#ffba5a14 37%,#ffbb6200 68%)}.sky-lantern:hover .lantern-float{filter:brightness(1.22)}.personal-marker{width:4px;height:4px;position:absolute;left:50%;bottom:0;background:#ffdf9a;border-radius:50%;box-shadow:0 2px 7px #ffd69580}.featured-lantern{z-index:2}.sky-lantern.is-personal{z-index:3}.lantern-float{pointer-events:none}.featured-wish{position:absolute;top:57%;left:65%;transform:translate(-50%) rotate(-3deg);text-align:center;width:260px;pointer-events:none}.wish-thread{height:21px;width:1px;background:linear-gradient(#b28e5c70,transparent);display:block;margin:0 auto 6px}.featured-wish p{font:400 25px/1.2 var(--hand);color:#e4c6a0;margin:0 0 14px;text-shadow:0 2px 20px #111629}.featured-wish>span:last-child{font-size:8px;letter-spacing:2.2px;color:#c7b29a;opacity:.7}.sky-invitation{position:absolute;left:35%;bottom:-40px;display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.8;color:#9fa0b4;letter-spacing:.1px}.sky-invitation strong{font-weight:400;color:#c5c2ce}.invitation-line{height:1px;width:32px;background:#c6aa7959}.read-invitation{position:absolute;bottom:12px;left:62%;width:240px;text-align:center}.read-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:47px;padding:10px 21px;border:1px solid #a6a0b43b;border-radius:30px;background:#24283a40;color:#dfd6c7;font-size:12px}.read-button>svg:first-child{color:#c9aa83}.read-button>svg:last-child{opacity:.6}.read-button:hover{background:#393a4c70;border-color:#cdb08b80}.read-invitation>p{font-size:10px;color:#aaa8bc;margin:11px 0 0}.site-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;padding:15px 5.2%;font-size:10px;color:#a3a2b5;letter-spacing:.1px}.site-footer p{margin:0}.site-footer>div{display:flex;align-items:center;gap:11px}.footer-dot{width:2px;height:2px;background:#a3a2b5;border-radius:50%}.motion-button{padding:12px 0;background:transparent;font-size:10px;color:#bcb7c5;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#797589}.motion-button:hover{color:#f0d1a3}.footer-signoff{font:400 17px var(--hand);color:#c8b594}.toast{position:fixed;z-index:10;bottom:25px;left:50%;transform:translate(-50%,15px);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .4s,transform .5s var(--ease);font-size:12px;line-height:1.6;color:#ffedce;background:#333343;padding:14px 22px;border-radius:8px;box-shadow:0 8px 30px #03071650}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:#edbd7e}.sheet{position:fixed;max-width:480px;width:calc(100% - 36px);max-height:calc(100svh - 60px);margin:auto;padding:0;border:none;border-radius:6px;background:var(--paper);color:var(--paper-ink);box-shadow:0 28px 100px #03061380;overflow:auto;scrollbar-width:thin;color-scheme:light;overscroll-behavior:contain}.sheet[open]{animation:paper-arrive .5s var(--ease)}.sheet::backdrop{background:#080e23bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-content{position:relative;padding:47px 35px 35px}.close-button{position:absolute;top:11px;right:11px;width:44px;height:44px;border-radius:50%;background:transparent;display:grid;place-items:center;color:#695a45}.close-button:hover{background:#d8cab3}.sheet h2{font:400 28px/1.4 var(--serif);letter-spacing:-.7px;margin:0 0 17px;color:#4b3d31}.reading-sheet{text-align:center}.reading-lantern{width:54px;margin:-7px auto 5px;transform:rotate(-5deg)}.reading-sheet h2{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.1px;color:#6a5945;margin:4px 0 25px}.reading-sheet blockquote{font:400 38px/1.25 var(--hand);margin:0 0 26px;overflow-wrap:anywhere;color:#574330}.wish-origin{font-size:10px;color:#665744;line-height:1.7;margin:0 0 30px}.reading-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.paper-button{background:#383947;color:#f9ead2;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:3px;min-height:47px;padding:13px 23px;font-size:12px;line-height:1.5}.paper-button:hover{background:#4b4b5b}.paper-button svg{color:#efc48c}.quiet-link{background:transparent;color:#695943;padding:13px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.quiet-link:hover{color:#302a23}.about-lantern{width:45px;transform:rotate(-7deg);margin:-14px 0 6px}.about-three-lines{margin:24px 0;font-size:13px;line-height:1.8;color:#6d5f4f}.about-three-lines p{margin:0 0 10px}.help-note{display:flex;gap:13px;padding:20px 0;border-top:1px solid #cabea9;color:#695943;margin:22px 0 10px;font-size:11px;line-height:1.8}.help-note svg{flex-shrink:0;margin-top:3px}.help-note p{margin:0}.saved-intro{font-size:12px;line-height:1.8;color:#695943;margin:0 0 25px}.saved-list{list-style:none;padding:0;margin:0;max-height:45svh;overflow:auto;scrollbar-width:thin}.saved-list li+li{border-top:1px solid #d1c6b3}.saved-list button{width:100%;background:transparent;display:flex;align-items:center;gap:18px;padding:16px 2px;text-align:left;color:#574633}.saved-list button:hover{background:#e2d7c5}.saved-list button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;font:400 23px/1.15 var(--hand)}.saved-list small{display:block;font:10px/1.5 Arial,Helvetica,sans-serif;color:#695943;margin-top:9px}.saved-mini{width:27px;flex-shrink:0;display:block}.storage-note{font-size:10px;line-height:1.7;color:#695943;margin:23px 0 0}.saved-empty{text-align:center;padding:3px 0 0}.saved-empty>.lantern-art{width:75px;margin:0 auto}.saved-empty>p{font:400 26px var(--hand);margin:0 0 30px}.saved-empty .paper-button{margin:0 auto}.motion-paused .lantern-float{animation-play-state:paused}.just-released{z-index:4;animation:release 5s var(--ease) both}.just-released .lantern-float{animation:none;transform:rotate(var(--tilt))}@keyframes drift{0%{transform:translate3d(-5px,7px,0) rotate(calc(var(--tilt) - 3deg))}to{transform:translate3d(8px,-12px,0) rotate(calc(var(--tilt) + 3deg))}}@keyframes release{0%{transform:translate(calc(-50% + var(--release-x)),calc(-50% + var(--release-y))) scale(1.7);opacity:0;filter:blur(2px)}10%{opacity:1;filter:blur(0)}to{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}}@keyframes paper-arrive{0%{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(min-width:1600px){.writing-area{margin-left:6%}.sky{right:0}.experience{display:flex;flex-direction:column}.site-header{width:100%}main{width:100%;flex:1}.site-footer{width:100%}}@media(min-height:1000px)and (min-width:761px){.experience{display:flex;flex-direction:column}main{flex:1;width:100%}.writing-area{padding-top:65px}.sky{top:30px;height:calc(100% - 200px)}.read-invitation{bottom:22px}}@media(max-width:1100px)and (min-width:761px){.writing-area{margin-left:6%;width:350px}.sky{left:42%;right:1%;height:530px}h1{font-size:52px;letter-spacing:-1.7px}.site-header{padding:0 5%}.site-header nav{gap:15px}.sky-invitation{left:23%;font-size:10px}.featured-wish{left:65%}.read-invitation{left:62%;width:210px}.site-footer{padding:15px 5%}.footer-signoff{display:none}}@media(max-width:760px){.experience{min-height:1135px;background:radial-gradient(ellipse at 70% 35%,#282a40 0,#1b1e33 30%,#111629 66%)}.site-header{height:90px;padding:0 24px;align-items:center}.wordmark{font-size:24px;letter-spacing:-.7px}.brand-lantern{width:23px;height:36px;margin-right:7px}.brand-lantern .lantern-art{width:27px}.site-header nav{gap:3px;font-size:11px}.nav-divider,.saved-button>span:nth-child(2),.tiny-lantern,.sound-button>span{display:none}.saved-button{gap:5px;min-width:44px}.saved-button:before{content:"Yours";font-size:10px}.saved-button .count{height:17px;min-width:17px;font-size:9px}.sound-button{width:44px}.sound-button svg{width:17px}.about-button{width:44px;min-width:44px;margin:0;font-size:0}.about-mobile{display:grid;place-items:center;font:12px var(--serif);width:19px;height:19px;border:1px solid #a19ca46b;border-radius:50%}main{min-height:970px;position:relative}.writing-area{margin:0 auto;width:calc(100% - 56px);max-width:420px;padding-top:16px;position:static}.intro{position:relative;z-index:2;text-align:center;pointer-events:none}h1{font-size:43px;line-height:1.18;letter-spacing:-1.5px;margin-bottom:16px}.intro>p{font-size:12px;line-height:1.8}.wish-paper{position:absolute;left:28px;right:28px;top:563px;max-width:420px;margin:0 auto;padding:22px 23px 19px}textarea{height:89px;font-size:28px}.paper-top{font-size:11px;margin-bottom:17px}.paper-meta{font-size:9px;margin-bottom:16px}.release-button{height:48px;font-size:12px}.private-note{position:absolute;top:832px;left:0;right:0;margin:17px 0 0;font-size:9px}.sky{left:4%;right:4%;top:210px;height:323px}.sky-lantern{--mobile-size:calc(var(--size) * .68);width:max(44px,var(--mobile-size));height:max(44px,calc(var(--mobile-size) * 1.5))}.lantern-float{width:var(--mobile-size);height:calc(var(--mobile-size) * 1.5)}.featured-wish{top:59%;left:65%;width:175px}.featured-wish p{font-size:21px;margin-bottom:9px}.featured-wish>span:last-child{font-size:6px;letter-spacing:1.4px}.wish-thread{height:10px;margin-bottom:3px}.sky-invitation{left:50%;transform:translate(-50%);bottom:-9px;white-space:nowrap;text-align:center;font-size:9px;line-height:1.7}.sky-invitation .invitation-line,.sky-invitation span br,.sky-invitation strong{display:none}.read-invitation{top:879px;bottom:auto;left:50%;transform:translate(-50%);width:240px}.read-button{min-height:44px;font-size:11px}.read-invitation>p{font-size:9px;margin-top:10px}.site-footer{min-height:113px;padding:30px 20px 16px;display:flex;flex-direction:column;gap:8px;font-size:9px}.site-footer>div{gap:9px}.motion-button{font-size:9px;padding:7px 0;min-height:32px}.footer-signoff{display:none}.horizon{height:160px}.toast{bottom:18px;font-size:11px;padding:13px 16px;width:calc(100% - 36px)}.sheet-content{padding:45px 27px 28px}.sheet h2{font-size:25px}.reading-sheet h2{font-size:10px}.reading-sheet blockquote{font-size:34px}.about-three-lines{font-size:12px}@keyframes release{0%{transform:translate(calc(-50% + var(--release-x)),calc(-50% + var(--release-y))) scale(1.5);opacity:0;filter:blur(2px)}10%{opacity:1;filter:blur(0)}to{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lantern-float{transform:rotate(var(--tilt))}.just-released{transform:translate(-50%,-50%)}.motion-button,.footer-dot{display:none}}