.gb-book{color:#3a3227;background:radial-gradient(120% 90% at 20% 0,#fffcf0f5,#f4ead3f0 55%,#e8d9bcf0 100%);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 26px 70px -34px #000000d9,inset 0 2px #ffffff59,0 0 0 1px #785c3038}.gb-book:before{content:"";pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,#785c300b 0 1px,#0000 1px 3px),radial-gradient(60% 40% at 85% 10%,#97743e1a,#0000 70%),radial-gradient(50% 40% at 10% 90%,#97743e14,#0000 70%);position:absolute;inset:0}.gb-book:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#785c3029 42%,#503c1e3d 50%,#785c3029 58%,#0000);width:34px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (width>=900px){.gb-book--spread:after{opacity:1}}.gb-entry{border-bottom:1px solid #785c3029;padding:1.4rem 0;position:relative}.gb-entry:last-child{border-bottom:0}.gb-hand{color:#4a3c28;font-family:Segoe Script,Bradley Hand,Snell Roundhand,cursive;line-height:1.7}.gb-rule{background:linear-gradient(90deg,#0000,#785c3059,#0000);height:1px}@keyframes gb-page-settle{0%{opacity:0;transform-origin:0;transform:perspective(1200px)rotateY(-7deg)translateY(6px)}to{opacity:1;transform:none}}.gb-settle{animation:.62s cubic-bezier(.22,.68,.24,1) both gb-page-settle}@media (prefers-reduced-motion:reduce){.gb-settle{animation:none}}.gb-envelope{aspect-ratio:3/2;background:linear-gradient(160deg,#f6eedcf0,#e0d1b4eb);border-radius:4px;transition:transform .26s,box-shadow .26s;position:relative;box-shadow:0 12px 28px -18px #000c,0 0 0 1px #785c3040}.gb-envelope:before{content:"";background-color:#0000;background-image:linear-gradient(to bottom right,#785c3024 49.6%,#0000 50%),linear-gradient(to bottom left,#785c3024 49.6%,#0000 50%);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50.5% 62%,50.5% 62%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:4px;position:absolute;inset:0}.gb-envelope:after{content:"";background:radial-gradient(circle at 35% 30%,#b4472f,#7b2b1a 70%);border-radius:999px;width:26px;height:26px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px -1px #00000080}.gb-envelope:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px #000000d9,0 0 0 1px #d4af3766}.gb-scrap{background:linear-gradient(155deg,#faf3e3f2,#e4d5b8eb);border-radius:4px;box-shadow:0 16px 40px -22px #000c,0 0 0 1px #785c303d}.gb-tilt-a{transform:rotate(-1.4deg)}.gb-tilt-b{transform:rotate(1.1deg)}.gb-marquee{height:8.5rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.gb-marquee-track{animation:26s linear infinite gb-drift}@keyframes gb-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.gb-marquee-track{animation:none}}.gb-scrapbook-page{background:radial-gradient(90% 70% at 18% 6%,#fffaecf2,#f0e4cbed 55%,#dfcfb0ed 100%);border-radius:4px;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2.25rem) clamp(2rem,4vw,3rem);position:relative;box-shadow:0 26px 70px -34px #000000d9,0 0 0 1px #785c3038,inset 0 1px #fff6}.gb-scrapbook-page:before{content:"";pointer-events:none;border-radius:inherit;opacity:.6;background-image:repeating-linear-gradient(0deg,#785c300a 0 1px,#0000 1px 4px),radial-gradient(40% 30% at 88% 12%,#97743e21,#0000 70%),radial-gradient(35% 28% at 8% 82%,#97743e1a,#0000 72%);position:absolute;inset:0}.gb-piece{filter:drop-shadow(0 12px 16px #3c2c1452);transition:transform .3s cubic-bezier(.22,.68,.24,1);position:relative}.gb-piece:hover{z-index:6;transform:rotate(0)scale(1.015)!important}.gb-print{background:linear-gradient(178deg,#fffdf6,#f0e9d9);border-radius:2px;padding:.55rem .55rem .5rem;box-shadow:inset 0 0 0 1px #785c302e}.gb-print--polaroid{padding:.7rem .7rem 2.4rem}.gb-print-image{background:radial-gradient(70% 60% at 30% 25%,#fff4dad9,#0000 70%),linear-gradient(165deg,#c9b696 0%,#b5a184 45%,#97836a 100%);border-radius:1px;width:100%;display:block;position:relative;box-shadow:inset 0 0 0 1px #5a442238,inset 0 12px 30px #5a44222e}.gb-corner{background:linear-gradient(135deg,#342816bf,#1c150be6);width:1.05rem;height:1.05rem;position:absolute}.gb-corner--tl{clip-path:polygon(0 0,100% 0,0 100%);top:0;left:0}.gb-corner--br{clip-path:polygon(100% 100%,100% 0,0 100%);bottom:0;right:0}.gb-tape-strip{clip-path:polygon(4% 0,96% 3%,100% 96%,2% 100%);background:linear-gradient(#fffcf08c,#e9ddc280);width:3.4rem;height:1.05rem;position:absolute;box-shadow:inset 0 0 0 1px #ffffff4d,0 1px 3px #3c2c1440}.gb-clip{border:2px solid #a8823ad9;border-radius:999px;width:.75rem;height:2.1rem;position:absolute;box-shadow:0 1px 2px #00000059}.gb-pin{background:radial-gradient(circle at 32% 28%,#f0d590,#a3781f 72%);border-radius:999px;width:.85rem;height:.85rem;position:absolute;box-shadow:0 2px 4px #281c0a8c,inset 0 1px 1px #ffffff8c}.gb-note{clip-path:polygon(0 1.5%,100% 0,99.4% 98%,.6% 100%);background:linear-gradient(#fdf7dd,#f2e8c2);border-radius:1px;padding:.9rem 1rem 1rem;box-shadow:inset 0 0 0 1px #785c301f}.gb-slot-open{background:#fffaec59;border:1px dashed #785c3066;border-radius:2px}@media (prefers-reduced-motion:reduce){.gb-piece{transition:none}}