:root{--ink:#16384b;--muted:#627b8b;--teal:#008d83;--teal-dark:#006c65;--gold:#b47c2d;--blue:#497aa5;--line:#dce6eb;--pale:#f2f7f9;--white:#fff;--red:#b74643;--radius:15px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#f5f8fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{min-height:38px}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled,select:disabled{cursor:wait;opacity:.5}button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:8px 13px;font-size:12px;font-weight:600;transition:background .16s,border .16s}button:hover:not(:disabled){background:var(--pale);border-color:#8eb4c3}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}select{appearance:auto;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white;padding:7px 30px 7px 10px;font-size:12px;max-width:100%;min-width:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #51c0b6;outline-offset:3px}input[type=range]{accent-color:var(--teal);cursor:pointer}p,h1,h2,h3{margin:0}p{line-height:1.7}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;background:white;border:2px solid var(--teal);padding:12px 18px;z-index:20}.skip-link:focus{top:12px}
.site-header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(28px,calc((100vw - 1440px)/2));background:white}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:white;font-size:24px;font-weight:600;position:relative}.brand-mark span{position:absolute;right:5px;top:-2px;color:#59c7b6}.brand small{font-size:8px;display:block;letter-spacing:2.6px;font-weight:650;margin-top:1px;color:var(--muted)}nav{display:flex;gap:28px;font-size:12px;height:100%;align-items:center}nav a{color:var(--muted);height:100%;display:flex;align-items:center;position:relative}nav .active{color:var(--ink);font-weight:650}nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--teal);border-radius:3px 3px 0 0}.header-label{font-size:10px;letter-spacing:.5px;display:flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%}main{max-width:1488px;margin:0 auto;padding:30px 28px 0}.hero{display:flex;align-items:center;justify-content:space-between;gap:42px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--teal);font-weight:700;margin-bottom:10px}h1{font-size:clamp(24px,2.5vw,35px);letter-spacing:-1.2px;line-height:1.35;font-weight:700}.hero-description{font-size:12px;color:var(--muted);max-width:700px;margin-top:10px}.hero-note{max-width:217px;flex-shrink:0;border-left:2px solid #b0d4cd;padding-left:16px}.hero-note strong{display:block;font-size:11px;margin-bottom:6px}.hero-note span{font-size:10px;color:var(--muted);line-height:1.6;display:block}.experiment-bar{display:flex;align-items:flex-end;gap:18px;border:1px solid var(--line);background:white;padding:16px 19px;border-radius:var(--radius)}.field-label{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-bottom:7px}.select-field{display:block;min-width:155px}.select-field select{width:100%}.mode-control{margin-right:auto;min-width:310px}.segmented{display:flex;border-radius:9px;background:#edf3f6;padding:3px;gap:3px}.segmented button{border:0;background:transparent;color:var(--muted);font-size:11px;min-height:32px;padding:7px 12px;white-space:nowrap}.segmented button.selected{background:var(--ink);color:white;box-shadow:0 2px 4px #13374a12}.segmented button.selected:hover{background:#224b60}.compare-field{min-width:210px}.load-message{font-size:10px;color:var(--muted);padding:11px 2px;min-height:35px}.error-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff1ed;border:1px solid #f0c9bf;color:#923d32;border-radius:12px;padding:16px;margin-bottom:14px}.error-panel strong{font-size:13px}.error-panel p{font-size:11px;margin-top:4px}.error-panel button{flex-shrink:0;color:#923d32}
.causal-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.chain-card{background:white;border:1px solid var(--line);border-top:3px solid #9eb7c7;border-radius:10px;padding:13px 17px;position:relative;min-width:0}.neural-card{border-top-color:var(--teal)}.applied-card{border-top-color:#7d91ab}.body-card{border-top-color:var(--gold)}.chain-card:not(:last-child):after{content:"→";position:absolute;right:-11px;top:46%;color:#98aebc;background:#f5f8fa;z-index:1;font-size:13px;line-height:18px}.chain-label{font-size:10px;font-weight:600;display:flex;gap:8px;align-items:center;color:var(--muted);margin-bottom:8px}.chain-label span{font-size:9px;font-weight:750;color:var(--teal);border:1px solid #bcded7;border-radius:4px;padding:1px 4px}.chain-main{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.chain-main strong{font-size:27px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.chain-main>span{font-size:9px;color:var(--muted)}.rate-pair,.drive-pair{font-size:10px;margin-top:7px;display:flex;gap:16px;align-items:baseline;font-variant-numeric:tabular-nums}.rate-pair b,.drive-pair b{font-weight:600}.chain-card p{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.55}.left-color{color:var(--teal)}.right-color{color:var(--gold)}.cycle-note{padding:11px 2px 16px;font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cycle-note>span:first-child{font-size:14px;color:var(--teal)}.cycle-note strong{font-weight:600}.warning-text{color:var(--red);margin-left:8px;font-weight:600}
.observation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 14px}.section-kicker{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:700;margin-bottom:4px}h2{font-size:16px;font-weight:650;letter-spacing:-.35px}.inline-select select{font-size:10px;min-height:31px;padding-top:4px;padding-bottom:4px}.small-badge{color:var(--muted);background:var(--pale);border:1px solid #e4edf1;border-radius:5px;white-space:nowrap;font-size:9px;padding:5px 7px}.small-badge.disabled-network{color:var(--red);background:#fbf0ed;border-color:#efd1c9}.video-grid{display:grid;grid-template-columns:minmax(0,1fr);background:#15272d}.video-grid.comparing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.video-wrap{position:relative;aspect-ratio:4/3;min-width:0;background:#162a31;display:flex;align-items:center;justify-content:center}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block}.video-badge{position:absolute;left:12px;top:11px;display:flex;gap:7px;align-items:center;font-size:9px;background:#ffffffec;color:var(--ink);border-radius:4px;padding:5px 8px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.comparison-badge{background:#e5e8edef}.video-clock{position:absolute;bottom:12px;right:12px;color:white;font-size:9px;background:#132630b8;padding:4px 7px;border-radius:4px;pointer-events:none}.video-clock b{font-weight:600;font-variant-numeric:tabular-nums}.video-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#163e4c,#102934);color:#a5c9cf;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;gap:12px}.video-placeholder>span{font-size:30px;color:#4d9eac}.video-placeholder.error{color:#f5d1c4}.flip-badge{position:absolute;bottom:12px;left:12px;background:#a83432e8;border:1px solid #dc9891;padding:6px 9px;border-radius:5px;color:white;font-size:10px;font-weight:600}.body-readings{display:grid;grid-template-columns:1fr 1fr 1.3fr;padding:16px 20px 12px;gap:12px}.body-readings>div{border-right:1px solid var(--line);padding-right:10px}.body-readings>div:last-child{border:0}.body-readings span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.body-readings strong{font-size:14px;font-weight:600;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.comparison-reading strong{color:var(--teal)}.panel-footnote{font-size:9px;color:var(--muted);line-height:1.65;padding:0 20px 14px}.path-field{display:block;margin:0 20px}.path-field select{width:100%;font-size:11px;min-height:34px}.brain-chart{height:275px;width:100%}.brain-legend{font-size:8px;color:var(--muted);display:flex;gap:14px;padding:0 20px 11px;flex-wrap:wrap}.brain-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.legend-line{height:1px;width:12px;background:#9cb2c0}.path-strip{margin:0 20px 12px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:10px}.path-strip button{font-size:9px;padding:4px 7px;min-height:26px;border-radius:5px;color:var(--muted)}.path-strip button.selected{color:var(--teal-dark);border-color:#8dc8bd;background:#ecf8f4}.path-strip .arrow{font-size:10px;color:#9ab0bd}.neuron-field{margin:0 20px;display:flex;align-items:center;gap:12px}.neuron-field .field-label{margin:0;white-space:nowrap;font-size:9px}.neuron-field select{width:100%;font-size:10px;min-height:31px}.neuron-detail{margin:11px 20px 17px;padding:10px 12px;background:var(--pale);border-radius:8px;font-size:9px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere;min-height:48px}.neuron-detail strong{color:var(--ink);font-weight:600}
.transport{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:15px 18px;border-radius:12px;margin-top:16px;position:sticky;bottom:10px;z-index:5;box-shadow:0 7px 20px #16394b09}.transport-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}.transport button,.transport select{font-size:11px;min-height:34px}.primary-button{background:var(--teal);border-color:var(--teal);color:white;min-width:85px}.primary-button:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}.seek-label{min-width:70px;flex:1}.seek-label input{width:100%;height:25px;display:block}.transport output{font-size:11px;white-space:nowrap;min-width:113px;font-variant-numeric:tabular-nums}.text-button{border:0;color:var(--teal-dark);background:transparent;font-size:10px!important;white-space:nowrap;padding:5px}.reading-guide{display:flex;gap:13px;align-items:center;margin:15px 0 22px;padding:12px 16px;border-radius:9px;background:#eaf4f2;color:#38655f}.guide-icon{font-size:20px;font-weight:300;flex-shrink:0}.reading-guide p{font-size:11px;line-height:1.65}.reading-guide strong{font-weight:650}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px}.timeline-chart{height:390px}.trajectory-chart{height:335px}.heading-summary{display:flex;align-items:center;gap:11px;padding:0 20px 13px;font-size:9px;color:var(--muted);flex-wrap:wrap}.heading-summary strong{font-size:18px;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.heading-summary span:last-child{margin-left:auto;font-size:9px}.raster-panel{margin-top:18px}.raster-chart{height:280px;max-height:620px}.chart-fallback{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;line-height:1.8;font-size:11px;color:var(--muted);text-align:center}.evidence-panel{margin:22px 0;background:#eef3f6;border:1px solid var(--line);border-radius:12px;font-size:12px}.evidence-panel summary{cursor:pointer;padding:17px 20px;font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none}.evidence-panel summary:before{content:"＋";font-size:15px;margin-right:10px;color:var(--muted)}.evidence-panel[open] summary:before{content:"−"}.evidence-panel summary>span:first-child{margin-right:auto}.summary-hint{font-size:9px;color:var(--muted);font-weight:400}.evidence-content{border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.evidence-content h3{font-size:12px;margin-bottom:14px}.detail-list{margin:0;font-size:10px}.detail-list>div{display:grid;grid-template-columns:107px 1fr;gap:10px;padding:5px 0;border-bottom:1px solid #dfe8ed}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere;line-height:1.65}.download-links{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;margin-top:17px}.evidence-content ul{padding-left:16px;margin:0;font-size:10px;color:var(--muted);line-height:1.8}.evidence-content li+li{margin-top:7px}.evidence-content a{font-size:10px}.source-date{font-size:9px;color:var(--muted);margin:14px 0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 26px;font-size:9px;color:var(--muted)}footer span{font-size:8px;letter-spacing:.4px}
@media(min-width:1500px){.brain-chart{height:310px}.video-wrap{aspect-ratio:1.46}.video-grid.comparing .video-wrap{aspect-ratio:4/3}}
.joint-content{padding:18px 20px;border-top:1px solid var(--line)}.joint-controls{display:flex;gap:30px;align-items:flex-end;flex-wrap:wrap}.joint-controls .select-field{flex:1;max-width:520px;min-width:220px}.joint-controls strong{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.joint-content>p{font-size:10px;color:var(--muted);margin:12px 0}.joint-chart{height:220px;background:white;border-radius:8px}.joint-content .panel-footnote{padding:0;margin-bottom:0}
.observation-grid.loading .brain-chart,.observation-grid.loading .path-strip,.observation-grid.loading .neuron-detail{opacity:.25;pointer-events:none}
.joint-panel.loading .joint-chart{opacity:.2;pointer-events:none}
@media(max-width:1120px){.site-header{padding:0 22px;gap:20px}nav{gap:20px}.header-label{display:none}main{padding:25px 22px 0}.hero-note{max-width:180px}.experiment-bar{flex-wrap:wrap;gap:12px}.mode-control{flex-basis:100%;margin-bottom:2px}.select-field{flex:1;min-width:140px}.causal-chain{gap:8px}.chain-card{padding:11px 12px}.chain-card:not(:last-child):after{right:-9px}.chain-main strong{font-size:24px}.observation-grid{grid-template-columns:1.06fr 1fr;gap:13px}.panel-head{padding:15px 16px 12px}h2{font-size:14px}.brain-chart{height:245px}.brain-legend{padding:0 16px 10px;gap:8px}.path-field{margin:0 16px}.path-strip{margin:0 16px 9px}.neuron-field{margin:0 16px;display:block}.neuron-field .field-label{margin-bottom:5px}.neuron-detail{margin:9px 16px 14px}.body-readings{padding:13px 16px 10px}.body-readings strong{font-size:12px}.body-readings{grid-template-columns:1fr 1fr}.comparison-reading{grid-column:1/-1;display:flex;gap:14px;align-items:center}.comparison-reading span{margin:0}.body-readings>div:nth-child(2){border:0}.transport{gap:10px;padding:13px}.transport-buttons{gap:5px}.transport button{padding:7px 9px}.transport .text-button{display:none}.detail-grid{grid-template-columns:1.5fr 1fr;gap:13px}.summary-hint{display:none}}
@media(max-width:780px){.site-header{height:auto;flex-wrap:wrap;padding:15px 18px 0;gap:13px}.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:21px}.brand small{font-size:7px}nav{width:100%;height:35px;justify-content:space-between;gap:12px;font-size:11px}nav a{height:35px}main{padding:25px 16px 0}.hero{align-items:flex-start;gap:0;margin-bottom:18px}.hero-note{display:none}.hero-description{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:26px;letter-spacing:-.8px}.experiment-bar{padding:12px;gap:11px}.mode-control{min-width:0;width:100%}.segmented button{flex:1;font-size:10px;padding:6px 7px}.select-field{min-width:100px}.compare-field{flex-basis:100%}.causal-chain{grid-template-columns:1fr 1fr;gap:9px}.chain-card{padding:12px 14px}.chain-card:nth-child(2):after{display:none}.chain-card:nth-child(3):after{right:-10px}.chain-main strong{font-size:25px}.chain-card p{font-size:9px}.cycle-note{font-size:9px;line-height:1.65}.observation-grid{grid-template-columns:1fr;gap:14px}.video-wrap{aspect-ratio:4/3}.body-readings{grid-template-columns:1fr 1fr 1.3fr}.body-readings>div:nth-child(2){border-right:1px solid var(--line)}.comparison-reading{grid-column:auto;display:block}.comparison-reading span{margin-bottom:5px}.brain-chart{height:310px}.neuron-field{display:flex}.neuron-field .field-label{margin:0}.transport{flex-wrap:wrap;bottom:6px;gap:11px;padding:12px;margin-top:13px}.transport-buttons{flex:1}.transport output{min-width:102px;font-size:10px}.seek-label{flex-basis:100%;order:3}.transport select{min-width:65px}.transport button{font-size:10px}.transport button.primary-button{min-width:75px}.reading-guide{align-items:flex-start;padding:12px;margin:12px 0 18px}.reading-guide p{font-size:10px}.detail-grid{grid-template-columns:1fr;gap:14px}.timeline-chart{height:390px}.trajectory-chart{height:280px}.raster-panel{margin-top:14px}.evidence-content{grid-template-columns:1fr;gap:27px;padding:18px}.evidence-panel summary{padding:15px}footer{align-items:flex-start;flex-direction:column;gap:4px;font-size:8px}.video-grid.comparing .video-wrap{aspect-ratio:1/1.2}.video-badge{font-size:8px;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 5px}.video-clock{font-size:8px;bottom:8px;right:8px;padding:3px}.flip-badge{font-size:8px;left:8px;bottom:31px;padding:4px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.experiment-bar,.transport,.video-grid,.download-links,.skip-link{display:none}body{background:white}.hero-note{display:none}.causal-chain{break-inside:avoid}.observation-grid,.detail-grid{display:block}.panel{margin-bottom:14px;break-inside:avoid}.evidence-content{display:block}.evidence-panel:not([open]){display:none}main{max-width:100%;padding:0}.brain-chart{height:280px}.timeline-chart{height:350px}footer{margin-top:20px}}