.petee-chat{position:fixed;inset:0;z-index:40;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:visible;color:var(--ink);background:transparent;border:0;pointer-events:none}.petee-chat.is-full{pointer-events:auto}@property --petee-unfolded{syntax: "<number>"; inherits: false; initial-value: 0;}.petee-panel{--petee-under: 140px}.petee-panel:before{position:absolute;z-index:-1;top:calc(var(--petee-ends-gap, 0px) - 32px - var(--topbar, 60px) * var(--petee-unfolded));bottom:calc(-1 * var(--petee-lift, 0px) - var(--petee-under));left:calc(50% - 50vw);width:100vw;content:"";background:linear-gradient(to top,color-mix(in srgb,var(--paper) calc(100% - 22% * var(--petee-unfolded)),transparent) 0 calc(var(--petee-lift, 0px) + 84px + var(--petee-under)),color-mix(in srgb,var(--paper) calc(74% + 4% * var(--petee-unfolded)),transparent) calc(70% + .3 * var(--petee-under)),color-mix(in srgb,var(--paper) calc(78% * var(--petee-unfolded)),transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 56px);mask-image:linear-gradient(to bottom,transparent,#000 56px);pointer-events:none;--petee-unfolded: 0;transition:--petee-unfolded var(--petee-unfold-ms) var(--petee-unfold-easing),opacity .3s var(--ease);animation:petee-haze-in .3s var(--ease)}.petee-chat.is-full:not(.is-folding) .petee-panel:before{--petee-unfolded: 1}.petee-chat.is-closing .petee-panel:before{opacity:0}@keyframes petee-haze-in{0%{opacity:0}}html:has(dialog.petee-chat.is-full[open]){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}.petee-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;padding:0;color:var(--muted);background:var(--well);border:0;border-radius:50%}.petee-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.petee-menu-button svg{fill:currentColor;stroke:none}.petee-menu-button>.petee-badge{position:absolute;top:-7px;right:-7px;display:none;width:21px;height:21px;filter:drop-shadow(0 0 4px rgb(255 196 61 / 90%));pointer-events:none}.petee-menu-button.has-gift>.petee-badge{display:block;animation:pt-gift 1.6s ease-in-out infinite}.petee-menu-button>.petee-badge>svg{display:block;width:100%;height:100%}.petee-menu-button>.petee-badge :is(.pg-box,.pg-lid)>path:first-child,.petee-menu-button>.petee-badge .pg-bow{stroke:var(--line);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}.petee-menu>.petee-gift-open svg{stroke:none;filter:drop-shadow(0 0 3px rgb(255 196 61 / 80%))}.petee-topbar{display:flex;align-items:center;gap:8px}.petee-topbar>.petee-head-close svg{width:18px;height:18px;stroke-width:2.6}.petee-menu{position:fixed;top:var(--petee-menu-top, 64px);right:var(--petee-menu-right, 14px);z-index:3;display:grid;pointer-events:auto;min-width:230px;padding:6px;background:var(--white);border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow);transform-origin:calc(100% - 21px) -10px}@media (max-width: 350px){.petee-topbar{gap:6px}.petee-topbar>.round-button,.petee-head-mid>.petee-chip{width:36px;height:36px}}.petee-menu[hidden]{display:none}.petee-menu>*{display:flex;min-height:44px;align-items:center;gap:10px;padding:8px 10px;color:var(--ink);background:none;border:0;border-radius:10px;font-size:15px;font-weight:700;text-align:left}.petee-menu>:hover{background:var(--well)}.petee-menu>[hidden]{display:none}.petee-menu input{position:relative;width:44px;height:26px;flex:none;order:1;margin:0 0 0 auto;background:var(--well);border:2px solid var(--line);border-radius:999px;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .22s var(--ease)}.petee-menu input:before{position:absolute;top:2px;left:2px;width:18px;height:18px;box-sizing:border-box;content:"";background:#fff;border:2px solid var(--line);border-radius:50%;box-shadow:1px 1px 0 var(--shade);transition:translate .28s var(--spring)}.petee-menu input:checked{background:var(--coral)}.petee-menu input:checked:before{translate:18px 0}.petee-menu input:focus-visible{outline:3px solid color-mix(in srgb,var(--ink) 45%,transparent);outline-offset:2px}.petee-menu>button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.petee-match-card{fill:var(--white)}.petee-match-heart{fill:var(--coral)}.petee-menu>.petee-clear,.petee-menu>.petee-reset{color:var(--red-text);transition:background-color .2s var(--ease)}.petee-menu>.petee-reset.is-sure{color:var(--on-accent);background:color-mix(in srgb,var(--red-text) 22%,var(--white))}.petee-panel{position:fixed;right:0;bottom:var(--petee-lift, 0px);left:0;display:flex;max-width:560px;max-height:calc(100dvh - var(--topbar, 60px) - var(--petee-lift, 0px));flex-direction:column;margin-inline:auto;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;outline:none}.petee-chat.is-lifted .petee-panel{padding-bottom:8px}.petee-chat.is-full .petee-panel{top:calc(var(--topbar, 60px) - var(--squeeze-by, 0px) * var(--squeeze, 0));max-height:none}.petee-avatar{position:fixed;bottom:calc(var(--petee-lift, 0px) + 13px + env(safe-area-inset-bottom));left:calc(max(0px,(100% - 560px) / 2) + 10px);width:56px;height:56px;border-radius:50%;pointer-events:auto;cursor:pointer}.petee-chat.is-lifted .petee-avatar{bottom:calc(var(--petee-lift, 0px) + 7px)}.petee-avatar .petee{filter:drop-shadow(0 5px 5px rgb(0 0 0 / 16%))}.petee-ends{position:relative;z-index:1;display:flex;flex:none;align-self:center;gap:8px;margin-bottom:-40px}.petee-earlier,.petee-ends>.petee-close{display:grid;width:46px;height:28px;flex:none;place-items:center;padding:0;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);pointer-events:auto}.petee-ends>.petee-close{width:34px;transition:width .3s var(--ease),margin-left .3s var(--ease),opacity .2s ease,scale .3s var(--ease),visibility 0s}.petee-chat.is-full:not(.is-folding) .petee-ends>.petee-close{width:0;margin-left:-12px;opacity:0;scale:.4;visibility:hidden;pointer-events:none;transition:width .3s var(--ease),margin-left .3s var(--ease),opacity .2s ease,scale .3s var(--ease),visibility 0s .3s}.petee-ends>.petee-close svg{width:15px;height:15px;stroke-width:2.8}.petee-earlier svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:rotate .3s var(--ease)}.petee-chat.is-full .petee-ends{margin-bottom:0}.petee-chat.is-full{--petee-ends-gap: 10px}.petee-chat.is-full .petee-ends{margin-top:var(--petee-ends-gap)}.petee-chat.is-full:not(.is-folding) .petee-earlier svg{rotate:180deg}.petee-log{--petee-fade: 46px;position:relative;display:flex;max-height:var(--petee-max, 46dvh);transition:max-height .32s var(--ease);flex:0 1 auto;flex-direction:column;gap:8px;margin:0 0 10px -4px;padding:var(--petee-fade) 4px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--petee-fade) - var(--petee-ramp, 6px)),#000 var(--petee-fade));mask-image:linear-gradient(to bottom,transparent calc(var(--petee-fade) - var(--petee-ramp, 6px)),#000 var(--petee-fade));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:auto}.petee-log::-webkit-scrollbar{display:none}.petee-log>:first-child{margin-top:auto}.petee-msg.is-picks .petee-bubble{cursor:pointer}.petee-chat.is-full .petee-log{--petee-fade: 30px;--petee-ramp: 30px;max-height:none;flex:1}.petee-chat:not(.is-full) :is(.petee-msg.is-past,.petee-divider){display:none}.petee-divider{display:flex;align-items:center;gap:10px;margin:6px 0;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.petee-divider:before,.petee-divider:after{flex:1;height:0;border-top:2px dashed currentColor;content:"";opacity:.45}.petee-msg.is-past{opacity:.62}.petee-msg{display:flex;min-width:0;max-width:100%;flex-direction:column;align-self:flex-start;align-items:flex-start;animation:petee-msg-in .42s var(--spring) both}.petee-msg.is-still{animation:none}.petee-msg.is-me{align-self:flex-end;align-items:flex-end}.petee-msg.is-wide{align-self:stretch}@keyframes petee-msg-in{0%{opacity:0;transform:translateY(10px) scale(.94)}}.petee-chat{--petee-text: 15.5px;--petee-pad: 9px}.petee-bubble{padding:var(--petee-pad, 9px) 14px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:18px 18px 18px 6px;box-shadow:var(--shadow-sm);font-size:var(--petee-text, 15.5px);font-weight:600;line-height:1.42;overflow-wrap:anywhere;white-space:pre-line}.is-me .petee-bubble{color:var(--on-accent);background:var(--coral);border-radius:18px 18px 6px}.petee-msg.is-photo .petee-bubble{display:flex;align-items:center;gap:8px;padding:4px;background:var(--white);border:2px solid var(--line);border-radius:18px 18px 6px}.petee-msg.is-photo img{display:block;max-width:168px;max-height:200px;border-radius:14px}.petee-msg.is-photo svg{width:22px;height:22px;margin-left:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.petee-msg.is-photo span{padding-right:10px;color:var(--ink);font-size:14px;font-weight:700}.petee-msg.is-petee.is-photo .petee-bubble{flex-direction:column;align-items:flex-start;gap:2px;border-radius:6px 18px 18px}.petee-msg.is-petee.is-photo img{max-width:176px;background:repeating-conic-gradient(#e9edf4 0 25%,#fff 0 50%) 0 0 / 16px 16px}.petee-msg.is-photo .petee-caption{padding:0 8px 3px;color:var(--muted);font-size:12.5px;font-weight:800}.petee-chat:not(.is-full) .petee-msg.is-photo img{max-width:64px;max-height:32px;border-radius:10px}.petee-chat:not(.is-full) .petee-msg.is-petee.is-photo .petee-bubble{flex-direction:row;align-items:center;gap:8px}.petee-chat:not(.is-full) .petee-msg.is-photo .petee-caption{padding:0 10px 0 0}.petee-log .petee-msg:not(.is-wide) .petee-bubble{cursor:pointer}@media (hover: hover){.petee-log .petee-msg:not(.is-wide) .petee-bubble:hover{filter:brightness(.96)}}.petee-quoted{display:flex;min-width:0;align-items:center;gap:8px;margin:-3px -7px 6px;padding:5px 8px;background:#ffffff3d;border-left:3px solid currentColor;border-radius:10px;font-size:13px;line-height:1.3}.petee-quoted img{width:34px;height:34px;flex:none;object-fit:cover;background:#fff;border-radius:7px}.petee-quoted svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.petee-quoted>span{display:-webkit-box;min-width:0;overflow:hidden;opacity:.92;-webkit-box-orient:vertical;-webkit-line-clamp:2}.petee-quoted b{display:block;font-weight:800}.petee-said{display:block}.petee-foot{position:relative;z-index:1;flex:none;margin-left:62px;pointer-events:auto}.petee-chat .petee-tray{flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px 8px -74px;padding:2px 12px 4px;overflow-x:auto}.petee-chat .petee-msg-actions{max-width:calc(100% + 8px);flex-wrap:nowrap;margin-inline:-4px;padding:2px 4px 5px;overflow-x:auto;scrollbar-width:none}.petee-chat .petee-msg-actions::-webkit-scrollbar{display:none}.petee-chat :is(.petee-tray,.petee-msg-actions) .petee-chip{padding:6px 12px;font-size:13.5px}.petee-chat .petee-tray .petee-chip:not(.is-choice){background:color-mix(in srgb,var(--lilac) 78%,var(--coral))}.petee-designs-status{margin:0 0 8px;padding:9px 14px;background:var(--well);border-radius:6px 18px 18px;font-size:15px;font-weight:700}.petee-designs-status.is-working:after{display:inline-block;width:1.2em;content:"…";animation:petee-dots 1.1s ease-in-out infinite}.petee-designs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.petee-design{position:relative;display:flex;min-width:0;flex-direction:column;gap:6px;padding:6px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);font-size:13px;font-weight:800;line-height:1.25;text-align:left;animation:petee-in .5s var(--spring) both;animation-delay:calc(var(--i, 0) * 60ms);transition:transform .18s var(--ease)}.petee-design:active{transform:scale(.96)}.petee-design-shots{position:relative;display:block}.petee-design-shots :is(canvas,img){display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;background:var(--studio-sky);border-radius:12px}.petee-design-shots img{aspect-ratio:1}.petee-design-shots canvas+canvas{position:absolute;right:-4px;bottom:-4px;width:42%;border:2px solid var(--line);border-radius:9px}.petee-design.is-product .petee-design-shots img{aspect-ratio:1;padding:8px;background:var(--studio-sky)}.petee-pick-why{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.petee-design.is-more{min-height:120px;justify-content:center;align-items:center;color:var(--link);background:var(--lilac);text-align:center}.petee-design.is-more svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.petee-wall{text-align:center}.petee-wall-art{position:relative;display:grid;height:132px;place-items:center;margin:10px 0 4px}.petee-wall-art .petee{--size: 96px}.petee-wall-bowl{position:absolute;bottom:2px;left:50%;width:58px;margin-left:34px}.petee-wall-bowl svg{display:block;width:100%;fill:var(--white);stroke:var(--line);stroke-width:1.6;stroke-linejoin:round}.petee-wall h2{margin:6px 0;font-size:26px}.petee-wall-text{max-width:34ch;margin:0 auto 18px;color:var(--muted)}.petee-wall .button{width:100%}.petee-wall .button+.button{margin-top:10px}.petee-wall small{display:block;margin-top:12px;color:var(--muted);font-size:12.5px;font-weight:700}@media (prefers-reduced-motion: reduce){.petee-menu-button.has-gift>.petee-badge{animation:none}}