.milestone-share{border-block:1px solid var(--line);background:0 0;margin:24px 0;padding:26px 28px}.milestone-share h2{margin:0 0 18px;font-size:clamp(26px,4vw,34px)}.milestone-share .share-result{align-items:flex-start;margin:0}.milestone-share .share-social-actions{justify-content:flex-start}.daily-set-share{background:#eaf0dc}.milestone-picker{border:0;min-width:0;margin:0 0 20px;padding:0}.milestone-picker legend{color:var(--muted);margin-bottom:16px;padding:0;font-size:14px}.milestone-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.milestone-option{--milestone-accent:var(--lime);min-width:0;position:relative}.milestone-option--points{--milestone-accent:var(--lilac)}.milestone-option--streak{--milestone-accent:var(--apricot)}.milestone-option input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.milestone-card{background:color-mix(in srgb, var(--milestone-accent) 55%, var(--paper));border:1px solid #0000;border-radius:12px;grid-template-rows:24px 1fr auto;grid-template-columns:minmax(0,1fr) 24px;gap:12px;height:100%;min-height:188px;padding:20px;display:grid}.milestone-card-icon{grid-area:1/1}.milestone-card-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;overflow-wrap:anywhere;grid-column:1/-1;align-self:end;font-family:Degular,sans-serif;font-size:clamp(32px,4.5vw,56px);font-weight:500;line-height:1}.milestone-card-label{grid-column:1/-1;font-size:14px;line-height:1.4}.milestone-card-check{border:1px solid var(--muted);border-radius:50%;grid-area:1/2;place-items:center;width:24px;height:24px;display:grid}.milestone-card-check svg{visibility:hidden}.milestone-option input:checked+.milestone-card{background:var(--milestone-accent);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.milestone-option input:checked+.milestone-card .milestone-card-check{background:var(--ink);border-color:var(--ink);color:var(--paper)}.milestone-option input:checked+.milestone-card .milestone-card-check svg{visibility:visible}.milestone-option input:focus-visible+.milestone-card{outline:2px solid var(--blue);outline-offset:4px}.milestone-option input:hover:not(:disabled)+.milestone-card{border-color:var(--ink)}.milestone-option input:disabled{cursor:default}@media (width<=600px){.milestone-share{padding:20px 16px}.milestone-cards{grid-template-columns:minmax(0,1fr);gap:10px}.milestone-card{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) 24px;gap:6px 12px;min-height:104px;padding:16px}.milestone-card-icon{grid-row:1/-1;align-self:center}.milestone-card-value{grid-area:1/2;font-size:36px}.milestone-card-label{font-size:var(--text-small);grid-area:2/2}.milestone-card-check{grid-area:1/3/-1;align-self:center}}