.sound-extras{display:flex;gap:10px;align-items:center}.sound-extras button{font:inherit;font-size:9px;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}.sound-extras button[aria-pressed=true]{color:var(--ink);border-color:var(--line)}.sound-extras button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.header-tools{max-width:220px}.volume{display:inline-flex;align-items:center;gap:5px}.volume output{font-size:9px;min-width:27px;font-variant-numeric:tabular-nums}.comic-yarn-puff{position:fixed;width:11px;height:11px;border:1px solid var(--puff-color);border-radius:50%;box-shadow:0 0 10px #e9cd8838;pointer-events:none;z-index:40;animation:yarn-puff .7s ease-out forwards;transform:translate(-50%,-50%)}@keyframes yarn-puff{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3);opacity:0}}@media(max-width:760px){.site-header .header-tools{max-width:154px;gap:6px}.header-tools .volume{display:inline-flex}.volume input{width:62px;min-height:24px}.sound-extras{gap:10px}.sound-extras button{min-height:24px}.site-header{min-height:154px}.header-tools .motion-toggle{margin:0}.header-tools .sound-extras{flex-basis:100%;justify-content:end}html{scroll-padding-top:214px}}@media(prefers-reduced-motion:reduce){.comic-yarn-puff{display:none}}