:root{--color-signal-blue:#0077ff;--color-paper:#fff;--color-ink:#000;--color-hairline:#e5e7eb;--color-graphite:#525252;--color-ash:#737373;--color-ember:#f97316;--color-amber:#f59e0b;--color-crimson:#ef4444;--color-deep-signal:#2563eb;--font-intervariable:InterVariable,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-96:96px;--spacing-128:128px;--page-max-width:1200px;--radius-buttons:8px;--radius-cards:16px;--radius-full:9999px;--shadow-subtle:rgba(0,0,0,.25) 0 0 1px;--shadow-xl:rgba(0,0,0,.25) 0 25px 50px -12px}table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--color-hairline)}th{color:var(--color-ash);font-weight:600}summary{cursor:pointer;font-size:12px;font-weight:600;margin-top:8px}.brand{display:inline-flex;align-items:center;min-width:112px;height:28px}.brand:before{display:none}.brand-mark{position:relative;display:block;width:112px;height:28px;overflow:hidden}.brand-mark img{position:absolute;top:-100px;left:-80px;width:230px;height:230px;max-width:none}.nav-links{align-items:center}.nav-links a,.research-menu summary{display:block;padding:6px 8px;color:var(--color-graphite);font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;list-style:none}.nav-links a.active,.nav-links a:hover,.research-menu summary:hover{color:var(--color-ink)}.research-menu{position:relative}.research-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.research-popover,.mobile-popover{border:1px solid var(--color-hairline);background:var(--color-paper);box-shadow:var(--shadow-xl)}.research-popover{position:absolute;top:calc(100% + 10px);left:-8px;z-index:30;width:220px;padding:6px;border-radius:12px}.research-popover a{display:grid;padding:9px 10px;border-radius:8px}.research-popover a:hover{background:#f7f7f7}.research-popover span{color:var(--color-ash);font-size:11px;font-weight:400}.mobile-menu{display:none}.result-statement{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;margin:0 0 24px;padding:16px;border-left:2px solid var(--color-signal-blue);background:#fafafa}.result-statement-label,.control-group-label{color:var(--color-ash);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.result-statement p{max-width:720px;margin:0;font-size:14px}.panel-title{margin:0 0 6px;font-size:20px;letter-spacing:-.035em}.panel-description{max-width:660px;margin:0 0 24px;color:var(--color-graphite);font-size:14px}.loading-state{text-align:left}.loading-state>div{width:min(100%,440px)}.loading-state .spinner{display:block;margin-bottom:24px}.loading-state h2{margin:0}.loading-state p:not(.eyebrow){color:var(--color-graphite)}.loading-steps{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none;font-size:13px;color:var(--color-ash)}.loading-steps li:before{content:"○";margin-right:8px}.loading-steps .is-active{color:var(--color-ink);font-weight:600}.loading-steps .is-active:before{content:"●";color:var(--color-signal-blue)}.notice p{margin:8px 0}.control-group{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-hairline)}.control-group:first-of-type{margin-top:0;padding-top:0;border-top:0}.control-group-label{margin:0 0 12px}.panel details{margin-top:16px}.panel details summary{cursor:pointer;font-size:13px;font-weight:600}.empty-start{align-items:start;padding-top:80px}.empty-start h2{font-size:32px;letter-spacing:-.04em}.empty-start p:not(.eyebrow){max-width:440px;margin-inline:auto;color:var(--color-graphite)}@media(max-width:800px){.nav{width:100%;padding-left:12px}.nav-cta{display:none}.mobile-menu{position:relative;display:block;margin-left:auto}.mobile-menu summary{padding:6px 8px;font-size:12px;font-weight:600;cursor:pointer}.mobile-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;width:190px;padding:6px;border-radius:12px}.mobile-popover a{padding:10px;color:var(--color-ink);font-size:13px;text-decoration:none}.result-statement{grid-template-columns:1fr;gap:6px}.empty-start{padding-top:48px}}.landing-hero{padding-bottom:64px}.run-glance{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:24px;border:1px solid var(--color-hairline);border-radius:var(--radius-cards)}.run-glance h2{max-width:420px;margin:0 0 8px;font-size:24px;letter-spacing:-.04em}.run-glance p:not(.eyebrow){max-width:520px;margin:0;color:var(--color-graphite);font-size:14px}.glance-metrics{display:grid;gap:1px;border:1px solid var(--color-hairline);border-radius:12px;overflow:hidden}.glance-metrics div{display:grid;gap:2px;padding:12px;background:#fff;border-bottom:1px solid var(--color-hairline)}.glance-metrics div:last-child{border:0}.glance-metrics span{font-size:11px;color:var(--color-ash)}.glance-metrics strong{font-size:13px}.credibility{padding-bottom:32px}.viz-toolbar,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.viz-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-graphite);font-size:11px}.legend-dot,.legend-size,.legend-line{display:inline-block;margin-right:5px;vertical-align:middle}.legend-dot{width:9px;height:9px;border-radius:50%;background:#07f}.legend-size{width:12px;height:12px;border:1px solid #000;border-radius:50%}.legend-line{width:14px;height:1px;background:#737373}.network-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px}.agent-inspector{padding:14px;border:1px solid var(--color-hairline);border-radius:12px;align-self:start}.agent-inspector h3{margin:0 0 12px;font-size:16px}.agent-inspector>p:last-child{margin:0;color:var(--color-graphite);font-size:12px}.agent-inspector dl{display:grid;gap:8px;margin:0}.agent-inspector dl div{display:flex;justify-content:space-between;gap:8px}.agent-inspector dt{color:var(--color-ash);font-size:12px}.agent-inspector dd{margin:0;font-size:12px;font-weight:600}.inspector-label{margin:16px 0 8px;color:var(--color-ash);font-size:11px;font-weight:700;text-transform:uppercase}.accent-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px;color:var(--color-graphite)}.table-wrap{overflow-x:auto}.table-action{border:0;background:none;padding:0;color:var(--color-signal-blue);font-size:12px;font-weight:600}.stage-header h3{margin:0 0 4px;font-size:20px}.stage-header p:not(.eyebrow){margin:0;color:var(--color-graphite);font-size:13px}.stage-selector{display:flex;gap:6px;overflow-x:auto;margin-top:16px}.stage-selector button{display:grid;gap:2px;min-width:max-content;padding:8px 10px;border:1px solid var(--color-hairline);border-radius:8px;background:#fff;font-size:12px;font-weight:600;text-align:left}.stage-selector button[aria-selected=true]{border-color:#000;color:#000}.stage-selector span{color:var(--color-ash);font-size:11px;font-weight:400}.compact-hero{padding-bottom:32px}.run-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.run-archive label{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--color-hairline);border-radius:8px;cursor:pointer}.run-archive label.is-selected{border-color:#000}.run-archive strong,.run-archive small{display:block}.run-archive small{margin-top:2px;color:var(--color-ash);font-size:11px}.selection-count{color:var(--color-ash);font-size:12px}.switch{display:flex;align-items:center;gap:8px;color:var(--color-graphite);font-size:12px;font-weight:600}.comparison-status{margin-bottom:16px;padding:14px;border-left:2px solid #000;background:#fafafa}.comparison-status p{margin:4px 0 0;color:var(--color-graphite);font-size:13px}.comparison-status.mixed{border-left-color:var(--color-ash)}.changed-row td{font-weight:600}.comparison-chart{margin-top:24px}.overview-previews{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.overview-previews button{display:grid;gap:4px;padding:14px;border:1px solid var(--color-hairline);border-radius:12px;background:#fff;text-align:left}.overview-previews span,.overview-previews small{color:var(--color-ash);font-size:11px}.overview-previews strong{font-size:14px}@media(max-width:800px){.run-glance,.network-layout,.run-archive,.overview-previews{grid-template-columns:1fr}.viz-toolbar,.section-head{display:grid}.viz-toolbar .actions{width:100%}.viz-toolbar .actions .btn{flex:1}}.method-guide{max-width:760px;display:grid;gap:8px}.method-guide details{padding:16px;border:1px solid var(--color-hairline);border-radius:12px}.method-guide summary{margin:0;font-size:15px}.method-guide p{max-width:640px;margin:10px 0;color:var(--color-graphite);font-size:14px}.method-guide a{font-size:13px;font-weight:600;color:var(--color-signal-blue);text-decoration:none}.preset-options{display:grid;gap:6px;margin:0;padding:0;border:0}.preset-options legend{margin-bottom:8px;font-size:12px;font-weight:600}.preset-options label{display:flex;gap:8px;padding:8px;border:1px solid var(--color-hairline);border-radius:8px;cursor:pointer}.preset-options label.is-selected{border-color:var(--color-ink)}.preset-options input{margin-top:3px}.preset-options strong,.preset-options small{display:block}.preset-options strong{font-size:12px}.preset-options small{margin-top:2px;color:var(--color-ash);font-size:11px;line-height:1.35}.experiment-brief{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-hairline)}.experiment-brief span{display:grid;gap:2px;color:var(--color-graphite);font-size:12px}.experiment-brief strong{color:var(--color-ash);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.toast{position:fixed;right:24px;bottom:24px;z-index:50;padding:10px 12px;border:1px solid var(--color-hairline);border-radius:8px;background:#fff;box-shadow:var(--shadow-xl);font-size:12px;font-weight:600;animation:toast-in .16s ease-out}.btn{transition:transform .1s ease,background-color .16s ease,border-color .16s ease}.btn:active{transform:scale(.98)}.panel,.card,.result-statement{animation:reveal .2s ease-out both}@keyframes reveal{0%{opacity:.01;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast,.panel,.card,.result-statement{animation:none}.btn{transition:none}}.toast-viewport{position:fixed;right:24px;bottom:24px;z-index:100;margin:0;padding:0;list-style:none;outline:0}.toast-viewport .toast{position:static}.tooltip-trigger{display:inline-flex;padding:0;border:0;background:transparent;color:var(--color-ash);vertical-align:-2px}.tooltip-content{z-index:100;max-width:220px;padding:8px 10px;border:1px solid var(--color-hairline);border-radius:8px;background:#fff;box-shadow:var(--shadow-xl);color:var(--color-graphite);font-size:12px;line-height:1.35}.tooltip-arrow{fill:#fff;stroke:var(--color-hairline)}.tab[data-state=active]{color:#000;border-bottom:2px solid #000}.tab[data-state=inactive]{color:var(--color-graphite)}.overview-previews button{transition:border-color .16s ease,transform .16s ease}.overview-previews button:hover{border-color:#000;transform:translateY(-1px)}.preview-network,.preview-points{color:var(--color-signal-blue);font-size:18px;letter-spacing:2px}.skeleton{position:relative;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-cards);background:#fafafa}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 1.2s infinite}.skeleton-line{height:14px;margin:12px;border-radius:4px;background:#eee}.skeleton-line.wide{width:70%}.skeleton-chart{height:260px;margin:12px;border-radius:8px;background:#eee}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.research-menu[open] .research-popover,.mobile-menu[open] .mobile-popover{animation:popover-in .14s ease-out}@keyframes popover-in{0%{opacity:0;transform:scale(.98) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}dialog[open]{animation:sheet-in .2s ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.research-menu[open] .research-popover,.mobile-menu[open] .mobile-popover,dialog[open]{animation:none}}*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-intervariable);font-size:16px;line-height:1.5;letter-spacing:-.025em}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.shell{max-width:var(--page-max-width);margin:auto;padding:16px 24px 96px}.nav{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,760px);margin:0 auto 48px;padding:8px 10px 8px 16px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-subtle)}.brand{font-size:12px;font-weight:700;color:#000;text-decoration:none}.brand:before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;border-radius:3px;background:var(--color-signal-blue);vertical-align:-1px}.nav-links{display:flex;gap:4px}.nav-links a{padding:6px 8px;color:var(--color-graphite);font-size:12px;font-weight:500;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-buttons);padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}.btn-primary{background:var(--color-signal-blue);color:#fff;box-shadow:var(--shadow-subtle)}.btn-secondary{background:transparent;color:var(--color-graphite)}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{max-width:820px;padding:64px 0 96px}.eyebrow{margin:0 0 12px;color:var(--color-ash);font-size:12px;font-weight:600}.hero h1{max-width:720px;margin:0;font-size:clamp(42px,8vw,62px);font-weight:500;line-height:1.06;letter-spacing:-.045em}.lede{max-width:580px;margin:24px 0;color:var(--color-graphite);font-size:16px}.actions{display:flex;gap:8px;align-items:center}.section{margin-top:var(--spacing-128)}.section h2{margin:0 0 24px;font-size:24px;line-height:1.25;letter-spacing:-.035em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:16px;border:1px solid var(--color-hairline);border-radius:var(--radius-cards);background:#fff}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--color-graphite);font-size:14px}.studio{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px}.panel{padding:16px;border:1px solid var(--color-hairline);border-radius:var(--radius-cards);background:#fff}.controls{position:sticky;top:84px;height:max-content}.field{display:grid;gap:6px;margin-top:16px}.field label{font-size:12px;font-weight:600}.field small{color:var(--color-ash);font-size:12px;line-height:1.35}.field input,.field select{width:100%;padding:8px 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-buttons);background:#fff;color:#000}.field input[type=range]{padding:0}.value{float:right;color:var(--color-ash);font-weight:400}.run-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:24px}.run-header h1{margin:0;font-size:32px;letter-spacing:-.04em}.run-header p{margin:4px 0 0;color:var(--color-graphite);font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.metric{padding:12px;border:1px solid var(--color-hairline);border-radius:12px}.metric span{display:block;color:var(--color-ash);font-size:12px}.metric strong{font-size:20px;letter-spacing:-.04em}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--color-hairline)}.tab{padding:8px 10px;border:0;background:transparent;color:var(--color-graphite);font-size:12px;font-weight:600}.tab[aria-selected=true]{color:#000;border-bottom:2px solid #000}.chart{height:350px}.viz{height:460px}.notice{padding:12px 16px;border:1px solid var(--color-hairline);border-radius:var(--radius-buttons);color:var(--color-graphite);font-size:14px}.error{border-color:var(--color-crimson);color:#9f1239}.empty{display:grid;place-items:center;min-height:420px;text-align:center}.empty h2{margin:0;font-size:24px}.empty p{max-width:410px;color:var(--color-graphite)}.spinner{width:28px;height:28px;border:2px solid var(--color-hairline);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{font-size:12px;font-weight:600}.status:before{content:"●";margin-right:5px}.data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.data-list div{padding:10px;border-bottom:1px solid var(--color-hairline);font-size:13px}.data-list span{display:block;color:var(--color-ash);font-size:11px}dialog::backdrop{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[open]{animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:800px){.shell{padding:12px 16px 48px}.nav{position:relative;top:0;margin-bottom:24px}.nav-links{display:none}.studio{grid-template-columns:1fr}#config-sidebar{display:none}#configure-run-trigger{display:flex!important;width:100%;margin-bottom:16px}.controls{position:static}.grid,.metrics{grid-template-columns:1fr}.hero{padding:32px 0 48px}.section{margin-top:64px}.run-header{display:block}.actions{flex-wrap:wrap}.chart{height:280px}.viz{height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
