@font-face{font-family:BirdHand;src:url(/fonts/AnnieUseYourTelescope-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--orange:#d04b17;--paper:#f7f1e3;--ink:#241c15;--hand:BirdHand, "Segoe Print", "Comic Sans MS", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--orange);color:var(--paper);margin:0;font-family:Georgia,serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #23180f}button:focus-visible,a:focus-visible{box-shadow:0 0 0 7px var(--paper)}.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}.home{width:100%;min-height:100svh;overflow:clip}.scene{max-width:1800px;min-height:calc(75vw + var(--extra));isolation:isolate;background:#d04b17;margin:0 auto;position:relative}.scene-art{pointer-events:none;z-index:-1;width:100%;height:auto;position:absolute;inset:0}.wordmark{width:32.5%;max-width:585px;position:absolute;top:6.1vw;left:3.3%}.wordmark h1{margin:0;font-size:1rem}.wordmark svg{width:100%;height:auto;display:block}.bird{pointer-events:none;transform-origin:50% 80%;z-index:2;width:7.32%;position:absolute;top:7.4vw;left:76.3%}.bird>svg{width:100%;height:auto;display:block}.bird .delivery-envelope{opacity:0;width:42%;height:auto;position:absolute;top:40%;right:-27%}.bird-flying{animation:1.3s cubic-bezier(.25,.1,.6,1) both fly-away}.bird-flying .delivery-envelope{opacity:1}@keyframes fly-away{0%{transform:translate(0)rotate(0)}18%{transform:translateY(-10px)rotate(-8deg)}65%{transform:translate(12vw,-8vw)rotate(-10deg)}to{opacity:0;transform:translate(26vw,-22vw)rotate(-5deg)}}.composer{width:39.6%;color:var(--ink);margin-left:50.2%;padding-top:19.25vw;padding-bottom:11rem;position:relative}.drawn-label{font-family:var(--hand);letter-spacing:2px;color:#fff9eb;text-align:center;text-shadow:0 1px 1px #87300d;margin:0 0 12px;font-size:clamp(26px,2.3vw,40px);line-height:1.2;display:block}.hanging{position:relative}.paper-frame{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.recipient-fields{z-index:1;position:relative}.recipient-row{align-items:center;gap:4px;min-height:54px;display:flex}.recipient-row input{width:100%;color:var(--ink);font-family:var(--hand);letter-spacing:1.4px;background:0 0;border:0;border-radius:0;min-width:0;padding:6px 8px;font-size:clamp(23px,2.3vw,34px)}.recipient-row input::placeholder{color:#746d61;opacity:1}.remove-recipient{width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex:0 0 44px;font-size:28px}.recipient-tools{z-index:2;font-family:var(--hand);color:#fff9eb;text-shadow:0 1px 1px #87300d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin:6px 17px 0;font-size:clamp(16px,1.35vw,22px);display:flex;position:relative}.recipient-tools button{color:inherit;background:0 0;border:none;border-bottom:1px solid;min-height:44px;padding:8px 2px;font-family:inherit}.tie{z-index:-1;pointer-events:none;background:repeating-linear-gradient(95deg,#241c15 0 1px,#f7f1e3 2px,#241c15 3px);width:3px;position:absolute;box-shadow:1px 0 #34291d}.tie:after{content:"";background:#938570;border:2px solid #241c15;border-radius:50%;width:9px;height:10px;position:absolute;bottom:-3px;left:-3px}.recipient-paper>.tie{height:5.4vw;bottom:calc(100% - 16px)}.tie-left{left:6%}.tie-right{right:6%}.message-paper{height:17vw;min-height:225px;padding:30px 32px 35px 31px;transform:rotate(-.8deg)}.message-paper>.tie{height:56px;bottom:calc(100% - 12px)}.message-paper textarea{resize:none;width:100%;height:100%;color:var(--ink);font-family:var(--hand);letter-spacing:.6px;scrollbar-width:thin;background:0 0;border:0;border-radius:0;padding:4px 12px;font-size:clamp(23px,2vw,30px);line-height:1.35;display:block;position:relative}.message-paper textarea::placeholder{color:#746d61;opacity:1}.counter{color:#5d5144;font:13px/1.2 system-ui,sans-serif;position:absolute;bottom:23px;right:65px}.counter.over-limit{color:#9a1f0c;font-weight:700}.paper-leaf{color:#4e4537;width:43px;height:35px;position:absolute;bottom:21px;right:22px}.send-area{justify-content:center;padding-top:30px;display:flex}.send-sign{width:49%;min-height:88px;color:var(--ink);background:0 0;border:0;padding:12px 15px;transition:transform .2s;position:relative;transform:rotate(-5deg)}.send-sign:not(:disabled):hover{transform:rotate(-2deg)translateY(-2px)}.send-sign>.tie{z-index:0;height:35px;bottom:calc(100% - 10px)}.send-sign>.tie-left{left:16%}.send-sign>.tie-right{right:20%}.send-sign>span:last-child{font-family:var(--hand);letter-spacing:1.3px;white-space:nowrap;font-size:clamp(27px,2.6vw,40px);position:relative}.send-sign:disabled{opacity:.88}.note-help,.service-note{text-align:center;color:#fff9eb;font-family:var(--hand);letter-spacing:.5px;text-shadow:0 1px 1px #87300d;margin:20px 0 0;font-size:clamp(20px,1.6vw,25px);position:relative}.service-note{background:#9a310e;max-width:275px;margin:13px auto 0;padding:9px 15px;font-size:18px;line-height:1.25;transform:rotate(-1deg)}.send-status{text-align:center;max-width:95%;font-family:var(--hand);color:#fff9eb;margin:18px auto 0;font-size:24px}.send-status:empty{display:none}.send-status h2{margin:0;font-size:36px}.send-status p{margin:6px 0}.send-status button,.reset-note{color:#fff9eb;min-height:44px;font:24px var(--hand);background:0 0;border:none;border-bottom:1px solid;padding:6px}.form-error{background:#8e2b0d;padding:12px;font-family:system-ui,sans-serif;font-size:15px;line-height:1.5}.reset-note{margin:auto;display:block}.scene-footer{width:100%;font:clamp(20px, 1.6vw, 27px) var(--hand);letter-spacing:1.5px;color:#fff9eb;justify-content:center;align-items:center;gap:25px;display:flex;position:absolute;bottom:12px;left:0}.scene-footer a{min-height:44px;padding:12px 4px;text-decoration:none}.scene-footer a:hover{text-decoration:underline}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.challenge{z-index:3;padding:8px 16px 0;position:relative}.challenge-help{text-align:center;color:#fff9eb;font:16px var(--hand);margin:5px 0}.noscript{text-align:center;padding:20px}.info-page{max-width:760px;color:var(--ink);margin:auto;padding:40px 28px 60px}.back-link{font:32px var(--hand);color:#fff9eb;margin-bottom:35px;padding:8px 0;display:inline-block}.info-page article{background:var(--paper);border:1px solid var(--ink);padding:clamp(25px,5vw,60px);transform:rotate(-.3deg);box-shadow:3px 4px #502511}.info-page h1{font:48px/1.1 var(--hand);margin:0 0 24px}.info-page h2{font:32px/1.2 var(--hand);margin:32px 0 12px}.info-page p,.info-page li{font:17px/1.7 Georgia,serif}.info-page li{margin:12px 0}.info-page footer{font:23px var(--hand);color:#fff9eb;justify-content:center;gap:30px;margin:32px 0;display:flex}.small-print{color:#5d5144;font-size:13px!important}.plain-button{color:#fff9eb;min-height:48px;font:25px var(--hand);background:#97320e;border:1px solid #241c15;padding:14px 20px}.plain-button:disabled{opacity:.6}.reason-label{flex-direction:column;gap:10px;margin:20px 0;display:flex}.reason-label select{color:var(--ink);background:#fffdf6;max-width:100%;padding:14px}@media (min-width:1800px){.scene{min-height:calc(1350px + var(--extra))}.wordmark{top:109px}.bird{top:133px}.composer{padding-top:346px}.recipient-paper{min-height:153px}.message-paper{height:306px}}@media (max-width:1050px) and (min-width:801px){.composer{width:43%;margin-left:49%}.recipient-paper{padding:17px 23px 21px}.message-paper{min-height:220px;padding:27px 24px 36px}.drawn-label{letter-spacing:.5px;font-size:28px}.recipient-tools{font-size:17px}.note-help{font-size:21px}.send-sign{width:55%}.wordmark{width:34%}.scene{min-height:calc(950px + var(--extra))}.scene-footer{bottom:6px}}@media (max-width:800px){.home{overflow:clip}.scene{min-height:100svh;padding:0 0 20px}.scene-art{opacity:1;width:145%;max-width:none;top:132px;left:-50%}.wordmark{width:min(94%,520px);margin:0 auto;padding-top:26px;position:relative;top:auto;left:auto}.bird{width:15%;top:215px;left:76%}.composer{width:90%;max-width:580px;margin:0 auto;padding-top:105px;padding-bottom:30px}.drawn-label{letter-spacing:1px;margin-bottom:10px;font-size:30px}.recipient-paper{min-height:102px;padding:20px 27px 23px}.recipient-row input{letter-spacing:.6px;font-size:27px}.recipient-paper>.tie{height:48px}.recipient-tools{gap:1px 12px;margin:5px 10px;font-size:18px;line-height:1.2}.message-group{margin-top:21px}.message-paper{height:260px;padding:30px 29px 40px}.message-paper textarea{font-size:26px}.message-paper>.tie{height:57px}.send-sign{width:55%;min-height:89px}.send-sign>span:last-child{font-size:34px}.note-help{text-shadow:1px 1px 2px #633010;font-size:23px}.service-note{font-size:19px}.scene-footer{flex-wrap:wrap;gap:10px;width:95%;margin:15px auto 0;font-size:21px;position:relative;bottom:auto}.scene-footer a{padding:9px 2px}.scene-footer span{opacity:.7}.challenge{padding:15px 0 0}.info-page{padding:20px 19px 40px}.info-page h1{font-size:40px}.bird-flying{animation-duration:1s}@keyframes fly-away{to{opacity:0;transform:translate(35vw,-110px)rotate(-8deg)}}}@media (max-width:380px){.composer{width:95%;padding-top:92px}.drawn-label{letter-spacing:.6px;font-size:27px}.recipient-tools{font-size:16px}.recipient-row input{font-size:23px}.recipient-paper{padding-left:23px;padding-right:23px}.scene-footer{gap:8px;font-size:18px}.bird{top:192px}.send-sign{width:62%}.note-help{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.bird-flying{opacity:1}.bird-flying .delivery-envelope{opacity:0}}@media (forced-colors:active){input,textarea,button,select{color:canvastext!important;background:canvas!important;border:1px solid canvastext!important}.paper-frame{display:none}.drawn-label,.recipient-tools,.note-help,.scene-footer{color:canvastext;text-shadow:none}.scene{background:canvas}.scene-art,.bird{opacity:.2}}.scene{background:radial-gradient(at 64% 47%,#d64b15 0%,#cf4813 58%,#d65018 100%)}.wordmark{top:4.5vw}.composer{padding-bottom:80px}.drawn-label{margin-bottom:0}.recipient-group{width:92%}.recipient-paper{min-height:8.5vw;padding:23px 27px 22px;transform:rotate(-.3deg)}.recipient-tools{color:#fff;min-height:34px;margin-top:0;font-size:18px}.recipient-tools button{padding:5px 2px}.message-group{margin-top:4px}.message-paper{transform:rotate(-.15deg)}.message-paper textarea{padding-top:10px}.counter{bottom:42px;right:75px}.paper-leaf{display:none}.scene-footer{color:#fff;font-size:24px}.note-help{color:#fff}@media (min-width:1800px){.wordmark{top:81px}}@media (max-width:800px){.wordmark{top:auto}.scene-art{width:230%;top:136px;left:-83%}.composer{padding-bottom:25px}.recipient-group{width:100%}.recipient-paper{min-height:102px;padding:23px 27px}.recipient-tools{color:#fff;font-size:18px}.message-group{margin-top:18px}.counter{bottom:39px}.scene-footer{font-size:23px}.wordmark{padding-top:24px}}@media (max-width:380px){.recipient-tools{font-size:16px}.scene-footer{font-size:21px}.scene-art{top:118px}}@media (max-width:800px){.scene-art{top:95px;-webkit-mask-image:linear-gradient(#0000,#000 17% 100%);mask-image:linear-gradient(#0000,#000 17% 100%)}.composer{padding-top:128px}.recipient-tools span{background:#a43610;padding:3px 5px}.recipient-tools button{background:#a43610;padding:5px}}@media (max-width:380px){.composer{padding-top:118px}.scene-art{top:82px}}.recipient-paper>.tie-left{bottom:calc(100% - 35px);left:7%}.recipient-paper>.tie-right{bottom:calc(100% - 13px);right:8%}.message-paper>.tie-left{height:112px;bottom:calc(100% - 36px);left:3.7%}.message-paper>.tie-right{height:112px;bottom:calc(100% - 21px);right:9.5%}.send-sign{transform:rotate(-.5deg)}.send-sign>.tie-left{height:60px;bottom:calc(100% - 30px);left:14%}.send-sign>.tie-right{height:60px;bottom:calc(100% - 13px);right:19%}@media (max-width:800px){.bird{top:167px}.recipient-tools{gap:0 5px}.recipient-tools span{font-size:16px}.recipient-tools button{font-size:17px}}@media (max-width:380px){.bird{top:146px}}
