snb-dog-translator{--navy:var(--dt-ink,#19365B);--cream:var(--dt-surface,#FDF7EE);--orange:var(--dt-accent,#EE7F23);--orange-ink:#9A4A0B;--lav:var(--dt-lavender,#E6E3FA);--ink:#19365B;--muted:#4A5F7D;display:block;color:var(--ink);font-family:var(--FONT-STACK-BODY,"DM Sans",system-ui,sans-serif);contain:layout style}snb-dog-translator,snb-dog-translator *{box-sizing:border-box}snb-dog-translator .w{background:var(--cream);border:2px solid var(--navy);border-radius:28px;padding:clamp(20px,4vw,40px);min-height:340px;display:flex;flex-direction:column;gap:18px;justify-content:center;position:relative;overflow-anchor:none}snb-dog-translator .actions{display:flex;flex-wrap:wrap;gap:12px}snb-dog-translator .btn{font:600 1rem/1.1 var(--FONT-STACK-BUTTON,inherit);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:2px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}snb-dog-translator .btn:hover{background:var(--lav)}snb-dog-translator .btn:active{transform:translateY(1px) scale(.98)}snb-dog-translator .btn:focus-visible,snb-dog-translator input:focus-visible,snb-dog-translator label.btn:focus-within{outline:3px solid var(--orange);outline-offset:3px}snb-dog-translator .btn.primary{background:var(--navy);border-color:var(--navy);color:var(--cream);box-shadow:0 6px 14px -6px #19365b99;font-size:1.0625rem;min-height:60px;padding:0 30px}snb-dog-translator .btn.primary:hover{background:#0f2440;border-color:#0f2440}snb-dog-translator .btn[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:520px){snb-dog-translator .actions{flex-direction:column}snb-dog-translator .btn{width:100%}}snb-dog-translator .name{display:grid;gap:6px;max-width:320px;font-size:.9375rem;font-weight:600}snb-dog-translator .name input{font:inherit;font-weight:400;height:48px;padding:0 16px;border:2px solid rgba(25,54,91,.35);border-radius:14px;background:#fff;color:var(--navy)}snb-dog-translator .name input::placeholder{color:#6b7b93}snb-dog-translator .fine{margin:0;font-size:.875rem;line-height:1.45;color:var(--muted);display:flex;gap:8px;align-items:flex-start}snb-dog-translator .status{margin:0;min-height:1.4em;font-weight:600}snb-dog-translator .ic{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}snb-dog-translator .mic{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a4 4 0 0 0 4-4V5a4 4 0 0 0-8 0v6a4 4 0 0 0 4 4Zm7-4a1 1 0 1 0-2 0 5 5 0 0 1-10 0 1 1 0 1 0-2 0 7 7 0 0 0 6 6.92V21a1 1 0 1 0 2 0v-3.08A7 7 0 0 0 19 11Z'/%3E%3C/svg%3E")}snb-dog-translator .stop{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3C/svg%3E")}snb-dog-translator .lock{margin-top:1px;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7A5 5 0 0 0 7 7v2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2ZM9 7a3 3 0 0 1 6 0v2H9Z'/%3E%3C/svg%3E")}snb-dog-translator .rec,snb-dog-translator .think{display:grid;justify-items:center;gap:16px;text-align:center}snb-dog-translator .meter{width:min(100%,420px);height:18px;border-radius:999px;background:var(--lav);overflow:hidden}snb-dog-translator .meter i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0);transition:transform 60ms linear}snb-dog-translator .timer{margin:0;font-variant-numeric:tabular-nums;color:var(--muted)}snb-dog-translator .dots{display:flex;gap:8px}snb-dog-translator .dots i{width:12px;height:12px;border-radius:50%;background:var(--navy);animation:dt-b 1s cubic-bezier(.16,1,.3,1) infinite}snb-dog-translator .dots i:nth-child(2){animation-delay:.15s}snb-dog-translator .dots i:nth-child(3){animation-delay:.3s}@keyframes dt-b{0%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-8px);opacity:1}}@media(prefers-reduced-motion:reduce){snb-dog-translator,snb-dog-translator *{animation:none!important;transition:none!important}}snb-dog-translator .result,snb-dog-translator .err,snb-dog-translator .confirm,snb-dog-translator .mystery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}snb-dog-translator h3,snb-dog-translator h4{font-family:var(--FONT-STACK-HEADING,"Recoleta",Georgia,serif);color:var(--navy);margin:0;text-wrap:balance}snb-dog-translator h3{font-size:clamp(1.5rem,4.2vw,2.25rem);line-height:1.1;letter-spacing:-.01em}snb-dog-translator h4{font-size:1.125rem;line-height:1.25;margin-top:6px}snb-dog-translator h3:focus{outline:none}snb-dog-translator h3:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:4px}snb-dog-translator .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}snb-dog-translator label.btn:focus-within{outline:2px solid var(--navy);outline-offset:3px}snb-dog-translator .basis{font-size:14px;margin:.5em 0 0}snb-dog-translator .mys{display:grid;gap:4px;margin:0 0 8px}snb-dog-translator .mys div{display:flex;gap:6px;flex-wrap:wrap}snb-dog-translator .mys dt{font-weight:700}snb-dog-translator .mys dd{margin:0}snb-dog-translator p{margin:0;line-height:1.55;max-width:65ch}snb-dog-translator .tag{position:relative;background:linear-gradient(160deg,#fff,#f3eee6);border:2px solid var(--navy);border-radius:120px 120px 36px 36px;padding:64px clamp(22px,5vw,48px) 36px;text-align:center;display:grid;gap:12px;justify-items:center;box-shadow:0 18px 30px -18px #19365b73,inset 0 2px #fff;animation:dt-drop .7s cubic-bezier(.16,1,.3,1) both}snb-dog-translator .tag.plain{border-radius:28px;padding-top:32px;box-shadow:none;background:#fff}snb-dog-translator .tag.legend{background:linear-gradient(160deg,#fff6e0,#f6d89a)}snb-dog-translator .hole{position:absolute;top:22px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--cream);border:2px solid var(--navy);box-shadow:inset 0 2px 3px #19365b4d}snb-dog-translator .badge{font-weight:700;color:var(--orange-ink);font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}snb-dog-translator .dog{font-weight:700;font-size:1rem;color:var(--muted);letter-spacing:.02em}snb-dog-translator .dog:empty{display:none}snb-dog-translator .tag .title{max-width:18ch}snb-dog-translator .sub{display:grid;gap:6px;justify-items:center}snb-dog-translator .sublabel{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}snb-dog-translator .sub q{font-family:var(--FONT-STACK-HEADING,Georgia,serif);font-weight:500;font-size:clamp(1.0625rem,2.6vw,1.3125rem);line-height:1.35;max-width:32ch;quotes:"“" "”"}snb-dog-translator .measured,snb-dog-translator .research{display:grid;gap:10px;padding:0 4px}snb-dog-translator .stat{font-weight:700}snb-dog-translator .gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 22px;margin:0}snb-dog-translator .g{display:grid;gap:6px}snb-dog-translator .g dt{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}snb-dog-translator .g dd{margin:0;display:grid;gap:6px}snb-dog-translator .ticks{display:flex;gap:4px}snb-dog-translator .ticks i{flex:1;height:8px;border-radius:2px;background:var(--lav)}snb-dog-translator .ticks i.on{background:var(--navy)}snb-dog-translator [data-style=play] .ticks i.on,snb-dog-translator [data-style=demand] .ticks i.on{background:var(--orange)}snb-dog-translator .gw{font-weight:600}snb-dog-translator .cmp,snb-dog-translator .range{font-weight:600;color:var(--orange-ink)}snb-dog-translator .cite{font-size:.875rem;color:var(--navy);text-underline-offset:3px;white-space:nowrap}snb-dog-translator .blog{color:var(--navy);font-weight:700;text-underline-offset:4px}snb-dog-translator .btn.link{border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding:0 8px}snb-dog-translator .reveal{background:var(--lav);border-radius:20px;padding:18px 20px;display:grid;gap:6px}snb-dog-translator .mystery audio,snb-dog-translator .fordog audio{width:100%;max-width:420px}snb-dog-translator .fordog{display:grid;gap:16px}snb-dog-translator .fordog p.fine{display:block}snb-dog-translator .fordog h4{margin:0;font-size:1rem}snb-dog-translator .fordog .kind{border-left:4px solid currentColor;padding:4px 0 4px 16px}snb-dog-translator .fordog ul{margin:8px 0 0;padding-left:1.2em;display:grid;gap:6px}snb-dog-translator .fordog .clips{list-style:none;padding:0;gap:14px}snb-dog-translator .fordog .clips li{display:grid;gap:6px;font-weight:600}snb-dog-translator .guesses .btn{flex:1 1 180px}@keyframes dt-drop{0%{transform:translateY(-14px) rotate(-2.5deg);opacity:0}60%{transform:translateY(3px) rotate(.8deg);opacity:1}to{transform:none}}snb-dog-translator .bar{width:min(280px,80%);height:8px;border:0;border-radius:99px;background:color-mix(in srgb,var(--navy) 12%,transparent);overflow:hidden;appearance:none;-webkit-appearance:none}snb-dog-translator .bar::-webkit-progress-bar{background:transparent}snb-dog-translator .bar::-webkit-progress-value{background:var(--navy);border-radius:99px;transition:width .4s cubic-bezier(.16,1,.3,1)}snb-dog-translator .bar::-moz-progress-bar{background:var(--navy);border-radius:99px}snb-dog-translator .card{display:grid;justify-items:center;gap:8px;min-height:152px;max-width:36ch}snb-dog-translator .card .media img{width:96px;height:96px;border-radius:50%;object-fit:cover}snb-dog-translator .fun{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}snb-dog-translator .fun a{color:inherit;text-decoration:underline}@media(prefers-reduced-motion:reduce){snb-dog-translator .bar::-webkit-progress-value{transition:none}}snb-dog-translator label.btn{margin:0;letter-spacing:inherit;text-transform:none;font:600 1rem/1.1 var(--FONT-STACK-BUTTON,inherit)}