.workbench{background:#f6f7fa}.workbench .site-header .workbench-entry{display:inline-flex;min-height:44px;justify-content:center;color:#fff;background:var(--deep);border-color:var(--deep);border-radius:6px}.app-main{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh;padding-top:var(--header)}.app-sidebar{position:sticky;top:var(--header);height:calc(100vh - var(--header));padding:28px 14px;border-right:1px solid var(--line);background:#fff}.app-mark{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:8px;background:var(--night);color:#fff;font-size:22px;font-weight:800}.app-sidebar nav{display:grid;gap:8px;margin-top:42px}.app-sidebar nav a{padding:12px 4px;border-radius:6px;color:var(--muted);font-size:11px;text-align:center}.app-sidebar nav a.active{color:var(--deep);background:var(--lilac);font-weight:700}.app-content{width:min(1380px,calc(100% - 64px));margin:0 auto;padding:54px 0 90px}.directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:38px;border-bottom:1px solid var(--line)}.directory-head h1{margin-top:10px;font-size:clamp(34px,4vw,58px);font-weight:620}.directory-head p{max-width:650px;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.8}.back-link{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--deep);font-size:12px;font-weight:700}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;margin:38px 0 18px}.directory-toolbar h2{font-size:18px}.directory-toolbar span{color:var(--muted);font-size:11px}.task-group{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.task-group+.task-group{margin-top:22px}.task-group-head{display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.task-group-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:5px;background:var(--night);color:#fff;font-size:11px;font-weight:800}.task-group-head h3{font-size:20px}.task-group-head p{margin-top:4px;color:var(--muted);font-size:11px}.task-group-head small{color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.12em}.task-app-grid{display:grid;gap:14px;margin-top:18px}.task-app-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.task-app-grid.disease-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.task-app-card{display:flex;flex-direction:column;min-height:176px;padding:22px;border:1px solid var(--line);border-radius:7px;background:#fafbfc;transition:.2s}.task-app-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 28px rgba(50,30,79,.07)}.task-app-card.ready{border-color:#b58ae8;background:#faf7ff}.task-app-card>span{color:var(--deep);font-size:10px}.task-app-card b{margin-top:24px;font-size:19px;font-weight:600}.task-app-card small{margin-top:7px;color:var(--muted);font-size:10px}.task-app-card i{margin-top:auto;color:var(--deep);font-size:10px;font-style:normal;font-weight:700}@media(max-width:1100px){.task-app-grid.disease-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-main{grid-template-columns:1fr}.app-sidebar{display:none}.app-content{width:calc(100% - 36px);padding-top:36px}.directory-head{align-items:flex-start;flex-direction:column-reverse}}@media(max-width:560px){.task-app-grid.two-column,.task-app-grid.disease-grid{grid-template-columns:1fr}.task-group{padding:18px}.task-group-head{grid-template-columns:38px 1fr}.task-group-head small{display:none}.directory-head h1{font-size:34px}.task-app-card{min-height:150px}}
.app-directory .task-group{margin-top:32px;padding:0;border:0;border-radius:0;background:transparent}
.app-directory .task-group-head{padding:0 0 16px;border-bottom:0;gap:12px}
.app-directory .task-group-head>span{border-radius:12px;background:#eee5fb;color:var(--deep)}
.app-directory .task-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:0}
.app-directory .task-app-card{min-height:172px;padding:22px;border:1px solid #e6def0;border-radius:22px;background:#fff;box-shadow:0 4px 16px rgba(50,30,79,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.app-directory .task-app-card.ready{background:#fff;border-color:#e0d1f3}
.app-directory .task-app-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f0e8fc;color:var(--deep);font-size:12px;font-weight:700}
.app-directory .task-app-card b{margin-top:16px;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.app-directory .task-app-card small{line-height:1.5}
.app-directory .task-app-card i{padding-top:16px}
.app-directory .task-app-card:hover{border-color:var(--primary);box-shadow:0 10px 24px rgba(50,30,79,.1);transform:translateY(-3px)}
.app-directory .task-app-card:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
.app-directory .task-app-card:active{transform:scale(.98)}
.app-directory .task-app-card.benchmark-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 106px;grid-template-rows:32px auto auto 1fr;column-gap:14px;align-content:start;border-color:#25282b;border-radius:16px;background:#191c1f;color:#f6f5ee;box-shadow:0 8px 22px rgba(16,20,24,.12)}
.app-directory .benchmark-card::before{content:"";position:absolute;top:0;left:22px;width:38px;height:3px;background:#c6a0f4;transform:skewX(-25deg)}
.app-directory .benchmark-card>span{width:32px;height:28px;border-radius:3px;background:#c6a0f4;color:#251a33;font-style:italic}
.app-directory .benchmark-card>span,.app-directory .benchmark-card>b,.app-directory .benchmark-card>small,.app-directory .benchmark-card>i{grid-column:1;min-width:0}
.app-directory .benchmark-card>b{font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.04em}
.app-directory .benchmark-card>small{color:#b4b8bd;font-size:10px}
.app-directory .benchmark-card .heritability-ratio{display:block;margin-top:8px;color:#d8d3df;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.app-directory .benchmark-card>i{align-self:end;color:#c6a0f4}
.app-directory .card-benchmarks{grid-column:2;grid-row:1 / 5;display:grid;align-content:center;gap:12px;margin:0;padding:0 0 0 12px;border-left:1px solid #383c40}
.app-directory .card-benchmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.app-directory .card-benchmark .benchmark-number{display:flex;align-items:baseline;color:#f7f7ef;font-family:Impact,'Arial Narrow','Liberation Sans Narrow',sans-serif;font-size:42px;font-style:italic;font-weight:900;line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums;transform:skewX(-7deg);text-shadow:2px 2px 0 #504659}
.app-directory .benchmark-number span{margin-left:3px;color:#c6a0f4;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:0;text-shadow:none}
.app-directory .card-benchmark small{margin-top:0;color:#b4b8bd;font-size:9px;line-height:1.4;white-space:nowrap}
.app-directory .task-app-card.benchmark-card:hover{border-color:#c6a0f4;box-shadow:0 12px 28px rgba(16,20,24,.2)}
.app-directory .disease-grid .benchmark-card{--card-accent:#c9a5f2;--card-shadow:rgba(31,24,44,.2);border-color:rgba(255,255,255,.12);background:#32283f;box-shadow:0 12px 28px var(--card-shadow)}
.app-directory .disease-grid .benchmark-card:nth-child(1){--card-accent:#d6b2f4;--card-shadow:rgba(65,43,83,.22);background:#3b2d4b}
.app-directory .disease-grid .benchmark-card:nth-child(2){--card-accent:#9fc7ee;--card-shadow:rgba(35,58,87,.22);background:#263a55}
.app-directory .disease-grid .benchmark-card:nth-child(3){--card-accent:#9bd7c7;--card-shadow:rgba(31,72,65,.2);background:#254b46}
.app-directory .disease-grid .benchmark-card:nth-child(4){--card-accent:#efb1bd;--card-shadow:rgba(83,42,54,.21);background:#56343d}
.app-directory .disease-grid .benchmark-card:nth-child(5){--card-accent:#b7b8ef;--card-shadow:rgba(48,49,91,.21);background:#34355b}
.app-directory .disease-grid .benchmark-card:nth-child(6){--card-accent:#d8cf96;--card-shadow:rgba(68,65,35,.2);background:#4b4930}
.app-directory .disease-grid .benchmark-card::before{display:block;background:var(--card-accent)}
.app-directory .disease-grid .benchmark-card>span{background:var(--card-accent);color:#24202b}
.app-directory .disease-grid .benchmark-card>i,.app-directory .disease-grid .benchmark-number span{color:var(--card-accent)}
.app-directory .disease-grid .benchmark-card .benchmark-number{text-shadow:2px 2px 0 rgba(8,9,14,.34)}
.app-directory .disease-grid .benchmark-card:hover{border-color:var(--card-accent);box-shadow:0 16px 34px var(--card-shadow)}
.app-directory .phenotype-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.app-directory .task-app-card.phenotype-card{position:relative;display:grid;grid-template-columns:44px minmax(150px,.9fr) minmax(190px,1.1fr);grid-template-rows:1fr;align-items:stretch;gap:20px;min-height:210px;padding:24px;border:1px solid #d9d3e7;border-radius:18px;overflow:hidden;background:#fbf9ff;box-shadow:0 8px 24px rgba(61,48,91,.07)}
.app-directory .task-app-card.phenotype-card::after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#8d6dcc}
.app-directory .task-app-card.phenotype-card.bmi-card{border-color:#d4dfe8;background:#f8fbfd}.app-directory .task-app-card.phenotype-card.bmi-card::after{background:#6388a6}
.app-directory .phenotype-card>span{width:38px;height:38px;border-radius:10px;background:#e9defa;color:#6242a5}.app-directory .bmi-card>span{background:#e2edf4;color:#446c8a}
.app-directory .phenotype-copy{display:flex;min-width:0;flex-direction:column;padding:5px 0}.app-directory .phenotype-copy>b{margin:0;color:#272231;font-size:23px;font-weight:720;line-height:1.25}.app-directory .phenotype-copy>small{margin-top:7px;color:#777083;font-size:10px}.app-directory .phenotype-copy>i{margin-top:auto;padding-top:18px;color:#6f48b5;font-size:10px;font-style:normal;font-weight:750}.app-directory .bmi-card .phenotype-copy>i{color:#4d7898}
.app-directory .phenotype-metrics{display:flex;min-width:0;flex-direction:column;justify-content:center;padding-left:24px;border-left:1px solid #ded8e9}.app-directory .bmi-card .phenotype-metrics{border-color:#d9e3ea}
.app-directory .phenotype-metrics>strong{display:flex;align-items:baseline;color:#2b2535;font-size:52px;font-weight:720;line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.app-directory .phenotype-metrics>strong em{margin-left:6px;color:#7656b5;font-size:15px;font-style:normal;font-weight:750;letter-spacing:0}.app-directory .bmi-card .phenotype-metrics>strong em{color:#527c99}
.app-directory .phenotype-metrics>small{margin-top:9px;color:#6f6879;font-size:10px;line-height:1.45}.app-directory .phenotype-metrics>p{margin-top:18px;padding-top:13px;border-top:1px solid #e4dfeb;color:#797383;font-size:10px;line-height:1.5}.app-directory .phenotype-metrics>p b{color:#40354d;font-size:11px}
.app-directory .task-app-card.phenotype-card:hover{border-color:#aa94d2;box-shadow:0 14px 30px rgba(61,48,91,.12)}.app-directory .task-app-card.phenotype-card.bmi-card:hover{border-color:#8eacbf;box-shadow:0 14px 30px rgba(50,77,97,.11)}
.app-directory #phenotype:target .phenotype-card{outline:0;background:#fbf9ff}.app-directory #phenotype:target .phenotype-card.bmi-card{background:#f8fbfd}
@media(max-width:900px){.app-directory .task-app-card.phenotype-card{grid-template-columns:40px minmax(130px,.8fr) minmax(170px,1.2fr);gap:14px;padding:20px}.app-directory .phenotype-metrics{padding-left:18px}.app-directory .phenotype-metrics>strong{font-size:44px}}
@media(max-width:1100px){.app-directory .task-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.app-directory .phenotype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.app-directory .task-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-directory .task-group-head small{display:none}}
@media(max-width:560px){.app-directory .task-group{padding:0}.app-directory .task-app-card{min-height:174px;padding:16px;border-radius:18px}.app-directory .task-app-card b{font-size:16px}.app-directory .task-group-head h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.app-directory .task-app-card{transition:none}.app-directory .task-app-card:hover,.app-directory .task-app-card:active{transform:none}}
@media(max-width:560px){.app-directory .task-app-card.benchmark-card{grid-template-columns:minmax(0,1fr) 72px;column-gap:8px}.app-directory .benchmark-card>b{font-size:18px}.app-directory .card-benchmarks{padding-left:8px;gap:12px}.app-directory .card-benchmark .benchmark-number{font-size:30px}.app-directory .benchmark-number span{font-size:10px}.app-directory .card-benchmark small{font-size:8px}}
@media(max-width:680px){.app-directory .phenotype-grid{grid-template-columns:1fr}.app-directory .task-app-card.phenotype-card{grid-template-columns:36px 1fr;gap:14px}.app-directory .phenotype-metrics{grid-column:1/-1;padding:18px 0 0;border-top:1px solid #ded8e9;border-left:0}.app-directory .phenotype-copy{min-height:112px}.app-directory .phenotype-metrics>strong{font-size:46px}}
.app-directory .phenotype-metrics>small+strong{margin-top:20px}
.app-directory .disease-coming-soon{margin-top:18px;color:var(--deep);font-size:13px;line-height:1.6;text-align:right}

.app-directory .card-benchmark small{white-space:normal;overflow-wrap:anywhere}.app-directory #relatedness .benchmark-number{font-size:34px}

@media(max-width:560px){.app-directory .task-app-grid{grid-template-columns:1fr}}
.app-directory .task-app-card.benchmark-card.is-disabled,.app-directory .task-app-card.benchmark-card.is-disabled:hover,.app-directory .task-app-card.benchmark-card.is-disabled:active{filter:grayscale(1);opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;border-color:#777}