*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--tupa-font);font-size:var(--tupa-text-md);line-height:var(--tupa-leading);color:var(--tupa-ink);background-color:var(--tupa-surface);margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--tupa-green);text-underline-offset:3px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus{outline:none}:focus-visible{outline:3px solid var(--tupa-green);outline-offset:3px;border-radius:6px}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}.skip-link:focus{clip:auto;z-index:100;width:auto;height:auto;box-shadow:0 0 0 3px var(--tupa-green);white-space:normal;background:#fff;border-radius:12px;margin:0;padding:10px 16px;top:12px;left:12px;position:fixed!important}.grid-bg{background-color:var(--tupa-surface);background-image:linear-gradient(to right, var(--tupa-grid-line) 1.5px, transparent 1.5px), linear-gradient(to bottom, var(--tupa-grid-line) 1.5px, transparent 1.5px);background-size:var(--tupa-grid-cell) var(--tupa-grid-cell);background-position:calc(50% - 1px) -1px}.grid-bg--soft{background-image:linear-gradient(to right, var(--tupa-grid-line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--tupa-grid-line-soft) 1px, transparent 1px)}#app,#root{flex-direction:column;min-height:100dvh;display:flex}.page{flex-direction:column;flex:1;width:100%;display:flex}.col{width:100%;padding-inline:var(--tupa-gutter);margin-inline:auto}.col--flow{max-width:calc(var(--tupa-col-flow) + 2 * var(--tupa-gutter))}.col--card{max-width:calc(var(--tupa-col-card) + 2 * var(--tupa-gutter))}.col--work{max-width:calc(var(--tupa-col-work) + 2 * var(--tupa-gutter))}.page-pad-bottom{padding-bottom:calc(var(--s-7) + var(--safe-bottom))}.demo-strip{z-index:30;align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-2) 0 var(--s-3);padding-top:var(--safe-top);background:var(--tupa-demo-tint);border-bottom:1.5px dashed var(--tupa-demo);color:var(--tupa-demo);font-family:var(--tupa-font-ui);font-size:var(--tupa-text-xs);display:flex;position:relative}.demo-strip__label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-weight:700}.demo-strip__role{text-overflow:ellipsis;white-space:nowrap;color:#4b3a85;flex:1;min-width:0;overflow:hidden}.demo-strip__btn{border:1.5px solid var(--tupa-demo);min-height:32px;color:var(--tupa-demo);font-weight:600;font-size:var(--tupa-text-xs);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:0 12px}.demo-strip__btn:hover{background:var(--tupa-demo);color:#fff}.demo-badge{border:1px dashed var(--tupa-demo);background:var(--tupa-demo-tint);color:#4b3a85;font-family:var(--tupa-font-ui);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.demo-note{border:1.5px dashed var(--tupa-demo);background:var(--tupa-demo-tint);color:#3e3070;border-radius:var(--tupa-radius-sm);font-family:var(--tupa-font-ui);font-size:var(--tupa-text-sm);padding:10px 12px}.demo-note strong{color:#3e3070}.demo-panel{gap:var(--s-5);font-family:var(--tupa-font-ui);display:grid}.demo-panel h3{font-size:var(--tupa-text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--tupa-demo);margin-bottom:var(--s-2)}.demo-panel__grid{gap:var(--s-2);grid-template-columns:1fr;display:grid}@media (width>=560px){.demo-panel__grid{grid-template-columns:1fr 1fr}}.demo-link{border-radius:var(--tupa-radius-sm);border:1px solid var(--tupa-line);color:var(--tupa-ink);cursor:pointer;text-align:left;background:#fff;flex-direction:column;gap:2px;width:100%;padding:10px 12px;text-decoration:none;display:flex}.demo-link:hover{border-color:var(--tupa-demo)}.demo-link small{color:var(--tupa-ink-3);font-size:12px}.demo-roles{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo-roles button[aria-pressed=true]{background:var(--tupa-demo);color:#fff;border-color:var(--tupa-demo)}.app-header{z-index:5;position:relative}.app-header__bar{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:60px;display:flex}.app-header__nav{align-items:center;gap:var(--s-1);white-space:nowrap;display:flex}.brand-link{border-radius:10px;align-items:center;text-decoration:none;display:inline-flex}.brand-art{width:clamp(140px,42vw,188px);height:auto}.brand-art--hero{width:min(78vw,330px)}.brand-mono{width:auto;height:26px}.brand-text{letter-spacing:.04em;color:var(--tupa-green);font-size:22px;font-weight:800}.btn{--btn-bg:var(--tupa-green);--btn-fg:#fff;--btn-bd:var(--tupa-green);min-height:var(--tupa-control-h);border:2px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--tupa-dur) var(--tupa-ease), transform .12s var(--tupa-ease), border-color var(--tupa-dur);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:hover{--btn-bg:var(--tupa-green-hover);--btn-bd:var(--tupa-green-hover)}.btn:active{--btn-bg:var(--tupa-green-active);transform:scale(.98)}.btn:focus-visible{outline-offset:3px;border-radius:18px}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.btn--block{width:100%}.btn--secondary{--btn-bg:#fff;--btn-fg:var(--tupa-green);--btn-bd:var(--tupa-green)}.btn--secondary:hover{--btn-bg:var(--tupa-green-tint);--btn-bd:var(--tupa-green)}.btn--secondary:active{--btn-bg:#dceadb}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--tupa-green);--btn-bd:transparent;padding-inline:14px}.btn--ghost:hover{--btn-bg:var(--tupa-green-tint);--btn-bd:transparent}.btn--ghost:active{--btn-bg:#dceadb}.btn--danger{--btn-bg:#fff;--btn-fg:var(--tupa-error);--btn-bd:var(--tupa-error)}.btn--danger:hover{--btn-bg:var(--tupa-error-tint);--btn-bd:var(--tupa-error)}.btn--danger-solid{--btn-bg:var(--tupa-error);--btn-fg:#fff;--btn-bd:var(--tupa-error)}.btn--danger-solid:hover{--btn-bg:#8f1e18;--btn-bd:#8f1e18}.btn--sm{min-height:var(--tupa-touch);border-radius:14px;padding:0 14px;font-size:15px}.btn--icon{min-width:var(--tupa-touch);min-height:var(--tupa-touch);border-radius:14px;padding:0}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading:after{content:"";border:2.5px solid var(--btn-fg);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute}.btn--secondary.is-loading:after,.btn--ghost.is-loading:after{border-color:var(--tupa-green);border-right-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}.btn svg{flex:none;width:20px;height:20px}.link-btn{color:var(--tupa-green);text-underline-offset:3px;cursor:pointer;min-height:var(--tupa-touch);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.field{gap:6px;display:grid}.field__label{font-weight:650;font-size:var(--tupa-text-md)}.field__hint{color:var(--tupa-ink-3);font-size:var(--tupa-text-sm)}.input,.textarea,.select{width:100%;min-height:var(--tupa-control-h);border:2px solid var(--tupa-field-line);border-radius:var(--tupa-radius);background:var(--tupa-pink-fill);color:var(--tupa-ink);transition:border-color var(--tupa-dur), box-shadow var(--tupa-dur), background-color var(--tupa-dur);appearance:none;padding:12px 16px;font-size:16px;line-height:1.4}.input::placeholder,.textarea::placeholder{color:#6b5d60}.input:hover,.textarea:hover,.select:hover{border-color:#a25562}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--tupa-green);background:#fff;outline:none;box-shadow:0 0 0 3px #315c3d40}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--tupa-error);background:#fff}.input[disabled],.textarea[disabled]{opacity:.6;cursor:not-allowed}.textarea{resize:vertical;min-height:120px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23315C3D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.input-row{gap:var(--s-2);display:flex}.input-row>.select{flex:none;width:118px}.input-row>.input{flex:1;min-width:0}.counter{color:var(--tupa-ink-3);text-align:right;font-size:12px}.inline-error{color:var(--tupa-error);font-size:var(--tupa-text-sm);align-items:flex-start;gap:8px;font-weight:600;display:flex}.inline-error:before{content:"!";background:var(--tupa-error);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:13px;font-weight:800;display:grid}.notice{border-radius:var(--tupa-radius-sm);font-size:var(--tupa-text-sm);padding:12px 14px;line-height:1.45}.notice--info{background:var(--tupa-info-tint);color:var(--tupa-info-ink)}.notice--warn{background:var(--tupa-warn-tint);color:var(--tupa-warn-ink)}.notice--error{background:var(--tupa-error-tint);color:#7a1a14}.notice--ok{background:var(--tupa-green-tint);color:var(--tupa-green)}.notice strong{margin-bottom:2px;display:block}.choices{gap:var(--s-2);display:grid}.choices--3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{text-align:center;border-radius:var(--tupa-radius);border:2px solid var(--tupa-field-line);background:var(--tupa-pink-fill);cursor:pointer;min-height:56px;transition:background-color var(--tupa-dur), border-color var(--tupa-dur);justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice:hover{border-color:#a25562}.choice:has(input:checked){border-color:var(--tupa-green);background:var(--tupa-green-tint);color:var(--tupa-green)}.choice:has(input:checked):after{content:"";background:var(--tupa-green);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.choice:has(input:focus-visible){outline:3px solid var(--tupa-green);outline-offset:3px}.choices--list .choice{text-align:left;justify-content:flex-start;padding:12px 40px 12px 16px}.choices--3 .choice{flex-direction:column;gap:4px;min-height:84px;font-size:15px}.choice__emoji{font-size:26px;line-height:1}.switch-row{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:52px;padding:8px 0;display:flex}.switch-row+.switch-row{border-top:1px solid var(--tupa-line)}.switch-row__text{min-width:0}.switch-row__title{overflow-wrap:anywhere;font-weight:600}.switch-row__sub{color:var(--tupa-ink-3);font-size:var(--tupa-text-sm);overflow-wrap:anywhere}.switch{flex:none;width:52px;height:32px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;position:absolute;inset:-6px}.switch__track{transition:background-color var(--tupa-dur);background:#c9d2c8;border-radius:999px;position:absolute;inset:0}.switch__thumb{width:26px;height:26px;transition:transform var(--tupa-dur) var(--tupa-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked~.switch__track{background:var(--tupa-green)}.switch input:checked~.switch__thumb{transform:translate(20px)}.switch input:focus-visible~.switch__track{outline:3px solid var(--tupa-green);outline-offset:3px}.switch input:disabled~.switch__track{opacity:.5}.check{min-height:var(--tupa-touch);cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:22px;height:22px;accent-color:var(--tupa-green);flex:none;margin:0}.otp{position:relative}.otp__input{opacity:.01;letter-spacing:1em;caret-color:#0000;z-index:1;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.otp__cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px);display:grid}.otp__cell{border:2px solid var(--tupa-field-line);background:var(--tupa-pink-fill);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;height:60px;font-size:26px;font-weight:700;display:grid}.otp.is-focused .otp__cell.is-active{border-color:var(--tupa-green);background:#fff;box-shadow:0 0 0 3px #315c3d40}.otp.is-focused .otp__cell.is-active:empty:after{content:"";background:var(--tupa-green);width:2px;height:28px;animation:1s steps(2,end) infinite blink}.otp[aria-invalid=true] .otp__cell{border-color:var(--tupa-error);background:#fff}@keyframes blink{50%{opacity:0}}.dog{pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(118px,38vw,168px);height:auto}.dog-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--tupa-ease);background:0 0;border:0;border-radius:40%;margin:-6px;padding:6px;display:block}.dog-btn:hover{transform:rotate(-3deg)scale(1.03)}.dog-btn:active{transform:scale(.96)}.dog-btn:focus-visible{outline-offset:2px;border-radius:40%}.dog-btn .dog{width:clamp(150px,46vw,200px)}.dog-btn--bob{animation:bob 2.8s var(--tupa-ease) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bubble{border:18px solid #0000;border-image-source:url(/assets/layers/bubble-body.webp);border-image-slice:84 fill;border-image-width:42px;border-image-repeat:stretch;align-items:center;min-height:112px;padding:4px 6px;display:flex;position:relative}.bubble:before{content:"";pointer-events:none;background:url(/assets/layers/bubble-tail.webp) 0 0/100% 100% no-repeat;width:58px;height:50px;position:absolute;top:-49px;right:11px}.bubble__text{font-size:var(--tupa-text-question);color:var(--tupa-ink);overflow-wrap:anywhere;font-weight:700;line-height:1.3}.bubble__text--sm{font-size:clamp(19px,4.8vw,22px)}.bubble__sub{font-size:var(--tupa-text-md);color:var(--tupa-ink-2);margin-top:6px;font-weight:500}.bubble__inner{width:100%}.flowers-row{height:34px;margin-bottom:calc(-1 * var(--s-4) - 3px);pointer-events:none;z-index:1;position:relative}.scene__answer>.flowers-row{margin-bottom:calc(-1 * var(--s-3) - 3px)}.flowers-row img{width:auto;height:34px;position:absolute;bottom:0}.flowers-row img:first-child{left:18%}.flowers-row img:nth-child(2){height:36px;left:46%}.flowers-row img:nth-child(3){height:31px;left:72%}.scene{padding-top:var(--s-2);flex-direction:column;flex:1;display:flex}.scene__dog{justify-content:flex-end;padding-right:4%;display:flex}.scene__bubble{transition:opacity var(--tupa-dur) var(--tupa-ease), transform var(--tupa-dur) var(--tupa-ease);margin-top:26px;margin-right:10%}.scene__bubble.is-entering{opacity:0;transform:translateY(6px)}.scene__answer{margin-top:var(--s-5);gap:var(--s-3);scroll-margin-bottom:140px;display:grid}.scene__actions{margin-top:var(--s-4);gap:var(--s-2);padding-bottom:calc(var(--s-5) + var(--safe-bottom));display:grid}.scene__actions-row{gap:var(--s-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.scene__actions-row .btn{padding-inline:10px;font-size:15px}@media (height<=680px){.scene .dog{width:clamp(96px,30vw,128px)}.scene__bubble{margin-top:18px}.bubble{min-height:92px}}.wizard-top{align-items:center;gap:var(--s-2);grid-template-columns:auto 1fr auto;min-height:56px;display:grid}.wizard-top__progress{gap:6px;display:grid}.wizard-top__label{font-size:var(--tupa-text-sm);color:var(--tupa-ink-2);text-align:center;font-weight:650}.progress{background:#e3ece2;border-radius:999px;height:6px;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--tupa-green);height:100%;transition:width .3s var(--tupa-ease)}.save-status{color:var(--tupa-ink-3);white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:44px;font-size:12px;display:inline-flex}.save-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.save-status--ok{color:var(--tupa-green)}.save-status--saving{color:var(--tupa-ink-3)}.save-status--error{color:var(--tupa-error);font-weight:700}.welcome{padding-block:var(--s-4) calc(var(--s-6) + var(--safe-bottom));flex-direction:column;flex:1;align-items:stretch;display:flex}.welcome__logo{justify-content:center;display:flex}.welcome__dog{margin-top:var(--s-5);justify-content:flex-end;padding-right:6%;display:flex}.welcome__bubble{margin-top:24px;margin-right:18%}.welcome__actions{margin-top:var(--s-6);gap:var(--s-2);display:grid}.photo-pick{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.photo-pick .btn{flex-direction:column;gap:4px;min-height:64px;padding:8px;font-size:15px}.cropper{gap:var(--s-3);justify-items:center;display:grid}.cropper__stage{aspect-ratio:1;touch-action:none;cursor:grab;width:min(78vw,300px);box-shadow:0 0 0 6px var(--tupa-pink), 0 0 0 8px var(--tupa-pink-line);background:#eee;border-radius:50%;position:relative;overflow:hidden}.cropper__stage:active{cursor:grabbing}.cropper__stage canvas{width:100%;height:100%}.cropper__controls{gap:var(--s-3);grid-template-columns:auto 1fr auto;align-items:center;width:100%;display:grid}.range{width:100%;accent-color:var(--tupa-green);min-height:var(--tupa-touch)}.photo-done{gap:var(--s-4);align-items:center;display:flex}.photo-done__thumb{object-fit:cover;width:96px;height:96px;box-shadow:0 0 0 4px var(--tupa-pink), 0 0 0 6px var(--tupa-pink-line);border-radius:50%}.card-page{padding-top:var(--s-2);padding-bottom:calc(96px + var(--safe-bottom))}.card-logo{padding-block:var(--s-2) 0;justify-content:center;display:flex}.flower{aspect-ratio:471/470;width:min(84vw,340px);margin-inline:auto;position:relative}.flower__art{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 78%,#0000 99%);mask-image:linear-gradient(#000 78%,#0000 99%)}.flower__photo{aspect-ratio:1;background:var(--tupa-pink-fill);border-radius:50%;width:56%;position:absolute;top:48.66%;left:51.77%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff,0 0 0 6px #f18924e6}.flower__photo img{object-fit:cover;width:100%;height:100%}.flower__empty{width:100%;height:100%;color:var(--tupa-green);text-align:center;place-items:center;padding:14%;font-size:13px;font-weight:600;line-height:1.25;display:grid}.flower__empty svg{opacity:.55;width:44%;height:auto;margin:0 auto 4px}.flower--sm{width:120px}.flower--sm .flower__photo{box-shadow:0 0 0 2px #fff,0 0 0 3px #f18924e6}.pet-head{text-align:center;margin-top:var(--s-2);gap:var(--s-2);justify-items:center;display:grid}.pet-name{font-size:var(--tupa-text-petname);overflow-wrap:anywhere;letter-spacing:-.01em;font-weight:800;line-height:1.15}.pet-facts{color:var(--tupa-ink-2);font-size:var(--tupa-text-md)}.lost-badge{background:var(--tupa-orange-tint);color:var(--tupa-orange-ink);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:750;display:inline-flex}.lost-badge:before{content:"";background:var(--tupa-orange);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #f0832440}.card-actions{gap:var(--s-2);margin-top:var(--s-5);display:grid}.card-section{margin-top:var(--s-5);gap:var(--s-3);display:grid}.facts{border-radius:var(--tupa-radius-lg);box-shadow:inset 0 0 0 1.5px var(--tupa-pink-line);background:#ffffffeb;gap:0;padding:4px 18px;display:grid}.fact{gap:var(--s-3);grid-template-columns:minmax(96px,38%) 1fr;padding:12px 0;display:grid}.fact+.fact{border-top:1px solid #f1dadc}.fact dt{color:var(--tupa-ink-3);font-size:var(--tupa-text-sm);padding-top:1px}.fact dd{overflow-wrap:anywhere;white-space:pre-line;margin:0}.callout{border-radius:var(--tupa-radius-lg);gap:4px;padding:14px 18px;display:grid}.callout__title{font-weight:750}.callout--health{background:var(--tupa-warn-tint);color:var(--tupa-warn-ink)}.callout--reward{background:var(--tupa-green-tint);color:var(--tupa-green)}.callout--note{box-shadow:inset 0 0 0 1.5px var(--tupa-pink-line);background:#ffffffeb}.callout p{white-space:pre-line;overflow-wrap:anywhere;color:var(--tupa-ink)}.sticky-cta{z-index:20;padding:10px var(--tupa-gutter) calc(10px + var(--safe-bottom));box-shadow:0 -1px 0 var(--tupa-line), 0 -10px 24px #1f241f14;transition:transform .24s var(--tupa-ease);background:#fffffff5;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.sticky-cta.is-visible{transform:none}.sticky-cta__inner{max-width:var(--tupa-col-card);gap:var(--s-2);margin:0 auto;display:flex}.sticky-cta__inner .btn{flex:1}.sticky-cta__inner .btn--icon{flex:0 0 56px}.owner-bar{align-items:center;gap:var(--s-2);margin-top:var(--s-2);border-radius:var(--tupa-radius);background:var(--tupa-green-tint);color:var(--tupa-green);font-weight:600;font-size:var(--tupa-text-sm);flex-wrap:wrap;justify-content:space-between;padding:8px 10px 8px 14px;display:flex}.preview-banner{border-radius:var(--tupa-radius);background:var(--tupa-info-tint);color:var(--tupa-info-ink);font-weight:600;font-size:var(--tupa-text-sm);gap:var(--s-2);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}@media (width>=900px){.card-layout{gap:var(--s-7);grid-template-columns:minmax(300px,420px) minmax(0,560px);justify-content:center;align-items:start;display:grid}.card-layout .flower{width:100%}.card-layout .pet-head{text-align:left;margin-top:var(--s-6);justify-items:start}.card-layout .card-aside{top:var(--s-5);position:sticky}.card-page .col--card{max-width:1100px}}.overlay{z-index:50;animation:fade-in var(--tupa-dur) var(--tupa-ease);background:#1f241f6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;width:100%;max-width:560px;max-height:min(88vh,88dvh);box-shadow:var(--tupa-shadow-sheet);padding:8px var(--tupa-gutter) calc(var(--s-5) + var(--safe-bottom));animation:sheet-in .26s var(--tupa-ease);background:#fff;border-radius:28px 28px 0 0;overflow:auto}.sheet--wide{max-width:760px}.sheet__grab{background:#d5ddd4;border-radius:999px;width:44px;height:5px;margin:4px auto 6px}.sheet__head{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:52px;display:flex}.sheet__title{font-size:20px;font-weight:750;line-height:1.25}.sheet__body{gap:var(--s-4);padding-top:var(--s-2);display:grid}@media (width>=640px){.overlay{padding:var(--s-5);align-items:center}.sheet{padding-bottom:var(--s-5);border-radius:28px}}@keyframes sheet-in{0%{opacity:.6;transform:translateY(24px)}}@keyframes fade-in{0%{opacity:0}}.contact-list{gap:var(--s-2);display:grid}.contact-item{align-items:center;gap:var(--s-3);border-radius:var(--tupa-radius);border:2px solid var(--tupa-line);min-height:64px;color:var(--tupa-ink);cursor:pointer;text-align:left;background:#fff;width:100%;padding:10px 14px;text-decoration:none;display:flex}.contact-item:hover{border-color:var(--tupa-green);background:var(--tupa-green-tint)}.contact-item__icon{background:var(--tupa-green-tint);width:44px;height:44px;color:var(--tupa-green);border-radius:14px;flex:none;place-items:center;display:grid}.contact-item__icon svg{width:22px;height:22px}.contact-item__text{min-width:0;display:grid}.contact-item__title{font-weight:700}.contact-item__value{color:var(--tupa-ink-3);font-size:var(--tupa-text-sm);overflow-wrap:anywhere}.contact-item--primary{border-color:var(--tupa-green)}.toasts{z-index:70;left:0;right:0;bottom:calc(16px + var(--safe-bottom));pointer-events:none;padding-inline:var(--tupa-gutter);justify-items:center;gap:8px;display:grid;position:fixed}.toast{pointer-events:auto;background:var(--tupa-ink);color:#fff;width:100%;max-width:520px;font-size:var(--tupa-text-sm);animation:sheet-in .22s var(--tupa-ease);border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px #0003}.toast--demo{background:#3e3070;border:1.5px dashed #b9a8f0}.toast--error{background:#7a1a14}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge--ACTIVE{background:var(--tupa-green-tint);color:var(--tupa-green)}.badge--CREATED{color:#3d4a57;background:#eef1f4}.badge--PENDING_VERIFICATION,.badge--PENDING_PROFILE{background:var(--tupa-warn-tint);color:var(--tupa-warn-ink)}.badge--SUSPENDED{color:#4a4a4a;background:#f0f0f0}.badge--REPLACED{color:#4f3b78;background:#efeaf6}.badge--BLOCKED{background:var(--tupa-error-tint);color:#8f1e18}.badge--LOST{background:var(--tupa-orange-tint);color:var(--tupa-orange-ink)}.badge--pending{background:var(--tupa-warn-tint);color:var(--tupa-warn-ink)}.badge--sent{background:var(--tupa-green-tint);color:var(--tupa-green)}.badge--failed{background:var(--tupa-error-tint);color:#8f1e18}.panel{border-radius:var(--tupa-radius-lg);box-shadow:inset 0 0 0 1px var(--tupa-line), var(--tupa-shadow-card);padding:var(--s-4);background:#fff}.panel--pink{box-shadow:inset 0 0 0 1.5px var(--tupa-pink-line)}.panel__title{margin-bottom:var(--s-3);font-size:18px;font-weight:750}.stack{gap:var(--s-4);display:grid}.stack-sm{gap:var(--s-2);display:grid}.row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.row--between{justify-content:space-between}.muted{color:var(--tupa-ink-3)}.small{font-size:var(--tupa-text-sm)}.h1{font-size:var(--tupa-text-h1);letter-spacing:-.015em;font-weight:800;line-height:1.12}.h2{font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1.2}.h3{font-size:19px;font-weight:750;line-height:1.3}.lead{color:var(--tupa-ink-2);font-size:clamp(17px,4.2vw,20px);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--tupa-green);font-size:13px;font-weight:700}.kbd{background:#f2f4f1;border-radius:6px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.92em}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.divider{background:var(--tupa-line);border:0;height:1px;margin:0}.landing-hero{gap:var(--s-5);padding-block:var(--s-4) var(--s-6);align-items:center;display:grid}.landing-hero__art{justify-items:end;gap:0;display:grid;position:relative}.landing-hero__art .bubble{justify-self:stretch;margin-top:22px;margin-right:14%}.landing-hero__copy{gap:var(--s-4);display:grid}.landing-hero__ctas{gap:var(--s-2);display:grid}.steps{gap:var(--s-3);counter-reset:step;display:grid}.step-card{padding:var(--s-4) var(--s-4) var(--s-4) 72px;border-radius:var(--tupa-radius-lg);box-shadow:inset 0 0 0 1.5px var(--tupa-pink-line);background:#fff;min-height:88px;position:relative}.step-card:before{counter-increment:step;content:counter(step);background:var(--tupa-pink);width:40px;height:40px;color:var(--tupa-ink);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;top:16px;left:16px}.step-card h3{margin-bottom:4px;font-size:17px}.step-card p{color:var(--tupa-ink-2);font-size:15px}.section{padding-block:var(--s-6);gap:var(--s-4);display:grid}.split{gap:var(--s-4);display:grid}.footer{padding-block:var(--s-5) calc(var(--s-5) + var(--safe-bottom));border-top:1px solid var(--tupa-line);font-size:var(--tupa-text-sm);background:#fffffff0;margin-top:auto}.footer .row{gap:var(--s-4)}@media (width>=900px){.landing-hero{padding-block:var(--s-6) var(--s-7);gap:var(--s-7);grid-template-columns:1.1fr .9fr}.landing-hero__art{order:2}.landing-hero__ctas{grid-template-columns:auto auto;justify-content:start}.steps{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 1fr}}.service{gap:var(--s-4);padding-block:var(--s-5) var(--s-7);display:grid}.service__icon{background:var(--tupa-pink-fill);width:72px;height:72px;box-shadow:inset 0 0 0 1.5px var(--tupa-pink-line);border-radius:24px;place-items:center;display:grid}.service__icon svg{width:34px;height:34px;color:var(--tupa-green)}.work{padding-block:var(--s-4) calc(var(--s-7) + var(--safe-bottom));gap:var(--s-5);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.work-head{gap:var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.pets-grid{gap:var(--s-3);display:grid}@media (width>=720px){.pets-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.pets-grid{grid-template-columns:repeat(3,1fr)}}.pet-card{gap:var(--s-3);border-radius:var(--tupa-radius-lg);box-shadow:inset 0 0 0 1px var(--tupa-line), var(--tupa-shadow-card);color:inherit;transition:box-shadow var(--tupa-dur), transform .12s var(--tupa-ease);background:#fff;grid-template-columns:76px 1fr;align-items:center;padding:14px;text-decoration:none;display:grid}.pet-card:hover{box-shadow:inset 0 0 0 2px var(--tupa-green), var(--tupa-shadow-card)}.pet-card:active{transform:scale(.99)}.pet-card__photo{background:var(--tupa-pink-fill);width:76px;height:76px;box-shadow:0 0 0 3px var(--tupa-pink);border-radius:50%;place-items:center;display:grid;overflow:hidden}.pet-card__photo img{object-fit:cover;width:100%;height:100%}.pet-card__photo svg{width:36px;color:var(--tupa-green);opacity:.5}.pet-card__name{overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.2}.pet-card__meta{gap:6px;min-width:0;display:grid}.pet-card__sub{color:var(--tupa-ink-3);font-size:13.5px}.empty{text-align:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);justify-items:center;display:grid}.empty .dog{width:130px}.tabs{scrollbar-width:none;margin-inline:calc(-1 * var(--tupa-gutter));padding-bottom:2px;padding-inline:var(--tupa-gutter);scroll-snap-type:x proximity;gap:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--tupa-touch);border:1.5px solid var(--tupa-line);cursor:pointer;color:var(--tupa-ink-2);scroll-snap-align:start;background:#fff;border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.tab:hover{border-color:var(--tupa-green)}.tab[aria-selected=true],.tab[aria-current=page]{background:var(--tupa-green);border-color:var(--tupa-green);color:#fff}.pet-hero{gap:var(--s-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.pet-hero .pet-card__photo{width:88px;height:88px}.summary-list{display:grid}.summary-row{gap:var(--s-3);grid-template-columns:1fr auto;align-items:center;padding:12px 0;display:grid}.summary-row+.summary-row{border-top:1px solid var(--tupa-line)}.summary-row__label{color:var(--tupa-ink-3);font-size:13px}.summary-row__value{overflow-wrap:anywhere;white-space:pre-line}.summary-row__value.is-empty{color:var(--tupa-ink-3);font-style:italic}.scan-list{gap:var(--s-2);display:grid}.scan{gap:var(--s-3);border-radius:var(--tupa-radius);box-shadow:inset 0 0 0 1px var(--tupa-line);background:#fff;grid-template-columns:40px 1fr;padding:12px;display:grid}.scan__icon{background:var(--tupa-pink-fill);width:40px;height:40px;color:var(--tupa-green);border-radius:12px;place-items:center;display:grid}.scan__icon svg{width:20px;height:20px}.scan__title{font-weight:650}.danger-zone{box-shadow:inset 0 0 0 1.5px #f1c9c6}@media (width>=1000px){.account-layout{gap:var(--s-6);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.account-layout__aside{top:var(--s-4);position:sticky}}.admin{gap:var(--s-4);padding-block:var(--s-4) calc(var(--s-7) + var(--safe-bottom));grid-template-columns:minmax(0,1fr);display:grid}.admin>*,.work>*{min-width:0}.admin-nav{scrollbar-width:none;margin-inline:calc(-1 * var(--tupa-gutter));padding-inline:var(--tupa-gutter);gap:4px;display:flex;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}@media (width>=1000px){.admin{gap:var(--s-6);grid-template-columns:220px minmax(0,1fr);align-items:start}.admin-nav{top:var(--s-4);flex-direction:column;margin:0;padding:0;position:sticky;overflow:visible}.admin-nav .tab{border-color:#0000;border-radius:12px;justify-content:flex-start}.admin-nav .tab[aria-current=page]{border-color:var(--tupa-green)}.admin__head{grid-column:1/-1}}.stats{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{padding:var(--s-4);border-radius:var(--tupa-radius-lg);box-shadow:inset 0 0 0 1px var(--tupa-line);background:#fff}.stat__value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.1}.stat__label{color:var(--tupa-ink-3);font-size:var(--tupa-text-sm)}.table-wrap{border-radius:var(--tupa-radius);box-shadow:inset 0 0 0 1px var(--tupa-line);background:#fff;overflow-x:auto}.table-wrap:focus-visible{outline-offset:2px}.table{border-collapse:collapse;width:100%;font-size:14px;font-family:var(--tupa-font-ui)}.table th,.table td{text-align:left;border-bottom:1px solid var(--tupa-line);vertical-align:top;padding:10px 12px}.table th{color:var(--tupa-ink-2);white-space:nowrap;background:#f6f8f5;font-size:13px;font-weight:700;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.table td.nowrap{white-space:nowrap}.table caption{text-align:left;color:var(--tupa-ink-3);caption-side:bottom;padding:10px 12px;font-size:13px}.rows{gap:var(--s-2);display:grid}.rowcard{border-radius:var(--tupa-radius);box-shadow:inset 0 0 0 1px var(--tupa-line);background:#fff;gap:6px;padding:12px 14px;font-size:14px;display:grid}.rowcard__top{gap:var(--s-2);justify-content:space-between;align-items:flex-start;display:flex}.rowcard dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.rowcard dt{color:var(--tupa-ink-3)}.rowcard dd{overflow-wrap:anywhere;margin:0}.only-wide{display:none}@media (width>=900px){.only-wide{display:block}.only-narrow{display:none}}.filters{gap:var(--s-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.filters{grid-template-columns:1fr 220px}}@media (width>=900px){form.panel>.btn{justify-self:start}}.qr-preview{justify-items:center;gap:var(--s-2);padding:var(--s-4);border-radius:var(--tupa-radius);background:#fff;display:grid}.qr-preview svg{width:200px;height:200px}.template{padding:var(--s-4);border-radius:var(--tupa-radius);box-shadow:inset 0 0 0 1px var(--tupa-line);background:#fff;gap:8px;display:grid}.template pre{white-space:pre-wrap;font-family:var(--tupa-font-ui);color:var(--tupa-ink-2);background:#f8faf7;border-radius:12px;margin:0;padding:12px;font-size:14px}.legal{padding-block:var(--s-5) var(--s-7);gap:var(--s-4);display:grid}.loading{place-items:center;gap:var(--s-3);padding:var(--s-7) 0;color:var(--tupa-ink-3);display:grid}.spinner{border:3px solid var(--tupa-green-tint);border-top-color:var(--tupa-green);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.dog-btn--bob{animation:none}}@media (forced-colors:active){.btn,.input,.textarea,.choice,.otp__cell{border:2px solid buttontext}}