@font-face{font-family:"Lilita One";src:url('/assets/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#151515;--muted:#626268;--line:#e3e3e7;--soft:#f4f4f6;--black:#101011;--display:"Lilita One","Arial Rounded MT Bold","Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#ededf0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px}
button,input,select{font:inherit;color:inherit}
button,select{cursor:pointer}
button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}
button:where(:hover):not(:disabled){background:#ececef;transform:translateY(-1px)}
button:disabled{cursor:default;opacity:.45}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #777;outline-offset:4px}
select,input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-weight:650;min-width:0}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1{font-size:34px;letter-spacing:-1.2px;line-height:1.15}
h2{font-size:20px;letter-spacing:-.45px}h3{font-size:17px}
a{color:inherit}svg{display:block;width:100%;height:auto;font-family:inherit}
.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);width:min(1740px,calc(100% - 32px));min-height:calc(100vh - 32px);margin:16px auto;background:#fff;border-radius:30px;box-shadow:0 18px 50px #0000000d}
.sidebar{background:var(--black);color:#fff;margin:20px 0 20px 20px;border-radius:24px;box-shadow:10px 10px 26px #00000026,2px 2px 6px #00000016;padding:28px 18px;display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}
.brand{display:flex;align-items:center;justify-content:space-between;font-size:41px;font-weight:900;letter-spacing:-2px;text-decoration:none;padding:9px 10px 36px}
.sidebar-controls{display:grid;gap:17px;padding:5px 0 25px}
.rail-control{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px}
.rail-control svg,.history-item svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rail-control select{width:100%;font-size:17px;padding:12px 7px;background:#272729;border-color:#49494d;color:#fff;color-scheme:dark}
.session-library{border-top:1px solid #343438;padding-top:23px}
.side-heading,.section-heading,.inspector-heading,.chart-heading,.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}
.side-heading{padding:0 6px 19px}.side-heading h2{font-size:20px;color:#f4f4f5}
.icon-button{border:0;background:none;color:#c6c6cc;padding:3px;font-size:26px;line-height:1}
.icon-button:hover{background:#303034;color:#fff}
.history{display:grid;gap:11px;max-height:570px;overflow:auto;scrollbar-width:thin;scrollbar-color:#777 #222}
.history-item{display:grid;grid-template-columns:27px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;padding:15px 10px;text-align:left;color:#eee;background:#202023;border-color:#35353a;border-radius:13px}
.history-item:hover{background:#343438;color:#fff}.history-item.active{background:#fff;color:#111;border-color:#fff}
.history-item strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item span{display:none}
.featured-mark{font-size:19px;font-style:normal}.empty-history{font-size:14px;color:#bbb;padding:7px}



main{min-width:0;padding:29px 28px 28px 32px}
.notice{padding:12px 16px;margin-bottom:16px;background:#f1f1f3;border:1px solid #999;border-radius:12px;color:#333}
.session-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:132px;padding:23px 26px;margin-bottom:26px;background:var(--soft);border-radius:20px}
.eyebrow{display:block;font-size:12px;letter-spacing:1px;font-weight:850;color:#111;margin-bottom:7px}
.demo-label{display:inline-block;font-size:12px;letter-spacing:1.1px;margin-top:12px;color:#fff;background:#171717;border-radius:7px;padding:5px 9px;font-weight:800}
.session-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.status{font-size:12px;padding:8px 11px;border-radius:18px;background:#e8e8ec;color:#333;font-weight:800;white-space:nowrap}
.status.failed{border:1px solid #555}.session-actions button{font-size:12px;padding:8px 11px}
.board{display:grid;grid-template-columns:minmax(200px,.76fr) minmax(225px,.82fr) minmax(315px,1.42fr);gap:23px;align-items:start}
.metrics-column,.insights-column{min-width:0}.metrics-column{display:grid;gap:25px}
.section-heading{margin-bottom:15px}.section-heading>span{font-size:13px;color:#111;font-weight:750}
.score-card{padding:21px;background:var(--soft);border-radius:19px}.score-card .section-heading{margin-bottom:10px}.score-card h2{font-size:18px}
.score-number{display:flex;align-items:baseline;gap:8px}.score-number strong{font:76px/1.2 var(--display);letter-spacing:-2px}.score-number>span{font-size:15px;color:#111;font-weight:650}
.score-track,.operator-track{height:7px;background:#dfdfe4;border-radius:8px;overflow:hidden}.score-track{margin:7px 0 14px}.score-track i,.operator-track i{display:block;height:100%;background:#19191b;border-radius:8px}

.operator-summary{padding:0 3px}.operator-row{margin:0 0 16px}.operator-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;font-weight:650}.operator-row b{font:22px/1 var(--display)}.operator-track{height:5px}

.baseline-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:12px 13px;margin-top:8px;background:var(--soft);border:1px solid transparent}
.baseline-row>span{display:flex;flex-direction:column;gap:3px;font-size:15px}.baseline-row>b{font:32px/1 var(--display)}
.baseline-row.featured{background:#18181a;color:#fff}.baseline-row[aria-pressed=true]{box-shadow:0 0 0 2px #a0a0a7;outline-offset:3px}
.insight-card{padding:21px 18px;border-radius:17px;border:1px solid #dedee3;background:linear-gradient(140deg,#f6f6f8,#fff)}.insight-card h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0}
.path-panel{min-width:0;border-left:1px solid #ececef;border-right:1px solid #ececef;padding:0 15px;display:flex;flex-direction:column;height:clamp(800px,calc(100vh - 235px),1050px)}
.path-panel .section-heading{margin-bottom:7px}.path-panel h2{font-size:19px}.path-panel .section-heading>span{font-size:12px;white-space:nowrap}
#path-hint{font-size:11px;color:#626269;margin-bottom:14px;line-height:1.5}
.timeline{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#8b8b93 #f0f0f3;border-radius:14px;background:linear-gradient(90deg,#fafafa,#f4f4f6 50%,#fafafa);flex:1;min-height:0;scroll-padding:30px}
.path-track{width:174px;margin:0 auto;padding:26px 0 20px}.path-stop{position:relative;height:136px;display:flex;flex-direction:column;align-items:center}.path-stop:last-child{height:105px}
.path-stop.offset-left{padding-right:57px}.path-stop.offset-right{padding-left:57px}
.cube-step{position:relative;flex-shrink:0;width:104px;height:75px;padding:0;border:0;border-radius:10px;background:transparent;filter:drop-shadow(0 4px 1px #00000016);transition:transform .2s,filter .2s;z-index:1}
.cube-step:hover:not(:disabled){background:transparent;transform:translateY(-4px) rotate(-3deg);filter:drop-shadow(0 8px 4px #0002)}
.cube-art{position:absolute;inset:0;width:100%;height:100%;stroke:#171719;stroke-width:3.6;stroke-linejoin:round;stroke-linecap:round;overflow:visible}
.cube-front{fill:#fff}.cube-top{fill:#fff}.cube-side{fill:#f3f3f5}.cube-hatching{fill:none;stroke-width:1.3;stroke-linecap:round}
.cube-step b{position:absolute;left:26px;top:15px;width:52px;text-align:center;font:30px/1 var(--display);letter-spacing:-1px;transform:scaleY(.78);color:#171719;font-weight:400;pointer-events:none}
.cube-step.pinned .cube-front{fill:#e8e8ed}.cube-step.pinned .cube-top{fill:#19191c}.cube-step.pinned .cube-side{fill:#d3d3db}.cube-step.pinned b{color:#fff}
.cube-caption{margin-top:6px;font-size:12px;font-weight:750;color:#111;z-index:1}
.path-arrow{position:absolute;left:8px;bottom:5px;width:155px;height:34px;fill:none;stroke:#74747d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

progress{width:100%;height:5px;margin-top:12px;accent-color:#111}
.chart-card{min-width:0}.chart-heading{margin-bottom:12px;flex-wrap:wrap}.chart-heading>span:not(.status){font-size:12px;color:#111}
.population-card{padding:0 0 20px;border-bottom:1px solid var(--line)}
.target-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 10px}.target-summary>div{display:grid;gap:3px}.target-summary strong{font:33px/1.1 var(--display);letter-spacing:-.5px}.target-summary>div:first-child strong{font-size:48px}.target-summary span{font-size:13px;color:#111}.target-summary b{font-weight:700;color:#111}
#scatter svg{max-height:270px}.legend{display:flex;justify-content:center;gap:14px;font-size:12px;color:#111;font-weight:650;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.background{background:#d7d7dd}.source{background:#9999a1}.target{border:1.5px solid #111;background:#fff}.result{background:#111}

.inspector{padding:19px 0 0}.inspector-heading{margin-bottom:10px}.inspector-heading h2{font-size:22px}.inspector .eyebrow{font-size:12px;margin-bottom:4px}
.nav-buttons{display:flex;gap:7px}.nav-buttons button{font-size:19px;padding:4px 10px}.transition{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px;color:#606068;line-height:1.5}.transition strong{color:#222}.operation{background:#ededf1;padding:5px 7px;border-radius:7px;color:#222}.warning{font-weight:750;color:#333}
.results{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.result-card{flex:1;min-width:65px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 11px;background:var(--soft);border:1px solid transparent;border-radius:10px}.result-card span{font-size:13px;color:#111}.result-card b{font:22px/1 var(--display)}.result-card.selected{background:#161618;color:#fff;border-color:#161618}.result-card.selected span{color:#fff}
.tabs{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);margin-bottom:13px}.tabs button{border:0;border-radius:0;background:none;padding:6px 0 9px;font-size:13px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{border-bottom-color:#111}
.output-chart h3{font-size:13px}.output-chart .chart-heading{margin-bottom:10px}.set-composition{height:8px;border-radius:6px;background:#dddde3;overflow:hidden}.set-composition i{display:block;background:#18181b;height:100%;border-radius:6px}.composition-labels{display:flex;justify-content:space-between;font-size:12px;padding-top:8px;color:#111}.composition-labels b{color:#111}
.histogram-card{padding-top:22px}.histogram-card select{font-size:12px;padding:6px 9px}.histogram-legend{justify-content:flex-end;margin-bottom:8px}
/* Black search card: illustration and action have their own rows at narrow widths. */
.launch-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px 10px;container-type:inline-size;margin-top:27px;padding:28px;background:#09090b;color:#fff;border-radius:23px;isolation:isolate;transition:box-shadow .25s}
.launch-card:hover,.launch-card:focus-within{box-shadow:0 12px 30px #0003,0 0 0 1px #303037}
.launch-copy{position:relative;z-index:1;min-width:0}.launch-copy h2{font-size:29px;margin:0}.launch-copy p{font-size:21px;color:#fff;line-height:1.4;font-weight:600;margin-top:16px;max-width:330px}
.magnifier{display:block;width:190px;height:190px;justify-self:end;pointer-events:none;transform:rotate(-7deg);transition:transform .25s,filter .25s}
.launch-card:hover .magnifier,.launch-card:focus-within .magnifier{transform:translateY(-6px) rotate(-7deg);filter:drop-shadow(0 0 10px #ffffff38)}
.launch-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.launch-actions #run{width:100%;font-size:25px;line-height:1.2;padding:18px 20px;min-height:68px;background:#fff;color:#09090b;border:2px solid #fff;border-radius:14px;font-weight:850;white-space:normal}.launch-actions #run:hover:not(:disabled){background:#fff;color:#09090b;transform:none;box-shadow:4px 4px 0 #777}
@container(max-width:360px){.launch-copy{grid-column:1/-1}.magnifier{grid-column:1/-1;width:190px;height:190px;justify-self:center}.launch-copy p{font-size:21px}.launch-actions #run{font-size:24px}}
.table-scroll{overflow:auto;max-height:260px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;font-size:12px;color:#111;background:#f1f1f4;padding:10px}td{padding:9px;border-bottom:1px solid #eee;font-variant-numeric:tabular-nums}td:not(:first-child),th:not(:first-child){text-align:right}.pagination{margin-top:12px;font-size:12px;color:#111}.pagination button{padding:6px 8px;margin-left:5px;font-size:11px}
.operator-chart svg{max-height:250px}.matrix-cell{cursor:pointer}
dialog{width:min(850px,calc(100vw - 36px));max-height:85vh;border:1px solid var(--line);border-radius:20px;padding:25px;color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#1118;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading h2{font-size:25px}dialog p{line-height:1.7;color:#111;font-size:15px;margin:10px 0}.dialog-note{font-size:15px!important}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
body[data-mode=demo] .histogram-card{display:none}
body[data-mode=research] .metrics-column,body[data-mode=research] .demo-label,body[data-mode=research] #target-summary,body[data-mode=research] #target-step,body[data-mode=research] #path-position{display:none}
body[data-mode=research] .board{grid-template-columns:230px minmax(0,1fr)}
body[data-mode=research] .timeline{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;padding:12px;background:#f6f6f8}
body[data-mode=research] .step{display:grid;gap:8px;padding:14px 5px;text-align:center;color:#111;background:#fff;border:1px solid #ccc;min-height:78px}
body[data-mode=research] .step b{font:28px/1 var(--display)}body[data-mode=research] .step span{font-size:12px}body[data-mode=research] .step.pinned{background:#18181a;color:#fff}body[data-mode=research] .step.preview{outline:2px solid #777}body[data-mode=research] .step:disabled{opacity:1;color:#111;background:#eeeef2}body[data-mode=research] .step.unsuccessful{border-bottom:3px solid #777}
@media(min-width:1600px){main{padding:34px 38px}.board{gap:30px}.path-panel{padding:0 22px}.path-track{width:200px}.path-stop.offset-left{padding-right:72px}.path-stop.offset-right{padding-left:72px}.path-arrow{left:22px}.score-card{padding:25px}}
@media(max-width:1150px){.workspace{grid-template-columns:225px minmax(0,1fr);width:calc(100% - 20px);margin:10px}.sidebar{margin:15px 0 15px 15px;padding:25px 14px}main{padding:24px}.board{grid-template-columns:205px minmax(0,1fr);gap:20px}.metrics-column{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.insight-card{display:none}.score-card{align-self:start;padding:16px}.score-number strong{font-size:62px}.score-number>span{font-size:12px}.operator-summary h2,.baseline-card h2{font-size:18px}.baseline-row{padding:10px}.path-panel{height:870px;padding-left:0}.session-header{padding:21px}.session-header h1{font-size:30px}.rail-control select{font-size:16px}.history-item strong{font-size:17px}}
@media(max-width:800px){.workspace{display:block;width:100%;margin:0;border-radius:0}.sidebar{margin:0;border-radius:0;padding:18px 20px;box-shadow:0 8px 22px #0002;display:grid;grid-template-columns:1fr auto;gap:16px}.brand{font-size:34px;padding:0;width:145px}.sidebar-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;padding:0;gap:16px}.rail-control select{font-size:16px}.session-library{grid-column:1/-1;padding-top:13px}.side-heading{padding-bottom:12px}.history{display:flex;gap:10px;max-height:none}.history-item{min-width:135px;width:auto;flex-shrink:0;padding:11px}.history-item strong{font-size:16px}main{padding:24px 18px}.session-header{min-height:122px;margin-bottom:24px}.session-header h1{font-size:29px}.board{grid-template-columns:200px minmax(0,1fr);gap:19px}.metrics-column{gap:16px}.score-number strong{font-size:62px}.score-card{padding:16px}.score-number>span{font-size:12px}.score-card h2{font-size:16px}}
@media(max-width:600px){main{padding:20px 15px}.session-header{padding:19px;align-items:flex-start;gap:12px;flex-wrap:wrap}.session-header h1{font-size:28px}.session-actions{justify-content:flex-start}.board{display:flex;flex-direction:column;gap:25px}.metrics-column{width:100%;grid-template-columns:1fr 1fr;gap:20px}.score-card{min-height:205px}.baseline-card{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:0}.baseline-card .section-heading{margin-bottom:8px}#baseline-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.baseline-row{margin:0;padding:12px 9px;gap:5px}.baseline-row>span{font-size:13px}.baseline-row>b{font-size:26px}.path-panel{width:100%;height:470px;border:1px solid var(--line);border-radius:18px;padding:18px}.path-track{width:200px}.path-stop.offset-left{padding-right:70px}.path-stop.offset-right{padding-left:70px}.path-arrow{left:22px}.insights-column{width:100%}.target-summary{padding:0 8px}body[data-mode=research] .path-panel{height:500px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.launch-card:hover .magnifier,.launch-card:focus-within .magnifier{transform:rotate(-7deg)}.cube-step:hover:not(:disabled){transform:none}}

/* Explanations live in comic bubbles; inline text is reserved for labels and data. */
.heading-help{display:flex;align-items:center;gap:8px;min-width:0}.heading-help h1,.heading-help h2,.heading-help h3{min-width:0}
.rail-field{min-width:0}.rail-field-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px 2px;font-size:16px;font-weight:750}
.help-trigger,.tabs .help-trigger{flex:0 0 21px;width:21px;height:21px;padding:0;border:1.8px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#111;font-size:14px;font-weight:900;font-family:Arial,sans-serif;line-height:1;cursor:help}
.help-trigger:hover:not(:disabled),.help-trigger[aria-expanded=true]{background:#111;color:#fff;transform:none;border-color:#111}
.sidebar .help-trigger,.launch-card .help-trigger{color:#fff}.sidebar .help-trigger:hover,.sidebar .help-trigger[aria-expanded=true],.launch-card .help-trigger:hover,.launch-card .help-trigger[aria-expanded=true]{background:#fff;color:#111;border-color:#fff}
.help-bubble{position:fixed;z-index:1000;width:350px;padding:18px;background:#fff;color:#111;border:2.5px solid #111;border-radius:17px;box-shadow:5px 5px 0 #111;isolation:isolate}
.help-bubble::before{content:"";position:absolute;width:12px;height:12px;left:var(--help-tail,24px);top:-8px;background:#fff;border-top:2.5px solid #111;border-left:2.5px solid #111;transform:rotate(45deg);z-index:-1}
.help-bubble[data-side=above]::before{top:auto;bottom:-8px;transform:rotate(225deg)}
.help-bubble-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.help-bubble-heading h3{font-size:19px;line-height:1.25}.help-bubble-heading button{padding:0;width:27px;height:27px;flex-shrink:0;border:1.5px solid #111;border-radius:50%;font-size:21px;line-height:1;color:#111}
.help-bubble-body{max-height:calc(100dvh - 125px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px;font-size:15px;line-height:1.6;color:#111}
.help-bubble-body p{margin:0 0 12px;color:#111;font-size:15px;line-height:1.6}.help-bubble-body p:last-child{margin-bottom:0}.help-bubble-body ul{padding-left:20px;margin:0}.help-bubble-body li{margin:0 0 8px}.help-bubble-body a{font-weight:750;text-underline-offset:4px}.help-bubble-body h4{font-size:16px;margin:15px 0 8px}
.help-bubble-body #method-details article{padding:10px 0;border-bottom:1px solid #ddd;border-top:0}.help-bubble-body #method-details strong{font-size:16px}.seed-settings{margin-top:15px;border-top:1px solid #ddd}.seed-settings label{font-weight:700;margin-right:12px}.seed-settings input{width:135px;font-size:15px}.help-bubble #transition{font-size:15px;line-height:1.6;color:#111;margin:0 0 12px}.help-bubble #path-hint{font-size:15px;color:#111;margin:0;line-height:1.6}
@media(max-width:1150px){.launch-card{grid-template-columns:minmax(0,1fr);padding:25px}.launch-copy,.magnifier{grid-column:1}.magnifier{justify-self:center}.path-panel .heading-help{gap:6px}.path-panel h2{font-size:18px}}
@media(max-width:600px){.sidebar-controls{gap:12px}.rail-field-title{font-size:15px}.launch-card{padding:26px}.launch-copy p{font-size:22px}.magnifier{width:210px;height:210px}.launch-actions #run{font-size:25px}.metrics-column .heading-help{flex-wrap:wrap}.help-bubble{padding:16px}}

.tab-buttons{display:flex;align-items:center;gap:17px}
/* Keep the embedded narrow preview free of horizontal overflow. */
.baseline-card{min-width:0}#baseline-scores{min-width:0}.baseline-row{min-width:0}
@media(max-width:360px){.metrics-column{grid-template-columns:minmax(0,1fr)}.score-card{min-height:0}.baseline-card{grid-column:auto}.baseline-card #baseline-scores{grid-template-columns:minmax(0,1fr)}.baseline-row{padding:12px 15px}.baseline-row>span{font-size:16px}.baseline-row>b{font-size:30px}.launch-card{padding:20px}.launch-actions #run{font-size:23px;padding:15px 10px}.result-card{padding:9px 7px}.target-summary{gap:8px;padding:0}.target-summary span{font-size:12px}}