.user-details{font-family:var(--font-ui);grid-template-columns:1fr;gap:32px;margin-top:8px;display:grid}@media (min-width:920px){.user-details{grid-template-columns:320px 1fr;gap:56px}}.user-details-aside{flex-direction:column;gap:16px;display:flex}@media (min-width:920px){.user-details-aside{align-self:start;position:sticky;top:96px}}.user-details-photo{aspect-ratio:4/5;background:var(--canvas-sunk);border-radius:var(--r-lg);box-shadow:var(--elev-2);position:relative;overflow:hidden}.user-details-photo img{object-fit:cover;width:100%;height:100%}.user-details-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0006 100%);position:absolute;inset:0}.user-details-photo-fallback{background:linear-gradient(135deg, var(--accent-300), var(--moss-200));color:var(--ink-900);font-family:var(--font-display);justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;font-style:italic;font-weight:500;display:flex}.user-details-tag{-webkit-backdrop-filter:blur(8px);border-radius:var(--r-full);color:var(--ink-900);letter-spacing:.04em;text-transform:uppercase;z-index:1;background:#fffffff2;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 6px #00000014}.user-details-tag .dot{border-radius:var(--r-full);width:6px;height:6px}.user-details-tag.user-details-tag--online .dot,.user-details-tag.user-details-tag--recent .dot{background:var(--status-success)}.user-details-tag.user-details-tag--offline .dot{background:var(--ink-300)}.user-details-tag.user-details-tag--online .dot{animation:details-tag-pulse 2.4s var(--ease-out) infinite}@keyframes details-tag-pulse{0%,to{box-shadow:0 0 #1f7a3f8c}50%{box-shadow:0 0 0 5px #1f7a3f00}}[data-theme=dark] .user-details-tag.user-details-tag--online .dot{animation:details-tag-pulse-dark 2.4s var(--ease-out) infinite}@keyframes details-tag-pulse-dark{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}[data-theme=dark] .user-details-tag{color:var(--ink-900);background:#1f1c17eb}.user-details-cta{background:var(--accent-600);border-radius:var(--r-md);color:#fff;font-family:var(--font-ui);letter-spacing:-.005em;transition:background-color .2s var(--ease-out),transform 80ms var(--ease-out);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff26}.user-details-cta:hover{background:var(--accent-700);color:#fff;text-decoration:none}.user-details-cta:active{transform:scale(.99)}.user-details-cta:focus-visible{box-shadow:var(--ring);outline:none}[data-theme=dark] .user-details-cta{color:#14110d}.user-details-contact{background:var(--canvas-sunk);border-radius:var(--r-md);padding:16px 18px}.user-details-contact .contact-heading{color:var(--ink-700);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.user-details-contact .contact-row{border-top:1px dashed var(--ink-100);color:var(--ink-700);font-family:var(--font-ui);transition:color .2s var(--ease-out);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:13px;text-decoration:none;display:flex}.user-details-contact .contact-row:first-of-type{border-top:0;padding-top:0}.user-details-contact .contact-row:hover{color:var(--accent-600);text-decoration:none}.user-details-contact .contact-row:hover .contact-value{color:var(--accent-600)}.user-details-contact .contact-row .contact-label{color:var(--ink-500);flex-shrink:0;font-weight:500}.user-details-contact .contact-row .contact-value{color:var(--ink-900);text-align:right;text-overflow:ellipsis;transition:color .2s var(--ease-out);white-space:nowrap;font-weight:500;overflow:hidden}.user-details-contact .contact-row--masked{cursor:default}.user-details-contact .contact-row--masked:hover,.user-details-contact .contact-row--masked:hover .contact-value{color:var(--ink-700)}.user-details-contact .contact-row--masked .contact-value{color:var(--ink-700);font-variant-numeric:tabular-nums;letter-spacing:.02em}.user-details-contact .contact-upgrade{border-top:1px dashed var(--ink-100);color:var(--accent-600);font-family:var(--font-ui);letter-spacing:-.005em;transition:color .2s var(--ease-out);margin-top:4px;padding-top:10px;font-size:12px;font-weight:500;text-decoration:none;display:block}.user-details-contact .contact-upgrade:hover{color:var(--accent-700);text-decoration:underline}.user-details-main{min-width:0}.user-details-header{margin-bottom:32px}.user-details-eyebrow-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px;display:flex}.user-details-eyebrow{color:var(--accent-600);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.user-details-eyebrow:before{background:var(--accent-600);content:"";width:28px;height:1px}.user-details-edit-actions{flex-wrap:wrap;gap:4px 16px;display:inline-flex}.user-details-edit-link{color:var(--ink-700);font-family:var(--font-ui);letter-spacing:-.005em;transition:color .2s var(--ease-out);font-size:13px;font-weight:500;text-decoration:none}.user-details-edit-link:hover{color:var(--accent-600);text-decoration:underline}.user-details-name{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.05}.user-details-byline{color:var(--ink-500);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:500}.user-details-byline .sep{color:var(--ink-300);margin:0 10px}.user-details-stats{border-top:1px solid var(--ink-100);grid-template-columns:1fr 1fr;gap:18px 32px;margin:0;padding:20px 0 0;list-style:none;display:grid}@media (min-width:720px){.user-details-stats{grid-template-columns:repeat(3,1fr)}}.user-details-stats li{flex-direction:column;gap:6px;display:flex}.user-details-stats .stat-label{color:var(--ink-500);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.user-details-stats .stat-value{color:var(--ink-900);font-family:var(--font-ui);font-size:15px;font-weight:500}.user-details-stats .stat--accent .stat-value{color:var(--accent-600);font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1}.user-details-stats .stat--accent .stat-unit{color:var(--ink-500);font-family:var(--font-ui);letter-spacing:0;font-size:13px;font-weight:400}.user-details-section{border-top:1px solid var(--ink-100);margin-top:28px;padding-top:24px}.user-details-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.user-details-section .section-heading{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:500;line-height:1.1}.user-details-bio{color:var(--ink-700);font-family:var(--font-ui);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.6}.user-details .chips{flex-wrap:wrap;gap:6px;display:flex}.user-details .chip{background:var(--canvas-sunk);border-radius:var(--r-full);color:var(--ink-700);font-family:var(--font-ui);border:1px solid #0000;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.user-details .chip>svg{flex:none}.user-details .chip.accent{background:var(--accent-100);color:var(--accent-700)}[data-theme=dark] .user-details .chip.accent{background:#f9731626}.user-details .chip.moss{background:var(--moss-200);color:var(--moss-700)}[data-theme=dark] .user-details .chip.moss{background:#b8c4ae1f}