.search{position:relative;width:100%}.search__form{display:flex;align-items:center;gap:var(--space-2);width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search__form:focus-within{border-color:var(--brand-500);box-shadow:var(--shadow-md),var(--focus-ring)}.search__icon{display:grid;place-items:center;color:var(--fg-subtle);flex-shrink:0}.search__input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--fg-default)}.search__input::placeholder{color:var(--fg-subtle)}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__clear{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:none;border-radius:var(--radius-pill);background:var(--bg-surface-3);color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.search__clear:hover{background:var(--border-default);color:var(--fg-default)}.search__submit{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;border:none;border-radius:var(--radius-pill);background:var(--brand-500);color:var(--fg-onbrand);font-weight:700;letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.search__submit:hover:not(:disabled){background:var(--brand-600)}.search__submit:active:not(:disabled){transform:scale(.98)}.search__submit:disabled{opacity:.75;cursor:progress}.search__submit-icon{display:none}.search__spinner{width:13px;height:13px;border-radius:50%;border:2px solid color-mix(in srgb,var(--fg-onbrand) 30%,transparent);border-top-color:var(--fg-onbrand);animation:search-spin .7s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.search__error{min-height:1.25rem;margin-top:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:600;color:#ff8f8f}.search__suggestions{position:absolute;z-index:40;top:calc(100% + var(--space-2));left:0;right:0;padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:left;animation:search-pop var(--dur-fast) var(--ease-out)}@keyframes search-pop{0%{opacity:0;transform:translateY(-4px)}}.search__suggestion{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--fg-muted);font-size:var(--text-sm);text-align:left}.search__suggestion[data-active]{background:var(--bg-surface-3);color:var(--fg-default)}.search--hero .search__form{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);gap:var(--space-3)}.search--hero .search__input{padding-block:var(--space-3);font-size:var(--text-md)}.search--hero .search__submit{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.search--compact .search__form{padding:4px 4px 4px var(--space-3);box-shadow:none;background:var(--bg-surface-2)}.search--compact .search__input{padding-block:var(--space-1);font-size:var(--text-sm)}.search--compact .search__submit{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.search--compact .search__error:not(:empty){position:absolute;top:calc(100% + var(--space-2));left:0;margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid color-mix(in srgb,#ff8f8f 40%,transparent);box-shadow:var(--shadow-md)}.search--compact .search__error:empty{display:none}@media (max-width: 560px){.search--hero .search__form{padding-left:var(--space-4)}.search--hero .search__input{font-size:var(--text-base)}.search--hero .search__submit{padding:var(--space-3) var(--space-4)}.search--compact .search__submit span:last-child{display:none}.search--compact .search__submit-icon{display:block}.search--compact .search__submit{padding-inline:var(--space-3)}}.appbar{position:sticky;top:0;z-index:30;height:var(--header-h);background:color-mix(in srgb,var(--bg-base) 82%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border-subtle)}.appbar__inner{height:100%;width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-8)}.appbar__brand{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--fg-default);transition:color var(--dur-fast) var(--ease-out)}.appbar__brand:hover{color:var(--brand-500)}.appbar__brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--brand-500);color:var(--fg-onbrand);flex-shrink:0}.appbar__brand-text{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.06em;white-space:nowrap}.appbar__brand-paw{font-family:var(--font-paw);font-size:1.25em;color:var(--brand-500)}.appbar__search{max-width:420px;justify-self:center;width:100%}.appbar__actions{display:flex;align-items:center;gap:var(--space-4)}.appbar__version{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.appbar__icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.appbar__icon-button:hover{color:var(--fg-default);border-color:var(--border-strong);background:var(--bg-surface-3)}.appbar__credit{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-subtle);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.appbar__credit:hover{color:var(--brand-500)}@media (max-width: 900px){.appbar__inner{gap:var(--space-4)}.appbar__version,.appbar__credit{display:none}}@media (max-width: 640px){.appbar__inner{grid-template-columns:auto minmax(0,1fr) auto}.appbar__brand-text{display:none}.appbar__search{max-width:none}}.appbar[data-over-hero]{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}.footer{margin-top:auto;border-top:1px solid var(--border-subtle);background:var(--bg-sunken)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;padding-block:var(--space-6)}.footer__brand{display:inline-flex;align-items:baseline;gap:var(--space-3)}.footer__brand-text{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.06em;color:var(--fg-muted)}.footer__brand-paw{font-family:var(--font-paw);color:var(--brand-500)}.footer__version{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.footer__note{flex:1 1 320px;max-width:60ch;font-size:var(--text-xs);color:var(--fg-subtle)}.footer__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--fg-subtle);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.footer__link:hover{color:var(--brand-500)}@media (max-width: 768px){.footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.footer__note{flex:0 0 auto;max-width:none}}.hero{position:relative;isolation:isolate;margin-top:calc(var(--header-h) * -1);padding-top:var(--header-h);min-height:min(100dvh,880px);flex:1;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-2;right:-6%;bottom:-20%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-500) 20%,transparent) 0%,transparent 68%);pointer-events:none}.hero__dog{position:absolute;z-index:-1;right:max(var(--gutter),calc((100% - var(--shell-max)) / 2 + var(--gutter)));bottom:0;height:min(86%,780px);width:auto;max-width:46%;object-fit:contain;object-position:bottom center;filter:drop-shadow(-26px 8px 40px rgba(0,0,0,.3)) drop-shadow(0 24px 42px rgba(0,0,0,.28))}.hero__content{position:relative;padding-block:var(--space-16) var(--space-12);padding-right:44%}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-500)}.hero__title{max-width:14ch;font-family:var(--font-display);font-size:var(--text-hero);line-height:.95;letter-spacing:.04em;color:var(--fg-default)}.hero__title-paw{font-family:var(--font-paw);font-size:1.3em;color:var(--brand-500)}.hero__lead{max-width:46ch;margin-top:var(--space-5);font-size:var(--text-md);color:var(--fg-muted)}.hero__search{max-width:580px;margin-top:var(--space-8)}.hero__chips{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5);max-width:580px}.hero__chips-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.hero__chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero__chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-muted);font-size:var(--text-xs);font-weight:500;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.hero__chip:hover{background:var(--brand-500);border-color:var(--brand-500);color:var(--fg-onbrand)}.hero__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);max-width:820px;margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.hero__highlight-title{font-size:var(--text-sm);font-weight:700;color:var(--fg-default)}.hero__highlight-body{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--fg-subtle)}@media (max-width: 1200px){.hero__content{padding-right:40%}.hero__highlights{gap:var(--space-4)}}@media (max-width: 900px){.hero{min-height:0;flex:0 1 auto;display:block;overflow:hidden}.hero:before{right:50%;bottom:0;transform:translate(50%);width:84%}.hero__content{padding-block:var(--space-12) var(--space-8);padding-right:var(--gutter);text-align:center}.hero__title,.hero__lead{max-width:none}.hero__search,.hero__highlights{margin-inline:auto}.hero__chips{justify-content:center;margin-inline:auto}.hero__highlights{grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-10)}.hero__dog{position:static;display:block;height:auto;width:min(70%,320px);max-width:none;margin:var(--space-10) auto 0;margin-bottom:calc(var(--space-10) * -1)}}@media (max-width: 560px){.hero__chips-label{display:none}.hero__chip-list>li:nth-child(n+5){display:none}.hero__dog{width:min(78%,260px)}}.rail{position:sticky;top:calc(var(--header-h) + var(--space-6));align-self:start;display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:calc(100vh - var(--header-h) - var(--space-12));overflow-y:auto}.rail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.rail__title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.rail__clear{border:none;background:none;padding:0;font-size:var(--text-xs);font-weight:600;color:var(--brand-500);text-decoration:underline;text-underline-offset:2px}.rail__summary{font-size:var(--text-sm);color:var(--fg-subtle)}.rail__summary strong{color:var(--fg-default);font-variant-numeric:tabular-nums}.rail__group{border:none;padding:0;margin:0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.rail__legend{padding:0;margin-bottom:var(--space-3);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle)}.rail__list{display:grid;gap:2px}.rail__option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin-inline:calc(var(--space-2) * -1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.rail__option:hover:not([data-disabled]){background:var(--bg-surface-2)}.rail__option[data-disabled]{cursor:not-allowed;opacity:.42}.rail__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);border-radius:4px;background:transparent;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.rail__checkbox:after{content:"";width:9px;height:5px;border-left:2px solid var(--fg-onbrand);border-bottom:2px solid var(--fg-onbrand);transform:rotate(-45deg) translateY(-1px);opacity:0}.rail__checkbox:checked{background:var(--brand-500);border-color:var(--brand-500)}.rail__checkbox:checked:after{opacity:1}.rail__option-label{font-size:var(--text-sm);color:var(--fg-default)}.rail__option-count{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg-subtle);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--bg-surface-3)}.rail__note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);line-height:1.5;color:var(--fg-subtle)}.rail__note svg{margin-top:2px}@media (max-width: 1024px){.rail{position:static;max-height:none}}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;padding-bottom:var(--space-5);margin-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle)}.toolbar__eyebrow{font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-500)}.toolbar__title{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-1)}.toolbar__term{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.03em;color:var(--fg-default)}.toolbar__count{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.toolbar__controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar__filter-toggle,.toolbar__new-search{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-default);font-size:var(--text-sm);font-weight:600;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.toolbar__filter-toggle:hover,.toolbar__new-search:hover{border-color:var(--border-strong);background:var(--bg-surface-2)}.toolbar__filter-toggle{display:none}.toolbar__badge{display:grid;place-items:center;min-width:18px;height:18px;padding-inline:5px;border-radius:var(--radius-pill);background:var(--brand-500);color:var(--fg-onbrand);font-size:var(--text-2xs);font-weight:700}.toolbar__select{position:relative;display:inline-flex;align-items:center}.toolbar__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) calc(var(--space-8) + 2px) var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-default);font-size:var(--text-sm);font-weight:600;transition:border-color var(--dur-fast) var(--ease-out)}.toolbar__select select:hover{border-color:var(--border-strong)}.toolbar__select-icon{position:absolute;right:var(--space-3);pointer-events:none;color:var(--fg-subtle)}@media (max-width: 1024px){.toolbar__filter-toggle{display:inline-flex}.toolbar{margin-bottom:var(--space-6)}}@media (max-width: 640px){.toolbar{align-items:stretch;gap:var(--space-4)}.toolbar__controls{width:100%}.toolbar__select{flex:1}.toolbar__select select{width:100%}.toolbar__controls:has(.toolbar__select) .toolbar__new-search{display:none}}.meter{display:grid;gap:var(--space-2)}.meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.meter__label{font-size:var(--text-xs);font-weight:600;color:var(--fg-muted)}.meter__value{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg-subtle)}.meter__track{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.meter__segment{height:5px;border-radius:var(--radius-pill);background:var(--meter-track);transition:background var(--dur-mid) var(--ease-out)}.meter__segment[data-filled]{background:var(--brand-500)}.meter[data-unrated] .meter__label,.meter[data-unrated] .meter__value{color:var(--fg-subtle)}.meter__description{font-size:var(--text-xs);color:var(--fg-subtle)}.meter--lg .meter__label{font-size:var(--text-sm);color:var(--fg-default)}.meter--lg .meter__segment{height:7px}.breed-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out)}.breed-card:hover{transform:translateY(-3px);border-color:var(--border-default);box-shadow:var(--shadow-md)}.breed-card__media{position:relative;aspect-ratio:4 / 3;background:var(--photo-mat);border-bottom:1px solid var(--border-subtle);overflow:hidden}.breed-card__media[data-state=loading]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--photo-mat) 20%,var(--bg-surface-3) 45%,var(--photo-mat) 70%);background-size:220% 100%;animation:card-shimmer 1.3s var(--ease-out) infinite}@keyframes card-shimmer{to{background-position:-180% 0}}.breed-card__image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform var(--dur-slow) var(--ease-out)}.breed-card:hover .breed-card__image{transform:scale(1.03)}.breed-card__image-fallback{display:grid;place-content:center;justify-items:center;gap:var(--space-2);height:100%;color:var(--fg-subtle);font-size:var(--text-xs)}.breed-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-base) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-default);font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-default)}.breed-card__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);flex:1}.breed-card__name{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.15;letter-spacing:.04em;color:var(--fg-default)}.breed-card__life{margin-top:2px;font-size:var(--text-xs);color:var(--fg-subtle)}.breed-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.breed-card__stat dt{font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle)}.breed-card__stat dd{margin:2px 0 0;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg-default)}.breed-card__traits{display:grid;gap:var(--space-3)}.breed-card__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--fg-default);font-size:var(--text-sm);font-weight:600;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.breed-card__cta:hover{background:var(--brand-500);border-color:var(--brand-500);color:var(--fg-onbrand)}@media (max-width: 480px){.breed-card__body{padding:var(--space-4)}.breed-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}}.breed-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);margin-top:auto}.breed-card__compare{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--fg-muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.breed-card__compare:hover:not(:disabled){border-color:var(--border-strong);color:var(--fg-default)}.breed-card__compare[aria-pressed=true]{background:color-mix(in srgb,var(--brand-500) 16%,transparent);border-color:var(--brand-500);color:var(--fg-default)}.breed-card__compare:disabled{opacity:.45;cursor:not-allowed}.breed-card__cta{margin-top:0}@media (max-width: 380px){.breed-card__actions{grid-template-columns:minmax(0,1fr)}}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-8);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:detail-fade var(--dur-mid) var(--ease-out)}@keyframes detail-fade{0%{opacity:0}}.detail__panel{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);width:min(1040px,100%);max-height:min(88vh,900px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:detail-rise var(--dur-slow) var(--ease-out)}@keyframes detail-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}.detail__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.detail__close:hover{color:var(--fg-default);background:var(--bg-surface-3)}.detail__media{position:relative;min-height:0;background:var(--photo-mat);border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;padding:var(--space-6);overflow:hidden}.detail__media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.detail__media-fallback{display:grid;justify-items:center;gap:var(--space-2);color:var(--fg-subtle);font-size:var(--text-sm)}.detail__content{padding:var(--space-8) var(--space-8) var(--space-10);min-height:0;overflow-y:auto;overscroll-behavior:contain}.detail__eyebrow{font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-500)}.detail__title{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.1;letter-spacing:.03em;padding-right:var(--space-10)}.detail__section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.detail__section-title{margin-bottom:var(--space-4);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.detail__measurements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.detail__measurement{padding:var(--space-3) var(--space-4);background:var(--bg-inset)}.detail__measurement dt{font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle)}.detail__measurement dd{margin:2px 0 0;font-size:var(--text-base);font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg-default)}.detail__traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-6)}.detail__footnote{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);font-style:italic;color:var(--fg-subtle)}@media (max-width: 900px){.detail{padding:0;place-items:stretch}.detail__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;max-height:100vh;height:100%;border:none;border-radius:0;overflow-y:auto}.detail__media{border-right:none;border-bottom:1px solid var(--border-subtle);aspect-ratio:16 / 10;padding:var(--space-4)}.detail__media img{max-height:100%}.detail__content{padding:var(--space-6) var(--space-5) var(--space-10);overflow:visible}.detail__traits{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.detail__measurements{grid-template-columns:minmax(0,1fr)}}.tray{position:fixed;z-index:45;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--border-default);box-shadow:0 -12px 40px #00000047;animation:tray-rise var(--dur-mid) var(--ease-out);padding-bottom:env(safe-area-inset-bottom)}@keyframes tray-rise{0%{transform:translateY(100%)}}.tray__inner{width:100%;max-width:var(--shell-max);margin-inline:auto;padding:var(--space-4) var(--gutter);display:flex;align-items:center;gap:var(--space-6)}.tray__lead{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.tray__count{display:grid;place-items:center;min-width:42px;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--brand-500);color:var(--fg-onbrand);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.tray__label{font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle)}.tray__slots{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;overflow-x:auto}.tray__slot{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface-2)}.tray__slot--empty{display:grid;place-items:center;width:38px;height:34px;border-style:dashed;border-color:var(--border-subtle);background:transparent;color:var(--fg-subtle);opacity:.55}.tray__thumb{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-pill);overflow:hidden;background:var(--photo-mat);color:var(--fg-subtle)}.tray__thumb img{width:100%;height:100%;object-fit:cover}.tray__name{font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--fg-default)}.tray__remove{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--fg-subtle);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tray__remove:hover{background:var(--bg-surface-3);color:var(--fg-default)}.tray__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.tray__clear{border:none;background:none;padding:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--fg-subtle);text-decoration:underline;text-underline-offset:2px}.tray__clear:hover{color:var(--fg-default)}.tray__compare{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);background:var(--brand-500);color:var(--fg-onbrand);font-size:var(--text-sm);font-weight:700;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out)}.tray__compare:hover:not(:disabled){background:var(--brand-600)}.tray__compare:disabled{background:var(--bg-surface-3);color:var(--fg-subtle);cursor:not-allowed}@media (max-width: 900px){.tray__label,.tray__slot--empty{display:none}.tray__inner{gap:var(--space-4);padding-block:var(--space-3)}}@media (max-width: 640px){.tray__name,.tray__clear{display:none}.tray__compare{padding-inline:var(--space-4)}}.compare{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:var(--space-6);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:compare-fade var(--dur-mid) var(--ease-out)}@keyframes compare-fade{0%{opacity:0}}.compare__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1320px,100%);max-height:min(92vh,1000px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:compare-rise var(--dur-slow) var(--ease-out)}@keyframes compare-rise{0%{opacity:0;transform:translateY(14px) scale(.99)}}.compare__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.compare__eyebrow{font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-500)}.compare__title{margin-top:2px;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.03em}.compare__header-actions{display:flex;align-items:center;gap:var(--space-4)}.compare__toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.compare__toggle:hover{border-color:var(--border-strong);color:var(--fg-default)}.compare__toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin:0;border:1.5px solid var(--border-strong);border-radius:4px;display:grid;place-content:center}.compare__toggle input:after{content:"";width:8px;height:4px;border-left:2px solid var(--fg-onbrand);border-bottom:2px solid var(--fg-onbrand);transform:rotate(-45deg) translateY(-1px);opacity:0}.compare__toggle input:checked{background:var(--brand-500);border-color:var(--brand-500)}.compare__toggle input:checked:after{opacity:1}.compare__toggle-count{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--bg-surface-3);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.compare__close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface-2);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.compare__close:hover{color:var(--fg-default);background:var(--bg-surface-3)}.compare__scroll{overflow:auto;overscroll-behavior:contain}.compare__table{width:100%;border-collapse:collapse;table-layout:fixed}.compare__corner,.compare__row-label{position:sticky;left:0;z-index:2;width:190px;min-width:190px;text-align:left;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.compare__row-label{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);vertical-align:middle}.compare__breed{position:sticky;top:0;z-index:1;padding:var(--space-4) var(--space-4) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-default);text-align:center;vertical-align:bottom}.compare__corner{z-index:3;top:0;border-bottom:1px solid var(--border-default)}.compare__breed-media{aspect-ratio:4 / 3;max-width:190px;margin-inline:auto;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--photo-mat);overflow:hidden}.compare__breed-media img{width:100%;height:100%;object-fit:contain}.compare__breed-fallback{display:grid;place-items:center;height:100%;color:var(--fg-subtle)}.compare__breed-name{display:block;font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.04em;color:var(--fg-default)}.compare__breed-remove{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:2px var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:transparent;color:var(--fg-subtle);font-size:var(--text-2xs);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.compare__breed-remove:hover{color:var(--fg-default);border-color:var(--border-strong)}.compare__group-row th{position:sticky;left:0;padding:var(--space-4) var(--space-5) var(--space-2);background:var(--bg-surface);text-align:left;font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.compare__table tbody tr:not(.compare__group-row){border-top:1px solid var(--border-subtle)}.compare__table tbody tr[data-uniform] .compare__value,.compare__table tbody tr[data-uniform] .compare__row-label{opacity:.5}.compare__value{padding:var(--space-4) var(--space-4);text-align:center;font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-default);vertical-align:middle}.compare__meter{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;max-width:150px;margin-inline:auto}.compare__segment{height:6px;border-radius:var(--radius-pill);background:var(--meter-track)}.compare__segment[data-filled]{background:var(--brand-500)}.compare__meter-text{display:block;margin-top:var(--space-2);font-size:var(--text-2xs);font-weight:500;color:var(--fg-subtle)}.compare__footnote{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);font-style:italic;color:var(--fg-subtle)}@media (max-width: 900px){.compare{padding:0;place-items:stretch}.compare__panel{width:100%;max-height:100vh;height:100%;border:none;border-radius:0}.compare__header{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.compare__header-actions{width:100%;justify-content:space-between;order:3}.compare__close{order:2}.compare__corner,.compare__row-label{width:124px;min-width:124px;padding-inline:var(--space-3);font-size:var(--text-xs)}.compare__table{table-layout:auto}.compare__breed{min-width:168px}.compare__breed-media{max-width:130px}.compare__value{padding-inline:var(--space-3)}}.shimmer{position:relative;overflow:hidden;background:var(--bg-surface-2)}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--fg-default) 7%,transparent) 45%,transparent 70%);background-size:220% 100%;animation:state-shimmer 1.35s var(--ease-out) infinite}@keyframes state-shimmer{to{background-position:-180% 0}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:var(--space-6)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card__media{aspect-ratio:4 / 3}.skeleton-card__body{display:grid;gap:var(--space-4);padding:var(--space-5)}.skeleton-line{height:12px;border-radius:var(--radius-sm)}.skeleton-line--title{height:22px;width:62%}.skeleton-line--stats{height:56px;border-radius:var(--radius-md)}.skeleton-card__traits{display:grid;gap:var(--space-3)}.skeleton-line--cta{height:40px;border-radius:var(--radius-md)}.state{display:grid;justify-items:center;text-align:center;gap:var(--space-4);max-width:520px;margin-inline:auto;padding:var(--space-16) var(--space-6)}.state__glyph{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--bg-surface-2);border:1px solid var(--border-subtle);color:var(--fg-muted)}.state__glyph--error{color:#ff8f8f;border-color:color-mix(in srgb,#ff8f8f 34%,transparent);background:color-mix(in srgb,#ff8f8f 10%,transparent)}.state__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.03em}.state__body{font-size:var(--text-base);color:var(--fg-muted)}.state__action{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);background:var(--brand-500);color:var(--fg-onbrand);font-size:var(--text-sm);font-weight:700;transition:background var(--dur-fast) var(--ease-out)}.state__action:hover{background:var(--brand-600)}.state__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.state__chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-muted);font-size:var(--text-xs);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.state__chip:hover{border-color:var(--brand-500);color:var(--fg-default)}@media (max-width: 640px){.state{padding-block:var(--space-12)}.skeleton-grid{grid-template-columns:minmax(0,1fr)}}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-base)}.app__main{flex:1;display:flex;flex-direction:column}.app__skip{position:absolute;z-index:60;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--brand-500);color:var(--fg-onbrand);font-size:var(--text-sm);font-weight:700;text-decoration:none;transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-out)}.app__skip:focus-visible{transform:translateY(0)}.results{padding-block:var(--space-8) var(--space-16)}.results__layout{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);gap:var(--space-8);align-items:start}.results__layout:not([data-rail]){grid-template-columns:minmax(0,1fr)}.results__main{min-width:0}.results__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:var(--space-6)}.results__disclaimer{max-width:76ch;margin:var(--space-10) auto 0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);font-style:italic;line-height:1.6;text-align:center;color:var(--fg-subtle)}@media (max-width: 1024px){.results__layout,.results__layout[data-rail]{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}}@media (max-width: 640px){.results{padding-block:var(--space-6) var(--space-12)}.results__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}}.app[data-tray] .results,.app[data-tray] .footer{padding-bottom:calc(var(--space-16) + 44px)}@media (max-width: 640px){.app[data-tray] .results,.app[data-tray] .footer{padding-bottom:calc(var(--space-12) + 40px)}}:root{--brand-500: #ffb703;--brand-600: #e69800;--brand-700: #b87900;--brand-100: #fff4d6;--font-display: "Bangers-Regular", "LilitaOne-Regular", system-ui, cursive;--font-paw: "MfPawPrints-rgXM7", cursive;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-hero: clamp(2.75rem, 5.5vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--header-h: 68px;--shell-max: 1440px;--rail-w: 264px;--gutter: var(--space-8);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .32s;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-500) 55%, transparent)}:root,:root[data-theme=dark]{color-scheme:dark;--bg-base: #0c1018;--bg-sunken: #080b11;--bg-surface: #141a25;--bg-surface-2: #1b2230;--bg-surface-3: #232b3b;--bg-inset: #0f141d;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--fg-default: #eef1f6;--fg-muted: #a7b0c0;--fg-subtle: #737d8f;--fg-onbrand: #1a1305;--meter-track: rgba(255, 255, 255, .12);--scrim: rgba(4, 6, 11, .72);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);--photo-mat: #0f141d}:root[data-theme=light]{color-scheme:light;--bg-base: #f6f7f9;--bg-sunken: #eceef2;--bg-surface: #ffffff;--bg-surface-2: #f7f8fa;--bg-surface-3: #eef0f4;--bg-inset: #f2f4f7;--border-subtle: rgba(15, 20, 29, .08);--border-default: rgba(15, 20, 29, .14);--border-strong: rgba(15, 20, 29, .32);--fg-default: #141a25;--fg-muted: #565e6d;--fg-subtle: #7b8494;--fg-onbrand: #1a1305;--meter-track: rgba(15, 20, 29, .1);--scrim: rgba(12, 16, 24, .55);--shadow-sm: 0 1px 2px rgba(15, 20, 29, .08);--shadow-md: 0 8px 24px rgba(15, 20, 29, .1);--shadow-lg: 0 24px 60px rgba(15, 20, 29, .18);--photo-mat: #eef0f4}@media (max-width: 1024px){:root{--gutter: var(--space-6);--header-h: 62px}}@media (max-width: 640px){:root{--gutter: var(--space-4);--header-h: 58px}}@font-face{font-family:Bangers-Regular;src:url(/assets/Bangers-Regular-wTzVKEed.ttf) format("truetype");font-display:swap}@font-face{font-family:MfPawPrints-rgXM7;src:url(/assets/MfPawPrints-rgXM7-BN0fLOCQ.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Black-BWytvfSf.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:LilitaOne-Regular;src:url(/assets/LilitaOne-Regular-C8J_njg9.ttf) format("truetype");font-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}:where(ul[class],ol[class]){margin:0;padding:0;list-style:none}html,body,#root{min-height:100%}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;color:var(--fg-default);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}:where(button,a,input,select,[tabindex]):focus:not(:focus-visible){outline:none}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.u-shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--gutter)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}