.draw-shell{--draw-ink:#405149;--draw-muted:#737c6c;--draw-paper:#fffdf2;--draw-sage:#dfe7d8;--draw-blue:#dce8e8;--draw-peach:#f1e1d2;--draw-gold:#e9dab0;color:var(--draw-ink);max-width:1160px;margin:auto}.draw-shell [hidden]{display:none!important}.draw-shell h1 em,.draw-shell h2 em{font-style:normal;color:#7a856e}.draw-shell .draw-small{font:14px/1.6 system-ui,sans-serif;color:#6c766a}.draw-shell .draw-text-link{display:inline-block;border:0;box-shadow:none;background:none;padding:4px 0;font:25px/1.3 Notebook,'Segoe Print',cursive;color:#526b5c;text-underline-offset:6px}.draw-shell .draw-text-link:hover{color:#293e32;background:none}.draw-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:26px;align-items:center;margin:14px 0 70px}.draw-hero-copy{padding:12px 0}.draw-hero h1{font-size:clamp(49px,5.2vw,72px);line-height:.99;letter-spacing:-1px;margin-bottom:25px}.draw-hero-copy>p:not(.eyebrow){max-width:510px;font-size:18px;line-height:1.8}.draw-promises{display:flex;flex-wrap:wrap;gap:6px 18px;font:21px/1.4 Notebook,cursive;color:#6b7c62;margin-bottom:20px}.draw-theatre{height:335px;position:relative;isolation:isolate;overflow:visible;perspective:900px}.draw-desk-line{position:absolute;width:88%;left:6%;bottom:45px;height:11px;border-bottom:1px solid #c5bda7;border-radius:50%;transform:rotate(-1deg)}.draw-stage-slips{position:absolute;left:38%;top:37%;width:1px;height:1px;z-index:3}.draw-stage-slip{position:absolute;left:-64px;top:-42px;width:142px;min-height:110px;padding:17px 14px;background:#fff9e6;border:1px solid #c9bf9d;box-shadow:3px 6px 8px #57472919;transform:translate(var(--x),var(--y)) rotate(var(--r));font:32px/1 Notebook,cursive;text-align:center;will-change:transform,opacity;clip-path:polygon(1% 2%,98% 0,100% 98%,0 100%)}.draw-stage-slip:before{content:'';position:absolute;left:35%;width:40%;height:15px;top:-6px;background:#d3c8a67d;transform:rotate(-3deg)}.draw-stage-slip small{display:block;font:12px/1.4 system-ui,sans-serif;color:#78806d;margin-top:9px;overflow-wrap:anywhere}.draw-stage-slip:nth-child(3n+2){background:#e5ebdd}.draw-stage-slip:nth-child(3n){background:#dfe9e9}.draw-mailbox{position:absolute;width:145px;right:0;bottom:5px;z-index:5;overflow:visible}.draw-pencil-star{position:absolute;font:44px Notebook,cursive;color:#ab9f76;left:5%;top:12%}.draw-pencil-star.star-b{left:auto;right:8%;top:8%;font-size:32px}.draw-pencil-star.star-c{left:62%;top:55%;font-size:65px}.draw-packet{position:absolute;left:calc(38% - 46px);top:calc(37% - 20px);width:100px;height:83px;background:#d9e4d3;border:1px solid #849a7f;transform:scale(.1);opacity:0;z-index:4;transform-origin:center}.packet-lid{position:absolute;top:-11px;left:-6px;right:-6px;height:19px;background:#dfe8d7;border:1px solid #8e9e82}.packet-ribbon{position:absolute;height:100%;width:13px;left:43px;top:0;background:#d3b88d;border-left:1px solid #b49c74;border-right:1px solid #b49c74}.packet-bow{position:absolute;left:20px;top:-35px;width:61px;height:31px;border:3px solid #bd9f72;border-radius:50% 50% 30% 30%;transform:rotate(-10deg)}.packet-fold{display:none}.packet-seal{display:none}.draw-theatre.is-mixing .draw-stage-slip{animation:draw-orbit 1.4s cubic-bezier(.43,.1,.63,.95) infinite;animation-delay:calc(var(--i)*-80ms)}.draw-theatre.is-packing .draw-stage-slip{transition:transform .85s ease-in,opacity .85s;transform:translate(5px,-10px) rotate(610deg) scale(.12);opacity:0}.draw-theatre.is-packing .draw-packet{transition:opacity .55s .3s,transform .9s .3s cubic-bezier(.2,.9,.3,1.4);opacity:1;transform:scale(1)}.draw-theatre.is-mailing .draw-stage-slip,.draw-theatre.is-complete .draw-stage-slip{opacity:0}.draw-theatre.is-mailing .draw-packet{opacity:1;transform:scale(1);animation:draw-mail-flight 2.5s .4s cubic-bezier(.5,0,.35,1) forwards;background:#fff9e9;border-color:#b7a98d;height:63px;top:calc(37% - 8px);border-radius:2px}.is-mailing .packet-lid,.is-mailing .packet-bow,.is-mailing .packet-ribbon{display:none}.is-mailing .packet-fold{display:block;position:absolute;width:68px;height:68px;border-right:1px solid #bbad92;border-bottom:1px solid #bbad92;transform:translate(15px,-35px) rotate(45deg);background:#f6eedb}.is-mailing .packet-seal{display:block;position:absolute;left:40px;top:19px;font:24px Notebook;color:#8f9e86}.draw-theatre.is-complete .draw-packet{opacity:0;transform:translate(190px,60px) scale(.15)}.draw-theatre.is-complete .draw-mailbox{animation:draw-mailbox-bounce .7s ease-out}.draw-theatre.is-complete .draw-pencil-star{animation:draw-star-pop .8s ease-out both}.draw-theatre.is-complete .star-b{animation-delay:.12s}.draw-theatre.is-complete .star-c{animation-delay:.24s}
@keyframes draw-orbit{0%{transform:translate(var(--x),var(--y)) rotate(var(--r))}35%{transform:translate(calc(var(--y)*1.1),calc(var(--x)*-.52)) rotate(calc(var(--r) + 135deg)) scale(.86)}68%{transform:translate(calc(var(--x)*-.8),calc(var(--y)*-.8)) rotate(calc(var(--r) + 270deg)) scale(1.04)}100%{transform:translate(var(--x),var(--y)) rotate(calc(var(--r) + 360deg))}}@keyframes draw-mail-flight{0%{transform:translate(0,0) rotate(-8deg) scale(1)}30%{transform:translate(55px,-100px) rotate(12deg) scale(.92)}55%{transform:translate(155px,-65px) rotate(28deg) scale(.8)}80%{transform:translate(187px,33px) rotate(-8deg) scale(.5);opacity:1}100%{transform:translate(185px,52px) rotate(0) scale(.1);opacity:0}}@keyframes draw-mailbox-bounce{0%,100%{transform:rotate(0)}35%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}}@keyframes draw-star-pop{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.35)}100%{opacity:.7;transform:scale(1)}}
.draw-workspace{padding-top:25px;border-top:1px solid #c9c4b0}.draw-workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.draw-workspace-heading h2{font-size:44px;margin:0}.draw-title-field{width:min(390px,45%);margin:0;font-size:14px!important}.draw-title-field input{font:27px/1.2 Notebook,cursive!important;background:transparent!important;border:0!important;border-bottom:1px dashed #abae97!important;box-shadow:none!important;padding:10px 8px!important;caret-color:#526e58;scroll-margin-top:25px}
.draw-title-field input:focus{outline:2px solid #6b866f!important;outline-offset:2px;border-radius:3px}.draw-mode-picker{display:flex;gap:12px;margin:30px 0 45px;max-width:760px}.draw-mode-picker label{display:flex;gap:13px;flex:1;align-items:center;border:1px solid #c8c6b1;background:#f9f7ee;padding:17px 21px;box-shadow:2px 3px 4px #5e574010;transform:rotate(-.5deg);cursor:pointer;margin:0}.draw-mode-picker label:nth-child(2){transform:rotate(.5deg)}.draw-mode-picker label:has(input:checked){background:#e7eddf;border-color:#9eae92}.draw-mode-picker strong{display:block;font:29px/1.1 Notebook,cursive;font-weight:500}.draw-mode-picker small{display:block;font:13px/1.5 system-ui,sans-serif;color:#707b6b;margin-top:4px}.draw-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.draw-person-note{position:relative;background:var(--draw-paper);padding:22px 23px 20px;border:1px solid #d0c5a8;box-shadow:3px 5px 8px #57472912;transform:rotate(-.6deg);transition:transform .2s}.draw-person-note:before{content:'';position:absolute;left:37%;top:-10px;width:76px;height:24px;background:#c7c3a861;transform:rotate(-4deg);pointer-events:none}.draw-person-note:nth-child(3n+2){background:#eaf0e2;transform:rotate(.7deg)}.draw-person-note:nth-child(3n){background:#e5eeee;transform:rotate(-.3deg)}.draw-person-note:focus-within{transform:none;transition:none;z-index:2}.organizer-note{background:#fff8df!important;border-color:#c6b995}.person-note-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;min-height:28px}.person-number{font:20px Notebook;color:#91957f}.organizer-pin{font:19px Notebook;color:#6d7862;border-bottom:1px solid #c2bb9e}.draw-person-note .remove-person{border:0;box-shadow:none;background:transparent;padding:0;width:31px;min-height:31px;font-size:26px;line-height:1;color:#999781}.draw-person-note label{font-size:12px;line-height:1.6;color:#6f796a;margin:0 0 13px}.draw-person-note input:not([type=checkbox]),.draw-person-note textarea{border:0;border-bottom:1px dashed #c5c2ac;border-radius:0;box-shadow:none!important;padding:5px 0 7px;background:transparent;margin-top:2px;min-width:0}.draw-person-note .person-name-label input{font:33px/1.2 Notebook,cursive;color:#405149;height:53px;padding:5px 7px;caret-color:#745340}
.draw-person-note .person-name-label input:focus{
 font:23px/1.35 system-ui,sans-serif!important;outline:2px solid #a88d7e!important;outline-offset:2px;border-radius:3px;
}.draw-person-note .person-email input{font:14px/1.6 system-ui,sans-serif}.draw-person-note input:disabled{opacity:.8;-webkit-text-fill-color:#657365;color:#657365}.draw-person-note textarea{font:25px/1.25 Notebook,cursive;min-height:78px}.draw-person-note input[type=url]{font-size:13px;line-height:1.5}.draw-person-note .draw-check{font-size:13px;margin:10px 0 0}.draw-check{display:flex;gap:9px;align-items:flex-start;cursor:pointer;line-height:1.6}.draw-check input{margin:2px 0 0;flex-shrink:0}.draw-person-note .organizer-email-note,.draw-person-note .handoff-explanation{font:12px/1.6 system-ui,sans-serif;margin:10px 0 0;color:#737b69}.draw-person-note .handoff-explanation{padding:9px 0;border-top:1px solid #cdd4c4}.person-wish-fields{padding-top:15px;margin-top:15px;border-top:1px solid #c9cebc}.draw-add-person{margin:26px 0 24px;background:transparent!important;box-shadow:none;border:1px dashed #b3b9a4;font:27px Notebook,cursive;padding:11px 22px}.draw-handoff-settings{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:26px 29px;border:1px solid #b4c2aa;border-radius:3px;background:#eaf0e3;margin:26px 0 37px;box-shadow:0 4px 12px #45563d0d}
.draw-handoff-settings[hidden]{display:none}
.draw-handoff-settings .eyebrow{font-size:11px;letter-spacing:.12em;margin:0 0 6px;color:#536a53}
.draw-handoff-settings h3{font:clamp(31px,4vw,43px)/1.14 Notebook,cursive;color:#3d5547;margin:0 0 8px}
.draw-handoff-settings h4{font:25px/1.2 Notebook,cursive;margin:0 0 8px;color:#3d5547}
.draw-handoff-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}
.draw-handoff-totals div{background:#f9f9ef;padding:10px 11px;border:1px solid #cbd5c0;border-radius:2px}
.draw-handoff-totals dt{font-size:12px;font-weight:650;color:#3f5749;line-height:1.35}
.draw-handoff-totals dd{margin:5px 0 0}
.draw-handoff-totals strong{display:block;font-size:22px;line-height:1.2;color:#3f5749}
.draw-handoff-settings .draw-handoff-totals small{margin-top:3px;font-size:11px;color:#596853}
.draw-handoff-settings [data-handoff-pending]{font-size:13px;color:#81553a}
.draw-handoff-how ol{margin:0 0 16px;padding-left:22px;font-size:14px;line-height:1.55}
.draw-handoff-how li+li{margin-top:6px}.draw-ink-label{font:30px/1.3 Notebook,cursive;color:#718066}.draw-handoff-settings p{font-size:15px;margin:12px 0}.draw-handoff-settings fieldset{min-width:0;border:0;margin:0;padding:0}.draw-handoff-settings legend{font-size:14px;font-weight:650;padding:0;margin-bottom:6px;color:#3f5749}.draw-handoff-settings small{display:block;font-size:12px;line-height:1.6;color:#566451}.draw-send-strip{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:35px 0 20px}.draw-send-strip h2{font-size:40px;margin-bottom:12px}.draw-send-strip p{max-width:590px;font-size:15px}.draw-shell .draw-magic-button{position:relative;background:#e1e8d7;border:1px solid #aab798;box-shadow:3px 5px 0 #d2d6bf55;font:29px/1.1 Notebook,cursive;padding:20px 26px;min-height:64px;color:#405b44;transform:rotate(-.7deg);transition:transform .2s,box-shadow .2s}.draw-shell .draw-magic-button:hover{transform:rotate(0) translateY(-2px);box-shadow:3px 8px 0 #d2d6bf66;background:#dce7ce}.draw-magic-button span{display:inline-block;margin-right:6px;font-size:30px}.draw-shell .draw-magic-button:disabled{opacity:.6;cursor:wait}.draw-form-errors{padding:16px 20px;margin:20px 0;background:#f3e0d6;border-left:3px solid #ae7a64;font-size:15px}.draw-form-errors ul{margin:0;padding-left:18px}.draw-history{margin-top:50px;padding-top:20px;border-top:1px solid #d2cebc}.draw-history-line{display:flex;gap:20px;align-items:center;text-decoration:none;border-bottom:1px dashed #c2c9b4;padding:15px 0}.draw-history-line>span:first-child{font:29px Notebook,cursive}.draw-history-line small{font-size:13px;color:#7a8371;margin-left:auto}.draw-history-line>span:last-child{font-size:25px;color:#798b74}.draw-how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #c8c4af;padding-top:35px}.draw-how article>b{font:28px Notebook,cursive;color:#a1ab91}.draw-how h2{font-size:32px;margin-top:8px;margin-bottom:15px}.draw-how p{font-size:15px}.draw-closed-note{padding:18px 23px;border:1px dashed #b6c0a8;background:#edf1e5;font:26px Notebook,cursive;color:#627554}
.draw-manage-hero{text-align:center;padding-top:35px}.draw-manage-hero h1{font-size:clamp(48px,5vw,68px)}.draw-phase-copy{font:23px/1.4 Notebook,cursive;min-height:34px;margin:0 auto 5px}.draw-manage-hero .draw-theatre{max-width:560px;margin:0 auto;height:350px}.draw-delivery-progress{max-width:450px;margin:0 auto 18px}.draw-delivery-progress>span{font-size:15px}.draw-progress-track{height:7px;background:#dfdfce;border-radius:4px;overflow:hidden;margin:12px 0}.draw-progress-track i{display:block;height:100%;background:#92a985;border-radius:4px;transition:width .45s}.draw-owner-notes{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;margin-top:60px;border-top:1px solid #ccc9b5;padding-top:35px}.draw-owner-notes p{font-size:16px}.draw-owner-deliveries>div{display:grid;grid-template-columns:1fr auto;gap:4px 15px;border-bottom:1px dashed #c8cdbb;padding:13px 0}.draw-owner-deliveries strong{font:27px/1.2 Notebook,cursive;font-weight:500}.draw-owner-deliveries strong small{font:12px system-ui;margin-left:9px;color:#798771}.draw-owner-deliveries span{font-size:13px;color:#7b8274;grid-row:2}.draw-owner-deliveries em{font-style:normal;font-size:13px;color:#65755c;grid-column:2;grid-row:1/3;align-self:center;text-align:right}.draw-retry-note{padding:25px;background:#f6eddd;border:1px solid #d7c4a6}.draw-retry-note .draw-check{font-size:14px;max-width:700px}
.draw-unwrapping{text-align:center;max-width:790px;margin:20px auto 0}.draw-unwrapping h1{font-size:clamp(46px,5.5vw,68px);line-height:1.05}.draw-open-for{font:28px/1.3 Notebook,cursive;color:#6d8063;margin-bottom:10px}.draw-handoff-instruction{max-width:570px;margin:12px auto 4px;padding:12px 20px;background:#f0eddd;border:1px dashed #babd9f;font-size:15px;line-height:1.7}.draw-unpack-stage{position:relative;height:275px;max-width:500px;margin:10px auto 10px;perspective:1000px}.unpack-shadow{position:absolute;left:18%;right:18%;bottom:29px;height:18px;background:#8c806026;border-radius:50%;filter:blur(9px)}.unpack-envelope{position:absolute;left:calc(50% - 116px);top:65px;width:232px;height:151px;transform:rotate(-5deg);filter:drop-shadow(4px 8px 5px #77694e21)}.unpack-back{position:absolute;inset:0;background:#e6dfc6;border:1px solid #bfb18e}.unpack-pocket{position:absolute;inset:0;background:#fff8e7;clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%);border:1px solid #b7a783}.unpack-pocket:after{content:'';position:absolute;left:29px;top:51px;width:170px;height:170px;border-top:1px solid #d9caab;border-left:1px solid #d9caab;transform:rotate(45deg)}.unpack-flap{position:absolute;z-index:3;left:0;right:0;top:0;height:91px;clip-path:polygon(0 0,100% 0,50% 100%);background:#eee4ca;border:1px solid #bbac88;transform-origin:50% 0;backface-visibility:hidden}.unpack-seal{position:absolute;z-index:4;left:calc(50% - 17px);top:67px;width:34px;height:34px;border-radius:50%;border:1px solid #a4b292;background:#dfe9d2;font:26px/32px Notebook,cursive;color:#6b825b}.unpack-crumple{position:absolute;z-index:2;left:calc(50% - 65px);top:83px;width:130px;height:130px;opacity:0;filter:drop-shadow(3px 6px 4px #6e614721)}.unpack-crumple svg{width:100%;height:100%}.unpack-pencil-star{position:absolute;left:74%;top:40px;color:#ad9c6d;font:47px Notebook,cursive;transform:rotate(12deg)}.draw-unpack-stage.is-opening .unpack-envelope{animation:draw-envelope-tilt var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-flap{animation:draw-flap-open var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-seal{animation:draw-seal-release var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-crumple{animation:draw-uncrumple var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-shadow{animation:draw-shadow-breathe var(--unpack-duration,8s) ease-in-out forwards}@keyframes draw-envelope-tilt{0%{transform:rotate(-5deg)}16%{transform:rotate(4deg) translateY(-8px)}30%{transform:rotate(-3deg)}55%{transform:rotate(2deg) translateY(22px);opacity:1}85%,100%{transform:translateY(80px) rotate(-12deg) scale(.8);opacity:0}}@keyframes draw-flap-open{0%,10%{transform:rotateX(0)}30%,100%{transform:rotateX(-175deg)}}@keyframes draw-seal-release{0%,8%{transform:scale(1);opacity:1}22%,100%{transform:translate(10px,30px) rotate(20deg) scale(.3);opacity:0}}@keyframes draw-uncrumple{0%,19%{opacity:0;transform:translateY(30px) scale(.25) rotate(-15deg)}28%{opacity:1;transform:translateY(-4px) scale(.62) rotate(15deg)}42%{transform:translateY(-55px) scale(.82) rotate(-20deg)}55%{transform:translateY(-65px) scale(.66,.86) rotate(14deg)}65%{transform:translateY(-64px) scale(1.1,.79) rotate(-11deg)}76%{transform:translateY(-67px) scale(1.12,1.17) rotate(6deg);opacity:1}92%{transform:translateY(-57px) scale(1.9,1.15) rotate(-2deg);opacity:.9}100%{transform:translateY(-57px) scale(2.2,1.45) rotate(0);opacity:0}}@keyframes draw-shadow-breathe{0%{transform:scale(1)}60%{transform:scale(.5);opacity:.5}100%{transform:scale(1.4);opacity:0}}.draw-countdown{font:29px Notebook,cursive;color:#8d957c;margin:8px 0 15px}.draw-sealed-controls{max-width:580px;margin:auto}.draw-sealed-controls p{margin-top:16px}.draw-open-error{padding:18px;background:#f3e5d8;font-size:15px;max-width:600px;margin:20px auto}.draw-revealed-sheet{position:relative;text-align:center;background:#fffdf0;border:1px solid #c9bc9c;box-shadow:5px 9px 14px #6c5d3f17;padding:39px 42px 32px;max-width:650px;margin:-28px auto 0;transform:rotate(-.6deg);animation:draw-sheet-settle .8s cubic-bezier(.2,.8,.3,1) both}.draw-revealed-sheet:before{content:'';position:absolute;width:94px;height:27px;left:calc(50% - 47px);top:-12px;background:#c4d2b578;transform:rotate(-5deg)}.draw-revealed-sheet h2{font:clamp(48px,6vw,72px)/1.05 Notebook,cursive;color:#405942;overflow-wrap:anywhere;margin:12px 0 25px}.draw-revealed-wish{padding:17px 0 23px;border-top:1px dashed #c4c7ad;border-bottom:1px dashed #c4c7ad;margin-bottom:21px}.draw-revealed-wish>p{font:29px/1.35 Notebook,cursive;white-space:pre-line;margin:11px 0}.draw-revealed-wish a{display:inline-block;font-size:15px;overflow-wrap:anywhere}.draw-revealed-sheet .draw-remember-note{font-size:14px;line-height:1.65;max-width:470px;margin:10px auto 22px;color:#7c836f}.draw-close-button{font:25px Notebook,cursive;background:#e8eddc;box-shadow:none;border-color:#b9c4a6;padding:14px 19px}.draw-revealed-sheet .draw-small{margin-top:13px;margin-bottom:0}.draw-confetti{position:absolute;left:50%;top:48%;width:9px;height:16px;background:#b8c9ad;pointer-events:none;animation:draw-confetti 1.5s ease-out forwards;z-index:9}.draw-confetti:nth-child(3n){background:#e4cf9a}.draw-confetti:nth-child(3n+1){background:#c4d7dd}@keyframes draw-sheet-settle{0%{opacity:0;transform:translateY(-25px) scale(.88) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(-.6deg)}}@keyframes draw-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--confetti-x),var(--confetti-y)) rotate(var(--confetti-r))}}
.draw-after-reveal{margin-top:65px}.draw-support-note{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:28px 32px}.draw-support-note h2{font-size:36px;margin:9px 0 13px}.draw-support-note p{font-size:15px;max-width:520px;margin:0}.draw-next-steps{display:flex;gap:35px;justify-content:space-between;align-items:center;margin-bottom:25px}.draw-next-steps h2{font-size:43px;margin:0}.draw-next-steps>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.draw-idea-grid{margin-top:40px}.draw-idea-grid .note:before{display:none}.draw-idea-grid .note{box-shadow:none}.draw-open.is-revealed .draw-unpack-stage{display:none}.draw-open.is-revealed .draw-sealed-controls{display:none}.draw-open.is-revealed .draw-unwrapping>h1{font-size:40px}.draw-open.is-revealed .draw-open-for{margin-bottom:48px}.draw-open.is-closing .draw-revealed-sheet{opacity:0;transform:scale(.55) rotate(10deg);transition:opacity .2s,transform .2s}.draw-unpack-stage.is-waiting{opacity:.45}
@media(min-width:1100px){.draw-shell .draw-large-button{margin-top:12px}header.scene-header nav>a.draw-nav{min-width:109px}.draw-manage-hero .draw-theatre{margin-top:15px}.draw-workspace:target{scroll-margin-top:35px}}
@media(max-width:920px){.draw-hero{grid-template-columns:1fr 1fr;gap:0}.draw-hero h1{font-size:54px}.draw-hero-copy>p:not(.eyebrow){font-size:16px}.draw-stage-slip{width:120px;left:-55px;font-size:28px;padding:17px 9px}.draw-mailbox{width:115px}.draw-theatre{height:320px}.draw-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-send-strip{grid-template-columns:1fr;gap:12px}.draw-send-strip .draw-magic-button{justify-self:start}.draw-owner-notes{gap:35px}.draw-handoff-settings{gap:24px}.draw-how{gap:24px}.draw-support-note{gap:20px;padding:23px}.draw-next-steps{gap:20px}.draw-next-steps h2{font-size:37px}}
@media(max-width:620px){.draw-hero{grid-template-columns:1fr;margin:0 0 32px}.draw-hero-copy{padding:4px 0 0}.draw-hero h1{font-size:51px;line-height:1.03}.draw-hero-copy>p:not(.eyebrow){line-height:1.7}.draw-hero-copy .eyebrow{font-size:11px;letter-spacing:1.3px}.draw-promises{font-size:20px;gap:3px 13px;margin-bottom:11px}.draw-theatre{height:270px;max-width:420px;width:100%;margin:0 auto}.draw-stage-slips{left:40%;top:41%}.draw-stage-slip{width:121px;min-height:97px;font-size:28px;padding:18px 11px}.draw-stage-slip small{font-size:10px}.draw-mailbox{width:110px;right:-2px;bottom:4px}.draw-workspace{padding-top:29px}.draw-workspace-heading{display:block;margin-bottom:20px}.draw-workspace-heading h2{font-size:39px}.draw-title-field{display:block;width:100%;margin-top:23px}.draw-mode-picker{gap:9px;margin:22px 0 37px}.draw-mode-picker label{padding:13px 11px;gap:8px;align-items:flex-start}.draw-mode-picker strong{font-size:26px}.draw-mode-picker small{font-size:11px;line-height:1.45}.draw-mode-picker input{width:17px;height:17px;margin-top:4px}.draw-people-grid{grid-template-columns:1fr;gap:28px}.draw-person-note{padding:21px 23px 22px}.draw-person-note[data-person-note]{transform:none;transition:none}.draw-add-person{margin-top:22px;font-size:25px}.draw-handoff-settings{grid-template-columns:1fr;gap:19px;padding:19px 15px}.draw-handoff-how{border-top:1px solid #cbd5c0;padding-top:16px}.draw-send-strip{padding-top:25px}.draw-send-strip h2{font-size:37px}.draw-shell .draw-magic-button{width:100%;padding:18px 13px;font-size:27px;min-height:62px}.draw-how{grid-template-columns:1fr;gap:17px}.draw-how h2{font-size:34px}.draw-how article{padding-bottom:13px;border-bottom:1px dashed #d0cbb6}.draw-history h2{font-size:35px}.draw-history-line{gap:12px;flex-wrap:wrap}.draw-history-line>span:first-child{font-size:27px}.draw-history-line small{margin-left:0;flex-basis:calc(100% - 50px)}.draw-history-line>span:last-child{margin-left:auto;grid-row:1/3}.draw-manage-hero{padding-top:24px}.draw-manage-hero h1{font-size:48px}.draw-manage-hero .draw-theatre{height:300px}.draw-phase-copy{font-size:23px;max-width:330px;min-height:60px}.draw-owner-notes{grid-template-columns:1fr;gap:13px;margin-top:35px}.draw-owner-deliveries>div{gap:5px 10px}.draw-owner-deliveries strong{font-size:26px}.draw-owner-deliveries span{font-size:12px;overflow-wrap:anywhere}.draw-owner-deliveries em{font-size:12px}.draw-unwrapping{margin-top:5px}.draw-unwrapping h1{font-size:47px}.draw-open-for{font-size:27px}.draw-handoff-instruction{padding:12px 14px;font-size:14px}.draw-unpack-stage{height:253px;margin-top:0}.draw-revealed-sheet{padding:32px 23px 27px;margin-top:-15px}.draw-revealed-sheet h2{font-size:52px}.draw-revealed-wish>p{font-size:27px}.draw-close-button{font-size:24px;width:100%;padding:13px}.draw-after-reveal{margin-top:38px}.draw-support-note{display:block;padding:25px 21px;margin-bottom:40px}.draw-support-note h2{font-size:34px}.draw-support-note .draw-support-button{margin-top:20px}.draw-next-steps{display:block}.draw-next-steps h2{font-size:37px;margin-bottom:22px}.draw-idea-grid{margin-top:28px}.draw-open.is-revealed .draw-unwrapping>h1{font-size:35px}.draw-open.is-revealed .draw-open-for{margin-bottom:36px}.draw-retry-note{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.draw-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.draw-confetti{display:none}.draw-theatre.is-mixing .draw-stage-slip{opacity:.7}.draw-unpack-stage.is-opening .unpack-crumple{opacity:1;transform:translateY(-35px)}.draw-unpack-stage.is-opening .unpack-envelope{opacity:.4}}

.draw-stage-slip{overflow-wrap:anywhere;overflow:hidden}

/* Second review: staged paper choreography, physical folds, individual envelopes. */
.draw-theatre{perspective:1100px}.draw-stage-slips{transform-style:preserve-3d}.draw-stage-slip{border-radius:2px;clip-path:none;background-image:linear-gradient(115deg,#ffffff70,transparent 55%,#a7996b0a);box-shadow:1px 2px 2px #66543712,5px 12px 15px #57472920;backface-visibility:visible}.draw-stage-slip:before{top:0;height:9px;opacity:.55}.draw-theatre .draw-packet{width:112px;height:94px;left:calc(38% - 50px);top:calc(37% - 14px);background:linear-gradient(120deg,#e5ecdc,#c5d3bc);border-color:#91a481;box-shadow:3px 12px 15px #5e624926;border-radius:2px;transform:scale(.1);opacity:0}.draw-packet:after{content:'';position:absolute;left:0;right:0;top:32px;height:14px;background:linear-gradient(#d5bd91,#e9d9b2,#c5aa7b);border-block:1px solid #baa079}.draw-packet .packet-lid{background:linear-gradient(110deg,#eaf0e1,#ccd9c3);height:21px;top:-10px;box-shadow:0 4px 3px #687c5a25}.draw-packet .packet-ribbon{left:47px;width:16px;z-index:2;background:linear-gradient(90deg,#c5aa7b,#ecdbb2,#c8ad7f)}.draw-packet .packet-bow{z-index:3;left:14px;top:-34px;width:80px;height:31px;border:0;transform:rotate(-6deg);background:none}.packet-bow:before,.packet-bow:after{content:'';position:absolute;top:0;width:39px;height:24px;border:3px solid #b79b6e;box-shadow:inset 0 0 0 3px #f1e1ba;border-radius:75% 35% 60% 25%;transform:rotate(20deg)}.packet-bow:after{right:0;transform:scaleX(-1) rotate(20deg)}.is-gift-ready .packet-bow{animation:bow-finish .8s ease-out both}.draw-flight-envelope{position:absolute;left:calc(38% - 44px);top:calc(37% - 6px);width:92px;height:64px;border:1px solid #bbaa88;background:linear-gradient(150deg,#fffbed,#f0e7d0);box-shadow:3px 7px 8px #65533526;z-index:6;text-align:center;padding-top:21px;color:#83936c;font:23px Notebook,cursive;will-change:transform,opacity}.draw-flight-envelope:before{content:'';position:absolute;inset:0;background:#e9dec0;clip-path:polygon(0 0,100% 0,50% 60%)}.draw-flight-envelope:after{content:'♡';position:absolute;left:36px;top:24px;font:20px Notebook;color:#7b9066}.draw-theatre.is-complete .draw-pencil-star{animation:draw-star-pop .9s ease-out both}@keyframes bow-finish{0%{transform:rotate(-6deg) scaleX(.3)}70%{transform:rotate(3deg) scaleX(1.13)}100%{transform:rotate(-6deg) scaleX(1)}}
.draw-open-for{max-width:570px;margin:18px auto 14px;font:17px/1.7 system-ui,sans-serif;color:#727c69}.draw-open-for strong{font:30px/1.2 Notebook,cursive;color:#566f50;font-weight:500}.draw-handoff-instruction{font-size:14px;background:#eceede8c;border:0;border-left:2px solid #bdc8ab;text-align:left;padding:10px 18px;max-width:550px}.draw-unpack-stage{height:340px;perspective:1200px;margin:10px auto 0;isolation:isolate}.unpack-envelope{width:250px;height:164px;left:calc(50% - 125px);top:130px;transform:rotate(-5deg);transform-style:preserve-3d;filter:drop-shadow(3px 13px 8px #77694e27)}.unpack-back{background:linear-gradient(120deg,#e9e0c6,#d8caab);border-radius:2px}.unpack-pocket{z-index:3;background:linear-gradient(135deg,#fffbed,#f0e6cc);clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}.unpack-pocket:after{left:36px;top:60px;background:linear-gradient(135deg,#fffbed,#f1e8d1);box-shadow:-1px -1px 2px #8a785315}.unpack-flap{z-index:4;height:100px;background:linear-gradient(#f4ecd6,#e7d9b6);backface-visibility:visible;transform-style:preserve-3d;transform-origin:center top;box-shadow:0 3px 5px #6f62491a}.unpack-seal{z-index:5;top:73px;box-shadow:1px 2px 3px #87966a26;background:radial-gradient(ellipse at 30% 20%,#edf3df,#c9d6b7);border:1px solid #a2b38c}.unpack-shadow{bottom:23px;left:22%;right:22%;filter:blur(11px);background:#88764c2b}.unpack-pencil-star{left:79%;top:103px;font-size:36px;color:#b6a776}.unpack-letter{position:absolute;left:calc(50% - 50px);top:161px;width:100px;height:85px;z-index:2;opacity:0;perspective:1000px;transform-style:preserve-3d;filter:drop-shadow(3px 7px 6px #5d503021)}.letter-center{position:absolute;inset:0;background:linear-gradient(120deg,#fffdf2,#f5efd9);border:1px solid #d4c6a4;transform-style:preserve-3d}.letter-ink{display:block;color:#899779;font:34px/1 Notebook,cursive;margin-top:13px;font-style:normal}.letter-line{display:block;border-bottom:1px solid #bec6a8;width:47px;margin:8px auto 0}.letter-line.short{width:29px;margin-top:7px}.letter-wing{position:absolute;background:linear-gradient(110deg,#fffdf3,#f3ecd6);border:1px solid #d8cdaf;backface-visibility:visible;transform-style:preserve-3d}.wing-left{width:100px;height:85px;left:-100px;top:-1px;transform-origin:right center;transform:rotateY(178deg);background:linear-gradient(90deg,#f9f5e6,#e7ddc3)}.wing-right{width:100px;height:85px;right:-100px;top:-1px;transform-origin:left center;transform:rotateY(-178deg);background:linear-gradient(90deg,#e7ddc3,#f9f5e6)}.wing-top{width:300px;height:85px;left:-101px;top:-85px;transform-origin:center bottom;transform:rotateX(-178deg);opacity:0;background:linear-gradient(#fffdf3,#f2ead4)}.wing-bottom{width:300px;height:85px;left:-101px;bottom:-85px;transform-origin:center top;transform:rotateX(178deg);opacity:0;background:linear-gradient(#f0e7ce,#fffdf3)}
.draw-unpack-stage.is-opening .unpack-envelope{animation:paper-envelope var(--unpack-duration,8s) cubic-bezier(.4,0,.2,1) forwards}.draw-unpack-stage.is-opening .unpack-flap{animation:paper-flap var(--unpack-duration,8s) ease-in-out forwards}.draw-unpack-stage.is-opening .unpack-seal{animation:paper-seal var(--unpack-duration,8s) ease-in-out forwards}.draw-unpack-stage.is-opening .unpack-letter{animation:paper-lift var(--unpack-duration,8s) cubic-bezier(.4,0,.2,1) forwards}.is-opening .wing-left{animation:paper-left var(--unpack-duration,8s) ease-in-out forwards}.is-opening .wing-right{animation:paper-right var(--unpack-duration,8s) ease-in-out forwards}.is-opening .wing-top{animation:paper-top var(--unpack-duration,8s) ease-in-out forwards}.is-opening .wing-bottom{animation:paper-bottom var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-pencil-star{animation:paper-star var(--unpack-duration,8s) ease-in-out forwards}.is-opening .unpack-shadow{animation:paper-shadow var(--unpack-duration,8s) ease-in-out forwards}
@keyframes paper-seal{0%,7%{transform:scale(1);opacity:1}15%{transform:translate(5px,8px) rotate(-18deg) scale(1.05);opacity:1}23%,100%{transform:translate(20px,40px) rotate(35deg) scale(.6);opacity:0}}
@keyframes paper-flap{0%,12%{transform:rotateX(0);filter:brightness(1)}29%,100%{transform:rotateX(180deg);filter:brightness(.95)}}
@keyframes paper-envelope{0%,8%{transform:rotate(-5deg);opacity:1}23%{transform:translateY(4px) rotate(0);opacity:1}42%{transform:translateY(17px) rotate(2deg);opacity:1}62%,100%{transform:translateY(70px) rotate(8deg) scale(.9);opacity:0}}
@keyframes paper-lift{0%,21%{opacity:0;transform:translateY(35px) rotate(-3deg) scale(.8)}26%{opacity:1;transform:translateY(0) rotate(-3deg) scale(.85)}43%{opacity:1;transform:translateY(-70px) rotate(3deg) scale(.94)}55%{transform:translateY(-62px) rotate(-2deg) scale(.98)}85%,100%{opacity:1;transform:translateY(-44px) rotate(-.6deg) scale(1)}}
@keyframes paper-left{0%,44%{transform:rotateY(178deg);filter:brightness(.9)}67%,100%{transform:rotateY(0);filter:brightness(1)}}
@keyframes paper-right{0%,48%{transform:rotateY(-178deg);filter:brightness(.9)}71%,100%{transform:rotateY(0);filter:brightness(1)}}
@keyframes paper-top{0%,64%{transform:rotateX(-178deg);opacity:0;filter:brightness(.88)}65%{opacity:1}88%,100%{transform:rotateX(0);opacity:1;filter:brightness(1)}}
@keyframes paper-bottom{0%,69%{transform:rotateX(178deg);opacity:0;filter:brightness(.88)}70%{opacity:1}95%,100%{transform:rotateX(0);opacity:1;filter:brightness(1)}}
@keyframes paper-star{0%,18%{opacity:.7;transform:rotate(12deg) scale(1)}32%{opacity:1;transform:translate(9px,-18px) rotate(40deg) scale(1.2)}64%,100%{opacity:0;transform:translate(20px,-40px) rotate(65deg) scale(.3)}}
@keyframes paper-shadow{0%{opacity:1;transform:scale(1)}55%{opacity:.4;transform:scale(.6)}100%{opacity:.7;transform:scale(1.2)}}
.draw-revealed-sheet{margin:25px auto 0;background:linear-gradient(115deg,#fffdf1,#fcf9e9 55%,#f6f0dd);box-shadow:1px 2px 2px #7a69471a,5px 15px 25px #6c5d3f18;animation:paper-result .9s cubic-bezier(.16,1,.3,1) both}.draw-revealed-sheet:before{width:1px;height:auto;left:50%;top:0;bottom:0;transform:none;background:#a9986d0c;box-shadow:1px 0 1px #fffdf4;pointer-events:none}.draw-revealed-sheet:after{content:'';position:absolute;left:0;right:0;top:33%;height:1px;background:#ae9b6c0c;pointer-events:none}.draw-open.is-revealed .draw-handoff-instruction{display:none}.draw-open.is-revealed .draw-open-for{margin-bottom:22px;font-size:15px}.draw-open.is-revealed .draw-open-for strong{font-size:27px}.draw-ink-label{margin-top:0}.draw-open.is-revealed .draw-unwrapping>h1{font-size:38px}@keyframes paper-result{0%{opacity:0;transform:perspective(900px) rotateX(15deg) translateY(25px) scale(.94)}100%{opacity:1;transform:perspective(900px) rotateX(0) translateY(0) scale(1) rotate(-.6deg)}}
@media(max-width:620px){.draw-open-for{font-size:15px;line-height:1.7;padding:0 6px}.draw-open-for strong{font-size:28px}.draw-handoff-instruction{font-size:13px;line-height:1.65}.draw-unpack-stage{height:320px}.unpack-envelope{top:117px;width:230px;height:153px;left:calc(50% - 115px)}.unpack-letter{top:150px;transform-origin:center}.draw-revealed-sheet{margin-top:18px}.draw-stage-slip{width:115px;font-size:27px}.draw-open.is-revealed .draw-open-for{margin-bottom:19px}.draw-countdown{font-size:24px}}
@media(prefers-reduced-motion:reduce){.draw-unpack-stage.is-opening .unpack-letter{opacity:1;transform:translateY(-40px)}.is-opening .letter-wing{display:none}.draw-flight-envelope{display:none}}

.draw-open-for strong{display:inline-block;margin-right:.2em}

/* The real recipient is printed on the paper under its folds, with no text fade. */
.draw-revealed-sheet{animation:none;isolation:isolate;perspective:1200px;transform-style:preserve-3d}
.draw-unpack-stage.is-opening .letter-wing{animation:none}
.result-fold{display:none;position:absolute;z-index:10;pointer-events:none;border:1px solid #d5c9ab;background:linear-gradient(115deg,#fffdf1,#f3ecd7);backface-visibility:visible;box-shadow:0 4px 9px #79613d15}
.is-unfolding-result .result-fold{display:block}
.result-fold-left{left:0;top:calc(50% - 42.5px);width:50%;height:85px;transform-origin:right center}
.result-fold-right{right:0;top:calc(50% - 42.5px);width:50%;height:85px;transform-origin:left center}
.result-fold-top{left:0;right:0;top:0;height:50%;transform-origin:center bottom;background:linear-gradient(#fffdf1,#eee4ca)}
.result-fold-bottom{left:0;right:0;bottom:0;height:50%;transform-origin:center top;background:linear-gradient(#e9dfc5,#fffdf1)}
.is-unfolding-result .result-fold-left{animation:result-left 1.1s ease-in-out both}
.is-unfolding-result .result-fold-right{animation:result-right 1.2s .1s ease-in-out both}
.is-unfolding-result .result-fold-top{animation:result-top 1.55s 1.05s ease-in-out both}
.is-unfolding-result .result-fold-bottom{animation:result-bottom 1.55s 1.25s ease-in-out both}
.is-unfolding-result .draw-close-button,.is-unfolding-result [data-one-time-note]{visibility:hidden}
@keyframes result-left{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}
@keyframes result-right{0%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}
@keyframes result-top{0%{transform:rotateX(0)}100%{transform:rotateX(180deg)}}
@keyframes result-bottom{0%{transform:rotateX(0)}100%{transform:rotateX(-180deg)}}
@media(prefers-reduced-motion:reduce){.is-unfolding-result .result-fold{display:none}}

/* Only paper -> envelope -> mailbox. Notes keep their own positions while folding. */
.draw-stage-slips{left:50%;top:37%}
.draw-stage-slip{transform-style:preserve-3d;overflow:visible;perspective:700px}
.draw-manage-hero .draw-stage-slip.slip-foldable{
 aspect-ratio:132/98;height:auto;min-height:0;padding:0;border:0;
 background:none;box-shadow:none;perspective:1400px;
}
.slip-foldable:before{display:none}
.slip-flat-face{
 position:absolute;inset:0;border:1px solid #d3c5a3;border-radius:2px;
 background:linear-gradient(115deg,#fffdf050,#b89b5f0b) var(--paper-tone);
 box-shadow:1px 3px 7px #78643e1c;
}
.slip-foldable .slip-flat-face .slip-writing{inset:0}
.slip-foldable>.paper-fold-grid{visibility:hidden}
.slip-foldable .paper-cell-front:before{opacity:0}
.is-folding-paper .slip-foldable .paper-cell-front:before{
 animation:draw-paper-creases .65s var(--crease-delay) ease-out both;
}
@keyframes draw-paper-creases{from{opacity:0}to{opacity:1}}
.slip-writing{
 position:absolute;display:grid;align-content:center;justify-items:center;
 box-sizing:border-box;padding:6px;text-align:center;line-height:1.1;pointer-events:none;
}
.slip-writing strong,.slip-writing small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slip-writing strong{font-weight:normal}
.draw-stage-slip .slip-writing small{margin-top:5px}
.slip-foldable .paper-fold-seal{opacity:0;scale:1 .82}
.mailbox-flag{transform-box:fill-box;transform-origin:0 100%}
.is-receiving .draw-mailbox{animation:mail-arrival .44s ease-in-out;animation-iteration-count:var(--envelope-count,3)}
.is-receiving .mailbox-flag{animation:flag-arrival .9s ease-in-out both}
@keyframes mail-arrival{0%,100%{transform:rotate(0)}45%{transform:rotate(-2deg) translateY(1px)}75%{transform:rotate(1.5deg)}}
@keyframes flag-arrival{0%{transform:rotate(0)}45%{transform:rotate(-32deg)}100%{transform:rotate(0)}}
/* Keep lifting throughout the protected handoff, then unfold the same printed paper. */
@keyframes paper-lift{0%,18%{opacity:0;transform:translateY(35px) rotate(-3deg) scale(.8)}27%{opacity:1;transform:translateY(12px) rotate(-4deg) scale(.84)}45%{opacity:1;transform:translateY(-20px) rotate(3deg) scale(.89)}65%{opacity:1;transform:translateY(-50px) rotate(-2deg) scale(.94)}83%{opacity:1;transform:translateY(-55px) rotate(1deg) scale(.98)}100%{opacity:1;transform:translateY(-44px) rotate(-.6deg) scale(1)}}
.draw-revealed-sheet{transform-style:preserve-3d;overflow:visible}
.result-content{position:relative}
.is-unfolding-result .result-fold{animation:none!important;background:none;border:0;box-shadow:none;transform-style:preserve-3d;overflow:visible}
.fold-printed-face,.fold-back-face{position:absolute;display:block;inset:0;background:linear-gradient(115deg,#fffdf1,#f9f4e3);border:1px solid #d9cdb0;backface-visibility:hidden;overflow:hidden;box-shadow:0 2px 5px #78643e12}
.fold-back-face{background:linear-gradient(115deg,#f8f2dd,#eee3c8)}
.fold-printed-ink{position:absolute;display:block;text-align:center;max-width:none;pointer-events:none}
.draw-revealed-sheet.is-printed-ready{animation:none}

/* Warm fibrous stock, with the same crease map carried by every moving face. */
.draw-shell{--paper-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.67%20.19%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.18%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22%20opacity%3D%22.65%22%2F%3E%3Cg%20stroke%3D%22%238d774f%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%22m13%2021%208-1m42%2057%2014-2m73%2014%209%201m-122%2075%2012%201m119-124%207-1m-66%20160%2010%201m51%203%2010-1m-108-65%2010%201m69%2014%2015-2m-49-130%206%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--paper-tone:#faf3df;
 --paper-creases:linear-gradient(90deg,transparent calc(var(--fold-left,33%) - 4px),#8c795b16 calc(var(--fold-left,33%) - 1px),#fffef1c9 var(--fold-left,33%),transparent calc(var(--fold-left,33%) + 4px)),linear-gradient(90deg,transparent calc(var(--fold-right,66%) - 4px),#9f8a5a19 calc(var(--fold-right,66%) - 1px),#fffefaaf var(--fold-right,66%),transparent calc(var(--fold-right,66%) + 4px)),linear-gradient(180deg,transparent calc(var(--fold-top,30%) - 5px),#826b4b25 calc(var(--fold-top,30%) - 1px),#fffef4db var(--fold-top,30%),#b6a27c0d calc(var(--fold-top,30%) + 2px),transparent calc(var(--fold-top,30%) + 6px)),linear-gradient(180deg,transparent calc(var(--fold-bottom,68%) - 4px),#fffef6bd calc(var(--fold-bottom,68%) - 1px),#9c825b25 var(--fold-bottom,68%),transparent calc(var(--fold-bottom,68%) + 6px));
 --paper-wrinkles:linear-gradient(151deg,transparent 9%,#9b866b0a 9.5%,#fffef526 10%,transparent 11%),linear-gradient(33deg,transparent 74%,#9d876511 75%,#fffefa2b 75.4%,transparent 76.4%),linear-gradient(162deg,transparent 91%,#957c5710 91.7%,#fffef12c 92%,transparent 93%),radial-gradient(ellipse at 0% 48%,#b4976d10,transparent 32%)}
.draw-revealed-sheet{background-color:var(--paper-tone);background-image:var(--paper-grain),linear-gradient(116deg,#fffef060,transparent 65%,#b89f5e0b);border-color:#cbbc96;border-radius:2px 1px 3px 2px;box-shadow:inset 0 0 28px #a78a4610,1px 2px 3px #7a694721,5px 15px 25px #6c5d3f1c}
.draw-revealed-sheet:before,.draw-revealed-sheet:after{content:'';position:absolute;inset:0;width:auto;height:auto;left:0;top:0;bottom:0;right:0;transform:none;box-shadow:none;pointer-events:none;z-index:0}
.draw-revealed-sheet:before{background-image:var(--paper-wrinkles)}
.draw-revealed-sheet:after{background-image:var(--paper-creases)}
.result-content{z-index:1}
.fold-printed-face,.fold-back-face{background-color:var(--paper-tone);background-image:var(--paper-grain),linear-gradient(110deg,#ffffff40,#b49b5a0d);border-color:#d6c9a9}
.fold-printed-face:before{content:'';position:absolute;left:calc(0px - var(--face-x));top:calc(0px - var(--face-y));width:var(--paper-width);height:var(--paper-height);background-image:var(--paper-creases),var(--paper-wrinkles);pointer-events:none}
.fold-printed-ink{z-index:1}
.draw-stage-slip:nth-child(n){background-color:#f8efd7;background-image:var(--paper-grain),linear-gradient(110deg,#fffef050,transparent 70%,#ba9d650d)}
.unpack-back,.unpack-pocket,.unpack-flap,.letter-center,.letter-wing{background-image:var(--paper-grain),linear-gradient(115deg,#fffdf04a,#ad92520d)}
.is-unfolding-result .draw-close-button{visibility:visible;pointer-events:none}
.is-unfolding-result .draw-close-button:disabled{opacity:1;cursor:default}

.draw-revealed-sheet{--paper-creases:linear-gradient(90deg,transparent calc(var(--fold-left,33%) - 4px),#8c795b16 calc(var(--fold-left,33%) - 1px),#fffef1c9 var(--fold-left,33%),transparent calc(var(--fold-left,33%) + 4px)),linear-gradient(90deg,transparent calc(var(--fold-right,66%) - 4px),#9f8a5a19 calc(var(--fold-right,66%) - 1px),#fffefaaf var(--fold-right,66%),transparent calc(var(--fold-right,66%) + 4px)),linear-gradient(180deg,transparent calc(var(--fold-top,30%) - 5px),#826b4b25 calc(var(--fold-top,30%) - 1px),#fffef4db var(--fold-top,30%),#b6a27c0d calc(var(--fold-top,30%) + 2px),transparent calc(var(--fold-top,30%) + 6px)),linear-gradient(180deg,transparent calc(var(--fold-bottom,68%) - 4px),#fffef6bd calc(var(--fold-bottom,68%) - 1px),#9c825b25 var(--fold-bottom,68%),transparent calc(var(--fold-bottom,68%) + 6px));}

/* The second animation is one folded sheet. Its article never gets replaced. */
.draw-open{overflow-anchor:none}
.draw-open .draw-unwrapping{max-width:790px}
.draw-open .draw-unwrapping>h1{font-size:clamp(46px,5.5vw,68px);line-height:1.05}
.draw-open .draw-open-for{margin:18px auto 14px;font-size:17px}
.draw-open .draw-handoff-instruction{display:block}
.draw-open .draw-handoff-instruction[hidden]{display:none!important}
.draw-open .draw-unpack-stage{position:relative;width:100%;max-width:650px;height:300px;margin:20px auto 0;perspective:1600px;isolation:auto;overflow:visible;filter:drop-shadow(3px 7px 6px #78633b24)}
.draw-open .draw-revealed-sheet{position:absolute;left:50%;top:0;width:100%;max-width:none;margin:0;transform:translateX(-50%);transform-origin:50% 50%;transform-style:preserve-3d;perspective:1400px;isolation:auto;filter:none;clip-path:none;overflow:visible;animation:none;border-radius:0}
.draw-open:not(.paper-ready) .draw-revealed-sheet{visibility:hidden}
.draw-open .result-content{display:flow-root;position:relative}
.draw-open [data-recipient-name]{min-height:1.05em}
.paper-is-folded .draw-revealed-sheet{background:none;border-color:transparent;box-shadow:none}
.paper-is-folded .draw-revealed-sheet:before,.paper-is-folded .draw-revealed-sheet:after{display:none}
.paper-is-folded .result-content{visibility:hidden;pointer-events:none}
.paper-fold-grid,.paper-row,.paper-cell{position:absolute;transform-style:preserve-3d;overflow:visible}
.paper-row,.paper-cell{left:0;top:0}
.paper-cell-front,.paper-cell-back{display:block;position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border:.5px solid #d3c5a3;background-color:var(--paper-tone);background-image:var(--paper-grain),linear-gradient(115deg,#fffdf030,#b89b5f0b);box-sizing:border-box}
.paper-cell-back{transform:rotateY(180deg);background-color:#f7efd9;background-image:var(--paper-wrinkles),var(--paper-grain),linear-gradient(115deg,#fffdf030,#b89b5f0b);box-shadow:inset 0 0 18px #a78e5910}
.paper-cell-front:before{content:'';position:absolute;left:calc(0px - var(--face-x));top:calc(0px - var(--face-y));width:var(--paper-width);height:var(--paper-height);background-image:var(--paper-creases),var(--paper-wrinkles);pointer-events:none}
.paper-cell-ink{position:absolute;display:flow-root;text-align:center;max-width:none;pointer-events:none;visibility:visible}
.paper-cell-ink .draw-close-button:disabled{opacity:1;cursor:default}
.paper-fold-seal{display:grid;position:absolute;left:50%;top:50%;width:var(--seal-size,35px);height:var(--seal-size,35px);margin:calc(var(--seal-size,35px) * -.5) 0 0 calc(var(--seal-size,35px) * -.5);place-items:center;border:1px solid #a5b78e;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eef2df,#d2ddbd);color:#6d825a;font:var(--seal-font,27px)/1 Notebook,cursive;font-style:normal;box-shadow:1px 2px 3px #7f8e6226;translate:0 0 10px}
.paper-is-opening .paper-fold-seal{animation:paper-seal-peel 1.6s ease-in-out forwards}
@keyframes paper-seal-peel{0%,20%{transform:rotate(0) scale(1);opacity:1}60%{transform:translateY(-10px) rotate(-13deg) scale(1.1);opacity:1}100%{transform:translate(12px,-30px) rotate(-28deg) scale(.7);opacity:0}}
.draw-open .draw-sealed-controls{min-height:110px;margin-top:15px}
.paper-is-opening .draw-sealed-controls{visibility:hidden;pointer-events:none}
.paper-opened .draw-sealed-controls{display:none}
.draw-open .draw-countdown{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.draw-open .draw-after-reveal{margin-top:45px}
@media(max-width:620px){.draw-open .draw-unwrapping>h1{font-size:47px}.draw-open .draw-open-for{font-size:15px}.draw-open .draw-unpack-stage{margin-top:16px}.draw-open .draw-revealed-sheet{padding:32px 23px 27px}.draw-open .draw-after-reveal{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.paper-is-opening .paper-fold-seal{opacity:0}}

@media(max-width:620px){.draw-open .draw-unpack-stage,.draw-open .draw-revealed-sheet{perspective:3000px}}

html:has([data-draw-open]){overflow-x:clip}

.person-handoff-routing{margin-top:14px;border-top:1px dashed #bec7ad;padding-top:6px}
.person-handoff-routing .handoff-explanation{border:0;margin:5px 0 14px;padding:0}
.draw-person-note .person-handoff-routing select{display:block;width:100%;min-width:0;max-width:100%;font:13px/1.5 system-ui,sans-serif;border:1px solid #b7c2a6;background:#f9faee;color:#4e644b;padding:10px 8px;border-radius:2px;margin-top:5px;box-shadow:none}
.person-handoff-routing [data-handoff-custom]{margin-top:14px}
.person-handoff-routing [data-handoff-custom] input{font:14px/1.5 system-ui,sans-serif}
.draw-person-note .handoff-destination{font:12px/1.6 system-ui,sans-serif;color:#68765d;overflow-wrap:anywhere;margin:8px 0 0}

.person-photo-upload{margin-top:18px;padding-top:14px;border-top:1px dashed #c4c8b1}
.draw-photo-heading{font-size:13px;color:#54644f;margin:0 0 6px}
.draw-person-note .draw-photo-choose{position:relative;display:inline-flex;align-items:center;margin:0;cursor:pointer}
.draw-person-note .draw-photo-choose .draw-file-input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);margin:0;padding:0}
.draw-photo-button{display:inline-block;font:650 13px/1.4 system-ui,sans-serif;padding:11px 12px;border:1px solid #9aaa90;border-radius:3px;background:#f7f8ed;color:#405846}
.draw-photo-button span{margin-right:3px}
.draw-photo-choose:hover .draw-photo-button{background:#eef2e3}
.draw-file-input:focus-visible + .draw-photo-button{outline:2px solid #617a64;outline-offset:3px}
.draw-photo-name{display:inline-block;max-width:100%;margin:6px 7px;color:#566650;font-size:12px;overflow-wrap:anywhere}
.person-photo-upload>small,.wish-photo-preview>small{display:block;margin-top:7px;font:12px/1.55 system-ui,sans-serif;color:#566650}
.draw-photo-error{margin:8px 0;padding:9px 12px;background:#f4e0d7;border-left:3px solid #a25e4c;color:#694033;font-size:13px;line-height:1.5;scroll-margin:20px}
.draw-photo-error p,.draw-photo-error ul{margin:0}
.wish-photo-preview{margin-top:12px}
.wish-photo-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:210px;border:1px solid #bdb396;border-radius:2px}
.draw-person-note .wish-photo-preview button{display:block;font:17px Notebook,cursive;box-shadow:none;background:none;border:0;padding:8px 0;color:#655640}
.draw-wish-photo{position:relative;display:block;width:100%;max-width:350px;aspect-ratio:4/3;max-height:245px;margin:20px auto;padding:0}
.draw-wish-photo-image{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%;margin:0;border:2px solid #e2d7bd;box-shadow:1px 3px 7px #5d50381b}

.draw-manage-hero .draw-stage-slip{left:0;top:0;translate:-50% -50%;height:110px}
.draw-support-note{
 position:relative;isolation:isolate;margin:40px 0 45px;transform:rotate(-.45deg);
 border:1px solid transparent;background:none;
}
.draw-support-paper{
 --paper-edge:polygon(
  1% 2.4%,8% 1.2%,15% 1.8%,22% .8%,31% 1.6%,39% .4%,48% 1.1%,
  57% 0,64% 1.2%,73% .7%,81% 1.7%,90% .8%,98.5% 1.9%,
  99.6% 10%,99% 22%,100% 31%,99.4% 44%,99.8% 56%,99% 69%,99.5% 80%,98.7% 96.9%,
  93% 98.1%,88% 97.4%,80% 99.4%,74% 98.3%,69% 99.1%,60% 97.9%,
  54% 99.2%,46% 98.4%,38% 100%,31% 98.7%,22% 99.7%,16% 98.1%,9% 99%,1.3% 97.4%,
  .7% 89%,1.1% 78%,.2% 66%,.9% 53%,0 41%,.8% 28%,.3% 17%
 );
 position:absolute;inset:0;z-index:-1;pointer-events:none;
 filter:drop-shadow(2px 5px 5px #65574026);
}
.draw-support-paper::before,.draw-support-paper::after{
 content:'';position:absolute;inset:0;clip-path:var(--paper-edge);background:#d4c6a7;
}
.draw-support-paper::after{
 inset:1px;background:var(--paper-grain),linear-gradient(118deg,#fbf5e6,#f0e5cd);
}
.draw-support-note::before{
 content:'';position:absolute;top:-10px;left:calc(50% - 35px);width:70px;height:20px;
 background:#cbbfa185;transform:rotate(4deg);pointer-events:none;
 clip-path:polygon(2% 0,98% 5%,96% 46%,100% 96%,1% 100%,4% 54%);
}
.draw-shell .button.draw-support-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 min-height: 48px;
 max-width: 100%;
 flex-shrink: 0;
 padding: 9px 17px;
 border: 1px solid #c6b594;
 border-radius: 3px;
 background: #eee1c5;
 color: #584a37;
 font: 25px/1.15 Notebook, cursive;
 text-align: center;
 white-space: normal;
}
.draw-shell .button.draw-support-button:hover {background: #e7d8b8; color: #4c3f30}
.draw-shell .button.draw-support-button:focus-visible {outline: 2px solid #816e54; outline-offset: 4px}
@media (max-width: 920px) {
 .draw-shell .button.draw-support-button {font-size: 22px}
}

.draw-one-time-note {
 max-width: 470px;
 margin: 0 auto 14px;
 padding: 12px 14px;
 border: 1px solid #d7c9a8;
 border-radius: 3px;
 background: #f5efdf;
 color: #594f3c;
 font: 14px/1.5 system-ui, sans-serif;
 text-align: left;
}
.draw-one-time-note strong, .draw-one-time-note span {display: block}
.draw-one-time-note strong {font-weight: 600}
.draw-one-time-note span {margin-top: 3px}

@media(max-width:620px){
 .draw-hero:has(.draw-text-link){row-gap:29px}
 .draw-manage-hero .draw-phase-copy{min-height:2.8em}
}

.draw-revealed-wish .draw-wish-place{font:25px/1.4 Notebook,cursive;margin:16px 0 5px;color:#657557;white-space:pre-line;overflow-wrap:anywhere}