.learning-badge[data-badge-visual]{position:relative;overflow:hidden;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;padding:16px 16px 15px;gap:7px 13px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--surface-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.13)}.learning-badge[data-badge-visual]::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 32% 70%,rgba(255,255,255,.025))}.learning-badge[data-badge-visual] .learning-badge-icon{grid-row:1/3;width:68px;height:68px;border:0;background:none;box-shadow:none;overflow:visible}.learning-badge-medal{--medal-a:#547ee8;--medal-b:#263b72;--medal-glow:rgba(84,126,232,.3);position:relative;display:grid!important;place-items:center!important;border-radius:50%;background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.7) 0 3%,transparent 4%),linear-gradient(145deg,#dbe5ff 0 8%,var(--medal-a) 9% 21%,#15203d 22% 27%,var(--medal-b) 28% 76%,#10182d 77% 84%,var(--medal-a) 85% 94%,#dde6fb 95% 100%)!important;box-shadow:0 8px 20px var(--medal-glow),inset 0 0 0 2px rgba(255,255,255,.15)!important}.learning-badge-medal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 18px rgba(0,0,0,.32)}.learning-medal-core{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.16),transparent 35%),rgba(9,15,30,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.learning-medal-core svg{width:43px;height:36px;overflow:visible;fill:none;stroke:#f8fbff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.32))}.learning-medal-core svg .detail{stroke:rgba(255,255,255,.62);stroke-width:2}.learning-medal-core svg .spark,.learning-medal-core svg .progress{fill:rgba(255,255,255,.85);stroke:none}.learning-medal-core svg text{fill:#0f1830;stroke:none;font-size:11px;font-weight:900;font-family:system-ui,sans-serif}.learning-medal-core svg .laurel{stroke-width:2.4}.learning-badge[data-badge-tone="emerald"] .learning-badge-medal{--medal-a:#55c69d;--medal-b:#1d6f59;--medal-glow:rgba(85,198,157,.27)}.learning-badge[data-badge-tone="gold"] .learning-badge-medal{--medal-a:#e5bd5f;--medal-b:#836521;--medal-glow:rgba(229,189,95,.27)}.learning-badge[data-badge-tone="copper"] .learning-badge-medal{--medal-a:#df8c55;--medal-b:#884623;--medal-glow:rgba(223,140,85,.26)}.learning-badge[data-badge-tone="sapphire"] .learning-badge-medal{--medal-a:#65a8e9;--medal-b:#254c86;--medal-glow:rgba(101,168,233,.26)}.learning-badge[data-badge-tone="amber"] .learning-badge-medal{--medal-a:#e7a957;--medal-b:#874f20;--medal-glow:rgba(231,169,87,.26)}.learning-badge[data-badge-tone="sky"] .learning-badge-medal{--medal-a:#8fc9ef;--medal-b:#3c709b;--medal-glow:rgba(143,201,239,.28)}.learning-badge[data-badge-tone="mint"] .learning-badge-medal{--medal-a:#94d9be;--medal-b:#3b8269;--medal-glow:rgba(148,217,190,.28)}.learning-badge[data-badge-tone="royal"] .learning-badge-medal{--medal-a:#e6c36d;--medal-b:#836118;--medal-glow:rgba(230,195,109,.34)}.learning-badge[data-badge-visual]>div{align-self:center}.learning-badge[data-badge-visual] strong{font-size:13px;letter-spacing:-.01em}.learning-badge[data-badge-visual] span:not(.learning-badge-icon):not(.learning-medal-core){margin-top:4px;font-size:10.5px;line-height:1.4}.learning-badge[data-badge-visual] small{align-self:end;font-size:10px;letter-spacing:.02em}.learning-badge[data-badge-visual].is-unlocked{opacity:1;border-color:rgba(85,211,187,.3)}.learning-badge[data-badge-visual].is-locked{opacity:.66}.learning-badge[data-badge-visual].is-locked .learning-badge-medal{filter:grayscale(.82) saturate(.5);box-shadow:0 5px 12px rgba(0,0,0,.18)!important}.learning-badge[data-badge-visual].is-locked .learning-medal-core svg{opacity:.63}.learning-badge[data-badge-visual].is-unlocked small{color:#65d8b7}html:not(.dark) .learning-badge[data-badge-visual]{background:linear-gradient(145deg,#fff,#f5f7fb);box-shadow:0 8px 22px rgba(30,45,75,.09),inset 0 1px 0 #fff}@media(max-width:620px){.learning-badge[data-badge-visual]{grid-template-columns:64px minmax(0,1fr);padding:14px}.learning-badge[data-badge-visual] .learning-badge-icon{width:60px;height:60px}.learning-medal-core{width:46px;height:46px}.learning-medal-core svg{width:38px;height:32px}}@media(prefers-reduced-motion:no-preference){.learning-badge[data-badge-visual].is-unlocked .learning-badge-medal{transition:transform .18s ease,box-shadow .18s ease}.learning-badge[data-badge-visual].is-unlocked:hover .learning-badge-medal{transform:translateY(-2px) scale(1.03)}}