/* A paper keepsake around the original player and sharing controls. */
.gift-result{background:#f7faf5}
.gift-result #root{position:relative;isolation:isolate;background:#fbfcf9;overflow:clip}
.gift-result #root::before{content:'';position:absolute;inset:0 0 auto;height:1040px;z-index:-1;pointer-events:none;background:url('/assets/paper-design-20261006-v3/paper-background.webp') center top/max(100%,1600px) auto no-repeat;mask-image:linear-gradient(#000 0 760px,transparent 1040px)}
.gift-result .site-header{max-width:1180px}
.gift-result .gift-page{position:relative;max-width:1120px;padding:32px 52px 60px;min-height:0;isolation:isolate}
.gift-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 348px;grid-template-rows:auto 1fr;column-gap:92px;align-items:start;padding:22px 0 0}
.gift-heading{grid-column:1;grid-row:1;padding:28px 0 0;min-width:0}
.gift-result .gift-kicker{font-family:PaperHand,cursive;font-size:26px;color:#648575;margin:0 0 20px;line-height:1.2}
.gift-result .gift-page h1{font-family:PaperDisplay,PaperText,sans-serif;font-size:52px;line-height:1.17;font-weight:800;margin:0;letter-spacing:0}
.gift-result .gift-page h1 em{font-style:normal;color:#cc3f6b;position:relative;isolation:isolate;white-space:nowrap}
.gift-result .gift-page h1 em::before{content:'';position:absolute;inset:45% -6px -3px;z-index:-1;background:#f5d8e0;transform:rotate(-1.6deg);clip-path:polygon(0 6%,98% 0,100% 90%,3% 100%)}
.gift-frame{position:relative;grid-column:2;grid-row:1/3;width:100%;padding:12px 12px 0;background:#fffdf8;border:1px solid #e8e0d4;box-shadow:0 3px 0 #e4dacd,0 16px 34px #415b4220;isolation:isolate;transform:rotate(2deg);margin:0}
.gift-frame::before{content:'';position:absolute;inset:8px -16px -12px 5px;background:#d6e8de;transform:rotate(-5deg);z-index:-2;border:1px solid #c3d9cc;box-shadow:0 3px 0 #b9cdc2}
.gift-frame::after{content:'';position:absolute;left:25%;top:-13px;width:106px;height:28px;background:#dfc8dea8;transform:rotate(-7deg);box-shadow:0 2px 2px #846e8010;pointer-events:none;z-index:3}
.gift-result .result-player{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:9/16;border-radius:2px;background:#243b34;overflow:hidden;max-width:none;margin:0;isolation:isolate}
.gift-result .result-player video{width:100%;height:100%;object-fit:contain;border-radius:2px;position:absolute;inset:0}
.gift-result #result-status{font-size:16px;line-height:1.65;padding:26px;color:#fff7e9;overflow-wrap:anywhere}
.gift-frame figcaption{position:relative;background:#fffdf8;font-family:PaperHand,cursive;color:#77897a;font-size:25px;line-height:1.2;text-align:center;padding:16px 36px 18px 0}
.gift-bow{position:absolute;top:-59px;right:-58px;width:150px;height:150px;object-fit:contain;z-index:4;pointer-events:none;filter:drop-shadow(1px 4px 3px #72534a16);transform:rotate(12deg)}
.gift-stamp{position:absolute;bottom:-30px;right:-28px;width:89px;height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dotted #a3607c;border-radius:50%;color:#98657a;font-family:PaperHand,cursive;font-size:24px;line-height:1;transform:rotate(-12deg);background:#fbe8ed;box-shadow:0 2px 0 #d9bfc6}
.gift-stamp b{font-family:PaperText,sans-serif;font-size:10px;margin-top:8px;font-weight:500}
.gift-result #gift-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:170px;max-width:90%;padding:14px;color:white;background:transparent;font-size:12px;line-height:1.5;z-index:2;text-shadow:0 1px 4px #000}
.gift-result #gift-play img{box-sizing:content-box;width:25px;height:25px;padding:21px;background:#fffaf5;border:1px solid white;border-radius:50%;box-shadow:0 5px 24px #1b251b33;transition:transform .2s}
.gift-result #gift-play:hover img{transform:scale(1.09)}
.gift-delivery{grid-column:1;grid-row:2;padding:28px 0 12px;max-width:430px;min-width:0}
.gift-result .gift-copy{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 15px;border-radius:5px;background:#cf406d;color:white;font-weight:600;font-size:14px;line-height:1.4;box-shadow:0 4px 0 #a93357,0 8px 14px #94335415;transition:transform .18s,box-shadow .18s}
.gift-copy svg{flex-shrink:0}
.gift-result .gift-copy:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a93357,0 10px 18px #94335420}
.gift-result .gift-copy:active{transform:translateY(2px);box-shadow:0 1px 0 #a93357}
.gift-result .share-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}
.gift-result .share-buttons>a,.gift-result .share-buttons>button{display:flex;min-width:0;justify-content:center;align-items:center;gap:6px;min-height:43px;padding:10px 5px;border-radius:4px;border:1px solid #d5dfd6;background:#fffdf9;color:#4c5d53;font-size:12px;box-shadow:0 2px 0 #d8e1d6;transition:transform .18s}
.gift-result .share-buttons>*:hover{transform:translateY(-2px)}
.gift-result .share-buttons svg{width:19px;height:19px;flex:none}
.gift-result #share-status{min-height:20px;font-size:12px;line-height:1.6;color:#557661;margin:9px 0 4px;overflow-wrap:anywhere}
.gift-download{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:#58695e;line-height:1.6;padding:12px 0;text-decoration:none;margin-top:8px;min-height:48px}
.gift-download svg{flex:none}
.gift-download:hover{text-decoration:underline;color:#375a44}
.gift-another{border-top:1px dashed #b8c9bc;margin-top:24px;padding-top:20px}
.gift-another p{font-family:PaperHand,cursive;font-size:23px;color:#819185;margin:0 0 6px;line-height:1.3}
.gift-result #create-another{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:13px;line-height:1.5;color:#465e50;font-weight:600;padding:6px 0}
.gift-result #create-another:hover{color:#cc3f6b}.gift-result #create-another img{flex:none}
.gift-decoration{position:absolute;width:180px;height:180px;background:url('/assets/seo-celebration-20261011/atlas.webp') no-repeat;background-size:300% 200%;pointer-events:none;z-index:-1}
.gift-popper{left:-158px;top:220px;background-position:0 100%;transform:rotate(-12deg)}
.gift-box{right:-175px;top:365px;background-position:50% 0;transform:rotate(10deg)}
.gift-signature{text-align:center;font-family:PaperHand,cursive;font-size:25px;color:#8a9a8f;margin:62px 0 0;line-height:1.4}
.gift-confetti{position:absolute;inset:0;pointer-events:none;z-index:-1}
.gift-confetti i{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:var(--c);transform:rotate(var(--r));box-shadow:1px 2px 1px #53614915}
.gift-burst{position:fixed;width:9px;height:15px;z-index:100;pointer-events:none;border-radius:1px}
/* A static edge avoids the filtered, clipped negative layer during mobile scrolling. */
.gift-result .site-footer{margin-top:12px;background:#fff4df url('/assets/paper-design-20261006-v3/postcard-sheet.webp') center/3000px auto;background-blend-mode:multiply;isolation:auto;overflow:visible}
.gift-result .site-footer>.paper-layer{display:none}
.gift-result .site-footer::before{content:'';display:block;position:absolute;left:0;right:0;top:-15px;height:16px;z-index:auto;pointer-events:none;filter:none;clip-path:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='16' viewBox='0 0 96 16'%3E%3Cpath fill='%23fff4df' d='M0 7L9 9 17 4 27 8 38 3 49 7 57 5 68 10 78 4 88 8 96 7V16H0Z'/%3E%3C/svg%3E") left top/96px 16px repeat-x}
.gift-result .site-footer .character-links,.gift-result .site-footer .seo-links{display:none}
@media(min-width:1450px){.gift-result .gift-page{padding-top:52px;padding-bottom:75px}.gift-layout{column-gap:110px}}
@media(max-width:1000px) and (min-width:701px){.gift-result .gift-page{padding-inline:38px}.gift-layout{grid-template-columns:minmax(0,1fr) 290px;column-gap:45px}.gift-result .gift-page h1{font-size:40px}.gift-result .gift-kicker{font-size:23px}.gift-message{font-size:14px}.gift-bow{width:120px;height:120px;right:-27px;top:-45px}.gift-frame figcaption{font-size:21px}.gift-result .gift-copy{font-size:12px}.gift-result .share-buttons{gap:5px}.gift-result .share-buttons>*{font-size:10px}}
@media(max-width:700px){
 .gift-result .site-header{padding:14px 20px}.gift-result .gift-page{padding:8px 22px 34px}
 .gift-layout{display:flex;flex-direction:column;align-items:center;gap:0;padding:0}
 .gift-heading{padding:6px 0 0;text-align:center;width:100%}
 .gift-result .gift-kicker{font-size:21px;margin:0 0 11px}
 .gift-result .gift-page h1{font-size:36px;line-height:1.15}
 .gift-frame{width:264px;max-width:calc(100% - 36px);padding:8px 8px 0;margin:32px 0 0;transform:rotate(1.5deg)}
 .gift-frame figcaption{font-size:20px;padding:11px 0 13px}.gift-frame::before{inset:6px -11px -8px 2px}
 .gift-bow{width:112px;height:112px;top:-37px;right:-41px}.gift-frame::after{height:23px;width:76px;top:-12px}
 .gift-stamp{width:65px;height:65px;font-size:19px;right:-27px;bottom:-22px}.gift-stamp b{font-size:8px;margin-top:5px}
 .gift-delivery{padding:46px 0 0;width:100%;max-width:380px}
 .gift-result .gift-copy{min-height:53px;font-size:13px}.gift-result .share-buttons{gap:8px;margin-top:16px}
 .gift-result .share-buttons>a,.gift-result .share-buttons>button{font-size:12px;min-height:44px}
 .gift-result #share-status{text-align:center}.gift-download{display:flex;width:max-content;max-width:100%;margin:12px auto 0;font-size:15px;padding:14px 4px}
 .gift-another{text-align:center;margin-top:26px;padding-top:24px}.gift-another p{font-size:23px}
 .gift-result #create-another{font-size:13px}
 .gift-decoration{width:114px;height:114px}.gift-popper{left:-57px;top:225px}.gift-box{right:-57px;top:438px}
 .gift-signature{font-size:21px;margin-top:28px}.gift-result .site-footer{margin-top:0}
}
@media(max-width:360px){.gift-result .gift-page{padding-inline:16px}.gift-result .gift-page h1{font-size:31px}.gift-result .gift-kicker{font-size:19px}.gift-result .gift-copy{font-size:12px}.gift-result .share-buttons>a,.gift-result .share-buttons>button{font-size:10px}.gift-bow{right:-30px}}
@media(prefers-reduced-motion:reduce){.gift-result *{animation:none!important;transition:none!important}.gift-burst{display:none}}
