:root{--dp-blue: #00b6f1;--dp-blue-hover: #009dd4;--dp-blue-active: #0088b8;--dp-blue-tint: #e6f6fd;--dp-blue-soft: #80d8f8;--dp-ink: #1a1a1a;--dp-ink-muted: #4a4a4a;--dp-ink-faint: #6b7280;--dp-line: #e8ebef;--dp-line-warm: #f0e6da;--dp-line-warm-strong: #f0dcc8;--dp-line-cool: #e1e3e5;--dp-surface: #ffffff;--dp-surface-cream: #fef9f4;--dp-surface-cream-alt: #fff8f0;--dp-accent-ink: #6b2fa0;--dp-accent-line: #d4a8e8;--dp-gold-ink: #7a5510;--dp-gold-line: #e3bf6a;--dp-gold-from: #fdf3d6;--dp-gold-to: #f7e3ac;--dp-bg: linear-gradient(180deg, #fff1e8 0%, #eef6ff 50%, #fff8f3 100%);--dp-radius-sm: 8px;--dp-radius-md: 12px;--dp-radius-lg: 16px;--dp-radius-pill: 999px;--dp-gutter: 20px;--dp-gutter-mobile: 16px;--dp-nav-height: 64px;--dp-safe-bottom: env(safe-area-inset-bottom, 0px);--dp-safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html{background:#fff1e8!important;margin:0;min-height:100%}body{position:relative;background:transparent!important;margin:0;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--dp-bg);pointer-events:none}#root,#app,.app-container,.Polaris-Frame,.Polaris-Frame__Main,.Polaris-Frame__Content,.Polaris-Page,.Polaris-Page__Content{background:transparent!important;box-shadow:none!important}.app-container{width:100%;max-width:800px;margin:0 auto;min-height:100vh;padding:calc(16px + var(--dp-safe-top)) var(--dp-gutter) calc(var(--dp-nav-height) + 32px + var(--dp-safe-bottom))}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}@media(min-width:640px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.hidden-input{display:none}.Polaris-Card,.Polaris-ShadowBevel{border-radius:var(--dp-radius-lg)!important;overflow:hidden}.Polaris-Card{background:var(--dp-surface)!important;box-shadow:0 2px 12px #0000000d!important;border:1px solid var(--dp-line-warm)!important}.Polaris-ShadowBevel{--pc-shadow-bevel-box-shadow: none !important;--pc-shadow-bevel-border-radius: var(--dp-radius-lg) !important;background:var(--dp-surface)!important;box-shadow:none!important;border:none!important}.Polaris-Box{border-radius:var(--dp-radius-md)!important;background:transparent!important;box-shadow:none!important;border:none!important}.Polaris-Box--borderBlockEndWidth025{border-color:var(--dp-line-warm)!important}.Polaris-Button--variantPrimary{background:var(--dp-blue)!important;border-color:var(--dp-blue)!important;transition:background-color .15s ease,border-color .15s ease,transform .15s ease!important}.Polaris-Button--variantPrimary:hover:not(:disabled):not([aria-disabled=true]){background:var(--dp-blue-hover)!important;border-color:var(--dp-blue-hover)!important}.Polaris-Button--variantPrimary:active:not(:disabled):not([aria-disabled=true]){background:var(--dp-blue-active)!important;border-color:var(--dp-blue-active)!important;transform:scale(.98)!important}.Polaris-Button--variantPrimary:before,.Polaris-Button--variantPrimary:after{background:transparent!important;opacity:0!important}.Polaris-Button--variantPlain{color:var(--dp-ink-muted)!important}.Polaris-Button--variantPlain:hover{color:var(--dp-ink)!important;text-decoration:none!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;justify-content:space-around;align-items:center;min-height:calc(var(--dp-nav-height) + var(--dp-safe-bottom));padding:8px 12px calc(8px + var(--dp-safe-bottom));background:var(--dp-surface);border-top:1px solid var(--dp-line);border-radius:0}.bottom-nav-list{display:flex;justify-content:space-around;align-items:stretch;width:100%;max-width:640px;margin:0 auto}.bottom-nav-tab{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 8px;background:none;border:none;border-radius:0;color:var(--dp-ink-faint);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,transform .15s ease}.bottom-nav-tab:active{transform:scale(.97)}.bottom-nav-tab[aria-current=page]{color:var(--dp-blue)}.bottom-nav-tab svg{display:block;width:24px;height:24px}.bottom-nav-tab-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav-label{font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.01em}.bottom-nav-spacer{height:calc(var(--dp-nav-height) + var(--dp-safe-bottom))}.dog-card{display:flex;flex-direction:column;height:100%;cursor:pointer;transition:transform .2s ease}.dog-card .Polaris-Card,.dog-card .Polaris-ShadowBevel{display:flex;flex-direction:column;height:100%}.dog-card .Polaris-Box{flex:1}.dog-card:hover{transform:translateY(-3px)}.dog-card:hover .Polaris-Card{box-shadow:0 8px 24px #0000001a!important}.dog-card-image,.dog-card-placeholder{width:100%;aspect-ratio:1 / 1;border-radius:var(--dp-radius-md);background:var(--dp-surface-cream)}.dog-card-image{display:block;object-fit:cover}.dog-card-placeholder{display:flex;align-items:center;justify-content:center;font-size:clamp(40px,16vw,64px)}.add-pup-placeholder{color:#d1d1d1;font-size:clamp(56px,20vw,120px);font-weight:200;line-height:1}.box-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px 12px}.box-history-item{display:flex;flex-direction:column;gap:7px;min-width:0}.box-history-image{width:100%;aspect-ratio:1 / 1;object-fit:contain;padding:7px;border-radius:var(--dp-radius-md);background:var(--dp-surface-cream-alt);border:1px solid var(--dp-line-warm)}.box-history-image--empty{display:flex;align-items:center;justify-content:center;font-size:34px}.box-history-name{font-size:11px;font-weight:600;line-height:1.3;color:var(--dp-ink-muted)}@media(max-width:480px){.box-history{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:14px 10px}}.box-history-pick{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:0;background:none;border:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.box-history-pick:active{transform:scale(.96)}.box-history-pick .box-history-image{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.box-history-pick:not(.is-favorite):hover .box-history-image{border-color:var(--dp-blue-soft)}.box-history-pick.is-open .box-history-image{background:var(--dp-blue-tint);border-color:var(--dp-blue);box-shadow:0 0 0 2px var(--dp-blue-tint),0 4px 14px #00b6f138}.box-history-pick.is-open .box-history-name{color:var(--dp-ink)}.box-history-pick.is-favorite .box-history-name{color:var(--dp-ink);font-weight:700}.box-history-check{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dp-gold-from) 0%,var(--dp-gold-to) 100%);font-size:12px;line-height:1;border:2px solid var(--dp-surface);border-radius:50%;box-shadow:0 2px 6px #0f172a33;pointer-events:none;animation:fav-check-pop .42s cubic-bezier(.34,1.56,.64,1)}.box-open{padding-top:16px;margin-top:4px;border-top:1px solid var(--dp-line-warm);animation:badge-slide-in .3s ease}.box-open-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toy-feedback-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:560px){.toy-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toy-feedback-card{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,transform .15s ease;display:grid;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:8px;align-items:center;padding:12px;background:var(--dp-surface-cream-alt);border:1px solid var(--dp-line-warm);border-radius:var(--dp-radius-md)}.toy-feedback-card:hover:not(:disabled){border-color:var(--dp-blue-soft)}.toy-feedback-card:active:not(:disabled){transform:scale(.99)}.toy-feedback-card:disabled{cursor:default}.toy-feedback-image{width:56px;height:56px;object-fit:contain;border-radius:var(--dp-radius-sm);background:var(--dp-surface);border:1px solid var(--dp-line-warm)}.toy-feedback-image--empty{display:flex;align-items:center;justify-content:center;font-size:26px}.toy-feedback-name{grid-column:2;grid-row:1;font-size:13px;font-weight:600;line-height:1.3;color:var(--dp-ink)}.toy-feedback-media{position:relative;grid-column:1;grid-row:1 / 3;width:56px;height:56px}.toy-verdict{position:absolute;right:-7px;bottom:-7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;background:var(--dp-surface);border:1.5px solid var(--dp-line-warm-strong);border-radius:50%;box-shadow:0 2px 6px #0f172a1f;animation:fav-check-pop .4s cubic-bezier(.34,1.56,.64,1)}.toy-verdict.is-incoming{border-color:var(--dp-blue);background:var(--dp-blue-tint)}.toy-feedback-status{grid-column:2;grid-row:2;font-size:12px;font-weight:600;color:var(--dp-ink-faint)}.toy-feedback-status.is-prompt{color:var(--dp-blue-active)}.toy-feedback-chevron{grid-column:3;grid-row:1 / 3;align-self:center;padding-left:4px;font-size:22px;line-height:1;color:var(--dp-line-cool);transition:color .15s ease,transform .15s ease}.toy-feedback-card:hover:not(:disabled) .toy-feedback-chevron{color:var(--dp-blue);transform:translate(2px)}.toy-feedback-card.is-rated .toy-feedback-status{color:var(--dp-ink-muted)}.toy-feedback-card.is-destroyed{border-style:dashed}.toy-feedback-card.is-destroyed .toy-feedback-image{filter:grayscale(.7);opacity:.6}.toy-feedback-card.is-destroyed .toy-feedback-name{color:var(--dp-ink-faint)}.claim-promise{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 14px;background:var(--dp-blue-tint);border:1px solid var(--dp-blue-soft);border-radius:var(--dp-radius-md);color:var(--dp-ink-muted);font-size:12.5px;line-height:1.45}.claim-promise strong{color:var(--dp-ink)}.claim-promise-emoji{font-size:15px;line-height:1.3}.toy-ask{gap:14px;max-width:360px}.toy-ask-image{width:84px;height:84px;object-fit:contain;border-radius:var(--dp-radius-md);background:var(--dp-surface-cream-alt);border:1px solid var(--dp-line-warm)}.toy-ask-options{display:flex;flex-direction:column;gap:10px;width:100%}.toy-ask-option{display:flex;align-items:center;gap:11px;width:100%;padding:13px 16px;background:var(--dp-surface);color:var(--dp-ink);font:inherit;font-size:15px;font-weight:600;text-align:left;border:2px solid var(--dp-line-cool);border-radius:var(--dp-radius-md);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease,transform .15s ease}.toy-ask-option:hover:not(:disabled){border-color:var(--dp-blue-soft);background:var(--dp-surface-cream-alt)}.toy-ask-option:active:not(:disabled){transform:scale(.98)}.toy-ask-option.is-on{border-color:var(--dp-blue);background:var(--dp-blue-tint)}.toy-ask-option:disabled{opacity:.6;cursor:default}.toy-ask-emoji{font-size:22px;line-height:1}.box-open-favorite{padding-top:14px;margin-top:14px;border-top:1px solid var(--dp-line-warm)}.fav-reason{display:flex;flex-direction:column;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--dp-line-warm);animation:badge-slide-in .4s ease}.fav-reason-actions{display:flex;align-items:center;gap:10px}.fav-confetti{position:fixed;inset:0;z-index:1100;overflow:hidden;pointer-events:none}.fav-confetti-piece{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:0;animation:fav-confetti-fall 2.1s cubic-bezier(.25,.6,.4,1) forwards}@keyframes fav-confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}8%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0px),105vh,0) rotate(var(--spin, 540deg))}}@keyframes fav-check-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.fav-confetti{display:none}.box-history-check,.fav-reason{animation:none}.box-history-pick{transition:none}.box-history-pick:active{transform:none}.box-open{animation:none}.toy-feedback-card,.toy-feedback-chevron,.toy-ask-option{transition:none}.toy-feedback-card:hover:not(:disabled) .toy-feedback-chevron{transform:none}.toy-feedback-card:active,.toy-ask-option:active{transform:none}.toy-verdict{animation:none}}@media(max-width:480px){.box-history-check{width:21px;height:21px;font-size:11px}}.dog-header{display:flex;align-items:center;gap:16px}.dog-avatar-trigger{position:relative;flex-shrink:0;display:block;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.dog-avatar-trigger:active{transform:scale(.97)}.dog-avatar{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--dp-surface-cream);border:3px solid var(--dp-surface);box-shadow:0 4px 14px #0f172a1f}.dog-avatar--empty{display:flex;align-items:center;justify-content:center;font-size:42px;box-sizing:border-box}.dog-avatar-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffb3}.dog-avatar-badge{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--dp-blue);border:2px solid var(--dp-surface);border-radius:50%;box-shadow:0 2px 6px #0f172a33;pointer-events:none}.dog-avatar-trigger:hover .dog-avatar-badge{background:var(--dp-blue-hover)}.dog-header-meta{min-width:0}.dog-header-name{margin:0;font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--dp-ink)}.dog-header-sub{margin:4px 0 0;color:var(--dp-ink-faint);font-size:14px;line-height:1.4}.dog-header-nudge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;background:var(--dp-surface);color:var(--dp-ink);font:inherit;font-size:13px;font-weight:600;border:1.5px solid var(--dp-blue);border-radius:var(--dp-radius-pill);box-shadow:0 2px 10px #00b6f12e;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;animation:nudge-pop-in .45s cubic-bezier(.34,1.5,.64,1);transition:background .15s ease}.dog-header-nudge:hover{background:var(--dp-blue-tint)}.stat-row{display:flex;padding-top:16px;border-top:1px solid var(--dp-line-warm)}.stat-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 8px;text-align:center}.stat-col+.stat-col{border-left:1px solid var(--dp-line-warm)}.stat-col-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dp-ink-faint)}.stat-col-value{font-size:14px;font-weight:600;line-height:1.3;color:var(--dp-ink)}.profile-card-recommendation{padding:0 0 14px}.profile-card-recommendation:empty{padding:0}.profile-card-intro{padding:0 0 12px;border-bottom:1px solid var(--dp-line-warm)}@keyframes nudge-pop-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--dp-gutter-mobile);background:#0009}.modal-content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:32px;background:var(--dp-surface);border-radius:var(--dp-radius-lg);text-align:center}.modal-icon{font-size:48px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--dp-surface-cream-alt);border:1px solid var(--dp-line-warm-strong);border-radius:20px;color:inherit}button.chip{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.chip-icon,.chip-icon-round{width:20px;height:20px;flex-shrink:0}.chip-icon{object-fit:contain;border-radius:4px}.chip-icon-round{object-fit:cover;border-radius:50%}.change-link{display:inline-flex;align-items:center;gap:2px;color:var(--dp-ink-muted);font-size:12px;line-height:20px;text-decoration:none}.change-link:hover{text-decoration:underline}.profile-field-row{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--dp-line-warm)}.profile-field-row:last-child{border-bottom:none}.profile-field-header,.profile-field-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breed-picker-list{max-height:240px;overflow-y:auto;background:var(--dp-surface);border:1px solid var(--dp-line-cool);border-radius:var(--dp-radius-sm)}.breed-picker-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s ease}.breed-picker-item+.breed-picker-item{border-top:1px solid #f1f1f1}.breed-picker-item:hover{background:var(--dp-surface-cream)}.breed-picker-item.selected{background:#f0f5ff}.toy-picker-grid{display:flex;flex-wrap:wrap;gap:12px}.toy-picker-card{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--dp-surface);border:2px solid var(--dp-line-cool);border-radius:var(--dp-radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease}.toy-picker-card:not(.selected):hover{border-color:var(--dp-blue-soft)}.toy-picker-card.selected{background:var(--dp-blue-tint);border-color:var(--dp-blue)}.toy-picker-card-image{width:28px;height:28px;object-fit:contain;border-radius:6px}.toy-picker-check,.toy-picker-uncheck{width:20px;height:20px;border-radius:50%;flex-shrink:0}.toy-picker-check{display:flex;align-items:center;justify-content:center;background:var(--dp-blue);color:#fff;font-size:12px}.toy-picker-uncheck{background:transparent;border:2px solid #cccccc}.recommendation-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#e8d5f5,#f5d5e8);border:1.5px solid var(--dp-accent-line);border-radius:var(--dp-radius-md);color:var(--dp-accent-ink);font-size:14px;font-weight:600;animation:badge-slide-in .4s ease}.recommendation-badge-emoji{font-size:18px}.favorite-badge{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;overflow:hidden;background:linear-gradient(135deg,var(--dp-gold-from) 0%,var(--dp-gold-to) 100%);border:1.5px solid var(--dp-gold-line);border-radius:var(--dp-radius-md);color:var(--dp-gold-ink);font-size:14px;font-weight:600;box-shadow:0 2px 10px #be963c2e;animation:badge-slide-in .4s ease}.favorite-badge:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,#fff0,#ffffffa6,#fff0);transform:skew(-18deg);pointer-events:none;animation:favorite-sheen 4.5s ease-in-out .6s infinite}.favorite-badge>*{position:relative;z-index:1}.favorite-badge-emoji{font-size:18px;filter:drop-shadow(0 1px 1px rgba(122,85,16,.25))}@keyframes badge-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes favorite-sheen{0%{left:-60%}35%,to{left:130%}}@media(prefers-reduced-motion:reduce){.dog-header-nudge,.recommendation-badge,.favorite-badge{animation:none}.favorite-badge:after{display:none}.dog-card,.bottom-nav-tab{transition:none}.dog-card:hover{transform:none}}@media(max-width:480px){.app-container{padding-left:var(--dp-gutter-mobile);padding-right:var(--dp-gutter-mobile)}.dog-card:hover{transform:none}.chip{max-width:100%;padding:3px 8px;font-size:13px}.chip-icon,.chip-icon-round{width:18px;height:18px}.change-link{font-size:11px}.toy-picker-grid{gap:8px}.toy-picker-card{gap:6px;padding:6px 10px}.toy-picker-card-image{width:24px;height:24px}.dog-avatar{width:80px;height:80px}.dog-avatar--empty{font-size:34px}.dog-header-name{font-size:22px}.stat-col{padding:0 5px}.stat-col-value{font-size:13px}.favorite-badge{padding:9px 13px;font-size:13px}.modal-content{padding:24px}}