:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#faf6ee;--surface:#fffdf9;--warm:#f2eadb;--warm-deep:#e9dfcc;--night:#16233a;--ink:#1f2b3a;--secondary:#4a5363;--on-night:#f2eadb;--on-night-quiet:#9fb7dc;--action:#24406b;--hover:#1a3157;--action-tint:#e6ebf3;--action-line:#c9d3e3;--red:#b02e24;--red-hover:#962519;--red-tint:#f7e3de;--red-on-night:#ff8f84;--airmail-blue:#2f5aa0;--border:#e5dccd;--border-strong:#c9bda9;--border-input:#7a6d58;--control-line:#7a6d58;--success:#2e6a4e;--success-tint:#e7f1ea;--error:#9c2b23;--error-tint:#f9e7e3;--ill-fill:#d5dfec;--ill-fill-warm:#f2d9c9;--ill-stroke:2.25px;--focus-ring:0 0 0 3px var(--canvas), 0 0 0 6px var(--action);--focus-ring-night:0 0 0 3px var(--night), 0 0 0 6px var(--on-night);--font-ui:var(--font-inter), Arial, Helvetica, sans-serif;--font-voice:var(--font-newsreader), Georgia, serif;--step--1:.9375rem;--step-0:clamp(1.0625rem, 1.038rem + .109vw, 1.125rem);--step-1:clamp(1.1875rem, 1.139rem + .217vw, 1.3125rem);--step-2:clamp(1.3125rem, 1.239rem + .326vw, 1.5rem);--step-3:clamp(1.5rem, 1.353rem + .652vw, 1.875rem);--step-4:clamp(1.75rem, 1.457rem + 1.304vw, 2.5rem);--step-5:clamp(2rem, 1.609rem + 1.739vw, 3rem);--step-6:clamp(2.5rem, 1.815rem + 3.043vw, 4.25rem);--step-question:clamp(1.625rem, 1.38rem + 1.087vw, 2.25rem);--leading-tight:1.12;--leading-snug:1.3;--leading-body:1.6;--tracking-voice:-.012em;--tracking-ui-head:-.01em;--tracking-label:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-fluid-s:clamp(1rem, .804rem + .87vw, 1.5rem);--space-fluid-m:clamp(1.5rem, 1.109rem + 1.739vw, 2.5rem);--space-fluid-l:clamp(2.5rem, 1.717rem + 3.478vw, 4.5rem);--gutter:16px;--measure:34rem;--radius-s:8px;--radius-control:14px;--radius:20px;--radius-sheet:28px;--radius-round:999px;--shadow-1:0 1px 2px #1f2b3a0f, 0 2px 6px #1f2b3a0a;--shadow-2:0 4px 10px #1f2b3a0f, 0 12px 28px #1f2b3a14;--shadow-3:0 18px 48px #1f2b3a29;--shadow-press:inset 0 2px 0 #1f2b3a1f;--backdrop:#1f2b3a59;--shadow-soft:var(--shadow-1);--shadow-lift:var(--shadow-2);--shadow-menu:var(--shadow-3);--tap-min:48px;--tap-comfort:56px;--tap-guest:64px;--app-h:100vh;--app-h-min:100vh;--tabbar-h:64px;--kb:0px;--vv-h:var(--app-h);--vv-top:0px;--z-nav:10;--z-menu:30;--z-toast:40;--z-recorder:50;--stripe:repeating-linear-gradient(-45deg, var(--red) 0 10px, var(--surface) 10px 16px, var(--airmail-blue) 16px 26px, var(--surface) 26px 32px)}@supports (height:100dvh){:root{--app-h:100dvh;--app-h-min:100svh}}@media (min-width:480px){:root{--gutter:24px}}@media (min-width:1024px){:root{--gutter:40px}}
:root{--dur-press:90ms;--dur-1:.16s;--dur-2:.24s;--dur-3:.42s;--dur-draw:.7s;--dur-moment:1.4s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-paper:cubic-bezier(.3, .7, .2, 1);--ease-stamp:cubic-bezier(.34, 1.56, .64, 1);--rise:12px;--rise-lg:24px;--press-scale:.97;--stagger:60ms}@keyframes mp-rise{0%{opacity:0;transform:translateY(var(--rise))}}@keyframes mp-fade{0%{opacity:0}}@keyframes mp-sheet{0%{opacity:0;transform:translateY(var(--rise-lg))}}@keyframes mp-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes mp-settle{0%{opacity:0;transform:translate(32px,-10px)rotate(4deg)}}@keyframes mp-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes mp-unroll{0%{transform:scaleX(0)}}@keyframes mp-march{to{background-position:45.25px 0}}@keyframes stripe-run{0%{background-position:0 0}to{background-position:45.25px 0}}@keyframes mp-stamp{0%{opacity:0;transform:scale(1.8)rotate(-24deg)}55%{opacity:1;transform:scale(.94)rotate(-8deg)}80%{transform:scale(1.03)rotate(-9.5deg)}to{opacity:1;transform:scale(1)rotate(-9deg)}}@keyframes mp-burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--bx,40px), var(--by,-40px)) rotate(var(--br,90deg)) scale(1)}}@keyframes mp-rec{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes mp-blink{0%,50%{opacity:1}50.01%,to{opacity:.35}}@keyframes mp-count{0%{opacity:0;transform:scale(1.35)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.92)}}@keyframes mp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes mp-dots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes mp-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes mp-flap{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@keyframes mp-sink{0%{transform:translateY(-40%)}to{transform:translateY(0)}}@keyframes mp-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-8px)}}.enter{animation:mp-rise var(--dur-3) var(--ease-out) var(--delay,0s) both}.enter-fade{animation:mp-fade var(--dur-2) var(--ease-out) var(--delay,0s) both}.enter-settle{animation:mp-settle var(--dur-3) var(--ease-paper) var(--delay,0s) both}.enter-pop{animation:mp-pop var(--dur-2) var(--ease-out) var(--delay,0s) both}.stagger>*{--stagger-i:3;animation:mp-rise var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--delay,0s) + var(--stagger) * var(--stagger-i))}.stagger>:first-child{--stagger-i:0}.stagger>:nth-child(2){--stagger-i:1}.stagger>:nth-child(3){--stagger-i:2}.just-enabled{animation:mp-nudge var(--dur-3) var(--ease-out) 1}.unroll{transform-origin:0;animation:mp-unroll var(--dur-3) var(--ease-paper) var(--delay,0s) both}.postmark.is-stamping{animation:mp-stamp .52s var(--ease-out) var(--delay,0s) both}.illustration.is-drawing [pathLength]{animation:mp-draw var(--dur-draw) var(--ease-paper) var(--delay,0s) backwards}.illustration.is-drawing .i-fill,.illustration.is-drawing .i-paper,.illustration.is-drawing .i-ink,.illustration.is-drawing .i-red{animation:mp-fade var(--dur-3) var(--ease-out) calc(var(--delay,0s) + var(--dur-draw) * .4) both}::view-transition-old(root){animation-duration:var(--dur-2);animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:var(--dur-2);animation-timing-function:var(--ease-out)}::view-transition{pointer-events:none}.mp-sendoff{z-index:2147483000;width:100vw;max-width:none;height:100vh;max-height:none;color:inherit;pointer-events:none;contain:layout style;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.mp-sendoff *{pointer-events:none!important}.mp-so-ghost{white-space:nowrap;transform-origin:50%;animation:mp-so-fold .3s var(--ease-in) both;will-change:transform, opacity;overflow:hidden;max-width:none!important;margin:0!important;transition:none!important;position:absolute!important}.mp-so-path{will-change:transform;width:0;height:0;animation:.62s cubic-bezier(.5,0,.85,.45) .48s both mp-so-x;position:absolute}.mp-so-y{will-change:transform;animation:.62s linear .48s both mp-so-y}.mp-so-turn{will-change:transform, opacity;width:48px;height:36px;animation:.62s linear .48s both mp-so-turn;position:absolute;top:-18px;left:-24px}.mp-so-letter,.mp-so-plane{filter:drop-shadow(0 2px 2px #1f2b3a38);place-items:center;display:grid;position:absolute;inset:0}.mp-so-letter{animation:mp-so-letter .54s var(--ease-out) both}.mp-so-plane{animation:mp-so-plane .14s var(--ease-out) .42s both}.mp-sendoff{view-transition-name:mp-sendoff}::view-transition-group(mp-sendoff){animation:none}::view-transition-new(mp-sendoff){animation:none}::view-transition-old(mp-sendoff){display:none}[data-sent-off]{animation:mp-so-return 1s var(--ease-out) both}[data-sent-off=leaving]{opacity:0;animation:none}[data-sent-off]:focus-visible{opacity:1;animation:none}@keyframes mp-so-return{0%,50%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes mp-so-fold{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(min(1, var(--so-sx) * 1.8), min(1, var(--so-sy) * 1.25)) rotate(-2deg)}to{opacity:0;transform:scale(var(--so-sx), var(--so-sy)) rotate(-5deg)}}@keyframes mp-so-letter{0%,30%{opacity:0;transform:scale(.8)rotate(-5deg)}52%{opacity:1;transform:scale(1)rotate(-2deg)}74%{opacity:1;transform:scaleY(.92)rotate(-2deg)}to{opacity:0;transform:scale(.6,.18)rotate(-16deg)}}@keyframes mp-so-plane{0%{opacity:0;transform:scale(.5,.25)rotate(-16deg)}}@keyframes mp-so-x{to{transform:translateX(var(--so-fx))}}@keyframes mp-so-y{0%{animation-timing-function:cubic-bezier(.3,.7,.4,1);transform:translateY(0)}20%{animation-timing-function:cubic-bezier(.55,0,.7,.4);transform:translateY(10px)}to{transform:translateY(var(--so-fy))}}@keyframes mp-slot-in{0%{opacity:0;transform:translateY(-70%)}30%{opacity:1}70%{transform:translateY(-4%)}to{transform:none}}@keyframes mp-slot-out{0%{transform:none}30%{opacity:1;transform:translateY(-10%)rotate(-1.5deg)}to{opacity:0;transform:translateY(-60%)rotate(6deg)}}@keyframes mp-turn-a{50%{rotate:-1.2deg;scale:1.045}}@keyframes mp-turn-b{50%{rotate:1.2deg;scale:1.045}}:is(.story-card,.dv-card)[data-turned][data-side=back]>:is(.story-card-inner,.dv-flip){animation:mp-turn-a var(--dur-3) var(--ease-in-out)}:is(.story-card,.dv-card)[data-turned][data-side=front]>:is(.story-card-inner,.dv-flip){animation:mp-turn-b var(--dur-3) var(--ease-in-out)}@media (prefers-reduced-motion:reduce){:is(.story-card,.dv-card)[data-turned]>:is(.story-card-inner,.dv-flip){animation:none!important}}::view-transition-old(mp-step){animation:mp-deal-out var(--dur-2) var(--ease-out) both}::view-transition-new(mp-step){animation:mp-deal-in var(--dur-3) var(--ease-paper) .1s both}html[data-step-dir=back]::view-transition-old(mp-step){animation-name:mp-deal-out-back}html[data-step-dir=back]::view-transition-new(mp-step){animation-name:mp-deal-in-back}@keyframes mp-deal-out{50%{opacity:0}to{opacity:0;transform:translate(-28px)rotate(-1.5deg)}}@keyframes mp-deal-in{0%{opacity:0;transform:translate(36px)rotate(1.5deg)}}@keyframes mp-deal-out-back{50%{opacity:0}to{opacity:0;transform:translate(28px)rotate(1.5deg)}}@keyframes mp-deal-in-back{0%{opacity:0;transform:translate(-36px)rotate(-1.5deg)}}@keyframes mp-stamp-on{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}55%{opacity:1;transform:scale(.94)rotate(1deg)}80%{transform:scale(1.03)rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes mp-thump{0%,to{transform:none}40%{transform:scale(.95)translateY(1px)}}@keyframes mp-letter-lift{0%{opacity:0;transform:translateY(var(--rise-lg)) rotate(-.6deg)}}@keyframes mp-sink-in{0%{opacity:0;translate:0 -28px}}@media (prefers-reduced-motion:reduce){.dv-letter-paper{animation:none!important}}@media (hover:hover) and (pointer:fine){.button:not(.quiet,:disabled,[aria-disabled=true]):hover{transform:translateY(-1px)}.button:not(.quiet,:disabled,[aria-disabled=true]):active{transform:translateY(0) scale(var(--press-scale))}}@keyframes mp-so-turn{0%{opacity:1;animation-timing-function:var(--ease-out);transform:rotate(-4deg)scale(1)}20%{animation-timing-function:var(--ease-in-out);transform:rotate(9deg)scale(1)}82%{opacity:1}to{opacity:0;transform:rotate(-30deg)scale(.62)}}
*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:var(--step-0);line-height:var(--leading-body);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{font-size:max(16px, var(--step-0))}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:is(button,summary,label:has(>input[type=checkbox]),label:has(>input[type=radio])){cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:var(--leading-tight)}h1,h2{font-family:var(--font-voice);letter-spacing:var(--tracking-voice);text-wrap:balance;font-weight:400}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2);letter-spacing:var(--tracking-ui-head);font-weight:600;line-height:var(--leading-snug)}.display{font-size:var(--step-6);line-height:1.05}p{color:var(--secondary)}svg{flex-shrink:0}em{font-family:var(--font-voice);font-weight:400}small,.quiet{font-size:var(--step--1);color:var(--secondary)}.wrap{width:min(1200px,100% - 80px);margin-inline:auto}.site-header,.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}a.wordmark{min-width:48px;min-height:48px}.desktop-link{min-height:var(--tap-min);min-width:var(--tap-min);justify-content:center;align-items:center;display:inline-flex}.wordmark{font-family:var(--font-voice);letter-spacing:-.01em;color:var(--action);white-space:nowrap;align-items:center;font-size:1.4375rem;font-weight:600;display:inline-flex}.brand-dot{color:var(--red)}.brand-mark{flex:none;width:36px;height:36px;margin-right:10px}.brand-ring{fill:none;stroke:var(--red)}.brand-mark text{font-family:var(--font-voice);fill:var(--action);font-size:50px;font-style:italic;font-weight:600}nav{align-items:center;gap:28px;display:flex}nav a{font-size:var(--step--1);align-items:center;gap:8px;min-height:48px;display:inline-flex}nav a:hover,.text-link:hover{color:var(--action)}.button{min-height:var(--tap-comfort);border-radius:var(--radius-control);background:var(--action);color:#fff;font:600 var(--step-0) / 1.25 var(--font-ui);text-align:center;box-shadow:var(--shadow-1);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), transform var(--dur-press) var(--ease-out);border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 22px;display:inline-flex}.button:active:not(:disabled,[aria-disabled=true]){transform:scale(var(--press-scale));box-shadow:var(--shadow-press)}.button.secondary{background:var(--surface);border-color:var(--control-line);color:var(--ink)}.button.quiet{min-height:var(--tap-min);box-shadow:none;color:var(--action);text-underline-offset:4px;background:0 0;border-color:#0000;padding-inline:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.button.record{background:var(--red);color:#fff}.button.danger{background:var(--surface);border-color:var(--error);color:var(--error)}.button.small{min-height:var(--tap-min);font-size:var(--step--1);padding:10px 16px}.button.xl{min-height:var(--tap-guest);border-radius:16px;padding:14px 26px;font-size:clamp(1.125rem,1.08rem + .2vw,1.25rem)}.button.block{width:100%;display:flex}.button:disabled,.button[aria-disabled=true]:not([aria-busy=true]){background:var(--border);color:var(--secondary);box-shadow:none;cursor:not-allowed;opacity:1;border-color:#0000}.button[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled,[aria-disabled=true]){background:var(--hover);color:#fff}.button.secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--warm);border-color:var(--ink);color:var(--ink)}.button.quiet:hover:not(:disabled,[aria-disabled=true]){color:var(--hover);background:0 0;text-decoration-thickness:2px}.button.record:hover:not(:disabled,[aria-disabled=true]){background:var(--red-hover)}.button.danger:hover:not(:disabled,[aria-disabled=true]){background:var(--error-tint);color:var(--error)}}.busy-dots{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.busy-dots i{width:5px;height:5px;animation:mp-dots 1.2s var(--ease-in-out) infinite;background:currentColor;border-radius:50%}.busy-dots i:nth-child(2){animation-delay:.16s}.busy-dots i:nth-child(3){animation-delay:.32s}.text-link{min-height:48px;color:var(--action);text-underline-offset:3px;align-items:center;gap:10px;font-size:1rem;font-weight:600;text-decoration:underline;display:inline-flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:86px 78px;display:grid}.eyebrow{font-size:var(--step--1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--secondary);align-items:center;gap:10px;margin-bottom:24px;font-weight:600;line-height:1.4;display:flex}.eyebrow span,.status-dot{background:var(--red);border-radius:50%;width:6px;height:6px;display:inline-block}.hero h1{margin-bottom:28px}.lede{margin-bottom:32px;font-size:1.1875rem;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero .quiet{margin-top:20px}.hero-art{padding:25px 6px 0;position:relative}.example-label{font-size:var(--step--1);text-align:center;color:var(--secondary);margin-bottom:20px}.question-note{background:var(--surface);border:1px solid var(--border);z-index:2;box-shadow:var(--shadow-soft);border-radius:16px;align-items:center;gap:14px;margin:0 20px -10px;padding:18px 22px;display:flex;position:relative}.question-note .muted{font-size:var(--step--1)}.question-note p{color:var(--ink);margin:4px 0;font-size:1rem;line-height:1.4}.question-note>svg{color:var(--action);margin-left:auto}.mini-avatar{background:var(--warm);width:36px;height:36px;color:var(--ink);font-size:var(--step--1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.warm{background:var(--warm)!important}.card-rule{background:var(--ink);opacity:.4;width:40px;height:1px;margin-bottom:12px}.reply-note{z-index:2;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:14px;margin:-8px 0 0 60px;padding:15px 18px;display:flex;position:relative}.reply-note strong{font-size:var(--step--1);font-weight:500;display:block}.reply-note span:not(.mini-avatar){font-size:var(--step--1);color:var(--secondary);margin-top:4px;display:block}.trust-strip{border-block:1px solid var(--border);font-size:var(--step--1);color:var(--secondary);justify-content:center;gap:48px;padding:24px 0;display:flex}.trust-strip span,.trust-strip a{align-items:center;gap:10px;display:flex}.section{padding-block:88px}.section-title{text-align:center;margin-bottom:48px}.section-title .eyebrow{justify-content:center}.section-title h2{margin-bottom:16px}.steps{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.step-number{font-size:var(--step--1);color:var(--secondary);margin-bottom:16px;display:block}.mini-preview{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;min-height:168px;margin-bottom:28px;padding:25px;display:flex}.mini-preview span{font-size:var(--step--1);color:var(--secondary)}.mini-preview strong{font-size:1.1875rem;font-weight:500;line-height:1.3}.mini-preview .mini-action{color:var(--action)}.mini-preview.blue{background:var(--action-tint);border-color:var(--action-line)}.steps p,.use-cases p{font-size:1rem}.keepsake-section{background:var(--warm);padding-block:80px}.keepsake-grid{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.keepsake-grid>div>p:not(.eyebrow){max-width:420px}.use-cases{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.use-cases article{border-top:1px solid var(--border);padding-top:24px}.use-cases .illustration{max-width:160px;margin:0 0 20px}.how-step{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:32px;margin-block:32px;display:grid}.how-step .illustration{max-width:140px}.prose .how-step h2{margin-top:0}@media (max-width:640px){.how-step{grid-template-columns:1fr;gap:8px}.how-step .illustration{max-width:120px;margin-inline:0}}.use-cases article>span{font-size:var(--step--1);letter-spacing:1.2px;color:var(--secondary);margin-bottom:24px;display:block}.faq{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr;gap:80px;display:grid}details{border-bottom:1px solid var(--border)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.0625rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details p{max-width:550px;padding-bottom:20px;font-size:1rem}summary>span{color:var(--secondary);font-size:1.5rem}.closing{background:var(--warm);text-align:center;border-radius:18px;margin-bottom:72px;padding:64px 24px}.closing .eyebrow{justify-content:center}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;padding-block:24px 20px;display:flex}.footer-brand{flex-direction:column;align-items:flex-start;display:flex}.footer-brand .wordmark{min-height:var(--tap-min)}.footer p.footer-tagline{font-family:var(--font-voice);font-style:italic;font-size:var(--step-1);letter-spacing:.005em;color:var(--red);margin:0;line-height:1.2}.footer nav{flex-wrap:wrap;gap:0 20px}.footer nav a{min-width:44px;min-height:var(--tap-min);align-items:center;display:inline-flex}@media (max-width:767px){.footer nav{grid-template-columns:repeat(3,auto);justify-content:start;display:grid}}.footer small{width:100%;font-size:var(--step--1);color:var(--secondary)}.skip-link{clip-path:inset(50%);background:var(--ink);color:var(--surface);z-index:99;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{clip-path:none;top:10px}.app-header{gap:20px;min-height:64px}.app-header>nav{margin-left:16px;margin-right:auto}.app-header>nav a{color:var(--secondary)}.app-header>nav a:hover{color:var(--ink)}.app-header>nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red);font-weight:500}.app-main{max-width:1120px;padding-top:40px;padding-bottom:96px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.page-heading h1{margin-bottom:8px}.page-heading p{margin:0}.form-column{max-width:640px;margin-inline:auto;padding-block:56px 80px}.form-column .eyebrow{margin-bottom:20px}.field{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.field>span,.field>label{font-size:var(--step--1);font-weight:500}.field input,.field textarea,.field select,input.control,select.control{border:1px solid var(--border-input);background:var(--surface);border-radius:var(--radius-control);width:100%;color:var(--ink);min-height:var(--tap-comfort);font-size:max(16px, var(--step-0));padding:12px 16px}.field textarea{resize:vertical;min-height:135px}.field small{font-weight:400}.checkbox{cursor:pointer;align-items:flex-start;gap:12px;padding-block:10px;font-size:1rem;display:flex}.checkbox a{color:var(--action);text-underline-offset:3px;text-decoration:underline}.checkbox input{width:20px;min-width:20px;height:20px;accent-color:var(--action);margin-top:5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--space-fluid-s);position:relative;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-bottom:24px;padding:28px}.panel h2{font-size:1.625rem}.panel h2,.notice h2,.fieldset h2{font-family:var(--font-ui);letter-spacing:-.03em;font-weight:500}.notice{background:var(--action-tint);border:1px solid var(--action-line);border-radius:12px;margin-bottom:24px;padding:24px}.notice p{margin:8px 0;font-size:1rem}.notice a{color:var(--action);align-items:center;gap:8px;display:inline-flex}.captcha{display:none}.captcha[data-shown]{width:100%;max-width:100%;height:calc(65px * var(--captcha-scale,1));animation:captcha-in var(--dur-2) var(--ease-out) both;justify-content:center;margin:0 0 24px;display:flex;overflow:hidden}.captcha[data-shown]>div{min-width:300px;transform:scale(var(--captcha-scale,1));transform-origin:top;flex:auto}@keyframes captcha-in{0%{opacity:0}}.captcha-note{font-size:var(--step--1);color:var(--secondary);text-align:center;margin:0 0 16px}.error{color:var(--error);border-left:3px solid var(--error);background:var(--error-tint);margin:16px 0;padding:12px 16px}.success{color:var(--success);background:var(--success-tint);border-radius:10px;padding:16px}.muted{color:var(--secondary)}.prompt-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;display:grid}.prompt-card{border:1px solid var(--border);background:var(--surface);text-align:left;min-height:220px;color:var(--ink);border-radius:14px;flex-direction:column;align-items:flex-start;gap:18px;padding:22px;display:flex}.prompt-card:hover{border-color:var(--action)}.prompt-card small{font-size:var(--step--1);letter-spacing:.5px}.prompt-card strong{font-size:1.1875rem;font-weight:400;line-height:1.4}.prompt-card>span{color:var(--action);font-size:var(--step--1);margin-top:auto}.picker{margin-block:28px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tabs button{min-height:48px;color:var(--secondary);background:0 0;border:0;padding:14px 18px}.tabs button[aria-selected=true]{border-bottom:2px solid var(--action);color:var(--action)}.filter-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filters details{margin-bottom:20px}.prompt-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.prompt-toolbar label{flex:1;min-width:180px}.full-width{width:100%}.question-preview{background:var(--warm);border-radius:16px;margin:24px 0;padding:32px}.question-preview blockquote{font-family:var(--font-voice);color:var(--ink);margin:16px 0;font-size:1.75rem;line-height:1.3}.question-preview>span{font-size:var(--step--1);color:var(--secondary)}.guest-shell{max-width:560px;margin-inline:auto;padding:40px 20px 80px}.guest-shell .wordmark{font-size:1.125rem}.guest-shell>header{margin-bottom:48px}.guest-shell p,.guest-shell .checkbox{font-size:1.125rem}.guest-shell .quiet{font-size:var(--step--1)}.guest-shell .question-preview{padding:28px}.guest-shell textarea{min-height:220px;font-size:max(16px,1.125rem)}.story-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-tile{background:var(--surface);border:1px solid var(--border);border-radius:18px;display:block;overflow:hidden}.story-tile:hover{border-color:var(--action)}.story-tile .story-cover{background:var(--warm);min-height:175px;font-family:var(--font-voice);align-items:center;padding:24px;font-size:1.5rem;line-height:1.3;display:flex}.story-tile .story-info{padding:20px}.story-info p{font-size:var(--step--1);margin:8px 0 0}.empty-state{text-align:center;background:var(--warm);border-radius:var(--radius);padding:72px 24px}.empty-state h2{font-size:1.875rem}.empty-state svg{color:var(--action);margin-bottom:20px}.story-text{font-family:var(--font-voice);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:1.25rem;line-height:1.7}.story-meta{color:var(--secondary);font-size:var(--step--1);flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.pending{margin-bottom:32px}.pending summary{font-size:1rem}.pending-row{border-top:1px solid var(--border);justify-content:space-between;gap:24px;padding:16px;display:flex}.pending-row p{font-size:var(--step--1);margin:4px 0}.prose{max-width:720px;margin:auto;padding-block:64px}.prose h2{margin-top:36px}.prose a:not(.button){color:var(--action)}.tag{font-size:var(--step--1);background:var(--warm);border-radius:5px;padding:5px 9px;display:inline-block}.link-output{word-break:break-all;font-size:var(--step--1);background:var(--canvas);border:1px solid var(--border);border-radius:10px;padding:18px}.loading{text-align:center;padding:60px}.demo-banner{background:var(--ink);color:var(--surface);text-align:center;font-size:var(--step--1);padding:14px 20px}.demo-banner a{color:var(--surface);text-decoration:underline}.button-row{flex-wrap:wrap;gap:12px;display:flex}.fieldset{border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.fieldset legend,.fieldset .checkbox{font-size:var(--step--1)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1440px){.hero{padding-block:100px}}@media (max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:28px}.keepsake-grid{gap:48px}.trust-strip{gap:24px}.site-header-links{gap:16px}.desktop-link{display:none}.prompt-grid,.story-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.wrap{width:calc(100% - 40px)}.site-header{gap:12px;min-height:84px}.wordmark{font-size:1.0625rem}.brand-mark{width:30px;height:30px;margin-right:8px}.site-header .button{font-size:var(--step--1);gap:6px;padding:10px}.hero{grid-template-columns:1fr;gap:32px;padding-block:44px 48px}.hero-copy{max-width:500px}.lede{font-size:1.0625rem}.hero .actions{gap:12px}.hero-art{width:100%;max-width:500px;margin:auto;padding-top:0}.question-note{margin-inline:10px;padding:14px}.reply-note{margin-left:28px;padding:12px}.reply-note strong{font-size:var(--step--1)}.trust-strip{font-size:var(--step--1);flex-direction:column;align-items:flex-start;gap:18px;padding-block:24px}.section{padding-block:56px}.section-title{text-align:left;margin-bottom:32px}.section-title .eyebrow{justify-content:flex-start}.steps{grid-template-columns:1fr;gap:30px}.mini-preview{min-height:140px;margin-bottom:20px}.steps article{max-width:500px}.keepsake-section{padding-block:48px}.keepsake-grid{grid-template-columns:1fr;gap:30px}.use-cases{grid-template-columns:1fr;gap:24px}.faq{grid-template-columns:1fr;gap:8px}.closing{margin-bottom:48px;padding-block:48px}.app-header{gap:12px;min-height:60px}.app-header>nav{background:var(--surface);border-top:1px solid var(--border);min-height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:4px max(12px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:var(--z-nav);grid-template-columns:repeat(2,1fr);align-items:end;gap:4px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}.app-header>nav a{font-size:var(--step--1);flex-direction:column;justify-content:flex-end;gap:2px;padding:4px 8px;font-weight:600}.app-header>nav a[aria-current=page]{box-shadow:none;font-weight:600}.app-main{padding-top:28px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.app-header>nav:not([data-bar]){display:none}body:has(.app-header>nav[data-bar]):not([data-focus]) .app-main{padding-bottom:calc(var(--tabbar-h) + 56px + env(safe-area-inset-bottom))}.page-heading{flex-wrap:wrap;align-items:flex-start}.form-column{padding-block:36px}.prompt-grid{grid-template-columns:1fr}.prompt-card{min-height:170px}.filter-grid{grid-template-columns:1fr;gap:0}.tabs button{font-size:var(--step--1);padding:12px}.story-grid{grid-template-columns:1fr}.panel{padding:22px}.question-preview{padding:24px}.question-preview blockquote{font-size:1.625rem}.guest-shell>header{margin-bottom:32px}.prose{padding-block:40px}.pending-row{flex-wrap:wrap;padding:16px 0}}.hero>*{min-width:0}.hero-art{width:100%}.question-note>div{min-width:0}.question-note p{overflow-wrap:anywhere}.reply-note>div{min-width:0}.eyebrow{flex-wrap:wrap}@media (max-width:767px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{padding-inline:8px}.site-header .wordmark{font-size:1rem}.site-header .button svg{display:none}.site-header .button{font-size:var(--step--1);padding:10px 12px}.question-note{gap:10px;padding:12px}.question-note p{font-size:.9375rem}.reply-note{margin-left:12px}.reply-note strong{overflow-wrap:anywhere}}.collection-select{max-width:100%;display:flex}.collection-select select{border:0;border-bottom:1px solid var(--border);max-width:100%;min-height:48px;color:var(--ink);font-size:var(--step--1);background:0 0;padding:8px 24px 8px 0}.story-filters{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:16px;margin-bottom:32px;display:grid}.story-filters .field{margin:0}.story-filters .button{margin-bottom:0}@media (max-width:767px){.story-filters{grid-template-columns:1fr 1fr}.story-filters>.field:first-child,.story-filters>.button{grid-column:1/-1}}.postcard-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:32px;display:grid}.postcard-workbench figure{margin:20px 0}.postcard-face{border:1px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}.postcard-workbench figcaption{color:var(--secondary);margin-top:8px}@media (max-width:800px){.postcard-workbench{grid-template-columns:minmax(0,1fr)}.postcard-workbench.review-step>section[aria-label=Postcard\ preview]{order:-1}}.shared-shell{max-width:960px;margin:0 auto;padding:32px 24px 80px}.shared-cover{text-align:center;border-bottom:1px solid var(--border);padding:64px 0 40px}.shared-cover h1{overflow-wrap:anywhere}.shared-dedication{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-voice);max-width:640px;margin:28px auto;font-size:1.5rem}.shared-view{border:1px solid var(--border);flex-wrap:wrap;gap:24px;margin:28px 0;padding:20px;display:flex}.shared-view label{align-items:center;gap:8px;min-height:32px;display:inline-flex}.shared-chapter{padding-top:48px;scroll-margin-top:24px}.shared-story{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:16px;margin:24px 0;padding:28px}.shared-story h3{font-family:var(--font-voice);font-size:1.75rem;font-weight:400}.shared-project-book .shared-story{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:24px 0}.shared-media figure{margin:20px 0}.shared-media img,.shared-media video,.shared-media audio{max-width:100%;max-height:520px}.shared-media img{object-fit:contain}.shared-media figcaption{color:var(--secondary);font-size:var(--step--1);overflow-wrap:anywhere}@media (max-width:500px){.shared-shell{padding:24px 20px 60px}.shared-cover{padding-top:40px}.shared-story{padding:20px}.shared-view{gap:12px}}.share-history{padding:0;list-style:none}.share-history>li{border-top:1px solid var(--border);overflow-wrap:anywhere;padding:20px 0}.shared-project>nav{display:block}.shared-project>nav ol{padding-left:24px}.choice-list{flex-wrap:wrap;align-content:start;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.choice-list>*{flex:100%;min-width:0}.choice-list>:not(.choice)>.choice{height:100%}.choice{border:2px solid var(--control-line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:clamp(88px,15svh,128px);color:var(--ink);font:inherit;text-align:left;touch-action:manipulation;transition:transform var(--dur-press) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out);grid-template-columns:64px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:12px 12px 12px 14px;display:grid}.choice-icon{background:var(--action-tint);width:64px;height:64px;color:var(--action);border-radius:50%;place-items:center;display:grid}.choice-icon svg{stroke-width:1.75px;width:32px;height:32px}.choice[data-kind=audio] .choice-icon{background:var(--red-tint);color:var(--red)}.choice[data-kind=text] .choice-icon{background:var(--warm);color:var(--ink)}.choice-text{gap:2px;min-width:0;display:grid}.choice-label{font:600 var(--step-2) / 1.2 var(--font-ui);letter-spacing:var(--tracking-ui-head)}.choice-sub{font-size:var(--step--1);color:var(--secondary);line-height:1.35}.choice:after{content:"";width:10px;height:10px;color:var(--secondary);border-top:2.5px solid;border-right:2.5px solid;justify-self:center;transform:rotate(45deg)}.choice:active:not(:disabled){transform:scale(var(--press-scale))}.choice.is-static{border-color:var(--border);cursor:default}.choice.is-static:after{content:none}.choice.is-static:active{transform:none}.choice:disabled,.choice.is-dim{cursor:not-allowed}.choice.is-dim{opacity:.5;pointer-events:none}.choice[aria-busy=true]{cursor:progress;border-color:var(--action)}@media (hover:hover) and (pointer:fine){.choice:hover:not(:disabled,.is-dim,.is-static){border-color:var(--action);box-shadow:var(--shadow-2);transform:translateY(-2px)}}@media (max-width:359px){.choice{grid-template-columns:52px minmax(0,1fr);gap:12px;padding-inline:12px}.choice-icon{width:52px;height:52px}.choice:after{display:none}}@container (min-width:600px){.choice-list>*{flex:1 1 0}.choice{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:14px;min-height:220px;padding:24px 16px}.choice-icon{width:88px;height:88px}.choice-icon svg{width:40px;height:40px}.choice:after{display:none}}.stage{z-index:var(--z-recorder);height:var(--app-h);overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--canvas);color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}html:has(.stage){overflow:hidden}html[data-keyboard=open] .stage{top:var(--vv-top);height:var(--vv-h);bottom:auto}.stage>.actionbar{padding-bottom:12px}.stage-body{min-height:0;padding-inline:var(--gutter);place-items:center;display:grid}.stage-night{background:var(--night);color:var(--on-night)}.stage-night p{color:var(--on-night-quiet)}.stage-top{min-height:56px;padding:4px max(8px, calc(var(--gutter) - 12px));grid-template-columns:minmax(48px,auto) minmax(0,1fr) minmax(48px,auto);align-items:center;gap:8px;display:grid}.stage-top>:first-child{justify-self:start}.stage-top>:last-child:not(:first-child){justify-self:end}.stage-back{border-radius:var(--radius-control);min-width:48px;min-height:48px;color:inherit;font:500 var(--step-0) / 1 var(--font-ui);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0 8px 0 4px;display:inline-flex}.stage-back svg{width:24px;height:24px}@media (max-width:359px){.stage-back>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.stage-step{min-width:0;font-size:var(--step--1);color:var(--secondary);text-align:center;justify-items:center;gap:6px;display:grid}.stage-night .stage-step{color:var(--on-night-quiet)}.step-progress{border-radius:var(--radius-round);background:var(--border);width:min(100%,240px);height:4px;display:block;overflow:hidden}.step-progress>i{background:var(--action);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform var(--dur-3) var(--ease-out);display:block}.stage-night .step-progress{background:#ffffff2e}.stage-night .step-progress>i{background:var(--on-night)}.actionbar{z-index:2;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:linear-gradient(to top, var(--canvas) 70%, transparent);gap:10px;display:grid;position:sticky;bottom:0}.actionbar .button:not(.quiet){width:100%}.actionbar.guest .button:not(.quiet,.small){min-height:var(--tap-guest)}.actionbar.split{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center}@media (max-width:359px){.actionbar.split{grid-template-columns:minmax(0,1fr)}}html[data-keyboard=open] .actionbar{padding-bottom:12px}.stage-night .actionbar{background:linear-gradient(to top, var(--night) 70%, transparent);border-top-color:#ffffff1f}.q-chip{width:100%;min-height:var(--tap-min);border-radius:var(--radius-control);background:var(--warm);color:var(--ink);font:400 var(--step-1) / 1.35 var(--font-voice);letter-spacing:var(--tracking-voice);text-align:left;border:0;padding:10px 14px;display:block}.q-chip>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.q-chip.is-compact>span{-webkit-line-clamp:1;line-clamp:1}.q-chip[aria-expanded=true]>span{display:block;overflow:visible}.q-chip.has-more{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.q-chip-more{transition:transform var(--dur-1) var(--ease-out)}.q-chip[aria-expanded=true] .q-chip-more{transform:rotate(180deg)}.stage-night .q-chip{color:var(--on-night);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16233acc}.airmail-frame{border:6px solid #0000;border-image:var(--stripe) 6}.airmail-progress{border-radius:var(--radius-round);background:var(--warm-deep);height:8px;display:block;position:relative;overflow:hidden}.airmail-progress>i{background:var(--stripe);background-size:45.25px 45.25px;animation:.9s linear infinite stripe-run;position:absolute;inset:0}.airmail-progress[data-value]>i{clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);transition:clip-path var(--dur-2) var(--ease-out)}.skeleton{border-radius:var(--radius-s);background:var(--warm);color:#0000;min-height:1em;animation:mp-fade var(--dur-2) var(--ease-out) .15s both;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";animation:mp-shimmer 1.4s var(--ease-in-out) .15s infinite;background:linear-gradient(90deg,#0000,#fffdf9b3,#0000);position:absolute;inset:0;transform:translate(-100%)}@media (max-width:767px){body[data-focus] .app-header>nav,html[data-keyboard=open] .app-header>nav{display:none}html:has(.stage) .app-header>nav{display:none}body:has(.app-main :is(textarea,[contenteditable=true],input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=reset],[type=file],[type=range],[type=color])):focus) .app-header>nav{display:none}html:not([data-keyboard=open],:has(.stage)) body:has(.app-header>nav[data-bar]):not([data-focus]) .actionbar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:12px}}:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:0;outline:3px solid #0000;box-shadow:var(--focus-ring)!important}:is(.field input:not([type=checkbox],[type=radio]),.field textarea,.field select,.control):focus-visible{border-color:var(--action);box-shadow:0 0 0 2px var(--action)!important}:is(.stage-night,.toast,.on-night) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{box-shadow:var(--focus-ring-night)!important}@media (prefers-reduced-motion:reduce){:root{--rise:0px;--rise-lg:0px;--press-scale:1;--stagger:0s;--dur-3:.12s;--dur-draw:1ms;--dur-moment:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.rec-dot,.rec-dot:before,.rec-dot:after,.busy-dots i,.airmail-progress,.airmail-progress>i,.airmail-edge.is-live,.skeleton,.skeleton:after{animation:none!important}.skeleton:after{display:none}.level i{transition:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
.status-inline{font-size:var(--step--1);color:var(--secondary);align-items:center;gap:8px;display:inline-flex}.status-inline:before{content:"";background:var(--border-strong);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-inline[data-tone=waiting]:before{background:var(--red)}.status-inline[data-tone=ok]{color:var(--success)}.status-inline[data-tone=ok]:before{background:var(--success)}.status-inline[data-tone=error]{color:var(--error)}.status-inline[data-tone=error]:before{background:var(--error)}.status-inline[data-tone=info]:before{background:var(--action)}.section-disclosure{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px}.section-disclosure>summary{min-height:56px;padding:16px 20px;font-size:1rem}.section-disclosure>summary .section-title-text{gap:2px;display:grid}.section-disclosure>summary strong{font-weight:500}.section-disclosure>summary small{font-size:var(--step--1)}.section-disclosure>summary:after{content:"";border-right:1.5px solid var(--secondary);border-bottom:1.5px solid var(--secondary);width:9px;height:9px;margin-right:4px;transition:transform .15s;transform:rotate(45deg)}.section-disclosure[open]>summary:after{transform:rotate(-135deg)}.section-disclosure>.section-body{padding:0 20px 20px}.section-disclosure .panel{background:0 0;border:0;margin:0;padding:0}.sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface);color:var(--ink);width:100%;max-width:none;max-height:calc(var(--app-h) - 24px - env(safe-area-inset-top));overscroll-behavior:contain;box-shadow:var(--shadow-3);border:0;margin:auto 0 0;padding:0;overflow-y:auto}.sheet[open]{animation:mp-sheet var(--dur-2) var(--ease-out) both}.sheet::backdrop{background:var(--backdrop)}.sheet[open]::backdrop{animation:mp-fade var(--dur-2) var(--ease-out) both}.sheet-grab{border-radius:var(--radius-round);background:var(--border-strong);width:40px;height:5px;margin:10px auto 0;display:block}.sheet-inner{padding:16px var(--gutter) calc(24px + env(safe-area-inset-bottom))}.sheet-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.sheet-head h2{font-size:var(--step-3);margin:0;padding-top:6px}.sheet-head h2:focus{outline:none}.sheet-head h2:focus-visible{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px;box-shadow:none!important}.sheet-actions{gap:10px;margin-top:24px;display:grid}.sheet-actions .button:not(.quiet){width:100%}html[data-keyboard=open] .sheet{margin-bottom:var(--kb);max-height:calc(var(--vv-h) - 24px)}@media (min-width:768px){.sheet{width:clamp(480px,60vw,560px);max-width:calc(100% - 48px);max-height:calc(var(--app-h) - 48px);border-radius:var(--radius-sheet);margin:auto}.sheet-grab{display:none}.sheet-inner{padding:28px}}dialog.sheet{margin:auto 0 0}html[data-keyboard=open] dialog.sheet{margin:auto 0 var(--kb)}@media (min-width:768px){dialog.sheet{margin:auto}}.icon-button{width:48px;height:48px;color:var(--secondary);background:0 0;border:0;border-radius:50%;place-items:center;margin:-6px -10px 0 0;display:inline-grid}@media (hover:hover) and (pointer:fine){.icon-button:hover{background:var(--warm);color:var(--ink)}}.toast{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:var(--z-toast);width:max-content;max-width:calc(100% - 2 * var(--gutter));border-radius:var(--radius-control);background:var(--ink);color:var(--surface);font-size:var(--step--1);box-shadow:var(--shadow-3);animation:mp-sheet var(--dur-2) var(--ease-out) both;align-items:center;gap:12px;margin-inline:auto;padding:8px 8px 8px 18px;line-height:1.4;display:flex;position:fixed}.toast .icon-button{width:var(--tap-min);height:var(--tap-min);color:var(--surface);margin:0}@media (hover:hover) and (pointer:fine){.toast .icon-button:hover{color:var(--surface);background:#ffffff1f}}@media (max-width:767px){html:not([data-keyboard=open],:has(.stage)) body:has(.app-header>nav[data-bar]):not([data-focus]) .toast{bottom:calc(16px + var(--tabbar-h) + env(safe-area-inset-bottom))}}html[data-keyboard=open] .toast{bottom:calc(16px + var(--kb))}html:has(.stage) .toast{z-index:calc(var(--z-recorder) + 1)}html:has(.stage.rec) .toast{top:calc(64px + env(safe-area-inset-top));bottom:auto}.postmark{border:1.5px solid var(--red);width:56px;height:56px;box-shadow:inset 0 0 0 3px var(--postmark-ground,var(--surface)), inset 0 0 0 4.5px var(--red);color:var(--red);text-align:center;font:600 9px/1.15 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:50%;flex-shrink:0;place-content:center;display:inline-grid;transform:rotate(-9deg)}.postmark b{font:400 17px/1 var(--font-voice);letter-spacing:0;text-transform:none}.postmark.small{width:44px;height:44px;font-size:8px}.postmark.small b{font-size:13px}.on-warm{--postmark-ground:var(--warm)}.stamp-box{background:var(--surface);border:1.5px solid var(--ink);width:34px;height:40px;box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px var(--border-strong);color:var(--ink);font:500 17px/1 var(--font-voice);flex-shrink:0;place-items:center;display:inline-grid}.stamp-box.small{width:28px;height:33px;font-size:14px}.airmail-edge{background:var(--stripe);background-size:45.25px 45.25px;height:8px;display:block}.airmail-edge.is-live{animation:3.2s linear infinite mp-march}.address-lines{--line-gap:34px;background-image:linear-gradient(var(--border-strong) 1px, transparent 1px);background-size:100% var(--line-gap);background-position:0 calc(var(--line-gap) - 1px);line-height:var(--line-gap)}.postal-card{background:var(--warm);border-radius:16px;margin:24px 0;overflow:hidden}.postal-card .address-lines{font-family:var(--font-voice);color:var(--ink);padding:16px 28px 24px;font-size:24px}.illustration{width:100%;max-width:240px;height:auto;margin-inline:auto;display:block}.illustration.s{width:96px}.illustration.m{width:160px}.illustration.l{width:240px}.illustration :is(.i-line,.i-fill,.i-paper,.i-red-line){vector-effect:non-scaling-stroke;stroke-width:var(--ill-stroke)}.illustration .i-line{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.illustration .i-fill{fill:var(--ill-fill);stroke:var(--ink);stroke-linejoin:round}.illustration .i-fill-warm{fill:var(--ill-fill-warm)}.illustration .i-paper{fill:var(--surface);stroke:var(--ink);stroke-linejoin:round}.illustration .i-ink{fill:var(--ink)}.illustration .i-red{fill:var(--red)}.illustration .i-dash{stroke-dasharray:2 8}.illustration .i-red-line{fill:none;stroke:var(--red);stroke-linecap:round;stroke-linejoin:round}.illustration .i-highlight{fill:var(--action)}.illustration .i-on-action{fill:none;stroke:var(--surface);stroke-width:var(--ill-stroke);stroke-linecap:round;vector-effect:non-scaling-stroke}.app-header-end{align-items:center;gap:12px;min-width:0;display:flex}.collection-inline{min-width:0;font-size:var(--step--1);color:var(--secondary);align-items:center;gap:6px;display:flex}.collection-inline>.collection-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.collection-inline .collection-select select{text-overflow:ellipsis;appearance:none;background:var(--canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235a6372' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #0000;border-radius:10px;max-width:220px;padding:8px 28px 8px 10px;font-weight:500}.collection-inline .collection-select select:hover{border-color:var(--border-strong)}.collection-inline .error{z-index:20;position:absolute;top:64px;right:24px}.nav-ask-mark{display:none}@media (max-width:767px){.collection-inline>.collection-label{display:none}.collection-inline .collection-select select{max-width:150px}.app-header>nav a.nav-ask>svg{display:none}.app-header>nav a.nav-ask{color:var(--ink);font-weight:500}.nav-ask-mark{background:var(--red);width:50px;height:50px;color:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:50%;place-items:center;margin-top:-28px;display:grid}}.gallery{gap:48px;padding-block:48px 96px;display:grid}.gallery-section{gap:16px;display:grid}.gallery-section>h2{margin:0;font-size:1.875rem}.gallery-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.swatch{border:1px solid var(--border);background:var(--surface);font-size:var(--step--1);border-radius:12px;overflow:hidden}.swatch i{border-bottom:1px solid var(--border);height:52px;display:block}.swatch span{padding:8px 12px;display:block}.gallery-grid>.illustration{max-width:200px}.gallery-type{gap:14px;display:grid}.gallery-type>div{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.gallery-type .gallery-voice{font-family:var(--font-voice);letter-spacing:var(--tracking-voice);line-height:var(--leading-tight)}.gallery-stack{gap:16px;display:grid}.gallery-focus{flex-wrap:wrap;gap:12px;display:flex}.gallery-focus>div,.gallery-on-night{border-radius:var(--radius);border:1px solid var(--border);padding:20px}.gallery-on-action{background:var(--action)}.gallery-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);grid-template-rows:auto minmax(160px,1fr) auto;max-height:360px;display:grid;overflow:auto}.gallery-frame-body{padding:16px var(--gutter) 48px}.gallery-frame-body h2{margin:0}.gallery-stage-screen{text-align:center;justify-items:center;gap:16px;max-width:320px;display:grid}.gallery-stage-screen .illustration{--ink:var(--on-night);--surface:#22324d;--ill-fill:#2f4466}.gallery-chip{border-radius:var(--radius-round);background:var(--warm);font-size:var(--step--1);padding:8px 14px;display:inline-block}.gallery-unroll{width:160px;display:block}.gallery-framed{background:var(--surface);padding:20px}.gallery-motion{gap:20px;display:grid}.story-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:32px;margin-top:16px;display:grid}.story-column,.story-rail{gap:16px;min-width:0;display:grid}.story-question{font-family:var(--font-voice);margin-bottom:10px;font-size:1.1875rem;font-style:italic;line-height:1.4}.story-waiting-question{display:block}.story-rail .panel,.story-rail>details.panel{margin:0;padding:20px 22px}.story-rail .panel h2{margin-bottom:8px;font-size:1.1875rem}.story-rail .panel h3{font-size:1.0625rem}.story-rail p{font-size:.9375rem}.story-rail .button{min-height:48px;padding:12px 16px;font-size:.9375rem}.story-rail>section[style]{margin-top:0!important}@media (max-width:959px){.story-layout{grid-template-columns:minmax(0,1fr)}}.waiting-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:32px;overflow:hidden}.waiting-list>h2{font-family:var(--font-ui);letter-spacing:0;margin:0;padding:16px 20px 4px;font-size:.9375rem;font-weight:600}.waiting-list .pending-row{align-items:center;padding:14px 20px}.waiting-list .pending-row:hover{background:var(--canvas)}.waiting-list .pending-row strong{font-size:var(--step--1);color:var(--secondary);font-weight:500}.waiting-list .waiting-question{font-family:var(--font-voice);color:var(--ink);margin:2px 0 0;font-size:1.125rem;line-height:1.35}.story-tile .story-cover{aspect-ratio:3/2;align-items:flex-end;min-height:0;padding:20px 22px;position:relative}.story-cover-marks{align-items:flex-start;display:flex;position:absolute;top:14px;right:14px}.story-cover-marks .postmark{margin-top:6px;margin-right:-10px}.story-cover-title{overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-right:8px;display:-webkit-box;overflow:hidden}.story-tile .story-info strong{font-weight:500}.empty-state .illustration{max-width:220px;margin-bottom:20px}.story-filters .field>span{font-size:var(--step--1)}@media (max-width:767px){.waiting-list .pending-row{flex-wrap:wrap;gap:8px}}.form-column.wide-step{max-width:960px}.step-indicator{font-size:var(--step--1);color:var(--secondary);counter-reset:step;flex-wrap:wrap;gap:8px 20px;margin:0 0 28px;padding:0;list-style:none;display:flex}.step-indicator li{counter-increment:step;align-items:center;gap:8px;display:inline-flex}.step-indicator li:before{content:counter(step);border:1px solid var(--border-strong);font-size:var(--step--1);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:600;display:inline-grid}.step-indicator li[aria-current=step]{color:var(--ink);font-weight:500}.step-indicator li[aria-current=step]:before{background:var(--action);border-color:var(--action);color:var(--surface)}.question-preview>span{margin-bottom:4px;display:block}.question-preview .address-lines{--line-gap:40px;margin-bottom:12px}.question-preview .address-lines blockquote{line-height:inherit;margin:0}.link-button{color:var(--action);font-size:inherit;background:0 0;border:0;padding:0}.button-row.spaced{margin-bottom:24px}.spaced-top{margin-top:16px}.sent-panel{text-align:left}.sent-panel>.illustration{max-width:200px;margin:0 0 12px}.sent-panel>h2{font-family:var(--font-voice);letter-spacing:-.015em;font-size:2.125rem;font-weight:400}.sent-question{display:block}.link-button.quiet-action{color:var(--secondary);font-size:var(--step--1);min-height:48px}.prompt-card strong{font-family:var(--font-voice);font-size:1.3125rem;line-height:1.3}.prompt-card:hover{box-shadow:var(--shadow-soft)}.guest-question{display:block}.guest-shell .postal-card .address-lines{--line-gap:38px;font-size:26px}.guest-illustration{max-width:180px;margin:0 0 8px}.guest-shell>.illustration{max-width:200px;margin:24px 0}.guest-controls{margin-top:16px}.guest-controls-section{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.guest-controls-section>h2{font-family:var(--font-ui);letter-spacing:0;font-size:1.0625rem;font-weight:600}.auth-shell{max-width:520px}.text-link.agree-link{min-height:0;font-size:inherit;margin-block:-12px;padding-block:12px;display:inline-block}.auth-clickwrap{color:var(--secondary);font-size:var(--step--1);text-align:center;margin:12px 0 0}.auth-alt{margin-top:32px;font-size:1rem}.delete-lines{gap:6px;margin:0;padding-left:1.2em;display:grid}.auth-alt.verify-new{background:var(--warm);font-size:var(--step-1);border-radius:14px;margin-top:24px;padding:16px 18px}.auth-alt.verify-new .text-link{align-items:center;width:fit-content;display:flex}@media (max-width:767px){.guest-shell .postal-card .address-lines{--line-gap:34px;font-size:23px}}.story-question{gap:2px;display:grid}.story-question-origin{font-family:var(--font-ui);font-style:normal;font-size:var(--step--1)}.waiting-note{background:var(--warm);border-radius:14px;overflow:hidden}.waiting-note p{margin:0;padding:16px 20px;font-size:.9375rem}.address-lines{background-origin:content-box;background-clip:content-box}.rail-card .panel{background:0 0;border:0;margin:12px 0 0;padding:0}.rail-card .button-row+*{margin-top:12px}.story-rail details.panel>summary{min-height:48px;padding:0;font-size:1rem}.story-rail>.button.secondary{border-color:var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;width:100%;min-height:56px;padding:14px 22px;font-weight:500}.story-rail>.button.secondary:after{content:"";border-right:1.5px solid var(--secondary);border-bottom:1.5px solid var(--secondary);width:8px;height:8px;transform:rotate(-45deg)}.story-rail>.button.secondary:hover{border-color:var(--border-strong);background:var(--surface)}.postcard-shelf{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.shelf-card{gap:14px;display:grid}.shelf-face{aspect-ratio:3/2;background:var(--canvas);border:1px solid var(--border-strong);box-shadow:var(--shadow-soft);border-radius:5px;flex-direction:column;justify-content:flex-end;gap:10px;padding:20px 22px;display:flex;overflow:hidden}.shelf-face .card-rule{margin:0;display:block}.shelf-title{font-family:var(--font-voice);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.375rem;line-height:1.15;display:-webkit-box;overflow:hidden}.shelf-info{justify-items:start;gap:8px;display:grid}.shelf-info h3{margin:0;font-size:1rem;font-weight:500}.shelf-info .button{margin-top:4px}.postcard-example{max-width:500px;margin:56px auto 24px}.postcard-example figcaption{color:var(--secondary);font-size:var(--step--1);margin-bottom:12px}.postcard{background:var(--canvas)}.project-list{gap:12px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.project-row h2{margin:0 0 6px;font-size:1.375rem}.project-row h2 a{color:var(--ink)}.project-row p{margin:4px 0 0}.pager{gap:20px;margin:20px 0;display:flex}.stack-gap{margin-top:24px}.project-cover{text-align:center;background:var(--warm);padding:48px 24px}.project-cover img{object-fit:contain;width:100%;max-height:420px}.project-cover-mark{font-size:var(--step--1);color:var(--secondary);letter-spacing:.04em}.project-cover h2{font-size:clamp(2rem,6vw,4rem)}.project-dedication{max-width:650px;margin:24px auto}.reader-header{margin-bottom:40px}.reader-shell>.illustration{max-width:180px;margin:0 0 8px}.reader-question{font-family:var(--font-voice);margin:8px 0 28px;font-size:1.5rem;line-height:1.3}@media (min-width:801px){.postcard-workbench>section[aria-label=Postcard\ preview]{position:sticky;top:24px}}.postcard-face{box-shadow:var(--shadow-soft);border-color:var(--border-strong);border-radius:5px}.settings-section>h2{border-bottom:1px solid var(--border);margin:0;padding-bottom:10px;font-size:1.625rem}.settings-section .panel{margin:0}.settings-section .panel h3{margin:0 0 8px;font-size:1.125rem;font-weight:500}.settings-links{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.receipts-header{justify-content:space-between;align-items:center;display:flex}.receipt-list{border-top:1px solid var(--border);margin:24px 0;padding:0;list-style:none}.receipt-row{border-bottom:1px solid var(--border);justify-items:start;gap:6px;padding:18px 0;display:grid}.receipt-row h2{font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:1.0625rem;font-weight:500}.receipt-row p{margin:0;font-size:.9375rem}.break-anywhere{overflow-wrap:anywhere}.spot-page>.illustration{max-width:200px;margin:24px 0 8px}.stack-gap-lg{margin-top:32px}.spaced-sm{margin-top:12px}.block-gap{margin-block:18px}.block-gap-lg{margin-block:24px}.indent-list{padding-left:20px}.full-width{width:100%}.flush-start{margin-inline-start:0}.pre-wrap{white-space:pre-wrap}.bare-fieldset{border:0;min-width:0;margin:0;padding:0}.block-label{margin-bottom:14px;display:block}@media (max-width:380px){.collection-inline .collection-select select{max-width:104px;padding-right:22px}.collection-inline>.collection-name{max-width:104px}}.site-header .button{white-space:nowrap}@media (max-width:359px){.site-header .wordmark-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header .wordmark:not(:has(.wordmark-text)){font-size:0}}@media (max-width:380px){.app-header .wordmark-text{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header .wordmark:not(:has(.wordmark-text)){gap:0;font-size:0}.app-header .collection-inline .collection-select select{max-width:150px}}.pc{aspect-ratio:3/2;background:var(--canvas);color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--shadow-lift);border-radius:5px;margin:0;position:relative;overflow:hidden;container-type:inline-size}figure.pc p{max-width:none;color:var(--ink);overflow-wrap:anywhere;margin:0;position:absolute}.pc-title{width:91.7%;font-family:var(--font-voice);font-size:5.1cqw;line-height:6.25cqw;left:4.17%}.pc-t-words .pc-title{top:6.5%}.pc-t-words .pc-quote{width:91.7%;font-size:3.94cqw;line-height:5.1cqw;top:31%;left:4.17%}.pc-t-words .pc-by{color:var(--ink);font-size:2.55cqw;top:76.5%;left:4.17%}.pc-photo{width:91.7%;height:53.8%;position:absolute;top:6.25%;left:4.17%}.pc-photo svg{width:100%;height:100%;display:block}.pc-t-photo .pc-title{top:61%}.pc-t-photo .pc-quote{width:91.7%;font-size:2.55cqw;line-height:3.24cqw;top:81%;left:4.17%}.pc-question{width:66.7%;font-family:var(--font-voice);font-size:3.7cqw;line-height:4.63cqw;top:6.25%;left:4.17%}.pc-back .pc-by{font-size:2.31cqw;top:44%;left:4.17%}.pc-caption{width:66.7%;font-size:2.55cqw;line-height:3.47cqw;top:64%;left:4.17%}.pc-resolver{font-size:1.85cqw;line-height:2.31cqw;top:87%;left:4.17%}.pc-divider{background:var(--red);width:max(1px,.23cqw);height:87.5%;position:absolute;top:6.25%;left:72.8%}.pc-postmark{width:20.8%;position:absolute;top:4.5%;left:75%}.pc-scan{width:21%;font-family:var(--font-voice);font-size:2.78cqw;line-height:3.24cqw;top:23.5%;left:75%}figure.pc .pc-scan{color:var(--action)}.pc-qr{width:18.5%;position:absolute;top:34.4%;left:76.2%}.pc-private{width:21%;font-size:2.08cqw;line-height:2.78cqw;top:65%;left:75%}.pc-pair{padding:0 0 18%;position:relative}.pc-pair>.pc:first-child{width:88%;margin-left:12%;transform:rotate(3deg)}.pc-pair>.pc:last-child{width:88%;position:absolute;top:22%;left:0;transform:rotate(-4deg)}.pc-gallery{gap:32px;max-width:560px;margin:32px 0;display:grid}.pc-gallery>figure{margin:0}.pc-gallery figcaption{color:var(--secondary);font-size:var(--step--1);margin-top:10px}.hero-art>.hero-card{margin-top:14px;transform:rotate(-3deg)}.keepsake-grid .pc-pair{width:100%;max-width:560px}.print-order{justify-items:start;gap:12px;margin-top:24px;display:grid}.print-order.panel{justify-items:stretch}.print-order-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (max-width:560px){.print-order-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.print-order-row>:first-child{grid-column:1/-1}}.print-request{align-items:flex-start}.print-request address{margin:8px 0;font-style:normal}.print-request-cards{color:var(--secondary);margin:8px 0;padding-left:20px}.seg-field{gap:8px;margin-bottom:24px;display:grid}.seg-label{font-size:var(--step--1);font-weight:500}.seg{border:1px solid var(--border-input);border-radius:var(--radius-control);background:var(--surface);gap:4px;padding:4px;display:flex}.seg-option{min-width:0;min-height:var(--tap-min);border-radius:calc(var(--radius-control) - 4px);color:var(--ink);font:500 var(--step-0) / 1.25 var(--font-ui);transition:background-color var(--dur-1) var(--ease-out);background:0 0;border:0;flex:1 1 0;padding:8px 12px}.seg-option[aria-checked=true]{background:var(--action);color:#fff}.kit-picker{position:relative}.picker-button{border:1px solid var(--border-input);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--ink);min-height:var(--tap-comfort);text-align:left;font:inherit;font-size:max(16px, var(--step-0));cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.picker-button:focus-visible{outline:3px solid var(--focus,var(--action));outline-offset:2px}.picker-placeholder{color:var(--secondary)}.picker-popover{z-index:var(--z-menu);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);max-height:min(360px,60vh);box-shadow:var(--shadow-menu);animation:mp-fade var(--dur-1) var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.picker-body{min-height:0;max-height:inherit;flex-direction:column;display:flex}.picker-sheet .picker-body{max-height:min(60vh,520px)}.picker-body input.picker-search{width:calc(100% - 16px);margin:8px}.picker-list{overscroll-behavior:contain;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.picker-list:focus{outline:none}.picker-option{min-height:var(--tap-min);cursor:pointer;align-items:center;gap:8px;padding:10px 56px 10px 16px;display:flex;position:relative}.picker-option.active{background:var(--action-tint)}.picker-option[aria-selected=true]{font-weight:600}.picker-option-hint{color:var(--secondary);font-size:var(--step--1);margin-left:auto}.picker-check{color:var(--action);position:absolute;top:50%;right:20px;translate:0 -50%}.picker-empty{color:var(--secondary);padding:14px 16px}.field-error{color:var(--error);font-size:var(--step--1)}.undo-toast .undo-button{min-height:var(--tap-min);color:var(--surface);font:700 var(--step--1) / 1 var(--font-ui);text-underline-offset:4px;background:0 0;border:0;padding:0 12px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.picker-popover{animation:mp-fade var(--dur-1) linear both}}.stop-emails{gap:16px;max-width:420px;margin-top:8px;display:grid}.stop-note{margin:0;font-size:1.0625rem}
.rec{--rec-fg:var(--ink);--rec-quiet:var(--secondary);--rec-track:var(--red-tint);--rec-red:var(--red);--rec-glass:color-mix(in srgb, var(--night) 80%, transparent);--rec-veil:color-mix(in srgb, var(--night) 35%, transparent);--rec-shade:color-mix(in srgb, var(--night) 70%, transparent);--rec-well:color-mix(in srgb, var(--night) 82%, black);--rec-line:color-mix(in srgb, var(--on-night) 25%, transparent);--rec-wash:color-mix(in srgb, var(--on-night) 12%, transparent)}.rec.stage-night{--rec-fg:var(--on-night);--rec-quiet:var(--on-night-quiet);--rec-track:color-mix(in srgb, var(--on-night) 90%, transparent);--rec-red:var(--red-on-night)}.rec .rec-top .q-chip{font-size:var(--step-0)}.rec .rec-top .q-chip>span,.rec .rec-top .q-chip.is-compact>span{-webkit-line-clamp:3;line-clamp:3}.rec-file-link[data-hidden],.rec-pill-slot[data-hidden],.rec-clock-hint[data-hidden]{visibility:hidden}.rec-body{min-height:0;padding:0 8px 4px;position:relative;overflow:hidden}.rec-body:has(.rec-help){overscroll-behavior:contain;padding:8px var(--gutter);align-content:safe center;overflow-y:auto}.rec-prime{justify-items:center;gap:var(--space-4);text-align:center;width:min(100%,26rem);padding:0 8px;display:grid}.rec .rec-prime-text{font:400 var(--step-1) / var(--leading-snug) var(--font-ui);color:var(--rec-fg);margin:0}.rec .button.quiet{color:var(--rec-fg)}.rec.stage-night .rec-prime .button:not(.quiet,.secondary){border-color:var(--on-night);background:var(--on-night);color:var(--night)}@media (max-height:600px){.rec-prime-art,.rec-help-art{display:none}}.rec-help{justify-items:center;gap:var(--space-3);text-align:center;width:min(100%,28rem);display:grid}.rec-help-title{font:600 var(--step-2) / var(--leading-snug) var(--font-ui);color:var(--rec-fg);margin:0}.rec-help-title:focus{outline:none}.rec .rec-help-steps{font-size:var(--step-0);color:var(--rec-fg);margin:0}.rec-help-actions{width:100%;margin-top:var(--space-2);gap:10px;display:grid}.rec-help-actions .button.quiet{justify-self:center}.rec-frame{place-items:center;width:100%;height:100%;display:grid;position:relative;container-type:size}.rec-preview,.rec-player.is-video{width:min(100cqw, calc(100cqh * var(--video-shape,.5625)));aspect-ratio:var(--video-shape,.5625);border-radius:var(--radius-sheet);background:var(--rec-well);overflow:hidden}.rec-preview{object-fit:cover;display:block}.rec-player-video{object-fit:contain;background:var(--rec-well);width:100%;height:100%;display:block}.rec-frame.is-mirrored .rec-preview{transform:scaleX(-1)}.rec-frame.is-waiting:after,.rec-waiting-dot{content:"";background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--airmail-blue) 25%, transparent), transparent 60%);animation:rec-breathe 1.6s var(--ease-in-out) infinite alternate;pointer-events:none;position:absolute;inset:0}.rec .rec-waiting{z-index:1;text-align:center;font:500 var(--step-1) / var(--leading-snug) var(--font-ui);color:var(--on-night);margin:0;position:absolute;inset:auto 16px 50%}@keyframes rec-breathe{0%{opacity:.35}to{opacity:1}}.rec-pill{z-index:2;border-radius:var(--radius-round);background:var(--rec-glass);color:var(--on-night);font:600 var(--step--1) / 1.2 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.rec-pill.is-warning .rec-pill-time{color:var(--red-on-night)}.rec-dot{background:var(--red);border-radius:50%;flex:none;width:12px;height:12px;position:relative}.rec-pill .rec-dot{background:var(--red-on-night)}.rec-dot:before{content:"";background:inherit;animation:mp-rec 1.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.rec-dot.is-paused:before{opacity:0;animation:none}.rec-dot.is-paused{background:var(--on-night-quiet)}.rec-countdown{z-index:3;background:var(--rec-veil);width:100%;color:var(--on-night);cursor:pointer;border:0;align-content:center;place-items:center;gap:8px;padding:0;display:grid;position:absolute;inset:0}.rec-count-num{font:400 120px / 1 var(--font-voice);font-variant-numeric:tabular-nums;animation:mp-count 1s var(--ease-out) both}.rec-count-hint{font-size:var(--step--1);opacity:.85}@media (prefers-reduced-motion:reduce){.rec-count-num{animation:none!important}}.rec-paused{z-index:3;place-content:center;justify-items:center;gap:var(--space-4);background:var(--rec-shade);display:grid;position:absolute;inset:0}.rec .rec-paused p{font:400 var(--step-4) / 1 var(--font-voice);color:var(--on-night);margin:0}.rec-player{position:relative}.rec-player-art{background:var(--surface);border-radius:inherit;pointer-events:none;place-items:start center;padding-top:12%;display:grid;position:absolute;inset:0}.rec-play-big{background:var(--rec-glass);width:88px;height:88px;color:var(--on-night);transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-press) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rec-play-big svg{fill:currentColor;width:40px;height:40px}.rec-play-big:active{transform:translate(-50%, -50%) scale(var(--press-scale))}.rec-play-big.is-playing{opacity:0}.rec-play-big.is-playing:focus-visible{opacity:1}.rec-player-bar{border-radius:var(--radius-round);background:var(--rec-glass);color:var(--on-night);font:600 var(--step--1) / 1 var(--font-ui);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid;position:absolute;inset:auto 12px 12px}.rec-player-time{white-space:nowrap}.rec-player.is-video{container-type:inline-size}@container (max-width:240px){.rec-play-big{width:56px;height:56px}.rec-play-big svg{width:26px;height:26px}.rec-player-bar{grid-template-columns:auto;justify-content:center;padding:6px 10px;inset:auto 6px 6px}.rec-player-track{display:none}}.rec-player-track{border-radius:var(--radius-round);background:var(--rec-line);height:4px;position:relative;overflow:hidden}.rec-player-track i{background:var(--on-night);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.rec-dock{padding:6px var(--gutter) calc(8px + env(safe-area-inset-bottom));color:var(--rec-fg);justify-items:center;gap:2px;display:grid}.stage>.rec-dock{padding-bottom:8px}.rec-dock.is-empty{min-height:8px;padding-block:0 8px}.rec-dock-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:min(100%,560px);display:grid}.rec-timer{font:600 var(--step-0) / 1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--rec-fg);justify-self:start;gap:6px;display:grid}.rec-timer .rec-clock-hint{font-weight:500;font-size:var(--step--1);color:var(--rec-quiet)}.rec-timer.is-warning .rec-clock{color:var(--rec-red)}.rec-dock-main{justify-items:center;gap:2px;display:grid}.rec-dock-side{justify-self:end}.rec-caption{font:500 var(--step--1) / 1.3 var(--font-ui);color:var(--rec-quiet)}.rec-flip{background:var(--rec-wash);width:56px;height:56px;color:var(--rec-fg);border:0;border-radius:50%;place-items:center;display:grid}.rec-flip svg{width:26px;height:26px}.rec-file-link{min-height:var(--tap-min);color:var(--rec-quiet);font:500 var(--step--1) / 1.3 var(--font-ui);text-underline-offset:3px;background:0 0;border:0;padding:0 12px;text-decoration:underline}span.rec-file-link{justify-content:center;align-items:center;display:inline-flex}@media (max-width:359px){.rec-file-link{letter-spacing:-.01em;padding-inline:2px}}.rec-file-error{text-align:center;max-width:30rem;font-size:var(--step--1);color:var(--error);margin:0}.rec.stage-night .rec-file-error{color:var(--on-night)}.rec .rec-review-bar .rec-note{text-align:center;font-size:var(--step--1);color:var(--rec-fg);margin:0}.record-btn{touch-action:manipulation;width:88px;height:88px;transition:transform var(--dur-press) var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.record-btn:active:not([aria-busy=true]){transform:scale(var(--press-scale))}.record-btn[aria-busy=true]{cursor:progress}.record-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.record-ring circle{fill:none;stroke-width:5px}.record-ring-track{stroke:var(--rec-track)}.record-ring-fill{stroke:var(--on-night);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));opacity:0}.record-btn.is-recording .record-ring-track{stroke:var(--rec-line)}.record-btn.is-recording .record-ring-fill{opacity:1}.record-btn.is-warning .record-ring-fill{stroke:var(--rec-red)}.record-core{background:var(--red);transition:transform var(--dur-2) var(--ease-out), border-radius var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;inset:11px}.record-btn.is-recording .record-core{border-radius:14px;transform:scale(.52)}.rec-audio{--rec-track:var(--red-tint)}.rec-voice,.rec-voice-wait{text-align:center;align-content:center;justify-items:center;gap:clamp(6px,1.6svh,14px);width:100%;height:100%;display:grid}.rec-voice-wait p{font-size:var(--step-1);margin:0}.level-medallion{--size:clamp(150px, 30svh, 232px);width:var(--size);height:var(--size);flex:none;position:relative}.level-medallion i{width:8px;height:18%;transform-origin:50% calc(var(--size) / 2);transform:rotate(var(--a));position:absolute;top:0;left:calc(50% - 4px)}.level-medallion i:before{content:"";background:var(--action);transform-origin:50% 100%;transform:scaleY(calc(.3 + var(--level,0) * var(--w,1) * .7));border-radius:4px;transition:transform 90ms linear;position:absolute;inset:0}.level-medallion.is-warning i:before{background:var(--red)}@media (prefers-reduced-motion:reduce){.level-medallion i:before{transition:none}}.level-core{background:var(--action-tint);transform:scale(calc(1 + var(--level,0) * .06));border-radius:50%;place-items:center;transition:transform 90ms linear;display:grid;position:absolute;inset:22%}.level-medallion.is-recording .level-core{background:var(--red-tint)}.rec-audio .rec-countdown{color:var(--ink);background:0 0;border-radius:50%}.rec-audio .rec-count-num{font-size:clamp(56px,14svh,88px)}.rec-audio .rec-count-hint{display:none}.rec-voice-clock{justify-items:center;line-height:1;display:grid}.rec-voice-time{font:400 clamp(44px, 12vw, 64px) / 1 var(--font-voice);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-voice)}.rec-voice-of{font-size:var(--step--1);color:var(--secondary);margin-top:4px}.rec-voice-clock.is-warning .rec-voice-time{color:var(--red)}.rec-audio .rec-pill{background:var(--red-tint);color:var(--red);-webkit-backdrop-filter:none;backdrop-filter:none;position:static;transform:none}.rec-audio .rec-pill.is-warning .rec-pill-time{color:var(--red)}.rec-audio .rec-pill .rec-dot{background:var(--red)}.rec-audio .rec-dot.is-paused{background:var(--secondary)}.rec-voice-caption{max-width:28ch;min-height:1.3em;font-size:var(--step-0);color:var(--secondary);margin:0;line-height:1.3}.record-btn.is-audio{width:92px;height:92px}.rec-audio .record-ring-fill{stroke:var(--red)}.rec-audio .record-btn.is-recording .record-ring-track{stroke:var(--red-tint)}.rec-voice-review{place-items:center;width:100%;height:100%;padding:0 8px;display:grid}.rec-player.is-audio{align-items:center;gap:var(--space-4);width:min(100%,560px);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:72px minmax(0,1fr);display:grid}.rec-play{background:var(--action);width:72px;height:72px;color:var(--surface);transition:transform var(--dur-press) var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid}.rec-play:active{transform:scale(var(--press-scale))}.rec-play svg{fill:currentColor;width:30px;height:30px}.rec-scrub{gap:6px;min-width:0;display:grid;position:relative}.rec-wave{align-items:center;gap:2px;height:48px;display:flex}.rec-wave i{min-width:2px;height:calc(var(--h,.2) * 100%);background:var(--border-strong);border-radius:2px;flex:1}.rec-wave i.is-played{background:var(--action)}.rec-scrub input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:48px;margin:0;position:absolute;inset:0 0 auto}.rec-scrub input[type=range]::-webkit-slider-runnable-track{background:0 0;height:48px}.rec-scrub input[type=range]::-moz-range-track{background:0 0;height:48px}.rec-scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--action);border-radius:3px;width:6px;height:48px}.rec-scrub input[type=range]::-moz-range-thumb{background:var(--action);border:0;border-radius:3px;width:6px;height:48px}.rec-scrub-time{font:600 var(--step--1) / 1 var(--font-ui);font-variant-numeric:tabular-nums}.rec-scrub-time span{color:var(--secondary);font-weight:400}@media (orientation:landscape) and (max-height:500px){.rec-video{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 120px}.rec-video>.rec-top{grid-column:1/-1;min-height:48px}.rec-video>.rec-body{grid-area:2/1}.rec-video>.rec-dock,.rec-video>.rec-review-bar{border-top:0;grid-area:2/2;align-content:center;padding:8px}.rec-video .rec-dock-row{grid-template-columns:1fr;justify-items:center}.rec-video .rec-timer,.rec-video .rec-dock-side{justify-self:center}.rec-video .rec-file-link{display:none}}@media (min-width:768px){.rec-video{--rec-track:var(--border-strong)}.rec-video .rec-body{padding:8px var(--gutter)}.rec-video .rec-frame{height:min(70vh,720px,100%)}.rec-video .rec-preview,.rec-video .rec-player.is-video{box-shadow:var(--shadow-2)}.rec-video .rec-flip{background:var(--warm)}.rec-video .record-btn.is-recording .record-ring-track{stroke:var(--border)}.rec-video .record-ring-fill{stroke:var(--action)}}.writer{grid-template-rows:auto auto minmax(0,1fr) auto}.writer-q{padding:0 var(--gutter) 10px}.writer-paper{min-height:0;margin:0 var(--gutter);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);box-shadow:var(--shadow-1);display:grid;position:relative}.writer-paper:after{content:"";border:2px solid var(--action);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.writer.is-empty-send .writer-paper:after{animation:rec-pulse 1.2s var(--ease-in-out) 2}@keyframes rec-pulse{0%,to{opacity:0}50%{opacity:1}}.writer-text{border-radius:inherit;resize:none;overscroll-behavior:contain;background:linear-gradient(transparent calc(1.6em - 1px), var(--border) 0) 0 18px / 100% 1.6em local, var(--surface);width:100%;height:100%;min-height:0;color:var(--ink);font:400 max(16px, 1.25rem) / 1.6 var(--font-voice);letter-spacing:var(--tracking-voice);border:0;margin:0;padding:18px 18px 24px;display:block;overflow-y:auto}.writer-text::placeholder{color:var(--secondary);opacity:1}.writer-paper>.airmail-edge{display:none}.writer-ghost{border-radius:var(--radius-round);background:var(--warm);color:var(--secondary);font:500 var(--step--1) / 1.2 var(--font-ui);white-space:nowrap;border:0;padding:8px 14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.writer-bar{border-top-color:var(--border)}.writer-status{font-size:var(--step--1);color:var(--secondary);animation:mp-fade var(--dur-3) var(--ease-out) both;margin:0;line-height:1.3}.writer-empty{color:var(--error);font-weight:600}@media (max-width:359px){.writer-status:empty{display:none}}@media (min-width:768px){.writer{grid-template-columns:min(720px, calc(100% - 2 * var(--gutter)));justify-content:center;padding-block:8px 24px}.writer-q,.writer-paper{margin:0;padding-inline:0}.writer-paper{box-shadow:var(--shadow-2);overflow:hidden}.writer-paper>.airmail-edge{z-index:1;pointer-events:none;display:block;position:absolute;inset:0 0 auto}.writer-text{background-position:0 28px,0 0;padding:28px 32px 32px;font-size:1.375rem}.writer-bar{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface);box-shadow:var(--shadow-2);border-top:0;padding-inline:20px}}.upload-fallback .upload-hint{margin:0 0 var(--space-3);color:var(--secondary)}.upload-fallback video,.upload-fallback img{border-radius:var(--radius-s);background:var(--warm);width:100%;max-height:320px;display:block}.upload-fallback audio{width:100%}.upload-fallback .airmail-progress{margin-top:var(--space-2)}.upload-actions{margin-top:var(--space-3);flex-wrap:wrap;gap:10px;display:flex}dialog.recorder-layer{background:var(--canvas);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.recorder-layer::backdrop{background:var(--canvas)}.writer:has(.writer-extra){grid-template-rows:auto auto minmax(0,1fr) auto auto}.writer-extra{margin:0 var(--gutter);border-radius:0 0 var(--radius) var(--radius);background:var(--surface);box-shadow:var(--shadow-1);padding-bottom:4px}.writer-extra .photo-add{padding:2px 16px 8px}html[data-keyboard=open] .writer-extra .photo-ok{display:none}
.reply-landing,.reply-receipt{width:100%;max-width:560px;min-height:var(--app-h-min);padding:0 var(--gutter) calc(24px + env(safe-area-inset-bottom));margin-inline:auto}.reply-landing{grid-template-rows:auto 1fr;display:grid}.reply-header{min-height:56px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-wordmark{font-size:1.125rem}.reply-wordmark .brand-mark{width:32px;height:32px;margin-right:8px}@media (max-width:380px){.reply-wordmark-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.reply-help{min-height:var(--tap-min);border-radius:var(--radius-control);color:var(--action);font-weight:600;font-size:var(--step--1);text-underline-offset:3px;align-items:center;margin-right:-10px;padding-inline:10px;text-decoration:underline;display:inline-flex}.reply-landing-grid{align-content:start;gap:14px;padding-top:2px;display:grid}.reply-title{font-size:var(--step-4);color:var(--ink);margin:0}.reply-title:focus{outline:none}.reply-landing-card{min-width:0}.reply-card{border-radius:var(--radius);background:var(--warm);box-shadow:var(--shadow-1);--delay:.12s;overflow:hidden}.reply-card .unroll{display:block}.reply-card-body{justify-items:start;gap:10px;padding:14px 18px 16px;display:grid}.reply-question{color:var(--ink);font:400 var(--step-question) / 1.25 var(--font-voice);letter-spacing:var(--tracking-voice);text-wrap:pretty;display:block}.reply-question.is-clamped{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-more{min-height:var(--tap-min);color:var(--action);font:600 var(--step--1) / 1.3 var(--font-ui);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.reply-hear{min-height:var(--tap-comfort);border:2px solid var(--control-line);border-radius:var(--radius-round);background:var(--surface);color:var(--ink);font:600 var(--step-0) / 1.2 var(--font-ui);touch-action:manipulation;transition:transform var(--dur-press) var(--ease-out);align-items:center;gap:10px;padding:0 20px 0 8px;display:inline-flex}.reply-hear:active{transform:scale(var(--press-scale))}.reply-hear-icon{background:var(--action);width:40px;height:40px;color:var(--surface);border-radius:50%;place-items:center;display:grid}.reply-hear-video{border-radius:var(--radius-control);background:var(--night);width:100%;max-height:70vh;display:block}.reply-prompt{color:var(--ink);font:600 var(--step-1) / 1.3 var(--font-ui);margin:6px 0 0}.reply-landing-pick{gap:12px;min-width:0;display:grid}.reply-privacy{font-size:var(--step--1);margin:0;line-height:1.45}.reply-error{margin:0}.reply-single{gap:12px;display:grid}.reply-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite rp-spin}@keyframes rp-spin{to{transform:rotate(360deg)}}.choice[aria-busy=true] .choice-sub{color:var(--action);font-weight:600}.reply-gone{align-content:start;justify-items:start;gap:12px;padding-top:24px;display:grid}.reply-gone h1{color:var(--ink);margin:0}.reply-gone p{font-size:var(--step-1);margin:0}.reply-gone>.button.block{margin-top:8px}.reply-gone-status:empty{display:none}.reply-loading{gap:16px;padding-top:72px;display:grid}.reply-loading-card{border-radius:var(--radius);height:150px}@media (min-width:768px){.reply-landing{max-width:920px}.reply-landing-grid{grid-template:"card title""card pick"1fr/minmax(0,55fr) minmax(0,45fr);align-content:center;gap:16px 48px;padding-block:24px 56px}.reply-title{font-size:var(--step-5);grid-area:title;align-self:end}.reply-landing-card{grid-area:card;align-self:center}.reply-landing-pick{grid-area:pick;align-self:start}.reply-card{box-shadow:var(--shadow-2);transform:rotate(-1.2deg)}.reply-card-body{gap:16px;padding:28px 32px 32px}.reply-question.is-clamped{-webkit-line-clamp:7;line-clamp:7}.reply-loading{width:min(560px,100%);margin-inline:auto}}@media (max-width:767px){.reply-landing .choice{min-height:clamp(76px,12svh,112px)}.reply-card-body:has(.reply-hear) .reply-question.is-clamped{-webkit-line-clamp:3;line-clamp:3}}@media (max-width:767px) and (max-height:700px){.reply-question.is-clamped{-webkit-line-clamp:4;line-clamp:4}.reply-card-body:has(.reply-hear) .reply-question.is-clamped{-webkit-line-clamp:3;line-clamp:3}.reply-card-body{gap:4px;padding:10px 16px 6px}.reply-landing-grid,.reply-landing-pick{gap:8px}.reply-landing .choice{grid-template-columns:48px minmax(0,1fr) 16px;gap:10px;min-height:76px;padding-block:8px}.reply-landing .choice-icon{width:48px;height:48px}.reply-landing .choice-icon svg{width:26px;height:26px}}@media (max-width:767px) and (max-height:620px){.reply-question{font-size:var(--step-2)}.reply-question.is-clamped{-webkit-line-clamp:4;line-clamp:4}.reply-landing{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.reply-header{min-height:var(--tap-min)}.reply-title{font-size:var(--step-3)}.reply-prompt{margin-top:0}.reply-landing .choice{min-height:72px}.reply-landing .choice-label{font-size:var(--step-1)}.reply-landing:has(.reply-hear) .reply-prompt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reply-card-body:has(.reply-hear) .reply-question.is-clamped{-webkit-line-clamp:2;line-clamp:2}.reply-hear{min-height:48px}.reply-hear-icon{width:34px;height:34px}}.recorder-host{display:contents}.reply-file-body{overscroll-behavior:contain;min-height:0;padding:0 var(--gutter) calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.reply-file-inner{gap:14px;max-width:560px;margin-inline:auto;display:grid}.reply-file-inner>.illustration{justify-self:center}.reply-file-q{color:var(--ink);font:400 var(--step-1) / 1.35 var(--font-voice);text-align:center;margin:0}.reply-receipt{align-content:start;gap:20px;display:grid}.sent{text-align:center;justify-items:center;gap:6px;display:grid;overflow-x:clip}.sent-title{color:var(--ink);margin:0}.sent-title:focus{outline:none}.sent-line{font-size:var(--step-1);margin:0}.sent-moment{aspect-ratio:10/7;perspective:900px;-webkit-tap-highlight-color:transparent;width:min(280px,78vw);margin:56px 0 14px;position:relative}.env{position:absolute;inset:0}.env-back{background:var(--warm-deep);box-shadow:var(--shadow-2);border-radius:10px;position:absolute;inset:0}.env-flap-open{background:color-mix(in srgb, var(--warm-deep) 70%, var(--border-strong));clip-path:polygon(0 100%,50% 0,100% 100%);height:58%;position:absolute;bottom:100%;left:0;right:0}.env-card{background:var(--surface);box-shadow:var(--shadow-1);text-align:left;border-radius:6px;align-content:start;gap:6px;padding:12px 14px;display:grid;position:absolute;inset:7% 7% 6%}.env-card-q{-webkit-line-clamp:3;line-clamp:3;color:var(--ink);font:400 .9375rem / 1.35 var(--font-voice);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.env-card-from{color:var(--secondary);font:400 .9375rem / 1.3 var(--font-voice)}.env-pocket{background:var(--warm);clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);border-radius:10px;position:absolute;inset:0}.env-to{border-bottom:1px solid var(--border-strong);color:var(--ink);font:400 1.25rem / 1.2 var(--font-voice);letter-spacing:var(--tracking-voice);padding:0 18px 2px 0;position:absolute;bottom:13%;left:9%}.env-flap{background:color-mix(in srgb, var(--warm-deep) 70%, var(--border-strong));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;backface-visibility:visible;height:64%;position:absolute;inset:0 0 auto}.env-stamp{--postmark-ground:var(--warm);position:absolute;bottom:9%;right:7%}.env-burst{width:0;height:0;position:absolute;bottom:calc(9% + 28px);right:calc(7% + 28px)}.env-burst i{border-top:3px solid var(--red);border-left:3px solid var(--red);opacity:0;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.env-burst i[data-tone=blue]{border-color:var(--airmail-blue)}.sent-moment.is-playing .env-card{animation:mp-sink .36s var(--ease-paper) both}.sent-moment.is-playing .env-flap-open{animation:.3s step-end both rp-gone-at}.sent-moment.is-playing .env-flap{animation:rp-here-at .3s steps(1, end) both, mp-flap .38s var(--ease-in-out) .3s both}.sent-moment.is-playing .env-burst i{animation:mp-burst .62s var(--ease-out) .88s backwards}.sent-moment.is-playing .env{animation:mp-lift .36s var(--ease-paper) 1s both}@keyframes rp-gone-at{0%{opacity:1}to{opacity:0}}@keyframes rp-here-at{0%{opacity:0}to{opacity:1}}.askback-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.askback-inner{padding:var(--space-fluid-s);gap:12px;display:grid}.askback-inner h2{color:var(--ink);font-size:var(--step-3);margin:0}.askback-suggest{gap:6px;margin:0;display:grid}.askback-suggest figcaption{color:var(--secondary);font-size:var(--step--1)}.askback-chip{border-left:3px solid var(--red);color:var(--ink);font:400 var(--step-1) / 1.35 var(--font-voice);margin:0;padding:2px 0 2px 14px}.askback-own{min-height:var(--tap-min);color:var(--action);font:600 var(--step-0) / 1 var(--font-ui);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.askback-field textarea{border:2px solid var(--border-input);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:112px;color:var(--ink);font:400 max(16px, 1.1875rem) / 1.45 var(--font-voice);padding:12px 14px}.askback-field textarea[aria-invalid=true]{border-color:var(--error)}.askback-hint{color:var(--error);font-size:var(--step--1);margin:0;font-weight:600}.askback-count,.askback-privacy{font-size:var(--step--1);margin:0}.send-screen{grid-template-rows:auto minmax(0,1fr) auto}.send-title{color:var(--secondary);font:600 var(--step--1) / 1.2 var(--font-ui);letter-spacing:var(--tracking-label);text-align:center;text-transform:uppercase;margin:0}.send-title:focus{outline:none}.send-body{min-height:0;padding:4px var(--gutter) 8px;display:grid;overflow:hidden}.send-media{--rec-glass:color-mix(in srgb, var(--night) 80%, transparent);--rec-well:color-mix(in srgb, var(--night) 82%, black);--rec-line:color-mix(in srgb, var(--on-night) 25%, transparent);--rec-wash:color-mix(in srgb, var(--on-night) 12%, transparent);place-items:center;width:100%;max-width:560px;min-height:0;margin-inline:auto;display:grid}.send-media.is-video{height:100%;animation:mp-rise var(--dur-2) var(--ease-out) both;container-type:size}.send-media.is-video .rec-player{box-shadow:var(--shadow-1)}.send-words{overscroll-behavior:contain;border-radius:var(--radius);background:var(--surface);width:100%;max-width:560px;min-height:0;max-height:100%;box-shadow:var(--shadow-1);font:400 var(--step-1) / 1.6 var(--font-voice);white-space:pre-wrap;overflow-wrap:anywhere;animation:mp-rise var(--dur-2) var(--ease-out) both;align-self:start;margin-inline:auto;padding:18px 20px 22px;position:relative;overflow-y:auto}.send-words p{margin:0}.send-photo{float:right;border:6px solid var(--surface);width:38%;max-width:160px;box-shadow:var(--shadow-2);border-radius:4px;margin:2px 0 10px 14px;transform:rotate(2deg)}.send-bar{border-top:0;gap:8px;width:100%;max-width:560px;margin-inline:auto}.send-from{min-height:var(--tap-min);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:400 var(--step-0) / 1.3 var(--font-ui);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.send-from strong{font-weight:600}.send-from svg{color:var(--secondary);flex:none}.send-from-edit{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.send-consent{color:var(--ink);font-size:var(--step-0);margin:4px 0 0;line-height:1.45}.send-bar .button.quiet{justify-self:center}@media (max-height:620px){.send-bar{gap:6px;padding-top:6px}.send-from{min-height:var(--tap-min)}}.photo-add{padding:8px var(--gutter) 0;gap:6px;display:grid}.photo-add-button{min-height:var(--tap-min);color:var(--action);font:600 var(--step-0) / 1 var(--font-ui);text-underline-offset:3px;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;padding:0 4px;text-decoration:underline;display:inline-flex}.photo-thumb{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;display:grid}.photo-thumb img{object-fit:cover;border:4px solid var(--surface);width:64px;height:64px;box-shadow:var(--shadow-1);border-radius:4px;transform:rotate(-2deg)}.photo-thumb-side{gap:4px;display:grid}.photo-actions{gap:16px;display:flex}.photo-actions .text-link{min-height:var(--tap-min);font:600 var(--step-0) / 1 var(--font-ui);background:0 0;border:0;padding:0}.photo-status{color:var(--secondary);font-size:var(--step--1);margin:0}.photo-bar{background:var(--warm-deep);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.photo-bar i{background:var(--action);transform-origin:0;height:100%;transition:transform var(--dur-2) var(--ease-out);display:block}.photo-ok{color:var(--secondary);font-size:var(--step--1);margin:0}.reply-sent{grid-template-rows:none;align-content:start;gap:20px}.reply-done{padding-bottom:8px}.sent-page{grid-template-rows:none;align-content:start;gap:24px}.sent-head{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);gap:8px;padding:20px 20px 22px;display:grid;position:relative}.sent-head-mark{position:absolute;top:12px;right:14px}.sent-head-title{font:400 var(--step-4) / var(--leading-tight) var(--font-voice);letter-spacing:var(--tracking-voice);margin:0;padding-right:72px}.sent-head-title:focus{outline:none}.sent-thanked{color:var(--success);margin:0;font-weight:600}.sent-answer,.sent-answer-body{gap:14px;display:grid}.sent-answer-body :is(video,img){object-fit:contain;border-radius:var(--radius-s);width:100%;max-height:60vh}.sent-answer-body img{border:8px solid var(--surface);width:auto;max-width:100%;max-height:min(52vh,420px);box-shadow:var(--shadow-2);border-radius:4px;justify-self:center;transform:rotate(-1deg)}.sent-answer-body video{background:var(--night)}.sent-answer-body audio{width:100%}.sent-words{font:400 var(--step-1) / 1.6 var(--font-voice);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sent-askback{padding:var(--space-fluid-s);border-radius:var(--radius);background:var(--warm);gap:8px;display:grid}.sent-askback-label,.sent-askback-status{color:var(--secondary);font-size:var(--step--1);margin:0}.sent-askback-status[data-tone=ok]{color:var(--success);font-weight:600}.sent-askback-q{font:400 var(--step-2) / var(--leading-snug) var(--font-voice);overflow-wrap:anywhere;margin:0}.sent-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.sent-foot .text-link{min-height:var(--tap-min);align-items:center;display:inline-flex}.sent-other-device{color:var(--secondary);font-size:var(--step--1);margin:0;padding-block:12px}.sent-other-device a{color:var(--action);font-weight:600}.capture-choose{grid-template-rows:auto auto 1fr}.capture-top{align-items:center;min-height:56px;margin-left:-8px;display:flex}.capture-close{width:48px;height:48px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.capture-voice{min-height:var(--tap-min);border:1px solid var(--action-line);border-radius:var(--radius-round);background:var(--action-tint);color:var(--action);font:600 var(--step--1) / 1 var(--font-ui);align-items:center;gap:8px;margin-top:12px;padding:0 16px;display:inline-flex}@media (max-height:600px){.capture-top{min-height:44px}.capture-voice{margin-top:8px}.capture .reply-privacy{display:none}}@media (max-width:767px){body:has(.capture) .app-header{display:none}.app-main:has(>.capture){width:100%;padding:0}}.sent-save-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (prefers-reduced-motion:no-preference){.sent-save-list li{animation:mp-fade var(--dur-1) var(--ease-out) both}}.anon-have-account{color:var(--ink);font:400 var(--step-0) / 1.45 var(--font-ui);margin:0}.anon-have-account .text-link{min-height:var(--tap-min);align-items:center;font-weight:600;display:inline-flex}