.spark-xp-progress{background:linear-gradient(135deg,#c3a4660e,#b8a2d512);border:1px solid #c9ae6c66;border-radius:14px;margin:28px 0;padding:24px}.spark-xp-progress h3{margin:8px 0;font-size:1.4rem}.spark-xp-progress progress{accent-color:#d5b878;width:100%;height:12px}.spark-xp-progress summary{cursor:pointer;min-height:44px;padding:12px 0}.spark-xp-progress li{margin:8px 0}.spark-xp-progress details p{font-size:.9rem;line-height:1.6}.spark-xp-honors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.spark-xp-honors>div{border:1px solid #bfa56c66;border-radius:12px;flex-direction:column;gap:7px;padding:18px;display:flex}.spark-xp-honors [data-earned=true]{background:#d5b87815;border-color:#d5b878}.spark-xp-honors [aria-hidden]{color:#d5b878;font-size:30px}.spark-xp-honors small{opacity:.8}.spark-xp-notice{z-index:1250;right:max(18px,env(safe-area-inset-right));top:max(90px,env(safe-area-inset-top));box-sizing:border-box;color:#fff0d4;background:#102b32f5;border:1px solid #d8bd7c;border-radius:16px;align-items:flex-start;gap:14px;width:min(430px,100vw - 36px);max-height:70vh;padding:20px;animation:.3s ease-out spark-xp-arrive;display:flex;position:fixed;overflow:auto;box-shadow:0 10px 40px #0006}.spark-xp-notice p{margin:0 0 9px;line-height:1.5}.spark-xp-notice .eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.spark-xp-notice-title{font-size:20px;font-weight:700}.spark-xp-notice a{color:#f2d38f}.spark-xp-notice button{color:#fff0d4;cursor:pointer;background:#183e44;border:1px solid #d8bd7c77;border-radius:8px;flex-shrink:0;min-width:58px;min-height:44px}.spark-xp-notice button:focus-visible{outline-offset:3px;outline:3px solid #fff0bf}.spark-xp-award{color:#f4d48c;font-size:30px}.spark-xp-notice[data-milestone=true]{background:linear-gradient(135deg,#123b42,#302642);border-width:2px;box-shadow:0 10px 40px #0006,0 0 20px #d5b87844}@keyframes spark-xp-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spark-xp-notice{animation:none}}html[data-effects=quiet] .spark-xp-notice{animation:none}@media (max-width:520px){.spark-xp-honors{grid-template-columns:1fr}.spark-xp-notice{gap:9px;padding:14px}.spark-xp-award{display:none}}@media (forced-colors:active){.spark-xp-progress,.spark-xp-honors>div,.spark-xp-notice,.spark-xp-notice[data-milestone=true]{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}}.spark-xp-continuing{opacity:.8;margin-top:8px;line-height:1.5;display:block}.spark-xp-award-source{color:#ead7a5;font-size:12px}.spark-xp-activity{z-index:1240;right:max(18px,env(safe-area-inset-right));top:max(154px,env(safe-area-inset-top));box-sizing:border-box;color:#fff0d4;pointer-events:none;overflow-wrap:anywhere;background:#102b32f5;border:1px solid #d8bd7c88;border-radius:12px;width:max-content;max-width:min(350px,100vw - 36px);padding:12px 16px;font:13px/1.5 Arial,sans-serif;position:fixed;box-shadow:0 7px 24px #0005}@media (max-width:520px){.spark-xp-activity{max-width:calc(100vw - 24px);font-size:12px;right:12px}}@media (forced-colors:active){.spark-xp-activity{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}}
