.msf-wrap,.msf-progress,.msf-honor{max-width:900px;margin:25px auto}.msf-hero,.msf-progress,.msf-pack,.msf-license-public-note{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;box-sizing:border-box}.msf-hero h2{margin:.3em 0}.msf-track{height:18px;background:#e9ecef;border-radius:999px;overflow:hidden;margin:12px 0}.msf-track span{display:block;height:100%;background:var(--msf-accent)}.msf-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-top:20px}.msf-square{min-height:82px;border:1px solid #ccc;border-radius:7px;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.msf-square.pending{background:#fff3cd}.msf-square.paid{background:#d4edda}.msf-square.featured{outline:3px solid var(--msf-primary);outline-offset:1px}.msf-pack{margin:15px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.msf-pack strong{font-size:20px}.msf-pack button,.msf-modal button[type=submit]{background:var(--msf-primary);color:#fff;border:0;border-radius:7px;padding:11px 16px;font-weight:700}.msf-license-public-note{margin:15px 0;background:#fff3cd}.msf-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:99999;align-items:center;justify-content:center;padding:20px}.msf-modal.open{display:flex}.msf-modal-card{background:#fff;max-width:460px;width:100%;padding:28px;border-radius:12px;position:relative}.msf-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px}.msf-modal label{display:block;font-weight:600;margin:10px 0}.msf-modal input,.msf-modal select{width:100%;box-sizing:border-box;padding:9px;margin-top:4px}.msf-heart{max-width:650px;margin:20px auto;padding:90px 70px 110px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px 14px;aspect-ratio:1/.92;box-sizing:border-box;background:#fff7f7;clip-path:polygon(50% 96%,43% 87%,34% 77%,24% 66%,15% 56%,8% 46%,4% 36%,4% 27%,7% 19%,13% 12%,21% 8%,29% 8%,37% 11%,43% 16%,50% 24%,57% 16%,63% 11%,71% 8%,79% 8%,87% 12%,93% 19%,96% 27%,96% 36%,92% 46%,85% 56%,76% 66%,66% 77%,57% 87%)}.msf-heart span{font-weight:700;white-space:nowrap}.msf-heart .type-honor{color:var(--msf-primary)}.msf-heart .type-memory{color:#8b1e2d;font-style:italic}.msf-heart .type-self{color:var(--msf-accent)}.msf-heart .size-1{font-size:16px}.msf-heart .size-2{font-size:20px}.msf-heart .size-3{font-size:24px}.msf-heart .size-4{font-size:29px}.msf-honor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.msf-honor-grid div{padding:14px;border:1px solid #ddd;border-radius:8px;text-align:center}
@media(max-width:700px){.msf-board{grid-template-columns:repeat(5,minmax(0,1fr));margin-left:8px;margin-right:8px}.msf-wrap,.msf-progress,.msf-honor{margin-left:8px;margin-right:8px}.msf-square{min-height:82px;font-size:12px}.msf-heart{padding:55px 28px 70px;gap:6px 8px}.msf-heart .size-1{font-size:10px}.msf-heart .size-2{font-size:12px}.msf-heart .size-3{font-size:14px}.msf-heart .size-4{font-size:17px}.msf-honor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.msf-progress-head{display:flex;justify-content:space-between;gap:12px}.msf-mileage{margin:8px 0 24px;color:#555}.msf-mileage strong{font-size:22px;color:#222}.msf-track-milestones{position:relative;overflow:visible;margin-bottom:42px}.msf-track .msf-fill{display:block;height:100%;background:var(--msf-accent);border-radius:999px}.msf-marker{position:absolute;top:50%;transform:translate(-50%,-50%);font-style:normal}.msf-marker b{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #333;box-sizing:border-box}.msf-marker em{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:700;white-space:nowrap}.msf-status-key{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0;font-size:13px}.msf-status-key span{display:inline-flex;align-items:center;gap:5px}.msf-status-key i{width:16px;height:16px;border:1px solid #bbb;border-radius:4px;display:inline-block}.msf-status-key i.available{background:#f5f5f5}.msf-status-key i.pending{background:#fff3cd}.msf-status-key i.paid{background:#d4edda}.msf-status-key i.featured{background:#f5f5f5;outline:3px solid var(--msf-primary)}.msf-square{cursor:pointer}.msf-square.pending,.msf-square.paid{cursor:pointer}.msf-share-fundraiser{margin-top:10px;background:var(--msf-primary);color:#fff;border:0;border-radius:7px;padding:10px 15px;font-weight:700;cursor:pointer}.msf-share-status{font-size:12px;margin-left:7px}.msf-square-details p{line-height:1.45}.msf-progress .msf-track>span:not(.msf-fill){display:none}
@media(max-width:700px){.msf-marker em{font-size:8px}.msf-progress-head{font-size:14px}}