*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pp-cream);color:var(--pp-ink);font-family:var(--pp-font-family);font-size:1rem;line-height:1.5;transition:background 160ms,color 160ms}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:var(--pp-focus-width) solid currentColor;outline-offset:var(--pp-focus-offset)}[hidden]{display:none!important}.wrap{max-width:1184px;padding:0 32px;margin:auto}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;min-height:44px;align-items:center;flex-shrink:0}.brand img{width:155px;height:auto}.top-actions{display:flex;gap:24px;align-items:center}.overview-link{font-size:0.875rem;min-height:44px;display:flex;align-items:center;text-decoration:none}.overview-link:hover{text-decoration:underline}.languages{display:flex;border:1px solid currentColor;border-radius:64px;padding:4px}.languages button{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;border-radius:48px;font-size:0.875rem;font-weight:600}.languages button[aria-pressed=true]{background:var(--pp-ink);color:var(--pp-white,#fffdf7)}.deck{outline:none}.slide{display:grid;grid-template-columns:1.08fr 1fr;gap:32px 64px;align-items:center;min-height:calc(100svh - 184px);padding:24px 0 16px}.copy{max-width:560px}.eyebrow{font-size:0.75rem;line-height:1rem;font-weight:700;letter-spacing:.12em;margin:0 0 24px;overflow-wrap:anywhere}h1{font-size:3.5rem;line-height:3.75rem;letter-spacing:-.055em;font-weight:700;margin:0 0 24px;text-wrap:balance}.lede{font-size:1.25rem;line-height:1.75rem;max-width:480px;margin:0}.punch{font-size:1.25rem;line-height:1.75rem;font-weight:600;margin:32px 0 0}.picture{position:relative;margin:0;overflow:hidden;border-radius:var(--pp-radius-photo);background:var(--pp-sage)}.picture-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.poster{position:absolute;top:12px;left:12px;width:fit-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;border-radius:18px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.poster>img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px}.poster>span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.poster strong{font-weight:700}.poster span span{font-weight:400}.chat-surface{background:#fff;color:#181b19;padding:16px;border-radius:0 0 18px 18px}.message{display:flex;align-items:flex-end;gap:8px}.message+.message{margin-top:8px}.avatar{width:32px;height:32px;object-fit:cover;border-radius:50%;flex:0 0 32px}.bubble{padding:8px 12px;border-radius:18px 18px 18px 4px;background:var(--pp-sage);width:fit-content;max-width:100%;overflow-wrap:anywhere;box-shadow:0 0 0 1px #d4d9d4}.bubble strong{display:block;font-size:0.75rem;line-height:1rem;font-weight:600;margin-bottom:4px}.bubble p{font-size:1rem;line-height:1.5rem;margin:0}.incoming .bubble{background:#fff}.outgoing{justify-content:flex-end;padding-left:40px}.outgoing .bubble{background:var(--pack-soft,var(--pp-sage));border-radius:18px 18px 4px 18px}.hero-visual{position:relative;min-height:480px;padding:80px 8px 32px 56px}.hero-cat{position:absolute;width:70%;height:280px;top:0;left:0;transform:rotate(-7deg);border:4px solid var(--pp-white,#fffdf7);box-shadow:0 16px 32px #20282424}.hero-front{position:relative;transform:rotate(3deg);box-shadow:0 16px 32px #20282424;border-radius:18px;border:4px solid #fffdf7;overflow:hidden}.hero-front .picture{height:290px;border-bottom-left-radius:0;border-bottom-right-radius:0}.hero-chat{border-radius:0;padding:12px}.annotation{position:absolute;bottom:0;left:24px;padding:8px 16px;background:var(--pp-clay);color:var(--pp-ink);font-size:1.25rem;line-height:1.75rem;font-weight:600;transform:rotate(-5deg);border-radius:12px}.example-caption{grid-column:2;text-align:center;font-size:0.75rem;line-height:1rem;margin:0}.sample-label{font-size:0.75rem;line-height:1rem;letter-spacing:.1em;font-weight:600;margin-bottom:12px}.pack-demo{max-width:480px;width:100%;margin:auto;--pack-soft:var(--pp-sage)}.pack-picture{height:275px;border-bottom-left-radius:0;border-bottom-right-radius:0}.pack-demo[data-pack=family]{--pack-soft:var(--pp-clay)}.pack-demo[data-pack=duo]{--pack-soft:var(--pp-cream)}#pack-chat{border:3px solid var(--pack-soft);border-top:0;min-height:160px}.pack-footnote{font-size:0.75rem;line-height:1rem;margin:12px 0 0;text-align:center}.outside-note{grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid currentColor;font-size:1rem;line-height:1.5rem}.nav-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;border-top:1px solid currentColor;margin-top:16px}.nav-button{min-height:44px;min-width:108px;border-radius:var(--pp-radius-control);border:1px solid currentColor;background:transparent;color:inherit;padding:12px 16px;font-size:1rem;line-height:1.5rem;font-weight:600}.nav-button:disabled{opacity:.45}.nav-button.primary{background:var(--pp-ink);color:#fffdf7;border-color:var(--pp-ink)}.position{text-align:center;display:flex;flex-direction:column;gap:4px}.position>span{font-weight:700;font-size:1rem;line-height:1.5rem}.position small{font-size:0.75rem;line-height:1rem}.solid-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--pp-forest);color:#fffdf7;border:0;border-radius:var(--pp-radius-control);padding:12px 24px;font-size:1rem;line-height:1.5rem;font-weight:600;text-decoration:none}.solid-button:hover,.nav-button.primary:hover{filter:brightness(1.08)}.ritual-visual{max-width:440px;width:100%;margin:auto}.instant{margin:0;background:#fffdf7;color:var(--pp-ink);padding:12px 12px 24px;border-radius:12px;box-shadow:0 16px 32px #00000024;transform:rotate(-3deg)}.instant-picture{aspect-ratio:1;overflow:hidden}.instant-picture img{width:100%;height:100%;object-fit:cover}.instant figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:16px;gap:16px}.instant-mark{font-size:1rem;font-weight:600}.ritual-state{min-height:56px;margin:16px 0;color:inherit}.ritual-state>p{font-size:1rem;line-height:1.5rem;margin:0;text-align:center}.ritual-state .chat-surface{border-radius:18px;margin-top:12px}.ritual-button{width:100%;background:#fffdf7;color:var(--pp-ink)}.bits-visual{max-width:460px;width:100%;margin:auto;padding:24px;background:var(--pp-sage);border-radius:24px;color:var(--pp-ink)}.bits-header,.story-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.bits-header{font-size:1rem;line-height:1.5rem;font-weight:600;margin-bottom:16px}.personal-label{font-size:0.75rem;line-height:1rem;font-weight:400;padding:4px 8px;background:#fff;border-radius:12px}.story-stack{height:305px;position:relative;margin-bottom:16px}.story-card{position:absolute;inset:4px 24px 4px 4px;margin:0;background:#fffdf7;padding:8px 8px 16px;border-radius:12px;box-shadow:0 8px 16px #20282424;transform:rotate(-5deg);display:flex;flex-direction:column}.story-card img{width:100%;min-height:0;flex:1;object-fit:cover;border-radius:8px}.story-card figcaption{font-size:0.875rem;line-height:1.25rem;padding-top:12px}.story-card[data-bit="2"]{transform:rotate(4deg);inset:4px 8px 4px 20px}.story-card[data-bit="3"]{transform:rotate(-1deg);inset:8px 16px 0 12px}.story-meta{font-size:0.875rem;line-height:1.25rem;margin:20px 0 16px}.story-meta span{font-size:0.75rem;line-height:1rem}.bits-visual .solid-button{width:100%}.choice-note{font-size:0.75rem;line-height:1rem;text-align:center;margin:12px 0 0}.nudge-visual{max-width:460px;width:100%;margin:auto;border-radius:24px;background:var(--pp-sage);padding:24px;color:var(--pp-ink)}.nudge-header{display:flex;flex-direction:column;gap:4px}.nudge-header span:first-child{font-size:1rem;line-height:1.5rem;font-weight:600}.nudge-header span:last-child{font-size:0.75rem;line-height:1rem}.nudge-prompt{font-size:1.25rem;line-height:1.625rem;font-weight:600;margin:16px 0}.nudge-picture{height:245px}.nudge-visual .chat-surface{margin:12px 0;border-radius:18px;padding:12px}.nudge-visual .solid-button{width:100%}.recap{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;margin:auto}.recap-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:18px;border:0;background:#fffdf7;color:var(--pp-ink);text-align:left;min-height:96px}.recap-item>img{width:72px;height:72px;object-fit:cover;border-radius:12px;flex:0 0 72px}.recap-item>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:8px}.recap-item small{font-size:0.75rem;line-height:1rem;font-weight:400}.recap-item strong{font-size:1.25rem;line-height:1.625rem;font-weight:600}.recap-item>span:last-child{font-size:1.25rem}.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.demo-link{background:var(--pp-clay);color:var(--pp-ink);flex:1}.share-button{background:transparent;border:1px solid currentColor;color:inherit;border-radius:12px;padding:12px 16px;min-height:44px;font-size:0.875rem;line-height:1.25rem}.share-status{font-size:0.875rem;line-height:1.25rem;min-height:20px;margin:0}#share-fallback{width:100%;padding:12px;border-radius:12px;font-size:1rem;background:#fff;color:#181b19;border:1px solid currentColor}.noscript{padding:24px;background:#fff;color:#181b19}.beat{animation:enter 300ms both}.beat.two{animation-delay:600ms}.beat.three{animation-delay:1200ms}@keyframes enter{from{opacity:0}to{opacity:1}}body[data-step="2"]{background:var(--pp-sage)}body[data-step="3"],body[data-step="6"]{background:var(--pp-forest);color:#fffdf7}body[data-step="5"]{background:var(--pp-clay)}body[data-step="3"] .languages button[aria-pressed=true],body[data-step="6"] .languages button[aria-pressed=true]{background:#fffdf7;color:var(--pp-ink)}body[data-step="3"] .nav-button.primary,body[data-step="6"] .nav-button.primary{background:#fffdf7;color:var(--pp-ink);border-color:#fffdf7}
@media(min-width:1500px){.wrap{max-width:1280px}.slide{gap:32px 80px}.hero-visual{min-height:520px}}
@media(max-width:760px){.wrap{padding:0 24px;max-width:520px}.topbar{min-height:80px;gap:12px}.brand img{width:124px}.top-actions{gap:12px}.overview-link{font-size:0.75rem}.languages{padding:2px}.languages button{min-width:40px;min-height:44px;font-size:0.75rem}.slide{grid-template-columns:1fr;gap:24px;min-height:0;padding:16px 0}.copy{max-width:100%}.eyebrow{margin-bottom:16px;letter-spacing:.08em}h1{font-size:2.5rem;line-height:2.75rem;margin-bottom:16px}.lede{font-size:1rem;line-height:1.5rem}.punch{font-size:1.25rem;line-height:1.625rem;margin-top:20px}.hero-visual{min-height:390px;padding:68px 4px 32px 32px;max-width:430px;width:100%;margin:auto}.hero-cat{height:230px}.hero-front .picture{height:225px}.hero-chat{padding:8px}.hero-chat .bubble p{font-size:0.875rem;line-height:1.25rem}.hero-chat .avatar{width:28px;height:28px;flex-basis:28px}.annotation{font-size:1rem;line-height:1.5rem;left:8px}.example-caption{grid-column:1}.poster{top:8px;left:8px;max-width:calc(100% - 16px);padding:8px;gap:8px;font-size:0.75rem;line-height:1rem}.poster>img{width:32px;height:32px;flex-basis:32px}.pack-picture{height:245px}.outside-note{padding-top:16px;font-size:0.875rem;line-height:1.25rem}.nav-footer{margin-top:8px;min-height:80px;gap:8px}.nav-button{padding:12px;min-width:88px;font-size:0.875rem;line-height:1.25rem}.position>span{font-size:0.875rem;line-height:1.25rem}.position small{max-width:100px;line-height:1rem}.instant{padding:8px 8px 16px;max-width:320px;margin:auto}.ritual-state{margin:16px 0}.bits-visual,.nudge-visual{padding:16px}.story-stack{height:270px}.nudge-picture{height:220px}.recap{gap:12px}.recap-item{gap:12px;padding:12px;min-height:88px}.recap-item>img{width:64px;height:64px;flex-basis:64px}.recap-item strong{font-size:1rem;line-height:1.5rem}.closing-actions{flex-direction:column}.closing-actions>*{width:100%}}
@media(max-width:359px){.wrap{padding:0 16px}.overview-link{display:none}.top-actions{gap:8px}h1{font-size:2.25rem;line-height:2.5rem}.hero-visual{min-height:365px}.hero-front .picture{height:210px}.pack-picture{height:215px}.story-stack{height:245px}.nudge-picture{height:195px}.punch{font-size:1.25rem;line-height:1.625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}.beat{animation:none}.hero-cat,.hero-front,.annotation,.instant,.story-card{transform:none}}
@media(max-width:760px){.languages button{min-width:44px}.nav-footer{position:sticky;bottom:0;z-index:20;background:var(--pp-cream);padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:359px){.overview-link{display:flex}.topbar{gap:8px}.top-actions{gap:4px}.overview-link{font-size:0.75rem}}
body[data-step="2"] .nav-footer{background:var(--pp-sage)}body[data-step="3"] .nav-footer,body[data-step="6"] .nav-footer{background:var(--pp-forest)}body[data-step="5"] .nav-footer{background:var(--pp-clay)}
.topbar{flex-wrap:wrap}.copy,.pack-demo,.ritual-visual,.bits-visual,.nudge-visual,.recap{min-width:0}h1{overflow-wrap:anywhere}.copy p{overflow-wrap:break-word}.recap-item>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.position{min-width:0;flex:1}.position small{overflow-wrap:anywhere}.nav-button{flex-shrink:0}
@media(max-width:760px){.slide{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.nav-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.position{grid-column:1/-1;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 16px}.position small{max-width:100%;overflow-wrap:break-word}.nav-button{width:100%;min-width:0;padding:12px 8px;overflow-wrap:break-word}.nav-button:first-child{grid-column:1;grid-row:2}.nav-button:last-child{grid-column:2;grid-row:2}}

/* Pack colors are inputs; all tab geometry comes from the released DS. */
.pack-tabs{--pp-pack-tabs-active-fill:var(--pack-soft);color:var(--pp-ink)}
.pack-tabs button[data-pack="friends"]{--pp-pack-tab-fill:var(--pp-sage)}
.pack-tabs button[data-pack="family"]{--pp-pack-tab-fill:var(--pp-clay)}
.pack-tabs button[data-pack="duo"]{--pp-pack-tab-fill:var(--pp-cream)}

/* The evening becomes a framed PicPac only after the example capture. */
.instant[data-state="0"]{padding:0;background:transparent;box-shadow:none;transform:none}
.instant[data-state="0"] .instant-picture{border-radius:var(--pp-radius-photo)}
.instant[data-state="0"] figcaption{display:none}

/* A selected LittleBits story stays one post before and after sharing. */
.story-post{overflow:hidden;border-radius:var(--pp-radius-card);background:#fff;color:var(--pp-ink)}
.story-collage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:190px 110px;gap:4px;margin:0}
.story-collage>img{width:100%;height:100%;object-fit:cover;min-width:0}
.story-collage>img:nth-child(3){grid-column:1/-1;grid-row:1}
.story-post-context{margin:0;padding:12px 16px;font-size:0.75rem;line-height:1rem}
.story-post .chat-surface{padding-top:4px}
.bits-visual .personal-label{max-width:60%;text-align:right;overflow-wrap:anywhere}
@media(min-width:761px){.story-collage{grid-template-rows:220px 130px}}

/* An occasional invitation arrives before the round's pictures and conversation. */
body[data-step="5"],body[data-step="5"] .nav-footer{background:var(--pp-cream)}
.nudge-visual{max-width:440px;min-height:260px;padding:0;background:transparent;border-radius:0;display:grid;align-items:center}
.nudge-visual .solid-button{width:auto;padding:12px 16px;background:var(--pp-ink);color:var(--pp-white,#fffdf7)}
.nudge-quiet,.nudge-done{padding:48px 0;text-align:center}
.nudge-quiet p,.nudge-done p{margin:24px 0}
.nudge-people{display:flex;justify-content:center;gap:12px}
.nudge-people img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.nudge-invitation{padding:16px 8px 0;text-align:center}
.nudge-note{padding:24px;background:var(--pp-clay);color:var(--pp-ink);border-radius:var(--pp-radius-card);transform:rotate(-2deg);text-align:left;box-shadow:0 8px 24px #2028241a}
.nudge-note-label{margin:0 0 24px;font-size:.875rem;line-height:1.25rem;font-weight:600}
.nudge-note h2,.nudge-round h2{margin:0 0 24px;font-size:1.75rem;line-height:2.125rem;letter-spacing:-.025em;font-weight:700;overflow-wrap:break-word}
.nudge-link{min-height:44px;max-width:100%;padding:12px;margin-top:16px;font-size:.875rem;line-height:1.25rem;color:var(--pp-ink);border:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
.nudge-round-context{font-size:.75rem;line-height:1rem;margin:0 0 8px;font-weight:600}
.nudge-orbit{position:relative;width:100%;height:auto;aspect-ratio:1.06}
.nudge-orbit-line{position:absolute;inset:36px 12px 20px;border:1px solid #d4d9d4;border-radius:50%}
.nudge-contribution{position:absolute;bottom:0;width:43%;aspect-ratio:1;box-shadow:0 3px 12px #2028241a}
.nudge-cat{top:0;bottom:auto;left:25.5%;width:49%;z-index:2}
.nudge-pancake{left:0}.nudge-friends{right:0}
.nudge-friends .picture-image{object-position:48% center}
.nudge-contribution .poster{top:8px;left:8px;max-width:calc(100% - 16px);padding:4px 8px 4px 4px;gap:4px;flex-wrap:wrap;font-size:.75rem;line-height:1rem}
.nudge-contribution .poster>img{width:20px;height:20px;flex-basis:20px}
.nudge-conversation{margin-top:24px}.nudge-conversation .message+.message{margin-top:12px}
.nudge-conversation .bubble{padding:12px;max-width:calc(100% - 40px)}
.nudge-choice{margin:24px 0 12px}
.nudge-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nudge-enters{animation:nudge-arrival 300ms ease-out both}
.nudge-round.nudge-enters{animation:nudge-reveal 300ms ease-out both}
@keyframes nudge-arrival{from{opacity:0;transform:translateY(16px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes nudge-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.nudge-note{padding:20px}.nudge-note h2,.nudge-round h2{font-size:1.25rem;line-height:1.625rem}}
@media(prefers-reduced-motion:reduce){.nudge-enters{animation:none}.nudge-note{transform:none}}

/* Twelve small beats, one idea per screen. Shared DS components stay intact. */
body[data-theme]{background:var(--page-bg);color:var(--page-ink)}
body[data-theme=cream]{--page-bg:var(--pp-cream);--page-ink:var(--pp-ink)}
body[data-theme=sage]{--page-bg:var(--pp-sage);--page-ink:var(--pp-ink)}
body[data-theme=forest]{--page-bg:var(--pp-forest);--page-ink:var(--pp-white,#fffdf7)}
body[data-theme] .nav-footer{background:var(--page-bg)}
body[data-theme] .languages button[aria-pressed=true],body[data-theme] .nav-button.primary{background:var(--page-ink);color:var(--page-bg);border-color:var(--page-ink)}
.wrap{min-height:100svh;display:flex;flex-direction:column}.deck{flex:1;display:grid}.topbar{min-height:88px}
.slide{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;min-height:0;padding:24px 0;align-content:center}
.copy,.visual{min-width:0}.visual{width:100%;max-width:460px;margin:auto}.copy h1{margin-bottom:0}.copy .lede{margin-top:20px}.eyebrow{margin-bottom:16px}
.nav-footer{flex-shrink:0;margin-top:0;min-height:80px}.position small{display:none}.example-caption{margin:0 0 8px;font-size:.75rem;line-height:1rem}
.hero-visual{min-height:430px;padding:64px 8px 12px 48px}.hero-cat{height:250px}.hero-front .picture{height:260px}.hero-chat .bubble p{font-size:1rem;line-height:1.5rem}
.pack-picture{height:250px}#pack-chat{min-height:0}.pack-demo{max-width:420px}
.ritual .visual{max-width:360px}.instant{max-width:340px;margin:auto}.instant[data-state="0"] .instant-picture{border-radius:0}.small-instant{max-width:208px;padding:8px 8px 12px;transform:rotate(-2deg)}.small-instant .instant-picture{aspect-ratio:1.4}.small-instant figcaption{padding-top:8px;font-size:.75rem;line-height:1rem}.small-instant .instant-mark{font-size:.75rem}
.morning-chat{border-radius:18px;margin-top:20px;background:transparent;padding:0}.morning-chat .bubble p{font-size:1rem;line-height:1.5rem}
.bits-visual{padding:20px}.story-single{margin:0;padding:8px 8px 16px;border-radius:12px;background:var(--pp-white,#fffdf7);transform:rotate(-2deg);box-shadow:0 8px 16px #20282418}.story-single img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:8px}.story-single figcaption{font-size:.875rem;line-height:1.25rem;padding-top:12px}.story-progress{display:flex;gap:8px;justify-content:center;padding-top:20px}.story-progress span{width:24px;height:4px;border-radius:4px;background:#ced5c4}.story-progress .filled{background:var(--pp-forest)}
.bits-share{padding:20px;border-radius:24px;background:var(--pp-sage);color:var(--pp-ink)}.bits-share .solid-button{width:100%;margin-top:16px}.story-collage{grid-template-rows:170px 100px}.story-post .chat-surface{padding:12px}.story-post .bubble p{font-size:1rem;line-height:1.5rem}
.nudge-visual{min-height:250px;max-width:360px}.nudge-note h2{font-size:1.75rem;line-height:2.125rem}.nudge-note{padding:24px}.nudge-round{max-width:360px;margin:auto}.nudge-orbit{max-width:250px;margin:auto;aspect-ratio:1.3}.nudge-conversation{margin-top:20px}.nudge-conversation .bubble{padding:8px 12px;max-width:100%}.nudge-conversation .message+.message{margin-top:8px}.nudge-round-context{text-align:center;margin-bottom:16px}
.closing-pictures{display:flex;align-items:center;gap:8px;margin:0 0 32px}.closing-pictures img{width:calc((100% - 16px)/3);aspect-ratio:1;object-fit:cover;border:4px solid var(--pp-white,#fffdf7);border-radius:12px}.closing-pictures img:first-child{transform:rotate(-6deg)}.closing-pictures img:last-child{transform:rotate(5deg)}.closing-actions{flex-direction:column}.closing-actions>*{width:100%}.share-status:empty{display:none}.share-status{margin-top:12px}
@media(max-width:760px){
 .wrap{max-width:520px;padding:0 20px}.topbar{min-height:68px}.top-actions{gap:8px}.slide{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px 0;align-content:center}.copy{max-width:430px}h1{font-size:2.5rem;line-height:2.75rem}.copy .lede{margin-top:12px}.eyebrow{margin-bottom:12px}.visual{max-width:360px}
 .hero-visual{min-height:320px;padding:48px 8px 0 32px}.hero-cat{height:190px}.hero-front .picture{height:190px}.hero-chat .bubble p{font-size:.875rem;line-height:1.25rem}
 .pack-picture{height:200px}.chat-surface{padding:12px}.bubble p{font-size:1rem;line-height:1.5rem}.instant{max-width:280px}.small-instant{max-width:172px}.small-instant .instant-picture{aspect-ratio:1.6}.morning-chat{margin-top:16px}.story-single img{aspect-ratio:1.25}.bits-visual,.bits-share{padding:16px}.story-collage{grid-template-rows:145px 85px}.story-progress{padding-top:16px}.nudge-round{max-width:340px}.nudge-orbit{max-width:210px}.nudge-contribution .poster{padding:4px;gap:4px}.nudge-contribution .poster>img{width:16px;height:16px;flex-basis:16px}.nudge-conversation{margin-top:16px}.nudge-note h2{font-size:1.5rem;line-height:1.875rem}.nudge-visual{min-height:240px}.nav-footer{min-height:80px}.example-caption{margin-top:4px}.closing-pictures{margin-bottom:24px}
}
@media(max-width:359px){.wrap{padding:0 16px}.topbar{min-height:64px}.brand img{width:124px}.top-actions{gap:4px}.slide{gap:16px}h1{font-size:2.25rem;line-height:2.5rem}.pack-picture{height:170px}.hero-visual{min-height:290px}.hero-front .picture{height:165px}.hero-cat{height:170px}.instant{max-width:240px}.small-instant{max-width:150px}.nudge-orbit{max-width:180px}.nudge-note{padding:20px}}
@media(prefers-reduced-motion:reduce){.story-single,.closing-pictures img,.small-instant{transform:none}.nudge-enters{animation:none}}