.ap-opening[data-theme="pocketful"]{--pf-cream:#fff7e8;--pf-sage:#b3bd96;--pf-peach:#d79585;--pf-ink:#46513d;--pf-p:var(--progress,0);background:#f8f2e6;color:var(--pf-ink)}
.ap-opening[data-theme="pocketful"] .ap-opening-backdrop{opacity:.18}
.ap-opening[data-theme="pocketful"] .ap-opening-backdrop img{filter:blur(17px) saturate(.55);transform:scale(1.13)}
.ap-opening[data-theme="pocketful"] .ap-opening-header{color:#73765f}
.ap-opening[data-theme="pocketful"] .ap-opening-copy h2{font-family:'DM Serif Display',Georgia,serif;color:#915944;letter-spacing:-.035em;font-weight:400}
.ap-opening[data-theme="pocketful"] .ap-opening-copy p{color:#7a806b}
.ap-opening[data-theme="pocketful"] .ap-opening-gesture{background:#ece9d9;border-color:#cbd1b7;color:#536046;box-shadow:inset 0 1px 4px #606d4610}
.ap-opening[data-theme="pocketful"] .ap-opening-thumb{background:#788765;color:#fff8e8;box-shadow:0 3px 8px #55604625}
.ap-opening[data-theme="pocketful"] .ap-opening-trackfill{background:#b7c39b66}
.ap-opening[data-theme="pocketful"] .ap-opening-skip{color:#828570}
.ap-opening[data-theme="pocketful"] .ap-opening-stage{height:355px;min-height:0;max-height:44vh;isolation:isolate;display:grid;place-items:center;overflow:visible;perspective:1100px}
.ap-opening[data-theme="pocketful"] .pf-world{position:relative;width:470px;height:338px;max-width:88vw;isolation:isolate;pointer-events:none;transform-style:preserve-3d}
.ap-opening[data-theme="pocketful"] .pf-world *{box-sizing:border-box}
.ap-opening[data-theme="pocketful"] .pf-halo{position:absolute;inset:-40px -100px;background:radial-gradient(ellipse,#edd6a954 0%,#fff5df55 44%,transparent 72%);filter:blur(12px);z-index:-2}
.ap-opening[data-theme="pocketful"] .pf-handnote{position:absolute;right:-5px;top:2px;font-family:'Caveat',cursive;font-size:23px;color:#997658;transform:rotate(6deg);z-index:7;white-space:nowrap;animation:pf-note-in 1s .4s both}
.ap-opening[data-theme="pocketful"] .pf-parcel{position:absolute;left:3%;top:4%;width:94%;height:87%;transform-style:preserve-3d;transform:rotate(-3deg) rotateX(calc(var(--pf-p)*-6deg));filter:drop-shadow(0 23px 17px #66503a2b);transition:filter .7s;will-change:transform}
.ap-opening[data-theme="pocketful"][data-stage="waiting"] .pf-world{animation:pf-hover 5.5s ease-in-out infinite}
.ap-opening[data-theme="pocketful"] .pf-sheet{position:absolute;inset:6px -4px -6px;background:#eae2cd;border:1px solid #d8cdb5;border-radius:8px;z-index:-1}
.ap-opening[data-theme="pocketful"] .pf-sheet-one{transform:rotate(3deg);background:#d7dbc6}
.ap-opening[data-theme="pocketful"] .pf-sheet-two{transform:rotate(-2deg) translateY(3px);background:#f1e8d4}
.ap-opening[data-theme="pocketful"] .pf-envelope-back{position:absolute;inset:0;border-radius:7px;background:linear-gradient(135deg,#b7c0a1,#d0d6b8 52%,#aeb996);box-shadow:inset 0 0 0 1px #aab490}
.ap-opening[data-theme="pocketful"] .pf-card{position:absolute;inset:8px 9px 8px;border:9px solid var(--pf-cream);border-bottom-width:30px;background:var(--pf-cream);border-radius:4px;overflow:visible;z-index:1;box-shadow:0 2px 6px #3f3b2e1c;transform:translateY(calc(var(--pf-p)*-19px)) rotate(calc(var(--pf-p)*1deg));transform-origin:center 85%;transition:box-shadow .4s;will-change:transform}
.ap-opening[data-theme="pocketful"] .pf-card:before{content:'';position:absolute;inset:-6px;border:1px dashed #c5b994;border-radius:3px;pointer-events:none;z-index:3}
.ap-opening[data-theme="pocketful"] .pf-card:after{content:'';position:absolute;top:-12px;left:0;right:0;height:7px;background:radial-gradient(circle at 6px 7px,var(--pf-cream) 6px,transparent 6.4px) 0 0/12px 7px repeat-x}
.ap-opening[data-theme="pocketful"] .pf-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 54%;border-radius:1px;user-select:none;-webkit-user-drag:none}
.ap-opening[data-theme="pocketful"] .pf-card-caption{position:absolute;left:3px;right:3px;bottom:-24px;text-align:center;font-family:'Caveat',cursive;font-size:19px;line-height:22px;color:#8b6e50;white-space:nowrap}
.ap-opening[data-theme="pocketful"] .pf-corner{position:absolute;width:24px;height:24px;border-top:2px solid #c5ab77;border-left:2px solid #c5ab77;z-index:4;filter:drop-shadow(0 1px 0 #fff7e8)}
.ap-opening[data-theme="pocketful"] .pf-corner:after{content:'';position:absolute;left:4px;top:4px;width:10px;height:10px;border-left:1px solid #c5ab77;border-top:1px solid #c5ab77;border-radius:8px 0 0 0}
.ap-opening[data-theme="pocketful"] .pf-corner-tl{left:-3px;top:-3px}.ap-opening[data-theme="pocketful"] .pf-corner-tr{right:-3px;top:-3px;rotate:90deg}
.ap-opening[data-theme="pocketful"] .pf-corner-bl{left:-3px;bottom:-24px;rotate:-90deg}.ap-opening[data-theme="pocketful"] .pf-corner-br{right:-3px;bottom:-24px;rotate:180deg}
.ap-opening[data-theme="pocketful"] .pf-envelope-wings{position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d}
.ap-opening[data-theme="pocketful"] .pf-envelope-wings>span{position:absolute;bottom:0;top:43%;width:53%;background:linear-gradient(125deg,#d1d7bf,#acb996);box-shadow:inset 0 -2px 1px #9ba886;transform-origin:left bottom;clip-path:polygon(0 0,100% 100%,0 100%)}
.ap-opening[data-theme="pocketful"] .pf-envelope-wings>span:first-child{left:0;transform:rotateY(calc(var(--pf-p)*-10deg))}
.ap-opening[data-theme="pocketful"] .pf-envelope-wings>span:last-child{right:0;transform-origin:right bottom;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(225deg,#cbd4b9,#adba98);transform:rotateY(calc(var(--pf-p)*10deg))}
.ap-opening[data-theme="pocketful"] .pf-envelope-pocket{position:absolute;bottom:0;left:0;right:0;height:29%;z-index:3;clip-path:polygon(0 0,50% 24%,100% 0,100% 100%,0 100%);background:linear-gradient(100deg,#ced6b9,#dee2c9 53%,#c4cfaa);border-radius:0 0 6px 6px;transform-origin:center bottom;transform:rotateX(calc(var(--pf-p)*12deg));box-shadow:inset 0 -1px 0 #a5b18b}
.ap-opening[data-theme="pocketful"] .pf-pocket-stitch{position:absolute;inset:17px 9px 9px;border:1px dashed #8f9e7580;border-top:0;border-radius:0 0 3px 3px}
.ap-opening[data-theme="pocketful"] .pf-pocket-word{position:absolute;right:21px;bottom:17px;font-family:'Caveat',cursive;font-size:22px;color:#687a51;transform:rotate(-1deg)}
/* Satin follows continuous curves; only these outer wrappers move when pulled. */
.ap-opening[data-theme="pocketful"] .pf-ribbon{position:absolute;z-index:5;filter:drop-shadow(0 4px 3px #73504430);will-change:transform,opacity}
.ap-opening[data-theme="pocketful"] .pf-satin{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.ap-opening[data-theme="pocketful"] .pf-ribbon-vertical{top:-10px;bottom:-10px;left:calc(26% - 31px);width:96px;transform:translateY(calc(var(--pf-p)*35px)) rotate(calc(var(--pf-p)*5deg));opacity:calc(1 - var(--pf-p)*.32)}
.ap-opening[data-theme="pocketful"] .pf-ribbon-horizontal{top:calc(64% - 26px);left:-17px;right:-17px;height:84px;transform:translateX(calc(var(--pf-p)*58px)) rotate(calc(var(--pf-p)*4deg));transform-origin:29% center;opacity:calc(1 - var(--pf-p)*.3)}
.ap-opening[data-theme="pocketful"] .pf-bow{position:absolute;left:calc(26% + 17px);top:calc(64% + 16px);width:1px;height:1px;z-index:9;transform:translateX(calc(var(--pf-p)*14px)) rotate(calc(var(--pf-p)*6deg));filter:drop-shadow(0 6px 4px #5d393c39);will-change:transform}
.ap-opening[data-theme="pocketful"] .pf-loop{position:absolute;width:83px;height:49px;top:-40px;border:1px solid #c88d7e;background:linear-gradient(165deg,#f1cbbd 0%,#deb09e 24%,#edc6b4 41%,#c28674 71%,#986452 96%);box-shadow:inset 0 5px 5px #ffdfcf77,inset 0 -3px 4px #9d5c4859;transform-origin:90% 85%}
.ap-opening[data-theme="pocketful"] .pf-loop:after{content:'';position:absolute;inset:6px 9px 9px;border-top:1px solid #fae0cb77;border-radius:inherit;opacity:.8}
.ap-opening[data-theme="pocketful"] .pf-loop-left{left:-77px;border-radius:75% 75% 15% 68%;transform:rotate(calc(-16deg - var(--pf-p)*38deg)) scaleX(calc(1 - var(--pf-p)*.44))}
.ap-opening[data-theme="pocketful"] .pf-loop-right{left:-4px;transform-origin:5% 85%;border-radius:75% 75% 68% 15%;background:linear-gradient(15deg,#ae7461,#edc0aa 32%,#f0cbb6 60%,#d79c85 95%);transform:rotate(calc(16deg + var(--pf-p)*44deg)) scaleX(calc(1 - var(--pf-p)*.42))}
.ap-opening[data-theme="pocketful"] .pf-tail{position:absolute;top:4px;width:68px;height:112px;transform-origin:top center;filter:drop-shadow(0 2px 1px #8b543b28)}
.ap-opening[data-theme="pocketful"] .pf-tail-left{left:-45px;transform-origin:43px 0;transform:rotate(calc(10deg + var(--pf-p)*23deg)) translateY(calc(var(--pf-p)*11px))}
.ap-opening[data-theme="pocketful"] .pf-tail-right{left:-10px;transform-origin:21px 0;transform:rotate(calc(-9deg - var(--pf-p)*22deg)) translateY(calc(var(--pf-p)*14px))}
.ap-opening[data-theme="pocketful"] .pf-bow-knot{position:absolute;left:-16px;top:-18px;width:33px;height:35px;border-radius:44% 35% 42% 34%;background:linear-gradient(95deg,#b57863 0%,#e9bfa8 30%,#f7d8bf 53%,#d89e82 76%,#a56750);border:1px solid #ca957b;box-shadow:inset -3px 0 3px #9f6a5440,0 2px 2px #80503c33;transform:rotate(-12deg)}
.ap-opening[data-theme="pocketful"] .pf-tag-thread{position:absolute;left:34%;top:69%;width:104px;height:48px;z-index:7;border-top:1px solid #9c7d4b;border-right:1px solid #9c7d4b;border-radius:40% 70% 0 0;transform:rotate(8deg);opacity:.85}
.ap-opening[data-theme="pocketful"] .pf-tag{position:absolute;left:44%;top:79%;width:94px;height:44px;z-index:8;background:linear-gradient(100deg,#faf0d8,#f3e7c9);border:1px solid #d5c3a0;border-radius:15px 2px 2px 15px;box-shadow:2px 4px 5px #70644729;transform-origin:8px 50%;transform:rotate(calc(13deg + var(--pf-p)*14deg));display:flex;align-items:center;justify-content:center;gap:7px;color:#9f7454;font-family:'Caveat',cursive;font-size:21px;padding-left:13px}
.ap-opening[data-theme="pocketful"] .pf-tag-hole{position:absolute;width:4px;height:4px;left:8px;top:19px;border-radius:50%;background:#ae9671;box-shadow:0 0 0 2px #eee0bc}
.ap-opening[data-theme="pocketful"] .pf-tag i{font-style:normal;font-size:18px;line-height:1}
.ap-opening[data-theme="pocketful"] .pf-wax{position:absolute;right:22px;top:61%;width:47px;height:47px;border-radius:45% 51% 44% 49%;z-index:6;background:radial-gradient(circle at 35% 25%,#bd7860,#a3624d 62%,#814a3e);border:1px solid #9c5a46;box-shadow:1px 4px 5px #4d342c40,inset 1px 1px 1px #e0a080,inset -2px -2px 1px #854733;display:grid;place-items:center;transform:rotate(10deg)}
.ap-opening[data-theme="pocketful"] .pf-wax:after{content:'';position:absolute;inset:5px;border:1px solid #d3937288;border-radius:50%;box-shadow:0 0 0 1px #80493377}
.ap-opening[data-theme="pocketful"] .pf-wax>span{font-family:Georgia,serif;font-size:26px;line-height:1;color:#e4b192;text-shadow:0 1px 0 #814e38;transform:rotate(-9deg)}
.ap-opening[data-theme="pocketful"] .pf-wax i{position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,#f5c8a930 40%,transparent 56%);border-radius:inherit}
.ap-opening[data-theme="pocketful"] .pf-botanical{position:absolute;color:#86996a;width:71px;height:95px;z-index:8;filter:drop-shadow(1px 3px 2px #35442922);opacity:.91;transform-origin:bottom center}
.ap-opening[data-theme="pocketful"] .pf-botanical-top{right:-26px;top:-35px;transform:rotate(29deg)}
.ap-opening[data-theme="pocketful"] .pf-botanical-bottom{left:-28px;bottom:-27px;transform:rotate(-139deg);width:67px}
.ap-opening[data-theme="pocketful"] .pf-flourish{position:absolute;inset:0;pointer-events:none;z-index:10}
.ap-opening[data-theme="pocketful"] .pf-flourish>i{position:absolute;left:50%;top:57%;width:14px;height:23px;border-radius:90% 12% 80% 12%;background:linear-gradient(120deg,#efb99c,#cf8d70);opacity:0;box-shadow:inset 1px 1px 0 #f6d7b5,0 3px 6px #b1846422}
.ap-opening[data-theme="pocketful"] .pf-flourish>i:nth-child(3n){width:12px;height:27px;background:linear-gradient(120deg,#c5d19d,#8b9e6c)}
.ap-opening[data-theme="pocketful"] .pf-flourish>i:nth-child(3n + 1){width:11px;height:17px;background:linear-gradient(120deg,#f9e2bc,#e3b282)}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-world{animation:pf-unwrapping .95s cubic-bezier(.2,.7,.3,1) both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-card{animation:pf-letter-lift 1s cubic-bezier(.17,.7,.3,1) both;box-shadow:0 14px 20px #5a4b3722}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-ribbon-horizontal{animation:pf-silk-right .72s cubic-bezier(.2,.7,.3,1) both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-ribbon-vertical{animation:pf-silk-down .8s cubic-bezier(.2,.7,.3,1) both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-bow{animation:pf-bow-fall .85s cubic-bezier(.2,.5,.5,1) both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-envelope-pocket{animation:pf-pocket-open .8s ease both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-tag,.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-tag-thread,.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-wax{animation:pf-details-away .65s ease both}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-envelope-wings>span:first-child{transform:rotateY(-37deg);transition:transform .7s}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-envelope-wings>span:last-child{transform:rotateY(37deg);transition:transform .7s}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-handnote{opacity:0;transition:opacity .25s}
.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-flourish>i{animation:pf-petal-flourish 1.15s var(--d) cubic-bezier(.15,.7,.3,1) both}
.ap-opening[data-theme="pocketful"][data-stage="film"] .pf-world,.ap-opening[data-theme="pocketful"][data-stage="leaving"] .pf-world{opacity:0;transform:scale(1.15) translateY(-30px);transition:opacity .6s,transform .9s}
.ap-opening[data-theme="pocketful"] .ap-opening-film-copy{color:#fff6e6;text-shadow:0 2px 24px #3f2d19aa}
.ap-opening[data-theme="pocketful"] .ap-opening-film-copy h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}
.ap-opening[data-theme="pocketful"] .ap-opening-wipe{background:#f5f1e7}
@keyframes pf-hover{0%,100%{translate:0 2px}50%{translate:0 -7px}}
@keyframes pf-note-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes pf-unwrapping{0%{transform:scale(1)}40%{transform:scale(1.025)}100%{transform:scale(1.055)}}
@keyframes pf-letter-lift{0%{transform:translateY(-14px) rotate(1deg)}100%{transform:translate3d(0,-57px,40px) rotate(1.5deg) scale(1.07)}}
@keyframes pf-silk-right{0%{transform:translateX(40px) rotate(4deg);opacity:.9}100%{transform:translateX(250px) rotate(23deg);opacity:0}}
@keyframes pf-silk-down{0%{transform:translateY(25px) rotate(5deg);opacity:.9}100%{transform:translateY(270px) rotate(-16deg);opacity:0}}
@keyframes pf-bow-fall{0%{transform:translate(10px,0) rotate(6deg);opacity:1}100%{transform:translate(-76px,180px) rotate(-64deg) scale(.65);opacity:0}}
@keyframes pf-pocket-open{from{transform:rotateX(9deg);opacity:1}to{transform:rotateX(72deg) translateY(7px);opacity:.5}}
@keyframes pf-details-away{to{opacity:0;translate:15px 24px;rotate:14deg}}
@keyframes pf-petal-flourish{0%{opacity:0;transform:translate(-50%,0) scale(.2) rotate(0)}14%{opacity:1}76%{opacity:.85}100%{opacity:0;transform:translate(var(--vx),var(--vy)) rotate(var(--vr)) scale(.85)}}
@media(max-width:600px){
  .ap-opening[data-theme="pocketful"] .ap-opening-stage{height:278px;max-height:36vh}
  .ap-opening[data-theme="pocketful"] .pf-world{width:328px;height:253px;max-width:83vw}
  .ap-opening[data-theme="pocketful"] .pf-handnote{font-size:18px;right:-2px;top:-8px}
  .ap-opening[data-theme="pocketful"] .pf-parcel{top:9%;height:84%}
  .ap-opening[data-theme="pocketful"] .pf-card{inset:7px;border-width:7px;border-bottom-width:24px}
  .ap-opening[data-theme="pocketful"] .pf-card-caption{font-size:15px;bottom:-20px;line-height:18px}
  .ap-opening[data-theme="pocketful"] .pf-card:before{inset:-4px}
  .ap-opening[data-theme="pocketful"] .pf-corner{width:17px;height:17px;border-width:1px}
  .ap-opening[data-theme="pocketful"] .pf-corner:after{width:7px;height:7px;left:3px;top:3px}
  .ap-opening[data-theme="pocketful"] .pf-corner-bl,.ap-opening[data-theme="pocketful"] .pf-corner-br{bottom:-19px}
  .ap-opening[data-theme="pocketful"] .pf-ribbon-vertical{left:calc(26% - 24px);width:74px}
  .ap-opening[data-theme="pocketful"] .pf-ribbon-horizontal{top:calc(64% - 22px);height:68px;left:-12px;right:-12px}
  .ap-opening[data-theme="pocketful"] .pf-bow{left:calc(26% + 13px);top:calc(64% + 12px);scale:.8}
  .ap-opening[data-theme="pocketful"] .pf-tag{width:76px;height:35px;left:43%;top:82%;font-size:17px;padding-left:10px;gap:5px}
  .ap-opening[data-theme="pocketful"] .pf-tag-hole{top:15px;left:7px;width:3px;height:3px}
  .ap-opening[data-theme="pocketful"] .pf-tag i{font-size:14px}
  .ap-opening[data-theme="pocketful"] .pf-tag-thread{width:73px;height:35px;left:34%;top:74%}
  .ap-opening[data-theme="pocketful"] .pf-pocket-word{font-size:17px;right:14px;bottom:12px}
  .ap-opening[data-theme="pocketful"] .pf-pocket-stitch{inset:13px 7px 7px}
  .ap-opening[data-theme="pocketful"] .pf-wax{width:37px;height:37px;right:17px;top:60%}
  .ap-opening[data-theme="pocketful"] .pf-wax>span{font-size:22px}
  .ap-opening[data-theme="pocketful"] .pf-botanical-top{width:52px;height:70px;right:-17px;top:-26px}
  .ap-opening[data-theme="pocketful"] .pf-botanical-bottom{width:49px;height:66px;left:-17px;bottom:-18px}
  .ap-opening[data-theme="pocketful"] .pf-halo{inset:-20px -35px}
  .ap-opening[data-theme="pocketful"] .pf-flourish{scale:.75}
}
@media(max-height:690px) and (min-width:601px){
  .ap-opening[data-theme="pocketful"] .ap-opening-stage{height:260px}
  .ap-opening[data-theme="pocketful"] .pf-world{scale:.77;transform-origin:center center}
}
@media(max-height:700px) and (max-width:600px){
  .ap-opening[data-theme="pocketful"] .ap-opening-stage{height:230px;max-height:none}
  .ap-opening[data-theme="pocketful"] .pf-world{scale:.74;transform-origin:center center}
}
@media(prefers-reduced-motion:reduce){
  .ap-opening[data-theme="pocketful"] .pf-world,.ap-opening[data-theme="pocketful"] .pf-world *{animation:none!important;transition:none!important;will-change:auto!important}
  .ap-opening[data-theme="pocketful"] .pf-flourish{display:none}
  .ap-opening[data-theme="pocketful"] .pf-world{translate:none!important}
  .ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-ribbon,.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-bow{opacity:0}
  .ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-card{transform:translateY(-20px)}
  .ap-opening[data-theme="pocketful"][data-stage="film"] .pf-world,.ap-opening[data-theme="pocketful"][data-stage="leaving"] .pf-world{transform:none}
}

/* Pull the satin itself: the illustration is the control. */
.ap-opening[data-theme="pocketful"]{--op-accent:#9e4633;--op-muted:#48513d}
.ap-opening[data-theme="pocketful"] .ap-opening-header{color:#4e573f;font-size:11px;font-weight:600}
.ap-opening[data-theme="pocketful"] .ap-opening-to{font-size:13px;font-weight:500}
.ap-opening[data-theme="pocketful"] .ap-opening-to b{font-weight:700}
.ap-opening[data-theme="pocketful"] .ap-opening-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#983e2b}
.ap-opening[data-theme="pocketful"] .ap-opening-copy h2{font-family:'Fraunces',Georgia,serif;font-weight:650;font-size:clamp(34px,4.2vw,56px);line-height:1.09;color:#823d2d;text-shadow:0 2px 0 #fff9e7,0 5px 20px #86402a1c;max-width:800px;margin:12px 0 14px}
.ap-opening[data-theme="pocketful"] .ap-opening-copy p{font-size:15px;line-height:1.6;font-weight:500;color:#48513d;max-width:430px;margin:0 auto}
.ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-body{gap:36px}
.ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-stage{height:390px;max-height:49vh}
.ap-opening[data-theme="pocketful"] .pf-handnote{display:none}
.ap-opening[data-theme="pocketful"][data-stage="waiting"] .pf-world{animation:none}
.ap-opening[data-theme="pocketful"] .pf-ribbon-pull{position:absolute;left:9%;top:51%;width:84%;height:49%;z-index:20;border:0;padding:0;background:transparent;box-shadow:none;border-radius:24%;cursor:grab;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.ap-opening[data-theme="pocketful"] .pf-ribbon-pull:active{cursor:grabbing}
.ap-opening[data-theme="pocketful"] .pf-ribbon-pull:focus-visible{outline:none}
.ap-opening[data-theme="pocketful"][data-keyboard="true"] .pf-ribbon-pull:focus-visible{outline:3px dashed #9a452b;outline-offset:8px;background:#fff5db0a}
.ap-opening[data-theme="pocketful"][data-interaction="direct"] .pf-pocket-word,.ap-opening[data-theme="pocketful"][data-interaction="direct"] .pf-tag,.ap-opening[data-theme="pocketful"][data-interaction="direct"] .pf-tag-thread{display:none}
.ap-opening[data-theme="pocketful"] .pf-pull-guide{position:absolute;left:35%;top:64%;width:57%;height:145px;z-index:22;pointer-events:none;color:#733b2b;filter:drop-shadow(0 2px 3px #fff6e4);transition:opacity .2s;transform:rotate(3deg)}
.ap-opening[data-theme="pocketful"] .pf-touch-cue{display:block;position:absolute;left:0;top:2px;width:49px;height:57px;animation:pf-touch-pull 2.9s .7s ease-in-out infinite}
.ap-opening[data-theme="pocketful"] .pf-pull-arrow{position:absolute;left:53px;top:13px;width:107px;height:32px}
.ap-opening[data-theme="pocketful"] .pf-pull-words{position:absolute;left:45px;top:46px;white-space:nowrap;font:700 25px/1.2 'Caveat',cursive;text-shadow:0 1px 0 #fff7e8,0 0 9px #fff7e8,0 0 15px #fff7e8}
.ap-opening[data-theme="pocketful"][data-dragging="true"] .pf-pull-guide,.ap-opening[data-theme="pocketful"][data-stage="unwrapping"] .pf-pull-guide,.ap-opening[data-theme="pocketful"][data-stage="leaving"] .pf-pull-guide{opacity:0}
.ap-opening[data-theme="pocketful"][data-dragging="true"] .pf-touch-cue{animation-play-state:paused}
.ap-opening[data-theme="pocketful"] .ap-opening-skip{font-size:12px;font-weight:600;color:#5b5745}
.ap-opening[data-theme="pocketful"][data-stage="leaving"]{clip-path:inset(0);opacity:0;transform:scale(1.06);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.3,1);pointer-events:none}
@keyframes pf-touch-pull{0%,12%{transform:translate(0,0) rotate(-10deg);opacity:0}20%,30%{transform:translate(0,-4px) rotate(-10deg);opacity:1}65%,78%{transform:translate(64px,-4px) rotate(2deg);opacity:1}95%,100%{transform:translate(72px,-4px) rotate(2deg);opacity:0}}
@media(max-width:600px){
  .ap-opening[data-theme="pocketful"] .ap-opening-header{font-size:9px}
  .ap-opening[data-theme="pocketful"] .ap-opening-to{font-size:11px}
  .ap-opening[data-theme="pocketful"] .ap-opening-copy h2{font-size:clamp(31px,8.4vw,42px);max-width:430px}
  .ap-opening[data-theme="pocketful"] .ap-opening-copy p{font-size:14px;max-width:300px}
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-body{gap:24px}
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-stage{height:315px;max-height:43vh}
  .ap-opening[data-theme="pocketful"] .pf-pull-guide{left:32%;top:63%}
  .ap-opening[data-theme="pocketful"] .pf-touch-cue{width:43px;height:51px}
  .ap-opening[data-theme="pocketful"] .pf-pull-arrow{left:46px;top:15px;width:83px}
  .ap-opening[data-theme="pocketful"] .pf-pull-words{font-size:23px;left:37px;top:45px}
}
@media(max-height:700px) and (max-width:600px){
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-stage{height:250px;max-height:none}
  .ap-opening[data-theme="pocketful"] .pf-world{scale:.88}
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-body{gap:18px}
  .ap-opening[data-theme="pocketful"] .ap-opening-copy h2{font-size:30px;margin:8px 0}
}
@media(max-height:690px) and (min-width:601px){
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-stage{height:275px;max-height:44vh}
  .ap-opening[data-theme="pocketful"][data-interaction="direct"] .ap-opening-body{gap:12px}
  .ap-opening[data-theme="pocketful"] .ap-opening-copy h2{font-size:35px}
}
@media(prefers-reduced-motion:reduce){
  .ap-opening[data-theme="pocketful"] .pf-touch-cue{opacity:1;transform:none}
}

/* A soft moving touch cue belongs to the ribbon itself. */
.ap-opening[data-theme="pocketful"] .pf-touch-cue{width:29px;height:29px;top:5px;border:1px solid #fff5e3e0;border-radius:50%;background:#fff4e51c;box-shadow:0 0 0 6px #fff7e222,0 3px 10px #8750392b;display:grid;place-items:center}
.ap-opening[data-theme="pocketful"] .pf-touch-cue i{width:9px;height:9px;border-radius:50%;background:#fff9ed;box-shadow:0 1px 4px #73463455}
.ap-opening[data-theme="pocketful"] .pf-pull-arrow{left:37px;top:8px;width:98px;opacity:.75}
.ap-opening[data-theme="pocketful"] .pf-pull-words{left:27px;top:43px;font-size:24px}
.ap-opening[data-theme="pocketful"]:before,.ap-opening[data-theme="pocketful"]:after{content:'';position:absolute;z-index:-1;width:clamp(190px,28vw,460px);aspect-ratio:3/4;background:url('../apology-assets/pocketful/botanical-corner.webp') center/contain no-repeat;pointer-events:none;opacity:.24}
.ap-opening[data-theme="pocketful"]:before{left:-5%;bottom:-9%;transform:rotate(8deg)}
.ap-opening[data-theme="pocketful"]:after{right:-7%;top:-12%;transform:rotate(180deg);opacity:.17}
@media(max-width:600px){.ap-opening[data-theme="pocketful"]:before{left:-75px;bottom:-30px;width:255px}.ap-opening[data-theme="pocketful"]:after{right:-70px;top:-55px;width:230px}.ap-opening[data-theme="pocketful"] .pf-pull-arrow{width:80px}.ap-opening[data-theme="pocketful"] .pf-pull-words{font-size:23px}}