#pet-status-button{display:none}
.playing #pet-status-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:50%;transform:translateX(-50%);width:42px;height:42px;border:2px solid #b68740;border-radius:50%;background:#fff8da;color:#79521e;font-size:27px;font-weight:800;line-height:1;box-shadow:0 3px 10px #45341320;pointer-events:auto;z-index:8;cursor:pointer}
.playing .pet-center .speech{visibility:hidden;pointer-events:none}
.playing .pet-center.status-speaking .speech{visibility:visible;top:-55px;max-width:280px;width:max-content;white-space:normal;line-height:1.6;font-size:14px}
.playing #pet-status-button[aria-expanded=true]{visibility:hidden;pointer-events:none}
@media(max-width:700px){.playing #pet-status-button{width:38px;height:38px;font-size:24px}.playing .pet-center.status-speaking .speech{max-width:230px;font-size:13px}}

.volume-settings{display:grid;gap:20px;padding:8px 0 24px;border-bottom:1px solid #dce4d5;margin-bottom:12px}.volume-setting{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.volume-setting label{font-size:16px;font-weight:700}.volume-setting output{font-size:16px;font-variant-numeric:tabular-nums;color:#375145}.volume-setting input{grid-column:1/-1;width:100%;min-width:0;height:32px;margin:0;accent-color:#52764b;cursor:pointer}