.htr-pill{line-height:1.6;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffff1f;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease}.htr-pill:hover{background:#ffffff38;border-color:#fffc}.htr-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.htr-overlay{position:fixed;inset:0;z-index:100000;background:#0c101cad;display:flex;align-items:center;justify-content:center;padding:24px;animation:htr-fade .18s ease}@keyframes htr-fade{0%{opacity:0}}.htr-panel{position:relative;background:#fff;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 48px);max-height:calc(100svh - 48px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 28px 70px -20px #0c101c80;animation:htr-rise .22s cubic-bezier(.22,1,.36,1)}@keyframes htr-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}.htr-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:0;background:#0f172a0f;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease}.htr-close:hover{background:#0f172a1f;color:#0f172a}.htr-close:focus-visible{outline:2px solid var(--htr-accent, #7C3AED);outline-offset:2px}.htr-grid{display:grid;grid-template-columns:268px 1fr;gap:30px;padding:32px;align-items:center}.htr-stage{display:flex;flex-direction:column;gap:9px}.htr-yours{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#64748b}.htr-card{cursor:default;width:100%}.htr-card:hover{transform:none;box-shadow:0 2px 12px #0000000f}.htr-card .tr-card-header{min-height:42px}.htr-card :is(.htr-off,.htr-on,.htr-quiet){transition:opacity .3s ease,filter .3s ease,color .3s ease}.htr-card .htr-off{opacity:.3;filter:grayscale(1)}.htr-card .htr-on{opacity:1;filter:none;background:color-mix(in srgb,var(--htr-accent, #7C3AED) 9%,transparent);border-radius:7px;margin:-5px -7px;padding:5px 7px}.htr-card .tr-mini-track.htr-on{margin:-5px -7px -3px}.htr-card .tr-mini-pill.htr-on{background:var(--mg-text, #475569);margin:0;padding:3px 5px;border-radius:4px;box-shadow:0 0 0 4px color-mix(in srgb,var(--htr-accent, #7C3AED) 16%,transparent)}.htr-card .htr-intro.htr-on h3{color:#0b1220}.htr-card .htr-intro.htr-on p{color:#3e4a5c}.htr-card .htr-intro{margin-bottom:0}.htr-card .htr-intro p{margin-bottom:14px}.htr-card .tr-mini-pill.htr-off{opacity:.42;filter:grayscale(1)}.htr-card .htr-quiet .tr-mini-bar,.htr-card .htr-quiet .tr-mini-label{opacity:.38;filter:grayscale(1);transition:opacity .3s ease,filter .3s ease}.htr-ends{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:#64748b;padding:0 2px;opacity:0;transform:translateY(-3px);transition:opacity .28s ease,transform .28s ease}.htr-ends.is-shown{opacity:1;transform:none}.htr-side{display:flex;flex-direction:column;gap:11px;min-width:0}.htr-count{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--htr-accent, #7C3AED)}.htr-title{margin:0;font-size:21px;font-weight:750;letter-spacing:-.015em;line-height:1.22;color:#0f172a;text-wrap:balance}.htr-body{margin:0;font-size:14.5px;line-height:1.62;color:#475569;min-height:7.2em;text-wrap:balance}.htr-body b{color:#0f172a;font-weight:700}.htr-edited{margin-left:8px;padding:1px 6px;border-radius:999px;background:#10b9811f;color:#047857;letter-spacing:.06em}.htr-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:4px}.htr-dots{display:flex;gap:7px}.htr-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#dde3ed;cursor:pointer;transition:background .18s ease,width .18s ease}.htr-dots button:hover{background:#c2cbda}.htr-dots button.is-on{width:18px;border-radius:4px;background:var(--htr-accent, #7C3AED)}.htr-dots button:focus-visible{outline:2px solid var(--htr-accent, #7C3AED);outline-offset:2px}.htr-btns{display:flex;align-items:center;gap:8px}.htr-back,.htr-next{font-family:inherit;font-size:13.5px;font-weight:650;border-radius:9px;padding:9px 18px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.htr-back{background:transparent;border:1px solid #E2E8F0;color:#64748b}.htr-back:hover{border-color:#cbd5e1;color:#334155}.htr-next{background:var(--htr-accent, #7C3AED);border:1px solid var(--htr-accent, #7C3AED);color:#fff}.htr-next:hover{filter:brightness(1.08)}.htr-back:focus-visible,.htr-next:focus-visible{outline:2px solid var(--htr-accent, #7C3AED);outline-offset:2px}@media(max-width:640px){body.htr-modal-open .site-nav,body.htr-modal-open .gq-chat-root{display:none}.htr-overlay{padding:10px;align-items:center}.htr-panel{border-radius:14px}.htr-grid{grid-template-columns:1fr;gap:12px;padding:16px 18px 18px}.htr-stage{max-width:300px;margin:0 auto;gap:6px}.htr-side{gap:8px}.htr-title{font-size:18.5px}.htr-body{min-height:0;font-size:14px}.htr-card .htr-intro p{margin-bottom:10px}.htr-nav{margin-top:0}}@media(prefers-reduced-motion:reduce){.htr-overlay,.htr-panel{animation:none}.htr-card .htr-on,.htr-card .htr-off,.htr-ends,.htr-dots button{transition:none}}.htr-overlay{overscroll-behavior:contain}.traits-bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-color:#f4f8fc;background-image:radial-gradient(ellipse 1600px 1200px at 8% 14%,rgba(124,58,237,var(--pg-tint, 0)) 0%,transparent 100%),radial-gradient(ellipse 1500px 1100px at 94% 86%,rgba(124,58,237,calc(var(--pg-tint, 0) * .7)) 0%,transparent 100%),radial-gradient(circle,rgba(124,58,237,.04) 1px,transparent 1px);background-size:100% 100%,100% 100%,30px 30px}.traits-page-wrapper{position:relative;z-index:1;padding-top:96px}.traits-container{max-width:1200px;margin:0 auto;padding:0 24px}.traits-leader{background:linear-gradient(135deg,#8c5aef,#7c42e7,#6b2dd1);padding:24px 0 48px;margin-bottom:28px;position:relative;overflow:hidden}.tr-result-summary{margin-top:20px;background:#ffffff29;border-radius:4px;padding:18px 24px;max-width:720px;border-left:3px solid #86EFAC;display:flex;align-items:center;gap:16px;min-height:155px;box-sizing:border-box}.tr-result-icon{flex-shrink:0;opacity:.7}.tr-result-text{flex:1;min-width:0}.tr-result-headline{font-size:15px;font-weight:800;color:#fff;margin-bottom:4px}.tr-result-detail{font-size:12.5px;color:#ffffffbf;line-height:1.4;margin-bottom:8px}.tr-result-legend{display:flex;gap:12px;font-size:10px;font-weight:600}.tr-count-favorable{color:#86efac}.tr-count-typical{color:#ffffff8c}.tr-count-elevated{color:#fca5a5}.tr-chart-wrap{flex-shrink:0;width:auto;display:flex;justify-content:center}.traits-leader .dot-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.traits-leader .container-inner{position:relative;z-index:1}.traits-leader .leader-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff38;color:#fff;padding:6px 18px;border-radius:50px;font-size:12px;font-weight:600;margin-bottom:16px;border:1px solid rgba(255,255,255,.3)}.traits-leader .leader-badge-icon{width:26px;height:26px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.traits-leader h1{font-size:36px;font-weight:800;color:#fff;margin:0 0 2px;letter-spacing:-.5px}.traits-leader .subtitle{color:#ffffffd9;font-size:13px;max-width:760px;text-wrap:balance;margin-bottom:0}.tr-mode-toggle{display:inline-flex;gap:4px;margin-top:22px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:4px}.tr-mode-toggle button{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:none;background:transparent;color:#fffc;font-size:13.5px;font-weight:700;font-family:inherit;border-radius:9px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.tr-mode-toggle button:hover{color:#fff}.tr-mode-toggle button.active{background:#fff;color:var(--traits-theme-dark, #5B21B6);box-shadow:0 2px 10px #0000002e}.tr-mode-sub{font-size:10px;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.4px}.tr-card-icon-emoji{font-size:40px;line-height:1}.ls-gene-tag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:10px;font-weight:600;color:#64748b;margin-bottom:12px;letter-spacing:.3px;font-family:SF Mono,ui-monospace,Menlo,monospace}.ls-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:10px;border:1px solid #E8EDF2}.ls-result-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ls-result-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.ls-result-value{font-size:13.5px;font-weight:700}.ls-genotype{flex-shrink:0;font-family:ui-monospace,SF Mono,monospace;font-size:13px;font-weight:800;padding:5px 11px;border-radius:8px;background:#fff;border:1px solid color-mix(in srgb,var(--tr-accent) 28%,#E8EDF2);color:color-mix(in srgb,var(--tr-accent) 68%,#1E293B)}.traits-floating-icon{position:absolute;opacity:.14;mix-blend-mode:multiply;pointer-events:none;z-index:0}.tr-teaser-bar.tr-tb-good{background:#22c55ebf}.tr-teaser-bar.tr-tb-mid{background:#cbd5e1}.tr-teaser-bar.tr-tb-bad{background:#ef4444b3}.tr-teaser-ov-lock{stroke:#94a3b8}.tr-teaser-btn-primary{display:inline-flex;align-items:center;padding:9px 20px;background:#fff;color:var(--traits-theme);border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #00000026}.tr-teaser-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0003}.tr-teaser-btn-secondary{font-size:12.5px;font-weight:600;color:#ffffffbf;text-decoration:none;transition:color .15s}.tr-teaser-btn-secondary:hover{color:#fff}.tr-teaser-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex-shrink:0}.tr-teaser-cat-tile{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.tr-teaser-cat-icon-wrap{width:36px;height:36px;border-radius:10px;background:#ffffff38;border:1px solid rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 2px 8px #0000001f}.tr-teaser-cat-tile:hover .tr-teaser-cat-icon-wrap{transform:translateY(-2px);background:#ffffff47;box-shadow:0 6px 16px #0000002e}.tr-teaser-cat-icon-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.tr-teaser-cat-label{font-size:9px;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.4px;text-align:center;line-height:1}.tr-teaser-chart{position:relative;flex-shrink:0;width:110px}.tr-teaser-chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:72px;filter:blur(3px);padding-bottom:18px}.tr-teaser-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end}.tr-teaser-bar{width:26px;border-radius:4px 4px 0 0}.tr-teaser-bar-label{font-size:10px;color:#64748b;font-weight:600}.tr-teaser-chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.traits-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;position:relative;z-index:2}.traits-toolbar .search-box{flex:1;min-width:200px}.traits-toolbar .search-box input{width:100%;padding:10px 16px;border-radius:10px;border:1px solid #D6E4F0;background:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.traits-toolbar .search-box input:focus{border-color:var(--traits-theme);box-shadow:0 0 0 3px #7c3aed1a}.tr-filter-bar{display:flex;gap:8px;margin-bottom:28px;overflow-x:auto;padding-bottom:6px;flex-wrap:wrap}.tr-filter-btn{padding:8px 16px;border-radius:10px;border:1px solid #D6E4F0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.tr-filter-btn:hover{border-color:#94a3b8}.tr-cat-toggle{display:none}.tr-cat-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 0 100%}.tr-filter-btn-icon{width:17px;height:17px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.tr-filter-count{font-size:.8em;opacity:.5;font-weight:400}.tr-filter-emoji{font-size:14px;line-height:1}.tr-toolbar-row{align-items:center}.tr-search-inline{flex:1 1 800px;min-width:220px}.tr-search-inline input{width:100%;padding:8px 16px;border-radius:8px;border:1px solid #D6E4F0;background:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.tr-search-inline input:focus{border-color:var(--traits-theme);box-shadow:0 0 0 3px #7c3aed1a}.ls-confidence-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#fffffff2;background:#00000038;border:1px solid rgba(255,255,255,.35);padding:2px 8px;border-radius:999px;white-space:nowrap}.traits-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px;align-items:start}.traits-cards-grid.ls-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}.tr-coming-card{align-items:center;justify-content:center;text-align:center;min-height:248px}.tr-coming-card:hover{border-color:#a78bfa}.tr-coming-inner{padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:100%}.tr-coming-icon{width:48px;height:48px;border-radius:15px;background:#f5f3ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 4px 14px #7c3aed1f}.tr-coming-card h3{font-size:15px;font-weight:800;color:#334155;margin:0}.tr-coming-card p{font-size:12.5px;color:#64748b;line-height:1.55;max-width:250px;margin:0}.tr-coming-pill{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6d28d9;background:#f5f3ff;padding:5px 12px;border-radius:999px}.tr-coming-dot{width:6px;height:6px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 3px #7c3aed2e}@keyframes tr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.results-count{font-size:12px;color:#64748b;font-weight:500}.tr-bandfilter{display:inline-flex;align-items:stretch;background:#f1f4f9;border:1px solid #E4E9F0;border-radius:9px;padding:3px;gap:2px;max-width:100%;overflow-x:auto}.tr-bandfilter button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:inherit;font-size:12.5px;font-weight:600;color:#64748b;background:transparent;border:0;border-radius:7px;padding:6px 12px;cursor:pointer;transition:background .15s ease,color .15s ease}.tr-bandfilter button:hover{color:#334155}.tr-bandfilter button.is-active{background:#fff;color:#5b21b6;box-shadow:0 1px 3px #0f172a1a}.tr-bandfilter button:focus-visible{outline:2px solid #7C3AED;outline-offset:1px}.tr-bandfilter-n{font-size:11px;font-weight:700;color:#64748b;font-variant-numeric:tabular-nums}.tr-bandfilter button.is-active .tr-bandfilter-n{color:#8b5cf6}@media(max-width:900px){.traits-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tr-footer-content{grid-template-columns:1fr 1fr}}@media(max-width:600px){.traits-leader h1{font-size:24px}.traits-leader{padding-bottom:24px;margin-bottom:14px}.tr-mode-sub{display:none}.tr-mode-toggle button{padding:8px 11px;font-size:12.5px;gap:5px}.tr-cat-toggle{display:none}.tr-search-inline{flex:1 1 0;min-width:0}.tr-filter-bar{overflow-x:visible;padding-bottom:0}.tr-cat-list,.tr-cat-list.open{display:flex;flex-wrap:nowrap;gap:8px;flex-basis:100%;width:auto;margin-top:2px;margin-left:-24px;margin-right:-24px;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scroll-padding-right:12px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tr-cat-list::-webkit-scrollbar,.tr-cat-list.open::-webkit-scrollbar{display:none}.tr-cat-list .tr-filter-btn{flex-shrink:0}.tr-footer-content{grid-template-columns:1fr}.tr-result-summary{flex-wrap:wrap;padding:16px 18px}.tr-teaser-chart,.tr-result-icon{display:none}.tr-result-text{flex:1 1 100%}.tr-chart-wrap{flex:1 1 100%;width:100%}}.tr-hero-whatis-row{margin-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tr-empty{grid-column:1 / -1;text-align:center;padding:56px 20px 64px;color:#64748b}.tr-empty-icon{display:flex;justify-content:center;margin-bottom:12px}.tr-empty h3{margin:0 0 6px;font-size:17px;font-weight:700;color:#334155}.tr-empty p{margin:0;font-size:14px;line-height:1.5}.tr-empty-btn{margin-top:16px;padding:9px 18px;border-radius:8px;border:1px solid #CBD5E1;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:border-color .15s ease,color .15s ease}.tr-empty-btn:hover{border-color:#94a3b8;color:#0f172a}.ts-h1-ico{display:flex;align-items:center;gap:14px}.ts-h1-ico>span[aria-hidden]{flex:0 0 auto;display:inline-flex;width:.92em;height:.92em;opacity:.9}.ts-h1-ico>span[aria-hidden] svg{width:100%;height:100%}@media(max-width:560px){.ts-h1-ico{gap:10px}}@media(max-width:600px){.tr-bandfilter{display:flex;width:-moz-max-content;width:max-content;max-width:100%;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tr-bandfilter::-webkit-scrollbar{display:none}.tr-bandfilter button{flex-shrink:0}}.ts-free-note{margin:10px 0 0;font-size:14px;line-height:1.55;color:#475569;text-wrap:pretty}.ts-free-note a{color:inherit;font-weight:650;text-decoration:underline}