.result-share{min-width:0}.result-share-trigger{background:var(--blue);border-color:var(--blue);min-height:48px;padding:12px 23px;font-size:14px}.result-share-trigger:hover:not(:disabled){background:#1c3ac4}.result-share-load-status{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.result-share-load-status:empty{display:none}.result-share-load-retry{color:var(--blue);font:inherit;background:0 0;border:0;min-height:44px;padding:4px 8px;font-weight:650;text-decoration:underline}.result-share-dialog{border:1px solid var(--line);background:var(--paper);width:min(640px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);text-align:left;overscroll-behavior:contain;border-radius:24px;margin:auto;padding:0;box-shadow:0 24px 100px #13141130}.result-share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#191c1a70}.share-dialog-content{padding:32px;position:relative}.share-close{position:absolute;top:12px;right:12px}.share-dialog-content>.eyebrow{color:var(--blue);letter-spacing:1.6px;margin-bottom:14px;padding-right:35px;font-size:10px}.share-dialog-content h2{letter-spacing:-1.1px;margin-bottom:10px;font-size:27px;line-height:1.2}.share-description{color:#62665e;margin-bottom:20px;font-size:14px;line-height:1.65}.share-preview{aspect-ratio:1200/630;border:1px solid var(--line);background:#fffefa;border-radius:12px;position:relative;overflow:hidden}.share-preview>.share-preview-image,.share-preview>.share-record-state,.share-preview>.share-scorecard{width:100%;height:100%;position:absolute;inset:0}.share-preview-image{object-fit:contain;display:block}.share-record-state{color:#62665e;flex-direction:column;justify-content:safe center;align-items:flex-start;gap:16px;padding:24px;font-size:14px;line-height:1.6;display:flex;overflow:auto}.share-record-state>*{flex-shrink:0}.share-record-state p{margin:0}.share-record-state .button{white-space:normal;min-height:48px}.share-challenge-name{margin:20px 0 -10px;font-size:16px;font-weight:650}.share-score-explainer,.share-social-hint,.share-image-error{color:#62665e;margin:12px 0 0;font-size:12px;line-height:1.6}.share-image-error{color:#9a3e23}.share-placeholder{visibility:hidden}.share-scorecard{overscroll-behavior:contain;background:#fffefa;padding:24px;overflow:auto}.share-scorecard:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.share-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.share-card-brand{letter-spacing:-1px;font-size:22px;font-weight:850}.share-card-brand>span{color:var(--blue)}.share-card-header time{color:#62665e;font-variant-numeric:tabular-nums;font-size:10px}.share-card-header time>span{margin-left:3px;font-size:9px}.share-card-total{align-items:baseline;gap:9px;margin:24px 0;display:flex}.share-card-total>strong{color:var(--blue);letter-spacing:-4px;font-variant-numeric:tabular-nums;font-size:70px;line-height:1}.share-card-total>span{color:#62665e;font-size:14px}.share-rounds{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.share-rounds li{min-width:0}.share-rounds li>span:first-child{color:#62665e;white-space:normal;min-height:2.6em;margin-bottom:8px;font-size:9px;line-height:1.3;display:block}.share-rounds strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:650}.share-score-max{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.share-round-track{background:#e6e9de;border-radius:2px;height:5px;margin-top:10px;display:block;overflow:hidden}.share-round-track>span{background:var(--blue);height:100%;display:block}.share-card-footer{border-top:1px solid var(--line);color:#62665e;flex-direction:column;gap:5px;margin:0;padding-top:16px;font-size:10px;line-height:1.5;display:flex}.share-card-footer>span{color:var(--blue);font-weight:600}.share-buttons{gap:10px;margin-top:24px;display:flex}.share-buttons>.button{white-space:normal;text-align:center;flex:1;gap:9px;min-width:0;min-height:48px;padding:12px 14px;font-size:13px;line-height:1.3}.share-buttons>.button>svg{flex-shrink:0}.share-copy-buttons{margin-top:10px}.share-status{color:#62665e;min-height:20px;margin:12px 0 0;font-size:12px;line-height:1.6}.share-status-slot{display:grid}.share-status-slot>.share-status{grid-area:1/1}.share-manual{margin-top:12px}.share-manual label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.share-manual textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:160px;color:var(--ink);background:#fffefa;border-radius:8px;padding:12px;font:13px/1.6 Inter Variable,Inter,Arial,sans-serif;display:block}.share-manual textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.shared-result-page{width:min(920px,100% - 40px);margin:52px auto 72px}.shared-result-intro{max-width:700px;margin-bottom:28px}.shared-result-intro h1{letter-spacing:-1.5px;margin:12px 0 16px;font-size:clamp(30px,5vw,48px);line-height:1.1}.shared-result-intro>p:not(.eyebrow){color:#62665e;font-size:16px;line-height:1.7}.shared-result-image,.shared-result-image img{border-radius:16px;width:100%;height:auto;display:block}.shared-result-image{border:1px solid var(--line);margin:0 0 24px}.shared-result-summary{font-size:15px;line-height:1.7}.shared-result-summary p{margin:8px 0}.shared-result-summary ol{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 16px;padding:0;list-style:none;display:grid}.shared-result-rounds li{flex-direction:column;gap:2px;display:flex}.shared-result-rounds li>span{color:#62665e;font-size:12px}.shared-result-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 18px;display:flex}.shared-result-actions .button{white-space:normal;text-align:center;min-height:48px}.shared-result-note{color:#62665e;font-size:12px;line-height:1.7}@media (width<=600px){.result-share-dialog{border-radius:18px}.share-dialog-content{padding:28px 20px 20px}.share-dialog-content h2{max-width:240px;font-size:24px}.share-scorecard{padding:20px 16px}.share-card-total>strong{font-size:62px}.share-card-header{gap:8px}.share-card-brand{font-size:20px}.share-rounds{gap:8px}.shared-result-page{width:calc(100% - 32px);margin:32px auto 48px}}@media (width<=380px){.share-buttons{flex-direction:column}.share-card-total>strong{font-size:56px}.share-card-total>span{white-space:nowrap;font-size:12px}}
