.learning-reward-collection{grid-area:cheer;margin-top:0;padding:24px;background:#fffaf0;border:1px solid #e5d9bd;border-radius:24px}
.learning-reward-collection h2{margin:0;font-size:20px;color:#355b4a}
.learning-reward-summary{font-size:18px;font-weight:700;color:#355b4a;margin:12px 0 8px}
.learning-reward-detail{font-size:13px;line-height:1.7;color:#657263}
.learning-reward-progress{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}
.learning-reward-progress>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f0eee6;border:1px dashed #cfcdbd;color:#9a9b8d}
.learning-reward-progress>.is-earned{background:#eaf3db;border:1px solid #c5d6a7}.learning-reward-progress img{object-fit:contain}
.learning-reward-cards{display:flex;flex-wrap:wrap;gap:12px}
.learning-reward-popup-host>.ddori-collectible-badge{display:none}
.learning-sticker-dialog{width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:1px solid #e1d7b8;border-radius:28px;background:#fffaf0;color:#355b4a;text-align:center;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 18px 80px #142d3c40}
.learning-sticker-dialog::backdrop{background:#1c343c80}.learning-sticker-image{object-fit:contain}
.learning-sticker-dialog h2{font-size:23px;margin:14px 0}.learning-sticker-dialog p{line-height:1.65}
.learning-sticker-dialog button{min-height:44px;padding:10px 26px;border:1px solid #b8cbb1;border-radius:99px;background:#e4efd9;font:inherit;font-weight:700;color:#355b4a;cursor:pointer;box-shadow:0 3px 0 #c8d5bc}
.learning-sticker-dialog button:focus-visible{outline:3px solid #355b4a;outline-offset:4px}
@media(forced-colors:active){.learning-reward-collection,.learning-sticker-dialog{border:2px solid CanvasText}.learning-reward-progress>span{border:1px solid CanvasText}}