.badge-seal{width:52px;height:52px;color:var(--muted);flex:none;place-items:center;display:grid;position:relative}.badge-seal svg{position:absolute;inset:0}.badge-seal polygon{fill:none;stroke:var(--line);stroke-width:1.5px}.badge-seal .icon{position:relative}.badge-seal.is-earned{color:#14263d}.badge-seal.is-earned polygon{fill:#d9bd7f;stroke:#b79b63}.badge-shelf{margin-top:44px;scroll-margin-top:90px}.badge-shelf ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.badge-shelf li{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.badge-shelf li>div{gap:2px;min-width:0;display:grid}.badge-shelf strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:400}.badge-shelf li span:not(.badge-seal){color:var(--muted);font-size:14px;line-height:1.45}.badge-shelf li a{justify-self:start;font-size:14px}.badge-toast{top:calc(14px + env(safe-area-inset-top));z-index:130;color:#f4efe3;width:min(420px,100vw - 24px);box-shadow:var(--shadow);background:#14263d;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;animation:.45s cubic-bezier(.2,1.3,.4,1) badge-drop;display:flex;position:fixed;left:50%;transform:translate(-50%)}.badge-toast>div{flex:1;min-width:0;display:grid}.badge-toast .eyebrow{color:#d4bb83}.badge-toast strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:400}.badge-toast a{color:#d4bb83;font-size:15px;font-weight:600}.badge-toast button{color:#ffffffa6;cursor:pointer;place-items:center;width:28px;height:28px;display:grid}.badge-toast-seal{place-items:center;animation:.55s cubic-bezier(.2,1.6,.4,1) badge-pop;display:grid;position:relative}.badge-toast-seal i{opacity:0;background:#d4bb83;border-radius:50%;width:6px;height:6px;margin:-3px;animation:.8s ease-out .15s badge-spark;position:absolute;top:50%;left:50%}.badge-toast-seal i:first-of-type{--spark:-34px, -26px}.badge-toast-seal i:nth-of-type(2){--spark:34px, -26px}.badge-toast-seal i:nth-of-type(3){--spark:-34px, 26px}.badge-toast-seal i:nth-of-type(4){--spark:34px, 26px}@keyframes badge-drop{0%{opacity:0;transform:translate(-50%,-18px)}}@keyframes badge-pop{0%{transform:scale(.4)rotate(-20deg)}}@keyframes badge-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--spark)) scale(.3)}}@media (prefers-reduced-motion:reduce){.badge-toast,.badge-toast-seal,.badge-toast-seal i{animation:none}}.completion-moment{gap:6px;width:min(460px,100%);margin:16px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.completion-moment li{color:var(--ink);align-items:center;gap:8px;display:flex}.completion-moment .icon{color:var(--gold);flex:none}.streak-line{color:var(--muted);align-items:center;gap:8px;margin:-6px 0 18px;font-size:15px;display:flex}.streak-line .icon{color:var(--gold);flex:none}.streak-line strong{color:var(--ink);font-weight:600}