.study-pet{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:1;visibility:visible;transition:opacity .55s ease,visibility 0s;user-select:none;-webkit-user-select:none}
.study-pet[hidden]{display:none}
.study-pet.is-asleep{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s .55s}
.study-pet-stage{position:absolute;inset:0;pointer-events:none}
.study-pet-hit{position:absolute;pointer-events:auto;touch-action:none;border:0;border-radius:48%;padding:0;background:transparent;transition:none}
.study-pet-hit:active{transform:none}
.study-pet-hit:focus-visible{outline:1.5px solid #ffffffc9;outline-offset:5px;background:#ffffff0c}
.study-pet-more{position:absolute;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:21px;line-height:1;color:#3e6255;letter-spacing:1px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.study-pet-hit:hover~.study-pet-more,.study-pet-more:hover,.study-pet:focus-within .study-pet-more,.study-pet.menu-visible .study-pet-more{pointer-events:auto;opacity:1;transform:none}
.study-pet-bubbles{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(240px,calc(100vw - 24px));transform:translate(-50%,-100%);pointer-events:none}
.study-pet-bubbles[hidden],.pet-timer-bubble[hidden],.pet-timer-paused[hidden]{display:none}
.study-pet-bubble{position:relative;width:fit-content;max-width:240px;padding:11px 15px;border-radius:17px 17px 5px 17px;color:#365449;font-size:13px;line-height:1.7;text-align:left;background:rgba(248,252,247,.88);box-shadow:0 8px 25px #163c2520;white-space:pre-wrap;overflow-wrap:anywhere}
.pet-timer-bubble{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:9px 13px;border-radius:17px;background:rgba(245,251,245,.86);color:#426b54;box-shadow:0 7px 24px #163c2515;white-space:nowrap}
.pet-timer-dot{width:5px;height:5px;border-radius:50%;background:#719978;flex-shrink:0}
.pet-timer-label{font-size:11px;letter-spacing:.035em}
.pet-timer-time{font-size:20px;font-weight:450;line-height:1.1;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pet-timer-paused{font-size:10px;color:#8d9785}
.pet-timer-bubble[data-mode="break"]{color:#7c7654;background:rgba(252,249,237,.87)}
.pet-timer-bubble[data-mode="break"] .pet-timer-dot{background:#aeaa7b}
.pet-timer-bubble[data-running="false"] .pet-timer-dot{opacity:.4}
.study-pet-menu{position:absolute;width:236px;padding:14px;border-radius:21px;pointer-events:auto;color:#375d4e;background:rgba(242,249,243,.84);box-shadow:0 12px 40px #153e2c22}
.study-pet-menu[hidden],.study-pet-bubble[hidden]{display:none}
.study-pet-menu header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:550}
.study-pet-menu header small{display:block;font-size:11px;font-weight:400;letter-spacing:.035em;color:#7b8d7f;margin-top:3px}
.study-pet-menu header button{width:27px;height:27px;border-radius:50%;font-size:21px;color:#71877b}
.study-pet-menu header button:hover{background:#ffffff80}
.study-pet-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.study-pet-actions button{padding:9px 4px;border:1px solid #ffffff70;border-radius:10px;background:#ffffff4d;font-size:12px;color:#4b6c5b;white-space:nowrap}
.study-pet-actions button:hover{background:#ffffffe0}
.study-pet-menu footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #73977b24;padding-top:10px;margin-top:11px;font-size:11px;color:#7c8d7a}
.study-pet-menu footer button{font-size:11px;color:#6b826c;padding:0}
.study-pet-menu footer a:hover,.study-pet-menu footer button:hover{text-decoration:underline;text-underline-offset:3px}
.study-pet-chat-open{display:flex;align-items:center;gap:8px;width:100%;padding:10px 11px;margin-bottom:9px;border-radius:11px;background:#3e706112;color:#3d6657;font-size:13px;text-align:left}
.study-pet-chat-open svg{width:17px;height:17px;flex-shrink:0}
.study-pet-chat-open span{margin-left:auto;font-size:10px;color:#819082}
.study-pet-chat-open:hover{background:#ffffffbd}
.study-pet-say{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 11px;margin:-3px 0 9px;border-radius:10px;background:#ffffff40;color:#6e866e;font-size:12px}
.study-pet-say:hover{background:#ffffffa8}
.pet-setting-note{font-size:12px!important;line-height:1.7;color:#829180!important;margin-top:8px!important}
.pet-setting-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.study-pet-more{opacity:.8;pointer-events:auto;transform:none;width:28px;height:28px;font-size:19px}.study-pet-bubble{max-width:190px;font-size:12px}.study-pet-menu{background:rgba(242,249,243,.94)}}
@media(prefers-reduced-motion:reduce){.study-pet,.study-pet.is-asleep,.study-pet-more{transition:none}}