snb-dog-age{display:block}.da{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:start}@media(min-width:900px){.da{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.da__form{display:grid;gap:1.5rem;margin:0}.da fieldset{border:0;margin:0;padding:0;min-width:0}.da legend,.da__label{display:block;font:700 1.125rem/1.3 var(--dt-font-display);color:var(--dt-ink);margin:0 0 .6rem;padding:0}.da__hint{display:block;font-size:.875rem;color:var(--dt-soft);margin:-.35rem 0 .6rem}.da input[type=number],.da input[type=date],.da input[type=text],.da select{font:500 1.0625rem/1.2 var(--dt-font-body);color:var(--dt-ink);background:var(--dt-surface);border:2px solid var(--dt-line);border-radius:10px;min-height:48px;padding:.6rem .8rem;width:100%}.da input:focus-visible,.da select:focus-visible,.da summary:focus-visible,.da button:focus-visible,.da__chip input:focus-visible+span{outline:3px solid var(--dt-ink);outline-offset:2px}.da__pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.da__pair label{font-size:.875rem;font-weight:600;color:var(--dt-soft);display:grid;gap:.3rem}.da__switch{display:inline-flex;padding:3px;border-radius:999px;background:var(--dt-sky);margin-bottom:.75rem}.da__switch label{position:relative}.da__switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.da__switch span{display:block;padding:.5rem 1rem;min-height:40px;border-radius:999px;font-weight:600;font-size:.9375rem;line-height:1.6;color:var(--dt-ink)}.da__switch input:checked+span{background:var(--dt-ink);color:var(--dt-surface)}.da__switch input:focus-visible+span{outline:3px solid var(--dt-ink);outline-offset:2px}.da [data-by-panel=birthday]{display:none}snb-dog-age:not(.is-live) .da__switch,snb-dog-age:not(.is-live) .da__breed{visibility:hidden;pointer-events:none}snb-dog-age[data-by=birthday] [data-by-panel=birthday]{display:block}snb-dog-age[data-by=birthday] [data-by-panel=age]{display:none}.da__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media(min-width:560px){.da__chips{grid-template-columns:repeat(4,minmax(0,1fr))}}.da__chip{position:relative}.da__chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.da__chip span{display:grid;gap:.1rem;height:100%;padding:.7rem .75rem;border-radius:var(--dt-r);border:2px solid var(--dt-line);background:var(--dt-surface);transition:border-color var(--dt-dur-1) var(--dt-ease),background var(--dt-dur-1) var(--dt-ease)}.da__chip b{font:700 1.0625rem/1.2 var(--dt-font-display);color:var(--dt-ink)}.da__chip small{font-size:.8125rem;color:var(--dt-soft);line-height:1.35}.da__chip input:checked+span{border-color:var(--dt-ink);background:var(--dt-peach)}.da__chip input:hover+span{border-color:var(--dt-ink)}.da__breed{margin-top:.9rem}.da__breed-note{font-size:.875rem;color:var(--dt-soft);margin:.4rem 0 0;min-height:1.3em}.da__more summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;gap:.4rem;color:var(--dt-ink)}.da__more summary:after{content:"+";color:var(--dt-ink);font-size:1.25rem;line-height:1}.da__more[open] summary:after{content:"−"}.da__more .da__pair{margin-top:.5rem}.da__err{margin:0;padding:.7rem .9rem;border-radius:10px;background:var(--dt-peach);color:var(--dt-ink);font-weight:600}.da__go{justify-self:start;min-width:14rem}.da__result{background:var(--dt-surface);border-radius:calc(var(--dt-r) * 1.5);padding:clamp(1.25rem,4vw,2rem);display:grid;gap:1.1rem;justify-items:center;text-align:center;min-height:32rem}.da__eyebrow{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dt-soft)}.da__eyebrow:empty{display:none}.da__empty{display:none}@media(min-width:900px){.da__empty:not([hidden]){display:grid;align-content:center;justify-items:center;gap:1.25rem;min-height:32rem;border:2px dashed var(--dt-line);border-radius:calc(var(--dt-r) * 1.5);padding:2rem;text-align:center}}.da__tag--blank{background:transparent;border:2px dashed var(--dt-line);box-shadow:none;color:var(--dt-soft)}.da__empty-note{margin:0;color:var(--dt-soft);font-weight:600}.da__result[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.da__result:not([hidden]){animation:dt-rise var(--dt-dur-3) var(--dt-ease) both}}.da__tagwrap{display:grid;justify-items:center}.da__ring{width:2.6rem;height:2.6rem;border-radius:50%;border:.42rem solid var(--dt-accent);margin-bottom:-1.15rem;position:relative;z-index:1}.da__tag{width:min(15rem,68vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--dt-ink) 78%,#fff) 0,var(--dt-ink) 58%);color:var(--dt-surface);display:grid;place-content:center;gap:.15rem;padding:2rem 1.25rem 1.25rem;box-shadow:inset 0 0 0 .55rem color-mix(in srgb,var(--dt-ink) 82%,#fff),inset 0 0 0 .62rem color-mix(in srgb,var(--dt-surface) 25%,transparent),0 18px 30px -18px var(--dt-ink);transform-origin:50% -1.2rem;position:relative}.da__tag:before{content:"";position:absolute;top:.9rem;left:50%;width:.85rem;height:.85rem;margin-left:-.425rem;border-radius:50%;background:var(--dt-surface);box-shadow:inset 0 2px 3px color-mix(in srgb,var(--dt-ink) 60%,transparent)}.da__tag-name{font:700 1.05rem/1.15 var(--dt-font-body);letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere;max-width:11rem;margin-inline:auto}.da__tag-value{font:700 clamp(3.75rem,11vw,4.75rem)/1 var(--dt-font-display);color:var(--dt-surface);text-shadow:0 1px 0 color-mix(in srgb,var(--dt-ink) 60%,#000),0 -1px 0 color-mix(in srgb,var(--dt-surface) 30%,transparent)}.da__tag-value span{font-size:.45em;vertical-align:.55em;margin-right:.08em;color:var(--dt-peach)}.da__tag-unit{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.da__headline{margin:0;font:700 clamp(1.375rem,3.4vw,1.75rem)/1.25 var(--dt-font-display);color:var(--dt-ink);max-width:22ch;overflow-wrap:anywhere}.da__stage-chip{display:inline-block;margin:0;padding:.3rem .8rem;border-radius:999px;background:var(--dt-lavender);font-weight:700;font-size:.9375rem}.da__cmp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-block:1px solid var(--dt-line)}.da__cmp li{padding:.75rem .4rem;display:grid;gap:.2rem;align-content:start}.da__cmp li+li{border-left:1px solid var(--dt-line)}.da__cmp b{font:700 1.625rem/1 var(--dt-font-display);color:var(--dt-ink)}.da__cmp small{font-size:.8125rem;line-height:1.35;color:var(--dt-soft)}.da__cmp .is-myth b{text-decoration:line-through;text-decoration-color:var(--dt-accent);text-decoration-thickness:3px;color:var(--dt-soft)}.da__cmp .is-main{background:var(--dt-peach);border-radius:10px}.da__clock-note{font-size:.8125rem;color:var(--dt-soft);margin:-.5rem 0 0}.da__together{margin:0;padding:.75rem 1rem;border-radius:var(--dt-r);background:var(--dt-sky);font-weight:600;max-width:34rem}.da__now{text-align:left;width:100%}.da__now h3{font:700 1.125rem/1.3 var(--dt-font-display);margin:0 0 .5rem}.da__now ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.da__now li{line-height:1.45}.da__now li a:not([href^="#"]){color:inherit;text-decoration:underline;text-decoration-color:var(--dt-accent);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}.da__share{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:center}.da__share-status{font-size:.875rem;color:var(--dt-soft);margin:0;min-height:1.3em}.da__result .dt-disc{margin:0;text-align:left}@media(prefers-reduced-motion:no-preference){snb-dog-age[data-swing] .da__tag{animation:da-swing 1.1s cubic-bezier(.3,.7,.3,1) both}snb-dog-age[data-swing] .da__headline,snb-dog-age[data-swing] .da__cmp{animation:dt-rise var(--dt-dur-3) var(--dt-ease) .18s both}}@keyframes da-swing{0%{transform:rotate(-14deg)}30%{transform:rotate(9deg)}55%{transform:rotate(-5deg)}78%{transform:rotate(2deg)}to{transform:rotate(0)}}[data-dt-mode=serious] snb-dog-age .da__tag,snb-dog-age[data-dt-mode=serious] .da__tag{animation:none}snb-dog-age[data-snb-stale] .da__form,snb-dog-age[data-snb-review-expired] .da{display:none}.da__sr,.da-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.da-chart{overflow-x:auto;margin:1.25rem 0;border-radius:var(--dt-r);border:1px solid var(--dt-line);background:var(--dt-surface)}.da-chart table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:34rem}.da-chart caption{text-align:left;padding:.9rem 1rem .4rem;font-weight:700;color:var(--dt-ink)}.da-chart th,.da-chart td{padding:.55rem .7rem;text-align:center;border-top:1px solid var(--dt-line)}.da-chart thead th{font:700 1rem/1.2 var(--dt-font-display);color:var(--dt-ink);vertical-align:bottom}.da-chart thead small{display:block;font:500 .75rem/1.3 var(--dt-font-body);color:var(--dt-soft);margin-top:.15rem}.da-chart tbody th{font-weight:700;color:var(--dt-ink)}.da-chart tbody tr:target{background:var(--dt-sky)}.da-chart .is-senior{background:var(--dt-peach);font-weight:700}.da-chart .is-clock{color:var(--dt-soft);border-left:1px dashed var(--dt-line)}