.sb{gap:22px;display:grid}.sb__progress{color:var(--soft);align-items:center;gap:12px;margin:0;font-weight:700;display:flex}.sb__meter{background:var(--track);border-radius:4px;flex:1;max-width:260px;height:8px;overflow:hidden}.sb__meter span{background:var(--section-deco,var(--marigold));height:100%;transition:width .3s;display:block}.sb__pages{grid-template-columns:1fr;align-items:start;gap:26px 20px;margin:0;padding:12px 0 0;list-style:none;display:grid}@media (width>=640px){.sb__pages{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.sb__pages{grid-template-columns:repeat(3,1fr)}}.sb__page{perspective:1100px;transform:rotate(var(--tilt,0deg));transition:transform .25s;display:grid}.sb__page:hover{transform:rotate(0)translateY(-3px)}.sb__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.8,.3,1);display:grid;position:relative}.sb__page.is-flipped .sb__inner{transform:rotateY(180deg)}.sb__face{color:#3a2a1a;-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible;background:#fffdf6;border-radius:4px;grid-area:1/1;align-content:start;gap:10px;padding:14px 14px 16px;transition:visibility;display:grid;position:relative;box-shadow:0 8px 18px -8px #3c1e0a80,0 1px #3c1e0a1a}.sb__face[inert]{visibility:hidden;height:100%;transition:visibility 0s .3s;position:absolute;inset:0 0 auto;overflow:hidden}.sb__back{background:#fff8e6;padding-top:22px;transform:rotateY(180deg)}.sb__tape{background:color-mix(in srgb, var(--tape,#f4b63d) 70%, transparent);border-left:2px dotted #ffffffb3;border-right:2px dotted #ffffffb3;width:84px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.sb__flip{width:100%;height:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;gap:10px;padding:0;display:grid;position:relative}.sb__photo{aspect-ratio:16/10;background:#fff3d8;border-radius:2px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #3c1e0a1f}.sb__photo svg{width:100%;height:100%;display:block}.sb__caption{gap:2px;padding:2px 2px 0;display:grid}.sb__when{font:600 .82rem var(--font);letter-spacing:.04em;color:#8a5a30;text-transform:uppercase}.sb__name{font:700 var(--step-1) / 1.15 var(--font-display,serif);color:#5a1d12}.sb__curl{background:linear-gradient(135deg,#0000 50%,#e6d6b0 50%,#fffdf6 100%);border-bottom-right-radius:4px;width:36px;height:36px;position:absolute;bottom:-16px;right:-14px;box-shadow:-2px -2px 5px #3c1e0a26}.sb__title{font-size:var(--step-1);color:#5a1d12;margin:0}.sb__text{margin:0;font-size:1.02rem;line-height:1.5}.sb__learn{margin:0;font-weight:700;line-height:1.5}.sb__learn .pill{color:#7a3a05;background:#fbe3c4;margin-right:6px}.sb__more summary{cursor:pointer;color:#8a3f05;align-items:center;min-height:44px;font-weight:700;display:flex}.sb__more p{margin:0 0 6px;font-size:.95rem;line-height:1.5}.sb__turn{color:#5a1d12;border-color:#5a1d12;justify-self:start}.sb__turn:hover{background:#fbe3c4}.sb__yours{gap:12px;max-width:560px;margin-top:18px;display:grid}.sb__yours-lead{color:var(--ink-soft);margin:0}.sb__sheet{border:3px dashed color-mix(in srgb, var(--section-deco,#c9893a) 70%, transparent);background:#fffdf6;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:140px;padding:16px;display:flex;position:relative}.sb__empty{color:#5e4f3a;font-weight:600}.sb__stuck{width:84px;height:84px;transform:rotate(var(--r,0deg));filter:drop-shadow(0 3px 2px #3c1e0a4d);animation:.4s cubic-bezier(.2,1.4,.4,1) both sb-stick;display:block}@keyframes sb-stick{0%{opacity:0;transform:scale(2.2)rotate(30deg)}to{transform:rotate(var(--r,0deg));opacity:1}}.sb__stuck svg,.sb__sticker-pic svg{width:100%;height:100%;display:block}.sb__sticker-pic{flex:none;width:40px;height:40px;display:block}.sb__stickers{flex-wrap:wrap;gap:10px;display:flex}.sb__sticker{border:2px solid var(--line);background:var(--paper);min-height:56px;color:var(--ink);font:700 var(--step-0) var(--font);cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 8px;display:inline-flex}.sb__sticker[aria-pressed=true]{border-color:var(--section-deco,var(--marigold));background:var(--section-tint,var(--icon-bg))}.sb__say{min-height:3em;color:var(--ink-soft);margin:0}@media (prefers-reduced-motion:reduce){.sb__page,.sb__page:hover{transition:none;transform:none}.sb__inner{transform-style:flat;transition:none;transform:none!important}.sb__back{transform:none}.sb__face[inert]{transition:none;display:none}.sb__stuck{animation:none}}.intro[data-astro-cid-tyvplsxs]{justify-items:start;gap:12px;max-width:760px;padding:20px 0 14px;display:grid}h1[data-astro-cid-tyvplsxs]{font-size:var(--step-4);letter-spacing:-.025em;margin:0;line-height:1.02}h1[data-astro-cid-tyvplsxs] em[data-astro-cid-tyvplsxs]{color:var(--accent-em);font-style:italic;font-weight:500}.intro__lead[data-astro-cid-tyvplsxs]{font-size:var(--step-1);color:var(--ink-soft);max-width:44ch;margin:0;line-height:1.5}.next[data-astro-cid-tyvplsxs]{margin:40px 0 0}.next[data-astro-cid-tyvplsxs] a[data-astro-cid-tyvplsxs]{min-height:44px;color:var(--maroon);align-items:center;font-weight:700;display:inline-flex}