.study-progress[data-v-d19b25fb]{align-items:center;display:flex}.study-progress .emotion[data-v-d19b25fb]{border-radius:50%;width:86.25px;height:86.25px}.status-bar[data-v-d19b25fb]{text-align:-webkit-center;position:relative}.celebrate[data-v-d19b25fb]{pointer-events:none;z-index:1;justify-items:start;display:grid;position:absolute;bottom:calc(100% + 3px);left:0}.celebrate-badge[data-v-d19b25fb]{white-space:nowrap;color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#58cc02,#46a302);border-radius:999px;align-items:center;gap:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:0 10px 22px #46a30273,inset 0 1px #ffffff59}.celebrate-badge[data-v-d19b25fb]:after{content:"";background:linear-gradient(to top left,#4fb602 45%,#0000 75%);border-radius:4px;width:16px;height:16px;position:absolute;bottom:-5px;left:30px;transform:rotate(45deg)}.celebrate-check[data-v-d19b25fb]{color:#fff;filter:drop-shadow(0 1px 1px #00000026);width:18px;height:18px}.celebrate-plus[data-v-d19b25fb]{color:#46a302;background:#ffffffeb;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:900}.celebrate-spark[data-v-d19b25fb]{width:7px;height:7px;transform:rotate(calc(30deg*var(--spark-index))) translateY(0);opacity:0;background:#ffd43b;border-radius:50%;animation:.9s ease-out 90ms both spark-burst-d19b25fb;position:absolute;top:100%;left:50%}@keyframes spark-burst-d19b25fb{0%{opacity:0;transform:rotate(calc(30deg*var(--spark-index))) translateY(0) scale(.4)}40%{opacity:1}to{opacity:0;transform:rotate(calc(30deg*var(--spark-index))) translateY(-46px) scale(.9)}}.celebrate-ring[data-v-d19b25fb]{pointer-events:none;border:3px solid #58cc02;border-radius:50%;width:128px;height:128px;animation:.8s ease-out forwards ring-pulse-d19b25fb;position:absolute;top:57.5px;left:50%;transform:translate(-50%,-50%)}@keyframes ring-pulse-d19b25fb{0%{opacity:.6;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.status-bar.is-celebrating .outer-circle[data-v-d19b25fb]{animation:.52s avatar-bounce-d19b25fb}@keyframes avatar-bounce-d19b25fb{0%,to{transform:scale(1)}35%{transform:scale(1.08)}60%{transform:scale(.97)}}.celebrate-pop-enter-active[data-v-d19b25fb]{animation:.46s cubic-bezier(.22,1.4,.4,1) celebrate-in-d19b25fb}.celebrate-pop-leave-active[data-v-d19b25fb]{transition:opacity .22s,transform .22s}.celebrate-pop-leave-to[data-v-d19b25fb]{opacity:0;transform:translateY(6px)}@keyframes celebrate-in-d19b25fb{0%{opacity:0;transform:translateY(-10px)scale(.7)}60%{opacity:1;transform:translateY(4px)scale(1.06)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.celebrate-pop-enter-active[data-v-d19b25fb],.celebrate-ring[data-v-d19b25fb],.celebrate-spark[data-v-d19b25fb],.status-bar.is-celebrating .outer-circle[data-v-d19b25fb]{animation:none}.celebrate-ring[data-v-d19b25fb],.celebrate-spark[data-v-d19b25fb]{display:none}}.outer-circle[data-v-d19b25fb]{width:115px;box-shadow:7px 7px 10px var(--custome-shade-1),-7px -7px 10px var(--custome-shade-2)}.inner-circle[data-v-d19b25fb],.outer-circle[data-v-d19b25fb]{aspect-ratio:1;border-radius:50%;place-items:center;display:grid}.inner-circle[data-v-d19b25fb]{width:86.25px;box-shadow:inset 7px 7px 10px var(--custome-shade-1),inset -7px -7px 10px var(--custome-shade-2);color:#fff;place-content:center;gap:5px;font-size:.7rem;font-weight:700;position:relative}.count-label[data-v-d19b25fb]{text-align:center;box-shadow:15px 2px 33px var(--custome-shade-1);cursor:pointer;border:1px solid #949092;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-width:15rem;max-height:80px;margin-left:10px;padding:.5rem 1rem;font-size:1rem;display:flex;position:relative}.count-label .number[data-v-d19b25fb],.count-label .number2[data-v-d19b25fb]{color:var(--color-text);text-overflow:ellipsis;align-self:flex-start;line-height:1.2;overflow:hidden}.count-label .number2[data-v-d19b25fb]{align-self:flex-end}.count-label .percentage[data-v-d19b25fb]{color:var(--v5ca6aa0b);align-self:center}.count-label .sp[data-v-d19b25fb]{font-size:.65rem}.count-label .times[data-v-d19b25fb]{text-overflow:ellipsis;white-space:nowrap;background:#c59cec;border-radius:20px;max-width:80px;padding:3px 15px;position:absolute;top:-15px;right:-15px;overflow:hidden}.svg[data-v-d19b25fb]{position:absolute;top:0;right:0}.svg-circle[data-v-d19b25fb]{fill:none;stroke:var(--v5ca6aa0b);stroke-width:14.375px;stroke-dasharray:var(--v6218cfff);stroke-dashoffset:var(--v6218cfff);stroke-linecap:round;animation:2s linear forwards anime-d19b25fb}@keyframes anime-d19b25fb{to{stroke-dashoffset:var(--v776ca924)}}@media (width<=768px){.count-label[data-v-d19b25fb]{min-width:12rem}}.login-exp[data-v-cc74865f]{box-sizing:border-box;background:#fffaf0;border:2px solid #a8cfae;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex;overflow:hidden}.content[data-v-cc74865f]{color:#000}.exp[data-v-8b140514]{box-sizing:border-box;background:radial-gradient(circle at 93%,#ffdc5b1a,#0000 60px),#fffaf0;border:1px solid #e1d5bca6;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:4px 7px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffc,0 1px 2px #4b3c1e08}.exp .badge[data-v-8b140514]{flex:0 0 34px;place-items:center;width:34px;height:38px;display:grid;position:relative}.exp .badge svg[data-v-8b140514]{width:100%;height:100%;position:absolute;inset:0}.exp .badge span[data-v-8b140514]{z-index:1;color:#fff;text-shadow:0 1px 1px #00000026;font-size:10px;font-weight:800;line-height:1;position:relative}.exp .earned[data-v-8b140514]{color:#292929;white-space:nowrap;flex:none;align-items:baseline;gap:4px;font-size:13px;line-height:1.2;display:flex}.exp .earned strong[data-v-8b140514]{color:#328f50;font-weight:500}.exp .progress[data-v-8b140514]{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:60px;display:flex}.exp .progress-bar[data-v-8b140514]{box-sizing:border-box;background:#f9f7ef;border:1px solid #ddd8ca;border-radius:999px;width:100%;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f,0 1px #fffc}.exp .progress-value[data-v-8b140514]{border-radius:inherit;background:linear-gradient(#5fc16e,#45ad59 48%,#399d50);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 1px #ffffff59,0 1px 2px #3084442e}.exp .progress-text[data-v-8b140514]{color:#3f3f3f;white-space:nowrap;align-self:flex-end;font-size:11px;font-weight:500;line-height:1}.exp .star[data-v-8b140514]{filter:drop-shadow(0 2px 2px #d39d1d33);flex:0 0 36px;width:36px;height:36px;animation:.7s cubic-bezier(.22,1,.36,1) star-pop-8b140514}.exp .star svg[data-v-8b140514]{width:100%;height:100%}@media (width<=560px){.exp .badge[data-v-8b140514]{grid-area:badge;width:29px;height:33px}.exp .badge span[data-v-8b140514]{font-size:8px}.exp .earned[data-v-8b140514]{grid-area:earned;font-size:11px}.exp .progress[data-v-8b140514]{grid-area:progress;min-width:0}.exp .progress-bar[data-v-8b140514]{height:5px}.exp .progress-text[data-v-8b140514]{font-size:9px}.exp .star[data-v-8b140514]{grid-area:star;width:30px;height:30px}}@keyframes star-pop-8b140514{0%{opacity:0;transform:scale(.65)rotate(-12deg)}65%{opacity:1;transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.exp .star[data-v-8b140514]{animation:none}.exp .progress-value[data-v-8b140514]{transition:none}}