.dna{min-height:100svh;padding:0 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));flex-direction:column;display:flex}.dna-header,.dna-main,.dna-footer{width:100%;max-width:44rem;margin:0 auto}.dna-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.dna-logo img{width:auto;height:28px;display:block}.dna-main{flex:1}.dna-title{text-wrap:balance;margin:16px 0 12px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}.dna-title>span{display:inline-block}.dna-title:focus{outline:none}.dna-title:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dna-lede{margin:0 0 20px;font-size:1.1rem}.dna-questions{margin:0 0 12px;padding-left:1.25rem}.dna-questions li{margin:2px 0}.dna-count{text-align:right;margin:-6px 0 8px;font-size:.875rem}.dna-consent{cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0;display:flex}.dna-consent input{flex:none;width:20px;height:20px;margin-top:2px}.dna-label{color:var(--muted);font-size:.9rem}.dna-label .badge{margin:0 6px 0 0}.dna-traits{flex-wrap:wrap;gap:8px;margin:12px 0 16px;padding:0;list-style:none;display:flex}.dna-traits li{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:4px 12px;font-weight:700}.dna-profile p{margin:0 0 12px}.dna-profile p:last-child{margin-bottom:0}.dna-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.dna-actions p{margin:0}.dna-saved p{margin:0 0 8px}.dna-footer{padding:24px 0 32px;padding-bottom:max(32px, env(safe-area-inset-bottom));font-size:.85rem}.dna-footer p{margin:4px 0}.tm{vertical-align:super;margin-left:.05em;font-size:.42em;line-height:0}@media (prefers-color-scheme:dark){.dna-logo{background:#fff;border-radius:8px;padding:4px 8px;display:inline-block}}
