#p-postcards{position:relative;overflow:hidden;padding-bottom:40px}
#p-postcards .pb-deco{position:absolute;inset:0;pointer-events:none;z-index:0}
#p-postcards .pb-deco img{position:absolute}
#p-postcards>*{position:relative;z-index:1}
#p-postcards .pb-head{position:relative;margin:2px 4px 0;min-height:112px}
#p-postcards .pb-kicker{font:11px/1.4 var(--ui-font);letter-spacing:.3em;color:#6f655e;display:flex;align-items:center;gap:10px}
#p-postcards .pb-kicker:after{content:'';width:60px;height:1px;background:#8f847b}
#p-postcards .pb-title{font:44px/1.1 var(--postcard-font,var(--ui-font)),var(--ui-font);color:#2f2a27;margin:8px 0 4px;font-weight:400}
#p-postcards .pb-sub{font:13px/1.5 var(--ui-font);letter-spacing:.1em;color:#5f5650}
#p-postcards .pb-quote{position:absolute;right:0;top:2px;width:42%;font:italic 13px/1.5 'Cormorant Garamond',Georgia,var(--cjk-serif),serif;color:#6a5f58;text-align:right}
.pb-folders{position:relative;margin-top:14px;max-width:440px;margin-left:auto;margin-right:auto}
.pb-file{position:relative;display:block;width:100%;margin-top:-21%;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}
.pb-file:first-child{margin-top:0}
.pb-file img{display:block;width:100%;height:auto;filter:drop-shadow(0 -2px 6px rgba(80,65,60,.10)) drop-shadow(0 6px 10px rgba(80,65,60,.08));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pb-file.press{transform:translate3d(0,-8px,0)}
.pb-num{position:absolute;font:20px/1 var(--postcard-font,var(--ui-font)),var(--ui-font);color:rgba(60,52,48,.72);pointer-events:none}
.pb-tail{margin:30px 0 0;text-align:right;font:italic 14px/1.4 'Cormorant Garamond',Georgia,var(--cjk-serif),serif;color:#5f5650;padding-right:12px}
.pb-empty{margin:14px 4px 0;font:13px/1.6 var(--ui-font);color:#8b8278}
.pb-others{margin-top:30px}
.pb-others-title{margin:0 4px 12px;font:11px/1.4 var(--ui-font);letter-spacing:.3em;color:#6f655e;display:flex;align-items:center;gap:10px}
.pb-others-title:after{content:'';flex:1;height:1px;background:rgba(143,132,123,.5)}
/* opened folder: no blur, the wash only fades; folder and cards only move */
.pb-stage{position:fixed;inset:0;z-index:9040;opacity:0;pointer-events:none;transition:opacity .3s ease;background:rgba(52,44,46,.42);touch-action:none;overflow:hidden}
.pb-stage.show{opacity:1;pointer-events:auto}
.pb-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;z-index:20;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.6);color:#5a4d50;font:15px var(--ui-font)}
.pb-hint{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 70px);text-align:center;font:12px var(--ui-font);letter-spacing:.08em;color:rgba(255,255,255,.88)}
.pb-lift{position:absolute;left:50%;bottom:0;width:min(96vw,420px);transform:translate3d(-50%,110%,0);transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}
.pb-stage.show .pb-lift{transform:translate3d(-50%,38%,0)}
.pb-lift img{display:block;width:100%;height:auto;pointer-events:none}
.pb-pos{position:absolute;right:9%;bottom:66%;font:16px/1 var(--postcard-font,var(--ui-font)),var(--ui-font);letter-spacing:.08em;color:rgba(60,52,48,.75)}
.pb-wheel{position:absolute;inset:0;pointer-events:none}
.pb-pc{position:absolute;left:50%;top:calc(54% - 30vw);width:min(46vw,200px);aspect-ratio:4/5;margin-left:calc(min(46vw,200px) / -2);transform-origin:50% 190%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:auto}
.pb-ph{position:absolute;inset:0;background:#fffdf9;padding:8px 8px 30px;border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 8px 18px rgba(40,30,35,.22)}
.pb-ph i{display:block;width:100%;height:100%;background:center/cover;border-radius:8px}
.pb-ph i.pb-paper{display:flex;align-items:center;justify-content:center;padding:12px;background:#f3ece2;font:15px/1.5 var(--postcard-font,var(--ui-font)),var(--ui-font);font-style:normal;color:#4a4140;text-align:center;overflow:hidden}
.pb-ph b{position:absolute;left:11px;right:11px;bottom:7px;font:14px/1.3 var(--postcard-font,var(--ui-font)),var(--ui-font);font-weight:400;color:#3f3833;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-tape{position:absolute;left:50%;top:-8px;width:52px;height:16px;margin-left:-26px;background:rgba(233,222,200,.82);transform:rotate(-3deg)}
/* enlarged card, tap to turn over */
.pb-big{position:fixed;left:50%;top:44%;width:min(88vw,380px);aspect-ratio:3/2.1;z-index:9045;perspective:1200px;transform:translate3d(-50%,-50%,0) scale(.6);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.pb-big.show{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);pointer-events:auto}
.pb-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.1,.4,1)}
.pb-flip.turned{transform:rotateY(180deg)}
.pb-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(40,30,35,.35)}
.pb-front{background:#fffdf9;padding:10px 10px 36px}
.pb-front .pb-im{width:100%;height:100%;background:center/cover;border-radius:10px}
.pb-front .pb-im.pb-paper{display:flex;align-items:center;justify-content:center;padding:16px;background:#f3ece2;font:18px/1.5 var(--postcard-font,var(--ui-font)),var(--ui-font);color:#4a4140;text-align:center}
.pb-front .pb-tt{position:absolute;left:14px;right:14px;bottom:8px;font:18px/1.2 var(--postcard-font,var(--ui-font)),var(--ui-font);color:#3f3833;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-back{transform:rotateY(180deg);background:#fbf8f2;padding:16px 16px 14px;display:grid;grid-template-columns:1fr 1px 38%;gap:12px}
.pb-msg{font:17px/1.75 var(--postcard-font,var(--ui-font)),var(--ui-font);color:#4a4140;overflow:auto;background:linear-gradient(transparent calc(1.75em - 1px),rgba(120,105,95,.18) 0) 0 0/100% 1.75em}
.pb-msg .pb-why{display:block;color:#8a7d72;font-size:14px}
.pb-msg .pb-sig{display:block;text-align:right;margin-top:4px;color:#8a7d72;font-size:14px}
.pb-rule{background:rgba(120,105,95,.25)}
.pb-right{position:relative}
.pb-stamp{position:absolute;right:0;top:0;width:58%;aspect-ratio:3/4;background:#efe6da center/cover;border:3px solid #fff;border-radius:4px;outline:1px dashed rgba(120,105,95,.35);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pb-post{position:absolute;left:0;top:34%;width:66%;aspect-ratio:1;border:1.5px solid rgba(138,111,158,.55);border-radius:50%;display:grid;place-items:center;text-align:center;font:12px/1.3 var(--postcard-font,var(--ui-font)),var(--ui-font);color:rgba(138,111,158,.8);transform:rotate(-12deg)}
.pb-from{position:absolute;left:0;right:0;bottom:0;font:10.5px/1.45 var(--ui-font);color:#9a8d80;overflow:hidden;max-height:4.4em}
.pb-bighint{position:fixed;left:0;right:0;top:calc(44% + min(88vw,380px) * .35 + 40px);text-align:center;font:12px var(--ui-font);color:rgba(255,255,255,.88);z-index:9046}