.dna-controls{display:flex;align-items:end;gap:20px}.dna-controls select{margin-bottom:0}.dna-controls button{min-height:44px}.dna-weights,.dna-locks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dna-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.dna-funnel div{padding:18px;border-left:3px solid #7893ce;background:#edf2fa}.dna-funnel strong{display:block;font-size:26px}.dna-funnel span{font-size:14px;color:#526788}.dna-tabs{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.dna-tabs button{background:white;color:#345080;border:1px solid #d5dfef}.dna-tabs button[aria-selected=true]{background:#223f82;color:white}.dna-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portrait{background:white;border:1px solid #d5dfed;border-radius:12px;overflow:hidden}.portrait header{background:#193254;color:white;display:block;padding:20px;min-height:140px}.portrait header span{color:#b3c8eb;font-size:13px}.portrait header h2{margin:8px 0 3px;font-size:22px}.portrait header p{font-size:14px;margin:6px 0;color:#cedbf0}.portrait-content{padding:19px}.portrait dl{margin:0}.portrait dt{font-size:14px;color:#5e718c}.portrait dd{font-size:17px;font-weight:700;margin:3px 0 17px}.portrait dd small{display:block;font-size:12px;font-weight:400;color:#637b9a;margin-top:3px}.portrait-color{display:flex;gap:9px;align-items:center;margin:12px 0 16px}.swatch{width:22px;height:22px;border:1px solid #b6c3d6;border-radius:50%;display:inline-block;flex-shrink:0}.portrait .actions{display:grid;gap:8px}.portrait .actions button{font-size:14px}.dna-next{padding:24px;background:#eaf0fb;border:1px solid #cddaf1;border-radius:12px;margin:22px 0}.dna-next p{font-size:14px;color:#4b6385}.dna-meanings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meaning{border:1px solid #dbe3ef;border-radius:8px;padding:15px}.meaning h3{margin:3px 0}.meaning p{font-size:14px;color:#576b8b}.meaning small{color:#697e9c}.query-sub{display:block;font-size:12px;color:#657a97;margin-top:5px}.season-warning{display:block;font-size:12px;color:#865c28}.dna-color-row{display:grid;grid-template-columns:140px 1fr 90px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #dce3ee}.dna-color-row>span:first-child{display:flex;align-items:center;gap:10px}.color-track{height:12px;border-radius:4px;background:#edf1f9;overflow:hidden}.color-fill{height:100%;background:#6d8fd3}.dna-color-row small{display:block;font-size:12px;color:#627896}.exclusion{border-bottom:1px solid #dce4ef;padding:12px 0;font-size:14px}.exclusion span{display:block;color:#82562b}#dna-error,#dna-message{color:#86462e}#dna-error:empty,#dna-message:empty{display:none}.dna-context{font-size:14px}@media(max-width:1150px){.dna-portraits{grid-template-columns:1fr 1fr}.dna-weights,.dna-locks{grid-template-columns:1fr 1fr}.dna-controls{flex-wrap:wrap}}@media(max-width:650px){.dna-portraits,.dna-meanings,.dna-locks{grid-template-columns:1fr}.dna-funnel{grid-template-columns:1fr 1fr}.dna-controls{display:block}.dna-controls button{width:100%;margin-top:14px}.dna-color-row{grid-template-columns:1fr 90px}.dna-color-row .color-track{grid-column:1/-1;grid-row:2}.dna-tabs{gap:6px}.dna-tabs button{font-size:14px;padding:10px}.portrait header{min-height:0}.dna-next{padding:18px}}