@layer components{.sheet{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.fp-foot,.ov-foot,.step-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.overlay,.detail.panel{inset:calc(10px + env(safe-area-inset-top)) 0 0}.cta{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.panel-page{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.bar-pill{bottom:calc(18px + env(safe-area-inset-bottom))}.g-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;width:100%;height:100%;display:flex;overflow:auto hidden}.g-track::-webkit-scrollbar{display:none}.g-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;height:100%;display:block}}html.sheet-open{scrollbar-gutter:stable;overflow:hidden}.top-bar{transition:translate .34s var(--ease-brand);translate:0 calc(-100% - 14px)}html[data-top=show] .top-bar{translate:0}html[data-top] .top-icons{transition:translate .34s var(--ease-brand)}html[data-top-soft] .top-icons{transition:translate .34s var(--ease-brand), opacity .25s linear}html[data-top-instant] .top-bar,html[data-top-instant] .top-icons{transition:none}html[data-top=film] .top-icons{opacity:var(--top-show,1)}html[data-top=film][data-top-keep] .top-icons{opacity:1}html[data-top=film][data-top-faint]:not([data-top-keep]) .top-icons{pointer-events:none}html[data-top=hide] .top-icons{translate:0 -70px}.top-bar:has(:focus-visible){translate:0}html[data-top] .top-icons:has(:focus-visible){opacity:1;pointer-events:auto;translate:0}.new-craves{transition:top .34s var(--ease-brand)}html[data-top=show] .new-craves{top:70px}html{scroll-padding:72px 0 calc(96px + env(safe-area-inset-bottom))}@media (min-width:900px){html[data-top=hide] .top-icons{translate:0 -84px}html[data-top=show] .new-craves{top:84px}html{scroll-padding:88px 0 104px}}html[data-place-open] .top-bar,html[data-place-open] .intro-top{z-index:42}html[data-place-open] .top-icons{z-index:43}@media not (min-width:900px){html[data-place-open] .top-bar{box-shadow:none}}html.locked,html.modal{scroll-padding:0}html.front-chat-focus{scroll-padding-bottom:0}.search-dock{transition:translate .34s var(--ease-brand)}html:not([data-foot=dock],[data-foot=move]) .search-dock,html[data-foot=move] .front-chat,html[data-foot=dock] .front-chat{opacity:0;pointer-events:none}html[data-foot=move] .search-dock{pointer-events:none}html[data-foot-low] .search-dock{translate:0 12px}html[data-foot-alone] .search-dock{transition:translate .34s var(--ease-brand), opacity .3s linear}html[data-foot-instant] .search-dock{transition:none}html[data-search]{scrollbar-gutter:stable;overflow:hidden}html[data-search] .new-craves{visibility:hidden}html[data-search=open] .search-pill{opacity:0}@keyframes search-in{0%{opacity:0;transform:translateY(10px)}}@keyframes appear{0%{opacity:0}}@keyframes glyph-in{0%{opacity:0;transform:scale(.55)rotate(-8deg)}}@keyframes fade{0%{opacity:0;transform:translateY(18px)}}@keyframes pulse{50%{opacity:.35}}@keyframes rise-out{to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes step-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes step-level{0%{opacity:0;transform:translateY(3px)scaleX(.5)}}@keyframes step-lid{45%{transform:translate(-1px,-4px)rotate(-14deg)}}@keyframes step-vapor{0%{opacity:0;transform:translateY(3px)}40%{opacity:1}to{opacity:0;transform:translateY(-5px)}}@keyframes hat-look{25%{transform:rotate(-9deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-2deg)}}@keyframes turn-back{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.live-chip{background:var(--color-saffron)}.live-dot{background:var(--color-ink);border-radius:50%;width:7px;height:7px;margin-left:1px;animation:1.4s ease-in-out infinite live-blink;display:block}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.12}}@keyframes near-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes near-in{0%{opacity:0;transform:translate(-6px)}}.feed-note[data-pop=armed],.feed-note[data-pop=armed] :is(.how-part,.how-word){opacity:0}.feed-note[data-pop=on]{animation:how-pop .75s var(--ease-brand) both}.feed-note[data-pop=on] :is(.how-part,.how-word){animation:how-part .6s var(--ease-brand) both;animation-delay:calc(.14s + var(--i,0) * 85ms)}.feed-note[data-pop=on] .how-word{animation-name:how-word}@keyframes how-pop{0%{opacity:0;transform:translateY(24px)scale(.94)}55%{opacity:1;transform:translateY(-3px)scale(1.012)}to{opacity:1;transform:none}}@keyframes how-part{0%{opacity:0;transform:translateY(6px)scale(.7)}55%{opacity:1;transform:translateY(-1px)scale(1.1)}to{opacity:1;transform:none}}@keyframes how-word{0%{opacity:0;transform:translateY(10px)}}@keyframes pen-write{25%{transform:translate(-1.5px,.5px)rotate(-9deg)}55%{transform:translate(1.5px)rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes w-bar{0%{opacity:.4;width:8%}45%{opacity:1;width:64%}to{width:30%}}html.modal,html.overlay-open,html.past-open{overflow:hidden}@media (max-width:899px){html.locked{overflow:hidden}}