@font-face{font-family:Noto;src:url('assets/noto-sans-kr.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Jua;src:url('assets/Jua-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--pink:#ff8fab;--pink-deep:#b64f76;--pink-ink:#9b4465;--lime:#caff8a;--green:#637646;--ink:#514250;--muted:#8b7580;--paper:#fffefa;--line:#f1dbe2;--wing-line:#e0aaba;--body:Noto,'Malgun Gothic',sans-serif;--round:Jua,var(--body)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font:15px/1.6 var(--body);background:#fff8fa;background-image:radial-gradient(ellipse at 6% 100%,#eff9e4 0,transparent 44%),radial-gradient(ellipse at 100% 0,#ffe8ef 0,transparent 52%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8eac61;outline-offset:5px}button:disabled{cursor:default}button img{pointer-events:none}img{display:block;max-width:100%}figure,p,h1,h2{margin:0}svg{display:block}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:15px;top:-80px;padding:12px 22px;background:white;border:2px solid var(--pink-deep)}.skip-link:focus{top:15px}
.sidebar{position:fixed;left:max(20px,calc((100vw - 1560px)/2));top:42px;width:155px;z-index:20}.side-brand{display:flex;align-items:center;gap:8px;padding:0 6px 27px;font-family:var(--round);color:var(--pink-ink);font-size:24px;line-height:1.05;letter-spacing:.035em}.side-brand-sub{display:block;font:8px/1.6 var(--body);letter-spacing:.19em;margin-top:5px}.brand-seal{display:grid;place-items:center;background:#fffdf8;border:1px solid #edc8d3;border-radius:50%;width:45px;height:45px;flex-shrink:0;transform:rotate(-10deg)}.brand-seal:before{content:'';position:absolute;inset:4px;border:1px dashed #edc8d3;border-radius:50%}.brand-seal .icon{width:24px;height:24px;stroke-width:1.4}.navigation{background:#fffefaa8;border:1px solid #f0dbe1;border-radius:29px;padding:13px 9px;position:relative;box-shadow:0 7px 0 #f7e9ea70}.nav-item{display:flex;position:relative;align-items:center;gap:13px;width:100%;min-height:59px;padding:9px 13px;border-radius:18px;background:transparent;text-align:left;color:#8f7a83;transition:background .18s,color .18s}.nav-item>span{font-size:15px;font-weight:600;line-height:1.25}.nav-item small{display:block;font-size:8px;letter-spacing:.12em;margin-top:5px;font-weight:450;opacity:.8}.nav-item .icon{width:21px;height:21px;stroke-width:1.55}.nav-item:hover{background:#fff0f4;color:var(--pink-deep)}.nav-item.is-current{background:#ffe4ed;color:var(--pink-ink)}.nav-item.is-current:after{content:'';position:absolute;width:7px;height:7px;right:11px;top:50%;border-radius:50%;background:var(--pink)}.sidebar-bottom{font-size:11px;text-align:center;color:#a48d94;margin-top:26px}.sidebar-bottom>span:last-child{display:block;font-size:8px;letter-spacing:.14em;margin-top:3px}.tiny-heart{display:block;font-size:30px;color:#d798ae;line-height:1.3;margin-bottom:5px}
.main{max-width:1300px;width:calc(100% - 240px);margin:0 auto 0 max(202px,calc((100vw - 1560px)/2 + 190px));padding-top:35px}
.scrapbook{position:relative;width:100%;aspect-ratio:1.66;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#e4eccf80 36px,transparent 37px),#fffefa;border:1px solid #eee5e2;border-radius:3px;box-shadow:0 10px 35px #cdaab014;overflow:visible}.scrapbook:before{content:'';position:absolute;inset:7px;border:1px solid #f4f0e6;z-index:-1;pointer-events:none}.scrapbook:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 98% 10%,#f1fbd375,transparent 30%),radial-gradient(ellipse at 4% 90%,#fff0f575,transparent 30%);pointer-events:none}.paper-margin{position:absolute;left:5%;height:100%;border-left:1px solid #f4cdd7}.paper-margin:before,.paper-margin:after{content:'';position:absolute;left:-32px;width:9px;height:9px;border:1px solid #eddbdf;border-radius:50%;background:#fcf4f3}.paper-margin:before{top:16%}.paper-margin:after{top:81%}
.intro{position:absolute;left:8%;top:3.5%;z-index:8;width:33%;pointer-events:none}.intro-eyebrow{font-size:clamp(11px,1.05vw,15px);color:var(--green);letter-spacing:.075em;line-height:1.4;transform:rotate(-2deg)}.intro h1{display:flex;align-items:flex-start;margin-top:2px;line-height:.92;transform:rotate(-4deg);color:#ee799d;letter-spacing:-.065em;white-space:nowrap}.logo-word{font-family:var(--round);font-size:clamp(62px,7.3vw,111px);-webkit-text-stroke:1px #ee799d;text-shadow:2px 3px 0 #fffefa}.logo-heart{font-family:Arial,sans-serif;font-size:clamp(35px,4.2vw,58px);margin:0 0 0 7px;font-weight:400;line-height:1;transform:rotate(13deg)}.intro-caption{font-size:clamp(11px,.95vw,14px);margin-top:13px;color:#9e7584;letter-spacing:-.035em}.intro-caption strong{font-weight:500}.airmail-note{position:absolute;right:5.5%;top:5%;z-index:3;transform:rotate(3deg);width:24%;border-top:1px solid #a6b77d;border-bottom:1px solid #a6b77d;padding:12px 0 13px;color:#7f9160;text-align:center}.airmail-note>span:first-child{display:block;font-size:12px;letter-spacing:.2em;font-weight:600}.airmail-note>span:nth-child(2){display:block;font:clamp(12px,1.2vw,18px)/1.5 var(--round);letter-spacing:.02em;margin-top:3px}.airmail-note>.icon{position:absolute;right:-10px;bottom:-12px;width:23px;height:23px;fill:#fffefa;stroke-width:1.4;transform:rotate(20deg)}
.photo{position:absolute;margin:0;background:#fffefb;padding:10px 10px 0;box-shadow:2px 4px 7px #725d621c;border:1px solid #e7e1df;display:flex;flex-direction:column;transition:transform .24s,box-shadow .24s}.photo>button{display:block;position:relative;width:100%;min-height:0;flex:1;padding:0;background:#dbeff0;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.photo button:hover img{transform:scale(1.045)}.photo>figcaption{height:35px;flex:0 0 35px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:10px;letter-spacing:.065em;color:#877c73}.photo figcaption .icon{width:16px;height:16px;color:#e59ab0;stroke-width:1.2}.photo:focus-within{z-index:15!important;box-shadow:0 0 0 3px #ffabc2,0 8px 20px #725d6222}.photo button:focus-visible{outline-offset:-4px}.photo-1{left:8.5%;top:27%;width:33%;height:65%;transform:rotate(-6deg);z-index:3}.photo-1 img{object-position:64% 42%}.photo-2{left:45%;top:2.5%;width:22%;height:35%;transform:rotate(5deg);z-index:2}.photo-2 img{object-position:53% 38%}.photo-2 figcaption{justify-content:center;font-size:9px;letter-spacing:.02em;height:27px;flex-basis:27px}.photo-3{left:38%;top:35%;width:29%;height:37%;transform:rotate(1deg);z-index:5}.photo-3 img{object-position:42% 33%}.photo-3 figcaption{height:27px;flex-basis:27px}.photo-4{left:64%;top:26%;width:28.5%;height:60%;transform:rotate(5deg);z-index:4}.photo-4 img{object-position:65% 25%}.photo-5{left:44%;top:67%;width:22%;height:32%;transform:rotate(-5deg);z-index:6}.photo-5 img{object-position:46% 35%}.photo-5 figcaption{justify-content:center;height:26px;flex-basis:26px;letter-spacing:0;font-size:9px}.hand-heart{font:23px/1 Georgia,serif;color:#e799b1}
.tape{position:absolute;z-index:2;width:34%;height:26px;top:-15px;left:32%;opacity:.85;transform:rotate(4deg);clip-path:polygon(2% 0,98% 2%,100% 20%,97% 37%,100% 59%,97% 81%,100% 100%,0 98%,2% 76%,0 56%,3% 37%,0 19%)}.tape-pink{background:repeating-linear-gradient(90deg,#ffc3d675 0 8px,#ffe0e890 8px 16px),#ffcbd7}.tape-lime{background:repeating-linear-gradient(90deg,#e0f5bf 0 8px,#cfeeaa 8px 16px)}.paperclip{position:absolute;z-index:2;left:48%;top:-15px;width:14px;height:37px;border:2px solid #c997a8;border-radius:9px;transform:rotate(15deg)}.paperclip:after{content:'';position:absolute;top:4px;left:3px;width:5px;height:25px;border:1px solid #c997a8;border-radius:5px}.paper-patch{position:absolute;z-index:0}.patch-lime{right:5%;top:23%;width:31%;height:57%;background:repeating-linear-gradient(90deg,#e7f5cf 0 11px,#dceec5 11px 12px);transform:rotate(-2deg)}.patch-pink{left:34%;top:50%;width:28%;height:35%;background:repeating-linear-gradient(45deg,#ffe4ec 0 6px,#fff0f4 6px 12px);transform:rotate(-12deg);opacity:.8}.word-stickers{position:absolute;left:3%;top:55%;z-index:7;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:flex-start;gap:7px}.word-stickers span{display:block;background:#fffefb;padding:5px 12px;font-family:var(--round);font-size:clamp(13px,1.15vw,17px);letter-spacing:.03em;box-shadow:1px 2px 3px #635c5a14;border:1px solid #e8e4d8;color:#857768}.word-stickers span:nth-child(2){margin-left:13px;color:#ad5c7a}.wing-sticker{position:absolute;z-index:8;left:33%;top:24%;width:17%;height:13%;transform:rotate(-14deg);display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(1px 2px 0 #d7c2b93b)}.wing-sticker>.wing{color:#fffbf3;width:46%;height:100%}.wing-sticker>.wing:last-child{transform:scaleX(-1)}.wing-sticker>span{font:clamp(32px,4vw,55px)/1 Arial,sans-serif;color:#f899b2;margin-left:-10px;margin-right:-10px;z-index:2;transform:translateY(12%)}.acorn-sticker{position:absolute;z-index:9;left:29%;top:81%;width:12%;height:20%;display:flex;flex-direction:column;align-items:center;transform:rotate(10deg);color:#92a26e;pointer-events:none}.acorn-sticker svg{height:76%;width:100%;filter:drop-shadow(3px 0 0 #fffefa) drop-shadow(-3px 0 0 #fffefa) drop-shadow(0 3px 0 #fffefa)}.acorn-sticker>span{font-family:var(--round);font-size:clamp(9px,.85vw,13px);white-space:nowrap;color:#8d846d;margin-top:-4px;transform:rotate(-5deg)}.postmark{position:absolute;z-index:1;left:1.5%;top:76%;width:96px;aspect-ratio:1;border:1px solid #dfbfc9;border-radius:50%;color:#d3a3b3;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-15deg);font-size:9px;line-height:1.6;letter-spacing:.08em;opacity:.8}.postmark:after{content:'';position:absolute;inset:5px;border:1px dashed currentColor;border-radius:50%}.postmark b{font-size:21px;font-weight:500;letter-spacing:.03em}.postmark small{font-size:5px;letter-spacing:.14em}.stamp-sticker{position:absolute;z-index:10;right:3.1%;top:79%;width:12%;aspect-ratio:.93;transform:rotate(12deg);background:radial-gradient(circle at 5px 5px,transparent 4px,#fffcf7 4.5px) -5px -5px/10px 10px;padding:10px;filter:drop-shadow(1px 2px 0 #d7c2b933);pointer-events:none}.stamp-sticker>div{height:100%;background:#ffdae6;border:1px solid #e7a4ba;outline:1px solid #f9c6d6;outline-offset:-5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b76181;gap:5px}.stamp-sticker .icon{width:36%;height:auto;aspect-ratio:1;stroke-width:1.2}.stamp-sticker strong{font:clamp(9px,1.05vw,14px)/1.2 var(--round);letter-spacing:.06em}.stamp-sticker span{font-size:clamp(6px,.57vw,8px);letter-spacing:.1em}.bottom-note{position:absolute;bottom:2.8%;left:70%;font-size:10px;color:#9c967e;letter-spacing:.03em;transform:rotate(-3deg)}.bottom-note>span:last-child{font-size:20px;color:#c6abbd;margin-left:6px}.little-sparkles{position:absolute;inset:0;pointer-events:none;z-index:7;color:#d3acb6}.little-sparkles>span{position:absolute;line-height:1}.little-sparkles>span:nth-child(1){left:3%;top:39%;font-size:27px;color:#a6c87c;transform:rotate(15deg)}.little-sparkles>span:nth-child(2){left:4%;top:45%;font-size:20px;color:#d2b7be}.little-sparkles>span:nth-child(3){right:1%;top:53%;font-size:32px;color:#e3a3b8}.little-sparkles>span:nth-child(4){left:39%;top:13%;font-size:24px;color:#b4c993}
.delivery-strip{display:grid;grid-template-columns:1.14fr .86fr 1fr;align-items:stretch;margin-top:27px;border-top:1px solid #eddae0;border-bottom:1px solid #eddae0;gap:25px;min-height:108px;padding:18px 0}.broadcast-note{display:flex;align-items:center;gap:13px;padding-left:6px}.strip-icon{display:grid;place-items:center;width:41px;height:49px;border:1px solid #e0c5c9;color:#c58299;background:#fffcf9;border-radius:4px;transform:rotate(-5deg);flex-shrink:0}.strip-icon:before{content:'';position:absolute;top:7px;left:6px;right:6px;border-top:1px dashed #e5c7ce}.strip-icon>.icon{width:21px;height:21px}.eyebrow{font-size:8px;color:#a28993;letter-spacing:.17em}.broadcast-note p{display:flex;flex-direction:column;margin-top:2px}.broadcast-note strong{font-family:var(--round);font-size:22px;font-weight:400;line-height:1.35}.broadcast-note p>span{font-size:12px;color:#9a7e8c;line-height:1.8}.round-link{margin-left:auto;width:30px;height:30px;border-radius:50%;background:transparent;color:#b68798;display:grid;place-items:center}.round-link:hover{background:#ffe4ed}.round-link .icon{width:19px;height:19px}.channel-link{display:flex;align-items:center;justify-content:center;gap:12px;border-left:1px solid #eddde3;border-right:1px solid #eddde3;padding:3px 18px}.channel-symbol{background:#def4c4;color:#77924f;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:28px;font-weight:700;line-height:1}.channel-link>span:nth-child(2){font-family:var(--round);font-size:20px;line-height:1.5;white-space:nowrap}.channel-link small{display:block;font:8px/1.8 var(--body);letter-spacing:.13em;color:#95808a}.channel-link>.icon{width:15px;height:15px;color:#ab8392}.channel-link:hover{color:var(--pink-deep)}.reward-link{position:relative;display:flex;align-items:center;gap:14px;background:#fff0f4;border:1px solid #f4dbe4;border-radius:4px;padding:10px 16px;text-align:left;transition:background .2s;box-shadow:3px 3px 0 #ffe2ec70}.reward-link:hover{background:#ffe6ef}.reward-link small{display:block;font-size:10px;color:#ad778c;line-height:1.4}.reward-link strong{font:22px/1.3 var(--round);display:block;margin-top:4px;color:#b76181}.reward-envelope{position:relative;display:grid;place-items:center;width:46px;height:40px;transform:rotate(-10deg);color:#cf90a6;flex-shrink:0}.reward-envelope>.icon{width:44px;height:44px;fill:#fffdf9;stroke-width:1}.reward-envelope>span{position:absolute;top:-9px;right:8px;font:24px/1 Arial;color:#ed90ad}.reward-link .arrow{width:19px;height:19px;margin-left:auto;color:#c18ca1}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 2px 30px;color:#9a858e;font-size:11px}.footer strong{font-weight:500;color:#b68196}.debut-counter{font:9px/1.3 var(--body);margin-left:10px;color:#a2a089}.social-links{display:flex;gap:21px}.social-links a{display:flex;align-items:center;gap:5px;font-size:11px}.social-links a:hover{color:var(--pink-deep)}.social-links .icon{height:12px;width:12px;stroke-width:1.4}
dialog{color:var(--ink);font-family:var(--body);border:1px solid #edccda;box-shadow:0 18px 100px #58405138;padding:0;background:#fffcf7}dialog::backdrop{background:#59495165;backdrop-filter:blur(5px)}.info-dialog{width:min(520px,calc(100% - 32px));max-height:85dvh;border-radius:18px;padding:20px 28px 24px}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-eyebrow{font-size:10px;letter-spacing:.15em;color:#b88196}.dialog-close{width:36px;height:36px;display:grid;place-items:center;background:#ffebf1;border-radius:50%;color:#b77790;flex-shrink:0}.dialog-close:hover{background:#ffdae7}.dialog-close .icon{width:19px;height:19px}.info-dialog h2{font:30px/1.3 var(--round);color:#ac5e7c;margin-bottom:17px}.dialog-intro{font-size:15px;line-height:1.9}.profile-details{margin:19px 0 0}.profile-details>div{display:grid;grid-template-columns:94px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #f0e2e5;font-size:14px}.profile-details dt{color:#a48591}.profile-details dd{margin:0;overflow-wrap:anywhere}.dialog-sign{font:20px/1.5 var(--round);color:#c799ac;text-align:right;margin-top:25px}.photo-dialog{width:min(1200px,calc(100% - 32px));max-height:94dvh;border-radius:12px;overflow:auto}.photo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;color:#a36881;font-size:14px}.photo-toolbar #photo-count{font-size:11px;margin-left:10px;color:#b693a2}#photo-full{width:100%;height:auto;max-height:calc(90dvh - 120px);object-fit:contain;background:#f3eef0}.photo-controls{display:flex;justify-content:center;gap:25px;align-items:center;padding:10px 15px}.photo-controls button{width:37px;height:37px;border-radius:50%;background:#ffe9f0;display:grid;place-items:center;color:#b77790}.photo-controls button:hover{background:#ffdae7}.photo-controls>span{font-size:9px;letter-spacing:.16em;color:#b48a9b}.photo-controls .icon{width:19px;height:19px}#photo-prev .icon{transform:rotate(180deg)}.toast{position:fixed;left:50%;bottom:25px;z-index:99;background:#685261;color:#fff;padding:12px 21px;border-radius:30px;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);width:max-content;text-align:center;font-size:14px;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1650px){.sidebar{top:60px}.main{padding-top:54px}.intro-caption{font-size:16px}.airmail-note>span:nth-child(2){font-size:20px}.photo>figcaption{font-size:12px}.photo-2 figcaption,.photo-5 figcaption{font-size:10px}.delivery-strip{margin-top:34px;min-height:119px}.footer{padding-bottom:35px}}
@media(max-width:1199px){.sidebar{left:18px;width:137px;top:27px}.side-brand{font-size:20px;gap:6px;padding-bottom:20px}.side-brand-sub{font-size:7px}.brand-seal{width:38px;height:38px}.navigation{padding:10px 7px;border-radius:24px}.nav-item{min-height:55px;padding:9px 11px;gap:10px}.nav-item>span{font-size:14px}.nav-item .icon{width:19px;height:19px}.main{width:calc(100% - 198px);margin-left:176px;padding-top:26px}.logo-word{font-size:8vw}.intro-caption{font-size:10px}.airmail-note{padding:8px 0}.airmail-note>span:first-child{font-size:10px}.airmail-note>span:nth-child(2){font-size:13px}.photo{padding:7px 7px 0}.photo>figcaption{height:28px;flex-basis:28px;font-size:9px;padding:0 3px}.photo-2 figcaption,.photo-3 figcaption,.photo-5 figcaption{height:24px;flex-basis:24px;font-size:8px}.tape{height:21px;top:-12px}.word-stickers{gap:4px}.word-stickers span{padding:3px 8px;font-size:12px}.postmark{width:73px;font-size:7px}.postmark b{font-size:16px}.postmark small{font-size:4px}.bottom-note{font-size:8px}.bottom-note>span:last-child{font-size:16px}.stamp-sticker{padding:7px}.delivery-strip{gap:14px;margin-top:24px;padding:15px 0;min-height:105px;grid-template-columns:1.1fr .9fr 1fr}.broadcast-note{gap:8px;padding-left:0}.strip-icon{width:33px;height:41px}.eyebrow{font-size:6px}.broadcast-note strong{font-size:18px}.broadcast-note p>span{font-size:10px}.round-link{width:22px}.channel-link{gap:8px;padding:4px 10px}.channel-symbol{width:29px;height:29px;font-size:24px}.channel-link>span:nth-child(2){font-size:16px}.channel-link small{font-size:6px}.channel-link>.icon{display:none}.reward-link{padding:8px;gap:8px}.reward-envelope{width:35px}.reward-envelope>.icon{width:35px}.reward-link small{font-size:8px}.reward-link strong{font-size:19px}.reward-link .arrow{width:16px}.footer{gap:15px;font-size:9px;padding-top:21px}.social-links{gap:13px}.social-links a{font-size:10px}.debut-counter{display:none}}
@media(max-width:820px){.sidebar{width:106px;left:12px;top:22px}.side-brand{padding-left:0;gap:6px;font-size:19px}.side-brand-sub{font-size:5px;letter-spacing:.14em}.brand-seal{width:29px;height:29px}.brand-seal .icon{width:17px;height:17px}.navigation{padding:8px 5px;border-radius:21px}.nav-item{padding:9px 8px;gap:8px;min-height:53px}.nav-item>span{font-size:13px}.nav-item small{font-size:6px}.nav-item .icon{width:17px;height:17px}.nav-item.is-current:after{right:4px;width:4px;height:4px}.sidebar-bottom{font-size:9px}.sidebar-bottom>span:last-child{font-size:6px}.main{width:calc(100% - 145px);margin-left:133px;padding-top:22px}.scrapbook{aspect-ratio:1.36}.intro{top:4%;left:8%;width:38%}.intro-eyebrow{font-size:9px}.logo-word{font-size:8.3vw}.logo-heart{font-size:32px}.intro-caption{font-size:8px;margin-top:9px;line-height:1.4}.intro-caption strong{display:block}.airmail-note{top:5%;right:4%;width:25%}.airmail-note>span:first-child{font-size:8px}.airmail-note>span:nth-child(2){font-size:10px}.photo-1{top:28%;height:62%}.photo-2{height:34%;top:3%;left:46%;width:21%}.photo-3{top:34%;height:38%;width:30%;left:38%}.photo-4{top:29%;height:56%}.photo-5{height:30%;top:70%;width:25%;left:42%}.wing-sticker{top:26%;left:32%;width:19%;height:10%}.word-stickers{left:2%}.word-stickers span{font-size:10px;padding:3px 5px}.photo{padding:5px 5px 0}.photo>figcaption{font-size:7px;height:25px;flex-basis:25px;letter-spacing:0}.photo-2 figcaption,.photo-3 figcaption,.photo-5 figcaption{font-size:6px;height:22px;flex-basis:22px}.photo figcaption .icon{width:12px;height:12px}.stamp-sticker{width:14%;right:1.5%;top:83%}.acorn-sticker{width:14%;left:28%;top:82%;height:17%}.postmark{width:53px;font-size:5px}.postmark b{font-size:12px}.postmark small{font-size:3px}.bottom-note{display:none}.delivery-strip{grid-template-columns:1fr 1fr;gap:16px 14px}.broadcast-note{grid-column:1/3;justify-content:center;padding-bottom:13px;border-bottom:1px dashed #efdae1}.broadcast-note p{flex-direction:row;align-items:baseline;gap:10px}.broadcast-note p>span{font-size:12px}.eyebrow{font-size:8px}.round-link{margin-left:15px}.channel-link{border:0}.reward-link{justify-content:center;padding:13px 10px}.reward-link .arrow{margin-left:5px}.reward-link small{font-size:9px}.reward-link strong{font-size:20px}.footer{flex-direction:column;gap:11px;padding:20px 0;font-size:10px}.social-links{gap:20px}.social-links a{font-size:11px}.paperclip{width:11px;height:27px;top:-11px}.paperclip:after{height:18px;left:2px;width:4px}.little-sparkles>span:nth-child(1){font-size:20px}.little-sparkles>span:nth-child(3){font-size:24px}}
@media(max-width:580px){body{background:#fff8fa}.sidebar{position:relative;left:auto;top:auto;width:auto;margin:0 15px;display:grid;grid-template-columns:1fr;gap:0}.side-brand{padding:18px 2px 15px;width:max-content;font-size:23px;gap:8px}.brand-seal{width:34px;height:34px}.side-brand-sub{font-size:7px}.sidebar-bottom{display:none}.navigation{display:grid;grid-template-columns:repeat(8,1fr);padding:7px 3px;border-radius:17px;box-shadow:none;gap:1px}.nav-item{min-height:58px;flex-direction:column;justify-content:center;gap:5px;padding:6px 0;border-radius:12px;text-align:center}.nav-item>span{font-size:10px;font-weight:500;line-height:1.2}.nav-item small{display:none}.nav-item .icon{height:18px;width:18px}.nav-item.is-current:after{display:none}.main{width:calc(100% - 26px);margin:0 13px;padding-top:18px}.scrapbook{aspect-ratio:.95}.intro{left:7%;top:4%;width:53%}.intro-eyebrow{font-size:10px}.logo-word{font-size:18vw;line-height:1.02}.logo-heart{font-size:42px;margin-left:5px}.intro-caption{font-size:10px;margin-top:4px}.intro-caption strong{display:inline}.airmail-note{top:10%;right:3%;width:31%;padding:10px 0}.airmail-note>span:first-child{font-size:8px}.airmail-note>span:nth-child(2){font-size:10px;line-height:1.4;padding:0 7px}.airmail-note>.icon{width:16px;height:16px;right:-3px;bottom:-8px}.photo-1{left:7%;top:28%;width:44%;height:48%;transform:rotate(-6deg)}.photo-2{left:56%;top:23%;width:30%;height:27%;transform:rotate(6deg)}.photo-3{left:39%;top:50%;width:33%;height:28%;transform:rotate(2deg)}.photo-4{left:72%;top:48%;width:26%;height:40%;transform:rotate(5deg)}.photo-5{left:36%;top:74%;width:32%;height:26%;transform:rotate(-5deg)}.photo>figcaption{font-size:7px;height:22px;flex-basis:22px}.photo-2 figcaption,.photo-3 figcaption,.photo-5 figcaption{height:20px;flex-basis:20px;font-size:6px}.photo-4 figcaption{padding:0;font-size:6px}.photo-4 .hand-heart{font-size:17px}.wing-sticker{top:29%;left:39%;width:21%;height:10%;transform:rotate(-20deg)}.wing-sticker>span{font-size:27px}.wing-sticker>.wing{width:45%}.word-stickers{left:0;top:57%;gap:5px;transform:rotate(-6deg)}.word-stickers span{font-size:10px;padding:3px 7px}.word-stickers span:nth-child(2){margin-left:7px}.patch-lime{right:2%;top:43%;width:40%;height:42%}.patch-pink{left:20%;top:59%;height:34%;width:40%}.stamp-sticker{right:1.5%;top:84%;width:18%;transform:rotate(9deg)}.stamp-sticker strong{font-size:9px}.stamp-sticker span{font-size:5px}.stamp-sticker>div{gap:3px}.acorn-sticker{left:11%;top:79%;width:19%;height:20%}.acorn-sticker>span{font-size:9px}.postmark{left:1.5%;top:76%;width:59px}.little-sparkles>span:nth-child(1){left:2%;top:39%;font-size:22px}.little-sparkles>span:nth-child(2){left:2%;top:46%;font-size:15px}.little-sparkles>span:nth-child(3){right:3%;top:36%;font-size:26px}.little-sparkles>span:nth-child(4){left:49%;top:19%;font-size:16px}.paper-margin{left:5%}.paper-margin:before,.paper-margin:after{display:none}.paperclip{top:-10px}.tape{width:42%;height:18px;top:-10px;left:27%}.delivery-strip{margin-top:26px;padding-top:15px;gap:15px 10px}.broadcast-note{padding-bottom:13px;gap:13px}.strip-icon{width:37px;height:41px}.broadcast-note p{gap:10px}.broadcast-note strong{font-size:22px}.broadcast-note p>span{font-size:11px}.round-link{margin-left:5px}.eyebrow{font-size:7px}.channel-link{padding:5px 0;gap:9px}.channel-link>span:nth-child(2){font-size:17px}.channel-link small{font-size:7px}.channel-symbol{width:30px;height:30px}.reward-link{gap:8px;padding:9px 6px}.reward-link strong{font-size:20px}.reward-link small{font-size:8px}.reward-envelope{width:32px}.reward-envelope>.icon{width:31px}.reward-link .arrow{display:none}.footer{padding-top:18px;font-size:10px;gap:15px}.social-links{gap:23px}.social-links a{font-size:12px;min-height:30px}.social-links .icon{height:12px;width:12px}.info-dialog{padding:15px 21px 21px}.info-dialog h2{font-size:27px}.dialog-eyebrow{font-size:9px}.profile-details>div{grid-template-columns:80px 1fr;gap:9px}.photo-toolbar{font-size:12px;padding:10px}.photo-toolbar #photo-count{font-size:10px;margin-left:6px}.photo-dialog{width:calc(100% - 20px)}.photo-controls>span{font-size:8px}.photo-controls{gap:15px}}
@media(max-width:360px){.sidebar{margin:0 10px}.navigation{padding:7px 2px}.nav-item>span{font-size:9px}.main{margin:0 10px;width:calc(100% - 20px)}.intro-caption{font-size:9px}.airmail-note>span:nth-child(2){font-size:9px}.broadcast-note p{gap:7px}.broadcast-note strong{font-size:20px}.broadcast-note p>span{font-size:10px}.channel-symbol{width:25px;height:25px}.channel-link>span:nth-child(2){font-size:15px}.reward-link strong{font-size:18px}.social-links{gap:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the short greeting clear of the overlapping photos on narrow screens. */
@media(min-width:1200px){.footer,.social-links a{font-size:12px}.intro-caption{font-size:14px}.broadcast-note p>span{font-size:13px}}
@media(max-width:580px){
  .nav-item>span{font-size:12px}.navigation{gap:0}.nav-item{min-height:60px}.logo-word{font-size:16vw}.logo-heart{display:none}.intro{top:4%;width:62%}.intro-caption{font-size:10px;line-height:1.6;max-width:210px;margin-top:4px}.airmail-note{width:23%;right:4%;top:5.5%;padding:8px 0}.airmail-note>span:nth-child(2){padding:0;font-size:10px;word-break:keep-all}.airmail-note>span:first-child{font-size:8px}.photo-1{top:33%;height:44%}.photo-2{top:27%;height:26%}.photo-3{top:54%;height:25%}.photo-4{top:51%;height:37%}.wing-sticker{top:32.5%;left:39%;height:9%}.word-stickers{top:62%}.little-sparkles>span:nth-child(4){top:23%}.photo-5{top:77%;height:25%}.acorn-sticker{top:82%;height:18%}.stamp-sticker{top:87%;width:17%}.delivery-strip{margin-top:32px}
}
@media(max-width:360px){.nav-item>span{font-size:11px}.intro-caption{font-size:9px}.airmail-note>span:nth-child(2){font-size:9px}}