.live-identity.neutral-identity{background:#f7f7fa;color:#241b2d}.live-identity .identity-main>div{min-width:0}.live-identity h2,.live-identity p,.live-identity code{overflow-wrap:anywhere}.live-identity .human-photo img{width:100%;height:100%;object-fit:cover}.primary-star.primary-star-inline{position:static;display:inline-flex;vertical-align:middle;margin-inline-start:6px;width:18px;height:18px;box-shadow:none}.primary-star.primary-star-inline .icon{width:12px;height:12px}
/* The Symbionic ID: an identity card's proportions (ID-1, 85.60 x 53.98 mm), everything inside sized to the card's own width. */
.sym-identity.id-card{container-type:inline-size;box-sizing:border-box;width:100%;max-width:540px;aspect-ratio:1.586/1;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;border-radius:18px;overflow:hidden}
.sym-identity.id-card>*{position:relative;z-index:1}
.sym-identity.id-card:after{content:'';position:absolute;width:62cqw;height:62cqw;inset-inline-end:-24cqw;top:-26cqw;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 7cqw #ffffff05,0 0 0 14cqw #ffffff04;pointer-events:none;z-index:0}
.id-card .identity-topline{margin:4.8cqw 5.6cqw 0;font-size:2.9cqw;line-height:1.2;gap:3cqw}
.id-card .id-card-brand{display:flex;align-items:center;gap:1.8cqw;letter-spacing:.2em;font-weight:600}
.id-card .identity-topline>span:first-child{font-size:2.9cqw;letter-spacing:.2em}
.id-card .id-card-mark{width:5.8cqw;height:auto;flex:none;display:block}
.id-card .id-card-title{display:flex;align-items:center;flex:none;white-space:nowrap;gap:1.2cqw;text-transform:uppercase;letter-spacing:.16em;font-size:2.6cqw;opacity:.86}
.id-card .identity-topline .icon{width:3.6cqw;height:3.6cqw}
/* One grid (the Founder, 6 October 2026): the face square and modest, the name beside it, the QR small at the top right, the facts whole on the line the face starts from. */
.sym-identity.id-card .identity-main{margin:0 5.6cqw;align-self:center;display:grid;grid-template-columns:17cqw minmax(0,1fr);column-gap:4.4cqw;align-items:center}
.sym-identity.id-card .identity-main.has-qr{grid-template-columns:17cqw minmax(0,1fr) 15cqw}
.sym-identity.id-card .human-photo.identity-face{width:17cqw;height:17cqw;aspect-ratio:1;min-width:0;flex:none;border-radius:3.4cqw;font-size:6.4cqw;background:#2b2436;color:#efe6fa;box-shadow:0 0 0 1px #ffffff2e}
.sym-identity.id-card .organization-monogram{width:17cqw;height:17cqw;flex:none;border-radius:3.4cqw;font-size:9cqw}
.id-card .id-card-who{flex:1;min-width:0}
.id-card .id-card-kind{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:2.4cqw;opacity:.7}
.sym-identity.id-card .identity-main h2{font-size:5.7cqw;line-height:1.12;letter-spacing:-.02em;margin:1.2cqw 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sym-identity.id-card .identity-main p{font-size:3cqw;margin:1cqw 0 0;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.id-card .id-card-qr{flex:none;width:15cqw;padding:.9cqw;box-sizing:border-box;border-radius:1.6cqw;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ffffff40}
.id-card .id-card-qr .identity-qr{display:block;width:100%;height:auto;padding:0;border-radius:0;background:#fff}
.id-card .id-card-foot{margin:0 5.6cqw 5cqw;display:flex;align-items:flex-end;min-width:0;padding-top:3cqw;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 16%,transparent)}
.id-card .id-card-fields{margin:0;display:flex;align-items:flex-start;gap:4.6cqw;min-width:0;max-width:100%}
.id-card .id-card-field{min-width:0}
.id-card .id-card-field.id-card-code{flex:none}
.id-card .id-card-fields dt{text-transform:uppercase;letter-spacing:.14em;font-size:2.2cqw;opacity:.62;white-space:nowrap}
.id-card .id-card-fields dd{margin:.7cqw 0 0;font-size:3.3cqw;line-height:1.25;font-weight:600;white-space:nowrap}
.id-card .id-card-code dd{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;white-space:nowrap}
/* A row in a list of search results keeps the short form: no QR, no card proportions. */
.sym-identity.id-card.id-card-compact{aspect-ratio:auto;padding:16px;display:block;border-radius:14px}
.id-card.id-card-compact:after{display:none}
.id-card.id-card-compact .identity-topline{margin:0;font-size:10px}
.id-card.id-card-compact .identity-topline>span:first-child{font-size:10px}
.id-card.id-card-compact .id-card-mark{width:18px}
.id-card.id-card-compact .id-card-title{font-size:9px;gap:4px}
.id-card.id-card-compact .identity-topline .icon{width:13px;height:13px}
.sym-identity.id-card.id-card-compact .identity-main{margin:16px 0 0;gap:12px}
.sym-identity.id-card.id-card-compact .human-photo.identity-face{width:52px;height:52px;flex:0 0 52px;border-radius:50%;font-size:18px}
.sym-identity.id-card.id-card-compact .organization-monogram{width:52px;height:52px;flex:0 0 52px;font-size:26px;border-radius:10px}
.id-card.id-card-compact .id-card-kind{font-size:9px}
.sym-identity.id-card.id-card-compact .identity-main h2{font-size:18px;margin-top:4px}
.sym-identity.id-card.id-card-compact .identity-main p{font-size:12px;margin-top:4px}
.id-card.id-card-compact .id-card-foot{margin:14px 0 0;padding-top:10px}
.id-card.id-card-compact .id-card-fields{gap:16px}
.sym-identity.id-card.id-card-compact .identity-main{grid-template-columns:52px minmax(0,1fr);column-gap:12px}
.id-card.id-card-compact .id-card-fields dt{font-size:9px}
.id-card.id-card-compact .id-card-fields dd{font-size:12px;margin-top:3px}
[data-network-root] .sym-identity.id-card{margin-bottom:14px}
/* One card design everywhere: every Symbionic ID is dark, an organization's and a sample's included. The mark's outline is light on it. */
.sym-identity.id-card,.sym-identity.id-card.organization-identity,.sym-identity.id-card.neutral-identity{background:radial-gradient(ellipse at 95% -30%,#533871 0,transparent 62%),#17151c;color:#fff;border-color:#3a3347}
.sym-identity.id-card .id-card-mark path:last-child{stroke:#e7dfef}
/* The Sample mark a fictional identity carries on its face. */
.id-card .id-card-kind.id-card-kind-row{display:flex;align-items:center;flex-wrap:wrap;gap:1.6cqw;opacity:1}
.id-card .id-card-kind-row>span:first-child{opacity:.7}
.id-card .id-card-sample{display:inline-flex;align-items:center;padding:.5cqw 1.8cqw;border-radius:999px;background:#f3c98a;color:#3a2a14;font-weight:700;letter-spacing:.12em;font-size:2.2cqw;line-height:1.3}