.phone{background:#0e1116;border-radius:56px;grid-area:phone;place-self:center;width:320px;min-width:320px;height:660px;padding:11px;box-shadow:0 40px 80px -30px #0e111673}.ph-screen{color:#000;text-align:left;-webkit-user-select:none;user-select:none;background:#fff;border-radius:45px;flex-direction:column;width:298px;height:638px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.ph-top{z-index:3;background:#f6f6f7;border-bottom:1px solid #e5e5ea;flex:none;justify-content:space-between;align-items:flex-start;padding:24px 16px 10px;display:flex;position:relative}.ph-top-back{margin-top:13px}.ph-top-who{flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:500;display:flex}.ph-avatar{color:#fff;letter-spacing:-.5px;background:linear-gradient(150deg,#4f46e5,#312e81);border-radius:23px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.ph-thread{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:6px;min-height:0;padding:10px 12px 8px;font-size:13.5px;line-height:1.3;transition:opacity .5s;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 40px);mask-image:linear-gradient(#0000 0,#000 40px)}.ph-time{color:#8e8e93;align-self:center;padding:4px 0;font-size:10.5px}.ph-time.later{padding:8px 0 2px}.ph-bubble{border-radius:18px;max-width:78%;padding:7px 12px}.ph-bubble.me{color:#fff;background:#0a84ff;align-self:flex-end}.ph-bubble.them{background:#e9e9eb;align-self:flex-start}.ph-delivered{color:#8e8e93;align-self:flex-end;margin-top:-3px;font-size:10px}.ph-card-wrap{flex:none;align-self:flex-start}.ph-card{color:#fff;background:linear-gradient(150deg,#4f46e5 0%,#312e81 100%);border-radius:16px;flex-direction:column;justify-content:flex-end;padding:13px;display:flex;position:absolute;inset:0;overflow:hidden}.ph-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ph-glow{background:#ffffff14;border-radius:110px;width:220px;height:220px;position:absolute;top:-50px;right:-70px}.ph-fade{background:linear-gradient(#11182700 0%,#111827b8 45%,#111827eb 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.ph-mark{background:#312e81;border:1.5px solid #ffffffe6;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.ph-rel{position:relative}.ph-place{width:200px;height:150px;transition:transform .3s cubic-bezier(.3,1.3,.5,1);position:relative}.ph-place .ph-card{padding:12px 13px}.ph-place .ph-glow{border-radius:95px;width:190px;height:190px;top:-40px;right:-60px}.ph-place .ph-fade{background:linear-gradient(#11182700 0%,#111827bf 45%,#111827eb 100%);height:75%}.ph-place-name{letter-spacing:-.3px;font-size:16px;font-weight:700;position:relative}.ph-place-addr{color:#ffffffe6;align-items:center;gap:5px;margin-top:4px;font-size:10.5px;display:flex;position:relative}.ph-request{color:#fff;background:linear-gradient(150deg,#4f46e5 0%,#312e81 100%);border-radius:16px;flex-direction:column;width:210px;padding:42px 13px 12px;display:flex;position:relative;overflow:hidden}.ph-request .ph-glow{border-radius:95px;width:190px;height:190px;top:-40px;right:-60px}.ph-request-kicker{letter-spacing:.3px;color:#ffffffd1;text-transform:uppercase;font-size:9.5px;font-weight:600;position:relative}.ph-request-line{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:baseline;padding:8px 0;font-size:14px;font-weight:700;display:flex;position:relative}.ph-request-line span:last-child{color:#ffffffd1;font-size:12px;font-weight:400}.ph-request-note{color:#ffffffb8;margin-top:8px;font-size:10px;position:relative}.ph-offers{flex-direction:column;gap:3px;padding-right:20px;display:flex}.ph-offers-count{color:#0a84ff;align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex}.ph-stack{width:196px;height:245px;margin-left:2px;transition:transform .3s cubic-bezier(.3,1.3,.5,1);position:relative}.ph-stack-shadow{opacity:.45;background:#312e81;border-radius:16px;position:absolute;inset:0;transform:translate(12px,4px)rotate(5deg)}.ph-seller{align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex;position:relative}.ph-seller-logo{background:#fff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 1px 3px #00000040}.ph-product{letter-spacing:-.3px;margin-top:5px;font-size:18px;font-weight:700;position:relative}.ph-price{align-items:baseline;gap:2px;margin-top:2px;display:flex;position:relative}.ph-price span:first-child{letter-spacing:-.5px;font-size:28px;font-weight:800}.ph-price span:last-child{color:#ffffffc7;font-size:11px}.ph-saving{color:#a7f3d0;font-size:10.5px;font-weight:600;position:relative}.ph-chips{gap:4px;margin-top:7px;display:flex;position:relative}.ph-chips span{background:#ffffff29;border-radius:999px;padding:3px 7px;font-size:9px}.ph-tapbar{z-index:6;color:#8e8e93;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-50px;left:-4px;box-shadow:0 6px 22px #0003}.ph-tap-heart{background:#eef0f3;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.ph-tap-heart.on{background:#0a84ff}.ph-heart-badge{z-index:5;background:#0a84ff;border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-9px;right:-9px}.ph-hint{color:#8e8e93;align-self:flex-start;align-items:center;gap:5px;padding:2px 0;font-size:10.5px;font-weight:600;animation-delay:.9s;display:flex}.ph-hint-q{color:#fff;background:#0a84ff;border-radius:9px;justify-content:center;align-items:center;width:17px;height:17px;font-size:11px;font-weight:800;display:flex}.ph-hint-reply{color:#fff;background:#8e8e93;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.ph-dots{background:#e9e9eb;border-radius:18px;align-self:flex-start;gap:4px;padding:11px 13px;display:flex}.ph-dots span{background:#8e8e93;border-radius:4px;width:7px;height:7px}.ph-dots span:nth-child(2){animation-delay:.18s}.ph-dots span:nth-child(3){animation-delay:.36s}.ph-compose{z-index:3;background:#fff;flex:none;align-items:center;gap:8px;padding:6px 10px 26px;transition:padding .32s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.ph-compose.kb{padding-bottom:8px}.ph-plus{color:#8e8e93;background:#eeeef0;border-radius:15px;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:20px;font-weight:300;line-height:1;display:flex}.ph-field{border:1px solid #d1d1d6;border-radius:17px;flex:1 1 0;min-width:0;height:34px;transition:height .28s cubic-bezier(.2,.8,.2,1);position:relative}.ph-field.has-att{height:96px}.ph-atts{gap:5px;display:flex;position:absolute;top:7px;left:7px}.ph-atts .ph-inv{border-radius:9px;width:42px;height:56px}.ph-field-text{white-space:nowrap;color:#8e8e93;justify-content:flex-start;align-items:center;height:32px;font-size:13.5px;display:flex;position:absolute;bottom:0;left:12px;right:12px;overflow:hidden}.ph-field-text.draft{color:#000;right:34px}.ph-field-text.long{justify-content:flex-end}.ph-field-text>span{flex:none}.ph-field-text .caret{color:#0a84ff;margin-left:1px}.ph-send{background:#0a84ff;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:4px;right:4px}.ph-tray{z-index:4;background:#fff;border-top:1px solid #e5e5ea;flex:none;height:0;transition:height .34s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ph-tray.up{height:206px}.ph-tray-inner{flex-direction:column;height:206px;display:flex}.ph-tray-head{justify-content:space-between;align-items:baseline;padding:8px 12px 7px;font-size:13px;font-weight:600;display:flex}.ph-tray-head span:last-child{color:#0a84ff;font-size:11.5px;font-weight:400}.ph-tray-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:84px;gap:2px;display:grid}.ph-tray-cell{background:#e5e5ea;display:flex;position:relative;overflow:hidden}.ph-tray-cell img{object-fit:cover;width:100%;height:100%}.ph-tray-cell .ph-inv{flex:auto}.ph-tile{background:linear-gradient(160deg,#fde68a,#f97316);flex:auto}.ph-pick{background:#00000026;border:1.5px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex;position:absolute;bottom:5px;right:5px}.ph-pick svg{opacity:0}.ph-pick.on{background:#0a84ff}.ph-pick.on svg{opacity:1}.ph-inv{background:#b9bcc1;display:flex;position:relative;overflow:hidden}.ph-inv img{object-fit:cover;width:100%;height:100%}.ph-inv-stack{flex:none;align-self:flex-end;width:132px;height:176px;margin:4px 4px 2px 0;position:relative}.ph-inv-stack .ph-inv{border-radius:16px;position:absolute;inset:0;box-shadow:0 2px 8px #0000001f}.ph-inv-stack .ph-inv.back{transform:translate(-10px,3px)rotate(-6deg)scale(.96)}.ph-inv-stack .ph-inv.front{transform:rotate(2deg)}.ph-kb{z-index:4;background:#d1d4da;flex:none;height:0;transition:height .34s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ph-kb.up{height:206px;overflow:visible}.ph-kb-inner{flex-direction:column;gap:10px;height:206px;padding:8px 3px 0;display:flex}.ph-kb-row{gap:5px;display:flex}.ph-key{color:#000;background:#fff;border-radius:5px;flex:1 1 0;justify-content:center;align-items:center;height:38px;font-size:18px;transition:background 80ms;display:flex;position:relative;box-shadow:0 1px #0000004d}.ph-key.fn{background:#abb0ba;flex:0 0 38px}.ph-key.wide{background:#abb0ba;flex:0 0 72px;font-size:15px}.ph-key.space{font-size:15px}.ph-key.space.on{background:#abb0ba}.ph-key-pop{z-index:6;background:#fff;border-radius:9px;justify-content:center;height:88px;padding-top:8px;font-size:30px;display:flex;position:absolute;bottom:0;left:-6px;right:-6px;box-shadow:0 3px 8px #0000004d}.ph-gap{flex:0 0 6px}.ph-banner{z-index:8;background:#f5f5f7f7;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;top:10px;left:8px;right:8px;box-shadow:0 10px 30px #00000038}.ph-banner-icon{color:#fff;background:linear-gradient(150deg,#4f46e5,#312e81);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;height:36px;font-size:14px;font-weight:700;display:flex}.ph-banner-body{color:#1d1d1f;flex-direction:column;flex:1 1 0;gap:1px;min-width:0;font-size:12px;display:flex}.ph-banner-head{color:#000;justify-content:space-between;gap:8px;font-weight:600;display:flex}.ph-banner-head span:last-child{color:#6e6e73;font-weight:400}.ph-confetti{pointer-events:none;z-index:7;position:absolute;inset:0;overflow:hidden}.ph-finger{z-index:9;pointer-events:none;background:#3c3c434d;border:2px solid #fffffff2;border-radius:20px;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;box-shadow:0 4px 16px #00000047}.ph-finger.down{background:#3c3c4380;transform:scale(.8)}.msg{animation:.5s cubic-bezier(.2,.8,.2,1) backwards fg-h,.46s cubic-bezier(.3,1.3,.5,1) 40ms backwards fg-pop}.msg-swap{animation:.42s cubic-bezier(.3,1.3,.5,1) backwards fg-pop}.card-in{animation:.7s cubic-bezier(.2,.8,.2,1) backwards fg-hl,.55s cubic-bezier(.3,1.25,.5,1) 60ms backwards fg-pop}.from-r{transform-origin:100% 100%}.from-l{transform-origin:0 100%}.fade{animation:.5s backwards fg-fade}.dot{animation:1.2s ease-in-out infinite fg-dot}.caret{animation:1s step-end infinite fg-caret}.conf-a,.conf-b{border-radius:2px;animation:2.4s cubic-bezier(.25,.55,.45,1) both fg-fall-a;position:absolute;top:-24px}.conf-b{animation-name:fg-fall-b}.late{animation-delay:.5s,.55s}.badge{animation:.4s cubic-bezier(.3,1.6,.5,1) backwards fg-badge}.bar{transform-origin:0 100%;animation:.32s cubic-bezier(.3,1.4,.5,1) backwards fg-bar}.banner{animation:2.7s cubic-bezier(.2,.8,.2,1) both fg-banner}.progress{animation:linear both fg-progress}@keyframes fg-h{0%{max-height:0}to{max-height:72px}}@keyframes fg-hl{0%{max-height:0}to{max-height:290px}}@keyframes fg-pop{0%{opacity:0;transform:translateY(10px)scale(.86)}to{opacity:1;transform:none}}@keyframes fg-fade{0%{opacity:0}to{opacity:1}}@keyframes fg-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}@keyframes fg-caret{50%{opacity:0}}@keyframes fg-fall-a{0%{opacity:1;transform:translate(0)rotate(0)}50%{transform:translate(22px,330px)rotate(280deg)}90%{opacity:1}to{opacity:0;transform:translate(-8px,690px)rotate(560deg)}}@keyframes fg-fall-b{0%{opacity:1;transform:translate(0)rotate(0)}50%{transform:translate(-22px,320px)rotate(-260deg)}90%{opacity:1}to{opacity:0;transform:translate(10px,690px)rotate(-540deg)}}@keyframes fg-badge{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes fg-bar{0%{opacity:0;transform:scale(.6)translateY(8px)}to{opacity:1;transform:none}}@keyframes fg-banner{0%{transform:translateY(-150%)}12%{transform:none}88%{transform:none}to{transform:translateY(-150%)}}@keyframes fg-progress{0%{width:0}to{width:100%}}@media (max-width:880px){.phone{transform-origin:top;margin-bottom:-92px;transform:scale(.86)}}@media (max-width:380px){.phone{margin-bottom:-132px;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.msg,.msg-swap,.card-in,.fade,.dot,.caret,.badge,.bar,.banner,.progress{animation:none}.conf-a,.conf-b{display:none}}