.learning-activity[hidden]{display:none}.learning-activity{position:fixed;bottom:96px;left:20px;z-index:35;width:min(340px,calc(100vw - 32px));display:flex;gap:12px;padding:16px 38px 16px 15px;background:#fff;border:1px solid #c9e4d2;border-left:4px solid #168342;border-radius:12px;box-shadow:0 5px 22px #163a7020;color:#163a70;pointer-events:auto;animation:activity-enter .22s ease-out}.learning-activity-icon{font-size:26px;line-height:1.3}.learning-activity strong{display:block;font:600 15px/1.5 Kanit,sans-serif}.learning-activity small{display:block;margin-top:5px;font:12px/1.5 Sarabun,sans-serif;color:#43566a}.learning-activity button{position:absolute;right:0;top:0;width:40px;height:40px;background:none;border:0;color:#43566a;font-size:23px;cursor:pointer}.learning-activity button:focus-visible{outline:2px solid #163a70;outline-offset:-4px}@keyframes activity-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.learning-activity{left:16px;bottom:100px;width:min(320px,calc(100vw - 32px))}}@media(prefers-reduced-motion:reduce){.learning-activity{animation:none}}