.fb{--fb-ink:var(--color-sky-900);--fb-muted:color-mix(in oklab, var(--color-sky-900), white 32%);--fb-accent:var(--color-sky-600);--fb-line:var(--color-line-200);--fb-surface:#fff;--fb-mark:color-mix(in oklab, var(--color-orange-100), var(--color-orange-500) 22%);--fb-online:#1f9d55;--fb-ease-out:cubic-bezier(.16, 1, .3, 1);--fb-spring:var(--fb-ease-out);--fb-card-w:min(80vw, 22rem);--fb-spread:14px;--fb-shadow:0 1px 2px #0e32530f, 0 14px 34px -14px #0e325338;isolation:isolate;color:var(--fb-ink);background:linear-gradient(180deg, #fff 0%, var(--color-sky-50) 100%);position:relative;overflow-x:clip}.fb:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklab, var(--color-sky-300), transparent 45%) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(60% 70% at 72%,#000 0%,#0000 100%)}.fb-inner{max-width:80rem;margin-inline:auto;padding:clamp(4.5rem,8vw,7.5rem) 1rem;display:grid}.fb-copy{display:contents}.fb-kicker,.fb-title,.fb-subtitle{order:1}.fb-stage{order:2;margin-top:2.5rem}.fb-chat{order:3;margin-top:2.25rem}.fb-controls{order:4;margin-top:1.75rem}.fb-all{order:5;margin-top:1.25rem}@media (width>=640px){.fb-inner{padding-inline:1.5rem}.fb{--fb-card-w:26rem;--fb-spread:20px}}@media (width>=1024px){.fb{--fb-card-w:29rem;--fb-spread:26px}.fb-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(3rem,5vw,5rem);padding-inline:2rem}.fb-copy{display:block}.fb-stage{margin-top:0}.fb-chat{margin-top:2.75rem}.fb-controls{margin-top:2rem}.fb-all{margin-top:1.5rem}}@media (width>=1280px){.fb{--fb-card-w:32rem;--fb-spread:28px}}.fb-kicker{border:1px solid var(--fb-line);background:var(--fb-surface);color:var(--fb-accent);border-radius:999px;justify-self:start;align-items:center;gap:.625rem;margin:0 0 1.125rem;padding:.375rem .875rem .375rem .75rem;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.fb-kicker-dot{background:var(--fb-online);border-radius:50%;width:8px;height:8px;position:relative}.fb-kicker-dot:after{content:"";border-radius:inherit;background:var(--fb-online);animation:fb-ping 2.4s var(--fb-ease-out) infinite;position:absolute;inset:0}.fb-title{letter-spacing:-.02em;text-wrap:balance;color:var(--fb-ink);margin:0;font-size:clamp(1.875rem,1.25rem + 2.2vw,2.875rem);font-weight:700;line-height:1.15}.fb-subtitle{max-width:34rem;color:var(--fb-muted);text-wrap:pretty;margin:.875rem 0 0;font-size:1.0625rem;line-height:1.65}.fb-chat{grid-template-columns:40px minmax(0,1fr);align-items:end;column-gap:.75rem;display:grid}.fb-avatar{background:var(--color-sky-100);width:40px;height:40px;color:var(--color-sky-500);box-shadow:0 0 0 3px var(--fb-surface);border-radius:50%;place-items:center;display:grid}.fb-avatar svg{width:22px;height:22px}.fb-bubbles{align-items:end;display:grid}.fb-bubbles>*{grid-area:1/1}.fb-quote{background:var(--fb-surface);box-shadow:var(--fb-shadow);transform-origin:0 100%;border-radius:22px 22px 22px 6px;margin:0;padding:1rem 1.25rem .875rem;position:relative}.fb-quote:not(.is-active){display:none}.fb-quote-text{letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:clamp(1.125rem,1rem + .45vw,1.3125rem);font-weight:500;line-height:1.55}.fb-quote .qw-mark{color:inherit;background:linear-gradient(transparent 56%, var(--fb-mark) 56%, var(--fb-mark) 92%, transparent 92%) no-repeat 0 0 / 100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.06em;padding:0 .12em;font-weight:650}.fb-quote-meta{color:var(--fb-muted);font-variant-numeric:tabular-nums;gap:.375rem;margin-top:.5rem;font-size:.8125rem;line-height:1.4;display:flex}.fb-reaction{background:var(--fb-surface);box-shadow:0 0 0 1px var(--color-line-100), 0 4px 10px -4px #0e325340;color:var(--fb-muted);font-variant-numeric:tabular-nums;opacity:0;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem .125rem .375rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex;position:absolute;bottom:-.75rem;right:1rem;transform:scale(.4)}.fb-reaction svg{width:14px;height:14px;color:var(--color-orange-500)}.fb-typing{background:var(--fb-surface);box-shadow:var(--fb-shadow);transform-origin:0 100%;opacity:0;visibility:hidden;border-radius:20px 20px 20px 6px;justify-self:start;gap:5px;padding:.95rem 1.1rem;display:inline-flex;transform:scale(.5)}.fb-typing span{background:var(--color-sky-300);border-radius:50%;width:7px;height:7px}.fb-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:.25rem;display:flex}.fb-segments{flex:1 0 100%;gap:6px;display:flex}.fb-seg{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;min-width:24px;height:44px;padding:0;display:flex}.fb-seg-track{background:color-mix(in oklab, var(--color-sky-200), transparent 25%);width:100%;height:4px;transition:transform .2s var(--fb-ease-out), background-color .2s;border-radius:4px;display:block;position:relative;overflow:hidden}.fb-seg:hover .fb-seg-track{background:var(--color-sky-200);transform:scaleY(1.6)}.fb-seg:focus-visible{outline:none}.fb-seg:focus-visible .fb-seg-track{outline:2px solid var(--fb-accent);outline-offset:4px}.fb-seg-fill{background:var(--fb-accent);border-radius:inherit;transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.fb-seg.is-done .fb-seg-fill,.fb-seg.is-current .fb-seg-fill{transform:scaleX(1)}.fb--autoplay .fb-seg.is-current .fb-seg-fill{animation:fb-progress var(--fb-interval) linear both}.fb--paused .fb-seg.is-current .fb-seg-fill{animation-play-state:paused}.fb-counter{color:var(--fb-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem;font-weight:600}.fb-counter [data-fb-current]{min-width:2ch;color:var(--fb-ink);font-size:1.375rem;font-weight:700;display:inline-block}.fb-counter-sep{color:var(--color-sky-300);margin-inline:.375rem}.fb-buttons{gap:.5rem;display:flex}.fb-btn{border:1px solid var(--fb-line);background:var(--fb-surface);width:44px;height:44px;color:var(--color-sky-700);cursor:pointer;transition:background-color .2s var(--fb-ease-out), border-color .2s var(--fb-ease-out), color .2s var(--fb-ease-out), transform .2s var(--fb-ease-out), box-shadow .2s var(--fb-ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.fb-btn svg{width:20px;height:20px}.fb-btn[hidden],.fb-btn svg[hidden]{display:none}.fb-btn:hover{background:var(--fb-accent);border-color:var(--fb-accent);color:#fff;box-shadow:0 10px 18px -10px color-mix(in oklab, var(--fb-accent), transparent 20%);transform:translateY(-2px)}.fb-btn:active{transition-duration:.1s;transform:translateY(0)scale(.94)}.fb-btn:focus-visible,.fb-all:focus-visible,.fb-card-button:focus-visible{outline:2px solid var(--fb-accent);outline-offset:3px}.fb-btn--ghost{color:var(--fb-muted);background:0 0;border-color:#0000}.fb-all{border:1px solid var(--fb-line);background:var(--fb-surface);min-height:44px;color:var(--fb-accent);transition:background-color .2s var(--fb-ease-out), color .2s var(--fb-ease-out), border-color .2s var(--fb-ease-out);border-radius:999px;justify-self:start;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:600;display:inline-flex}.fb-all svg{width:18px;height:18px;transition:transform .26s var(--fb-ease-out)}.fb-all:hover{background:var(--fb-accent);border-color:var(--fb-accent);color:#fff}.fb-all:hover svg{transform:translate(4px)}.fb-stage{min-width:0;position:relative}.fb-glow{z-index:-1;background:radial-gradient(closest-side at 55% 50%, color-mix(in oklab, var(--color-sky-200), transparent 30%), transparent), radial-gradient(closest-side at 30% 70%, color-mix(in oklab, var(--color-orange-100), transparent 55%), transparent 70%);pointer-events:none;position:absolute;inset:-12% -8%}.fb-deck{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin:0;padding:.5rem 0 1rem;list-style:none;display:flex;overflow-x:auto}.fb-deck::-webkit-scrollbar{display:none}.fb-card{flex:0 0 var(--fb-card-w);scroll-snap-align:center}.fb-card-button{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;width:100%;padding:0;display:block}.fb-card-tilt{background:var(--fb-surface);transform:perspective(1000px) rotateX(var(--fb-tilt-x,0deg)) rotateY(var(--fb-tilt-y,0deg));transition:transform .6s var(--fb-ease-out), box-shadow .4s var(--fb-ease-out);border-radius:20px;padding:6px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e325314,0 26px 50px -24px #0e325361}.fb-card-tilt img{width:100%;height:auto;aspect-ratio:var(--fb-ratio);user-select:none;-webkit-user-drag:none;pointer-events:none;border-radius:14px;display:block}.fb-card-shade,.fb-card-glare{pointer-events:none;position:absolute;inset:0}.fb-card-shade{background:var(--color-sky-900);opacity:var(--fb-shade,0);transition:opacity .5s var(--fb-ease-out)}.fb-card-glare{background:radial-gradient(42% 52% at var(--fb-glare-x,50%) var(--fb-glare-y,0%), #ffffff38, transparent);opacity:0;transition:opacity .4s var(--fb-ease-out)}.fb-hint{display:none}.fb--armed .fb-deck{height:calc(var(--fb-card-w) * .8 + var(--fb-spread) * 3 + 1.5rem);touch-action:pan-y;padding:0;display:block;position:relative;overflow:visible}.fb--armed .fb-card{width:var(--fb-card-w);transform-origin:50% 80%;position:absolute;top:50%;left:50%;translate:-50% -50%}.fb--armed .fb-card.is-front .fb-card-button{cursor:grab}.fb--armed .fb-card.is-dragging .fb-card-button{cursor:grabbing}.fb--armed .fb-card.is-front .fb-card-tilt{box-shadow:0 1px 2px #0e325314,0 34px 60px -26px #0e32537a}.fb--armed .fb-card.is-front.is-tilting .fb-card-glare{opacity:1}.fb--armed .fb-card.is-tilting .fb-card-tilt{transition-duration:.16s}@media (pointer:coarse){.fb--armed .fb-hint{color:var(--fb-muted);transition:opacity .3s var(--fb-ease-out);justify-content:center;align-items:center;gap:.375rem;margin:.5rem 0 0;font-size:.8125rem;font-weight:500;display:flex}.fb--armed .fb-hint svg{width:18px;height:18px;animation:fb-nudge 1.8s var(--fb-ease-out) 3 1.2s}.fb--swiped .fb-hint{opacity:0}}.fb--armed .fb-quote:not(.is-active){display:block}.fb--armed .fb-quote{opacity:0;visibility:hidden;transition:opacity .2s var(--fb-ease-out), transform .26s var(--fb-ease-out), visibility 0s linear .26s;transform:translateY(12px)scale(.9)}.fb--armed .fb-quote.is-active{opacity:1;visibility:visible;transition:opacity .24s var(--fb-ease-out), transform .64s var(--fb-spring), visibility 0s;transform:none}.fb--armed .fb-quote.is-leaving{opacity:0;visibility:visible;transform:translateY(-16px)scale(.97)}.fb--armed .qw-w{opacity:0;display:inline-block;transform:translateY(.45em)}.fb--armed .fb-quote.is-active .qw-w{opacity:1;transition:opacity .36s var(--fb-ease-out), transform .56s var(--fb-spring);transition-delay:calc(min(var(--w), 26) * 24ms + .14s);transform:none}.fb--armed .fb-quote.is-leaving .qw-w,.fb--armed .fb-quote.is-leaving .fb-reaction{opacity:1;transform:none}.fb--armed .fb-quote .qw-mark{background-size:0% 100%}.fb--armed .fb-quote.is-leaving .qw-mark{background-size:100% 100%}.fb--armed .fb-quote.is-marked .qw-mark{transition:background-size .72s var(--fb-ease-out);background-size:100% 100%}.fb--armed .fb-quote.is-reacted .fb-reaction{opacity:1;transition:opacity .16s var(--fb-ease-out), transform .52s var(--fb-spring);transform:none}.fb--armed .fb-typing.is-typing{opacity:1;visibility:visible;transition:opacity .16s var(--fb-ease-out), transform .48s var(--fb-spring), visibility 0s;transform:none}.fb--armed .fb-typing:not(.is-typing){transition:opacity .14s var(--fb-ease-out), transform .18s var(--fb-ease-out), visibility 0s linear .18s}.fb--armed .fb-typing.is-typing span{animation:fb-typing 1s var(--fb-ease-out) infinite}.fb--armed .fb-typing.is-typing span:nth-child(2){animation-delay:.14s}.fb--armed .fb-typing.is-typing span:nth-child(3){animation-delay:.28s}@media (prefers-reduced-motion:reduce){.fb--armed .fb-quote,.fb--armed .fb-quote.is-active,.fb--armed .fb-quote.is-leaving{filter:none;transition:opacity .2s linear,visibility 0s linear .2s;transform:none}.fb--armed .fb-quote.is-active{transition:opacity .2s linear,visibility}.fb--armed .qw-w,.fb--armed .fb-quote.is-active .qw-w{opacity:1;filter:none;transition:none;transform:none}.fb--armed .fb-quote .qw-mark{background-size:100% 100%}.fb--armed .fb-reaction{opacity:1;transform:none}.fb-card-tilt,.fb-btn,.fb-all svg{transition:none}}@keyframes fb-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fb-ping{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes fb-typing{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes fb-nudge{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(-8px)rotate(-12deg)}}