.kbt{z-index:44;cursor:pointer;color:#4a2a0c;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 38%,#ffe7a3 0 30%,#f6c453 62%,#e9a72f 100%);border:1px solid #78460a47;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:opacity .22s,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .15s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(12px)scale(.92);box-shadow:0 6px 18px -4px #3c1e0559,inset 0 1px #fff9}.kbt:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg, #f6c45373 0 6deg, transparent 6deg 18deg);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 23px,#000 24px);mask:radial-gradient(circle,#0000 23px,#000 24px)}.kbt[data-show="1"]{opacity:1;pointer-events:auto;transform:none}.kbt:hover{box-shadow:0 10px 22px -4px #3c1e056b,inset 0 1px #fff9}.kbt:focus-visible{outline:3px solid var(--tint,#b5651d);outline-offset:4px}.kbt svg{width:22px;height:22px}[data-theme=dark] .kbt{color:#2a1704;border-color:#ffd27859;box-shadow:0 6px 20px -4px #0009,0 0 0 1px #0000004d}html:has(.knp) .kbt{opacity:0;pointer-events:none}@media (width<=900px){.kbt{right:16px;bottom:calc(max(env(safe-area-inset-bottom,0px), 10px) + 76px);width:46px;height:46px}html[data-chrome=min] .kbt{bottom:calc(max(env(safe-area-inset-bottom,0px), 10px) + 3px)}html:has(.listen-mini) .kbt{bottom:calc(max(env(safe-area-inset-bottom,0px), 10px) + 76px)}}@media (prefers-reduced-motion:reduce){.kbt{transition:opacity .2s;transform:none}}