.pick-page{background:var(--color-bg)}.pick-mark{background:linear-gradient(#0000 58%,#ff7a5980 58% 92%,#0000 92%)}html[data-theme=light] .pick-mark{background:linear-gradient(#0000 58%,#ffd58b 58% 92%,#0000 92%)}.pick-frame{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 var(--color-line), 0 8px 24px #0f172a14;transition:transform .25s,opacity .25s,box-shadow .25s}.pick-won{transform:translateY(-3px)rotate(-.6deg);box-shadow:0 0 0 3px #ff7a59,0 12px 30px #ff7a5959}.pick-lost{opacity:.45;transform:scale(.97)}.pick-taste{background:linear-gradient(140deg,#ffd58b,#ff7a59 55%,#f43f5e)}.pick-enter{animation:.28s ease-out both pick-enter}@keyframes pick-enter{0%{opacity:0;transform:scale(.96)}}.pick-fade{animation:.2s ease-out both pick-fade}@keyframes pick-fade{0%{opacity:0}}.pick-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both pick-pop}@keyframes pick-pop{0%{opacity:0;transform:scale(.4)}}.pick-next{animation:.3s cubic-bezier(.2,.9,.3,1) both pick-next}@keyframes pick-next{0%{opacity:0;transform:translate(2rem)}}.pick-heart{filter:drop-shadow(0 6px 18px #0f172a73);animation:.85s ease-out both pick-heart}@keyframes pick-heart{0%{opacity:0;transform:scale(.3)}18%{opacity:1;transform:scale(1.15)}32%{transform:scale(.95)}46%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.08)translateY(-.75rem)}}.pick-sheet{animation:.26s cubic-bezier(.2,.9,.3,1) both pick-sheet}@keyframes pick-sheet{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.pick-enter,.pick-next,.pick-sheet,.pick-fade,.pick-pop{animation:none}.pick-frame{transition:none}.pick-won{transform:none}.pick-heart{animation-duration:10ms}}:root{--holo:linear-gradient(115deg, #ffd58b 0%, #ff7a59 18%, #f43f5e 34%, #c084fc 52%, #67e8f9 70%, #ffd58b 88%, #ff7a59 100%)}.engine-edge{border-radius:inherit;pointer-events:none;background:var(--holo);-webkit-mask-composite:xor;opacity:.85;background-position:0%;background-size:300% 100%;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.engine-gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff12,#0000 38%);position:absolute;inset:1px}.engine-wash{background:linear-gradient(115deg, #ffd58b12, #f43f5e0d 40%, #67e8f90f), var(--color-surface)}.engine-line{background:linear-gradient(#ffd58b,#ff7a59 30%,#f43f5e 55%,#c084fc 80%,#67e8f9)}.engine-track{background:linear-gradient(90deg,#ffd58b,#ff7a59 30%,#f43f5e 55%,#c084fc 80%,#67e8f9)}.engine-node{box-shadow:0 0 0 3px var(--color-surface), 0 0 10px #f43f5e59;background:radial-gradient(circle at 35% 30%,#ffffffe6 0 16%,#0000 17%),conic-gradient(from 200deg,#ffd58b,#ff7a59,#f43f5e,#c084fc,#67e8f9,#ffd58b)}.engine-text{background:var(--holo);color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.engine-edge[data-working],.engine-text[data-working]{animation:3.2s linear infinite engine-drift}.engine-edge{transition:opacity .4s}.engine-reveal{animation:.7s cubic-bezier(.22,.8,.24,1) both engine-in}.engine-reveal:after{content:"";border-radius:inherit;pointer-events:none;animation:1.1s ease-out both engine-sweep;animation-delay:inherit;background:linear-gradient(105deg,#0000 30%,#ffffff47 48%,#c084fc2e 54%,#0000 70%) 0 0/250% 100% no-repeat;position:absolute;inset:0}.engine-step{animation:.42s ease-out both engine-step}}@keyframes engine-drift{to{background-position:300%}}@keyframes engine-in{0%{opacity:0;filter:blur(8px)saturate(1.4);transform:translateY(6px)scale(.98)}}@keyframes engine-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes engine-step{0%{opacity:0;transform:translate(-4px)}}.autopilot-switch{background:color-mix(in oklab, var(--color-raised) 85%, transparent);width:3.25rem;height:1.875rem;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;transition:box-shadow .3s,background-color .3s;position:relative}.autopilot-switch[aria-checked=true]{background:var(--holo);background-size:300% 100%;box-shadow:inset 0 1px #ffffff40,0 0 18px -4px #f43f5e73,0 0 22px -8px #67e8f98c}.autopilot-switch:disabled{cursor:progress}.autopilot-knob{background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffffbf 45%,#e2e8f0 100%);border-radius:999px;width:1.5rem;height:1.5rem;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d,0 2px 6px #0003}.autopilot-switch[aria-checked=false] .autopilot-knob{opacity:.85}.autopilot-switch[aria-checked=true] .autopilot-knob{transform:translate(1.375rem)}.autopilot-icon{background:var(--color-raised);width:2.25rem;height:2.25rem;color:var(--color-muted);border-radius:.5rem;flex-shrink:0;place-items:center;transition:color .7s,box-shadow .7s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000,0 0 #0000}.autopilot-icon:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(140deg,#ffd58b33,#ff7a5933 40%,#c084fc29 70%,#67e8f929);transition:opacity .7s;position:absolute;inset:0}.autopilot-icon svg{filter:drop-shadow(0 0 #0000);width:1.25rem;height:1.25rem;transition:filter .7s;position:relative;overflow:visible}.autopilot-icon[data-on=true]{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 35%, transparent), 0 0 0 0 transparent;transition-delay:var(--ap-delay,0s)}.autopilot-icon[data-on=true]:before{opacity:1;transition-delay:var(--ap-delay,0s)}.autopilot-icon[data-on=true] svg{filter:drop-shadow(0 0 3px color-mix(in oklab, var(--color-primary) 60%, transparent));transition-delay:var(--ap-delay,0s)}button.autopilot-icon{cursor:pointer}button.autopilot-icon:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fg) 28%, transparent), 0 0 0 0 transparent}button.autopilot-icon[data-on=true]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 75%, transparent), 0 0 0 0 transparent}button.autopilot-icon:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}button.autopilot-icon:active{scale:.94}@media (pointer:coarse){button.autopilot-icon{width:2.75rem;height:2.75rem}}.autopilot-icon .ap-doodle{opacity:0;stroke-dasharray:1}.autopilot-icon .ap-check{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.autopilot-icon[data-play]{animation:ap-lit 1.4s ease-out var(--ap-delay,0s) backwards}.autopilot-icon[data-play] .ap-pen{transform-box:view-box;transform-origin:3.3px 19.8px;animation:ap-pen 1.6s linear var(--ap-delay,0s) backwards}.autopilot-icon[data-play] .ap-doodle{animation:ap-doodle 1.6s linear var(--ap-delay,0s) backwards}.autopilot-icon[data-play][data-name=approve] svg{animation:ap-press 1.2s ease-in-out var(--ap-delay,0s) backwards}.autopilot-icon[data-play] .ap-check{animation:ap-check 1.2s var(--ap-delay,0s) backwards}.autopilot-icon[data-play][data-name=post]{animation-name:ap-lit-late;animation-duration:1.8s}.autopilot-icon[data-play][data-name=post] svg{animation:ap-glow 1.8s ease-out var(--ap-delay,0s) backwards}.autopilot-icon[data-play] .ap-plane{transform-box:view-box;transform-origin:12px 12px;animation:ap-plane 1.8s var(--ap-delay,0s) backwards}}@keyframes ap-lit{0%{box-shadow:inset 0 0 0 1px #0000,0 0 #0000}40%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 85%, transparent), 0 0 18px 1px color-mix(in oklab, var(--color-primary) 45%, transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 35%, transparent), 0 0 0 0 transparent}}@keyframes ap-lit-late{0%,55%{box-shadow:inset 0 0 0 1px #0000,0 0 #0000}82%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 85%, transparent), 0 0 20px 2px color-mix(in oklab, var(--color-primary) 50%, transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 35%, transparent), 0 0 0 0 transparent}}@keyframes ap-pen{0%{transform:translate(0)rotate(0)}7.5%{transform:translate(1px,-2px)rotate(-8deg)}15%{transform:translate(2px)rotate(6deg)}22.5%{transform:translate(3px,2px)rotate(-8deg)}30%{transform:translate(4px)rotate(6deg)}37.5%{transform:translate(5px,-2px)rotate(-8deg)}45%{transform:translate(6px)rotate(6deg)}52.5%{transform:translate(7px,2px)rotate(-8deg)}60%{animation-timing-function:ease-out;transform:translate(8px)rotate(0)}72%{animation-timing-function:ease-in-out;transform:translate(5px,-3px)rotate(-10deg)}88%{animation-timing-function:ease-out;transform:translate(-.5px,.5px)rotate(2deg)}to{transform:translate(0)rotate(0)}}@keyframes ap-doodle{0%{opacity:1;stroke-dashoffset:1px}60%,75%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes ap-press{0%{transform:scale(1)}14%,28%{transform:scale(.84)}52%{transform:scale(1.14)}68%{transform:scale(.96)}84%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes ap-check{0%,20%{opacity:0;stroke-dashoffset:1px}21%{opacity:1;stroke-dashoffset:1px;animation-timing-function:cubic-bezier(.3,0,.2,1)}52%,to{opacity:1;stroke-dashoffset:0}}@keyframes ap-plane{0%{opacity:1;transform:translate(0)scale(1)}12%{animation-timing-function:cubic-bezier(.55,0,.9,.45);transform:translate(-2px,2px)scale(.9)}36%{opacity:1;transform:translate(36px,-36px)scale(.8)}37%{opacity:0;transform:translate(36px,-36px)scale(.8)}38%,52%{opacity:0;transform:translate(-36px,36px)scale(.8)}53%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translate(-36px,36px)scale(.8)}80%{animation-timing-function:ease-in-out;transform:translate(1.5px,-1.5px)scale(1.06)}90%{transform:translate(-.5px,.5px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ap-glow{0%,60%{filter:drop-shadow(0 0 #0000)}82%{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--color-primary) 90%, transparent))}to{filter:drop-shadow(0 0 3px color-mix(in oklab, var(--color-primary) 60%, transparent))}}.pace-apart-dot{box-shadow:0 0 0 3px var(--color-surface), 0 0 10px #f43f5e59;background:conic-gradient(from 200deg,#ffd58b,#ff7a59,#f43f5e,#c084fc,#67e8f9,#ffd58b)}@media (prefers-reduced-motion:no-preference){.pace-ball-live:after{content:"";border-radius:inherit;animation:1.8s cubic-bezier(0,0,.2,1) infinite live-ping;position:absolute;inset:0;box-shadow:0 0 0 2px #f43f5e8c}.autopilot-switch[aria-checked=true]{animation:9s linear infinite engine-drift}}@keyframes live-ping{0%{opacity:.9;transform:scale(1)}80%,to{opacity:0;transform:scale(2.2)}}.reveal{opacity:0;transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s);transform:translateY(20px)}.reveal[data-in]{opacity:1;transform:none}@keyframes feed-in{0%{opacity:0;transform:scale(.9)}}.feed-tile{animation:.7s cubic-bezier(.22,1,.36,1) both feed-in;animation-delay:var(--d,0s)}@keyframes marquee{to{transform:translate(-50%)}}.marquee{animation:70s linear infinite marquee}.marquee-reverse{animation:85s linear infinite reverse marquee}@keyframes travel{0%{opacity:0;left:0%}8%,92%{opacity:1}to{opacity:0;left:100%}}.travel-dot{animation:9s cubic-bezier(.45,0,.55,1) infinite travel}@keyframes blink{50%{opacity:0}}.caret{animation:1s step-end infinite blink}@keyframes tab-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-progress{transform-origin:0;animation:tab-progress var(--dur,6s) linear forwards}@keyframes reel-send{0%{width:0}to{width:100%}}.reel-send{animation:1.3s cubic-bezier(.4,0,.2,1) both reel-send}@keyframes reel-play{0%{transform:scale(1)}to{transform:scale(1.12)}}.reel-play{animation:7s ease-in-out infinite alternate reel-play}.reel-progress{transform-origin:0;animation:7s linear infinite tab-progress}.word{color:color-mix(in srgb, var(--color-fg) 16%, transparent);transition:color 1.2s;transition-delay:var(--d,0s)}.reveal[data-in] .word{color:var(--color-fg)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.hero-in{animation:1s cubic-bezier(.22,1,.36,1) both rise;animation-delay:var(--d,0s)}.stagger>*{animation:.7s cubic-bezier(.22,1,.36,1) both rise}.stagger>:first-child{animation-delay:.2s}.stagger>:nth-child(2){animation-delay:.29s}.stagger>:nth-child(3){animation-delay:.38s}.stagger>:nth-child(4){animation-delay:.47s}.stagger>:nth-child(5){animation-delay:.56s}.stagger>:nth-child(6){animation-delay:.65s}.stagger>:nth-child(7){animation-delay:.74s}.stagger>:nth-child(8){animation-delay:.83s}.stagger>:nth-child(9){animation-delay:.92s}.stagger>:nth-child(n+10){animation-delay:1.01s}@keyframes grow{0%{transform:scaleX(0)}}.grow{transform-origin:0;animation:1.2s cubic-bezier(.22,1,.36,1) both grow;animation-delay:var(--d,.5s)}@keyframes knob{0%{left:0%}}.knob-in{animation:1.2s cubic-bezier(.22,1,.36,1) .5s both knob}.reveal:not([data-in]) .stagger>*,.reveal:not([data-in]) .grow,.reveal:not([data-in]) .knob-in,.reveal:not([data-in]) .feed-tile{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-in,.stagger>*,.grow,.knob-in,.feed-tile,.marquee,.marquee-reverse,.travel-dot,.caret,.tab-progress,.reel-play,.reel-progress{animation:none}.word,.story-art,.story-text{transition:none}}@layer components{.calm-button{min-height:2.75rem;color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 11%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:0 1.4rem;font-size:.9375rem;font-weight:500;transition:background-color .4s;display:inline-flex}.calm-button:hover{background:color-mix(in srgb, var(--color-fg) 11%, transparent)}.calm-button:disabled{opacity:.6}.calm-link{min-height:2.75rem;color:var(--color-muted);align-items:center;gap:.25rem;font-size:.9375rem;transition:color .3s;display:inline-flex}.calm-link:hover{color:var(--color-fg)}.calm-seg{background:color-mix(in srgb, var(--color-fg) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 8%, transparent);border-radius:9999px;gap:.125rem;padding:.25rem;display:inline-flex}.calm-seg>button{color:var(--color-muted);border-radius:9999px;transition:background-color .4s,color .4s}.calm-seg>button:hover{color:var(--color-fg)}.calm-seg>button[aria-selected=true],.calm-seg>button[aria-checked=true]{color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 10%, transparent)}.calm-chip{color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 9%, transparent)}}.landing .engine-edge{opacity:.45}.landing{overflow-x:clip}.story-art{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(14px)scale(.985)}.story-art[data-on]{opacity:1;transform:none}@media (width>=64rem){.story-text{opacity:.28;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.story-text[data-on]{opacity:1}}.calm-details summary::-webkit-details-marker{display:none}.hero-collage{--px:0;--py:0}.hero-layer{font-size:clamp(10px,1.04vw,18px);-webkit-mask-image:linear-gradient(#000 91%,#0000);mask-image:linear-gradient(#000 91%,#0000)}.hero-band{font-size:clamp(8.5px,2.5vw,13px)}.hero-piece{transform:translate(-50%, -50%) translate(calc(var(--px) * var(--z) * 1.6em), calc(var(--py) * var(--z) * 1.6em));transition:transform 1.4s cubic-bezier(.22,1,.36,1)}@keyframes piece-in{0%{opacity:0;transform:translate(var(--fx,0), var(--fy,0)) rotate(calc(var(--r,0deg) - 7deg)) scale(.88)}}.hero-piece-art{transform:rotate(var(--r,0deg));animation:1.5s cubic-bezier(.22,1,.36,1) both piece-in;animation-delay:var(--d,0s)}.hero-shot{filter:drop-shadow(0 1.2em 1.8em #00000061)}.hero-card{background:color-mix(in srgb, var(--color-raised) 94%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 8%, transparent), 0 1.4em 2.6em -.8em #00000080;border-radius:1.1em}html[data-theme=light] .hero-card{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line), 0 1.2em 2.4em -1em #0f172a2e}html[data-theme=light] .hero-shot{filter:drop-shadow(0 1em 1.6em #0f172a29)}@media (prefers-reduced-motion:reduce){.hero-piece{transition:none}.hero-piece-art{animation:none}}.iphone-frame{background:linear-gradient(135deg,#6b7790 0%,#2a3344 16%,#3d4960 38%,#1c2330 60%,#4b5870 82%,#232b3b 100%);box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 0 0 2.5px #00000059,0 0 0 1px #0000008c,0 80px 140px -50px #000000d9}html[data-theme=light] .iphone-frame{box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 0 2.5px #0000004d,0 0 0 1px #0f172a59,0 70px 120px -50px #0f172a73}.iphone-key{background:linear-gradient(90deg,#1c2330,#5d6a82 45%,#2a3344);box-shadow:inset 0 0 0 .5px #ffffff2e}.iphone-camera-key{background:linear-gradient(90deg,#11161f,#3b4659 50%,#11161f)}.iphone-glare{background:linear-gradient(116deg,#ffffff1a 0%,#ffffff09 26%,#0000 40%)}.flip{perspective:1200px}.flip-turn{transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1);display:grid}.flip[data-on] .flip-turn{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;grid-area:1/1}.flip-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-turn{transition:none}}.side-card{transform:translate3d(var(--tuck-x,0), var(--tuck-y,0), 0) scale(.7);opacity:0;transition:transform .6s cubic-bezier(.55,0,.8,.25),opacity .3s ease-in .3s}.side-card[data-still]{transition:none}.side-card[data-shown]{opacity:1;transition:transform 1.2s cubic-bezier(.16, 1, .3, 1) var(--d,0s), opacity .45s ease-out var(--d,0s);transform:none}@keyframes card-float{0%,to{transform:translate(0,0)}50%{transform:translate3d(0, var(--float-y,-7px), 0)}}.float-card{animation:card-float var(--float-time,6s) cubic-bezier(.45, 0, .55, 1) var(--float-at,0s) infinite;will-change:transform}@media (prefers-reduced-motion:reduce){.float-card{animation:none}.side-card,.side-card[data-shown]{transition:opacity .2s;transform:none}}@keyframes typing-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.typing-dots>span{animation:1.2s ease-in-out infinite typing-dot}.typing-dots>span:nth-child(2){animation-delay:.2s}.typing-dots>span:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.typing-dots>span{animation:none}}
