:root{--ink:#17314a;--muted:#6a7e91;--line:#e1e8ef;--blue:#1875d1;--pale:#f4f7fb;--graph:#ffffff;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #4a9fea}button{color:inherit}.topbar{height:84px;padding:0 26px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:13px;align-items:center;min-width:300px}.company-logo{display:block;width:132px;height:auto;object-fit:contain;flex:none}.brand h1{font-size:18px;margin:0;font-weight:750;letter-spacing:-.025em}.brand h1 span{font-weight:450;color:#6a7e91;margin-left:7px}.brand p{font-size:13px;margin:5px 0 0;color:var(--muted)}.topstats{display:flex;gap:24px;margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.topstats strong{display:block;color:var(--ink);font-weight:750;font-size:18px;margin-bottom:3px}.download{border:1px solid #cad6e2;border-radius:8px;text-decoration:none;color:var(--ink);padding:11px 15px;font-size:14px;font-weight:650;white-space:nowrap;display:flex;gap:20px;align-items:center}.download:hover{background:var(--pale)}.workspace{display:grid;grid-template-columns:253px minmax(280px,1fr) 317px;height:calc(100dvh - 84px);min-height:620px}.left-panel,.right-panel{background:#fff;min-width:0;overflow:auto;scrollbar-width:thin}.left-panel{border-right:1px solid var(--line);padding:21px 16px 18px}.search-wrap{position:relative;margin-bottom:27px}.search-wrap label{font-size:14px;font-weight:650;display:block;margin-bottom:10px}.search-box{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #d5dfe9;border-radius:8px;background:#f8fafc;padding:11px 9px}.search-box svg{width:17px;height:17px;stroke:#617b94;stroke-width:1.7;fill:none;flex:none}.search-box input{width:100%;border:0;outline:none;background:transparent;min-width:0;font-size:13px;color:var(--ink)}kbd{font-family:inherit;border:1px solid #dce5ed;border-radius:4px;color:#8a9baa;font-size:12px;padding:0 4px}.search-results{position:absolute;top:100%;left:0;right:-50px;background:#fff;border:1px solid var(--line);border-radius:8px;max-height:420px;overflow:auto;z-index:8;box-shadow:0 12px 32px #193d5926}.search-results button{display:block;width:100%;background:none;border:0;text-align:left;padding:12px 13px;font-size:14px;border-bottom:1px solid #edf1f5}.search-results button:hover{background:#edf6ff}.search-results button small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.search-results p{font-size:14px;padding:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.section-heading h2,.detail-heading h2{font-size:14px;margin:0;font-weight:700}.section-heading>span{color:var(--muted);font-size:12px;background:#eef3f7;border-radius:5px;padding:2px 6px}.all-dwa{display:flex;justify-content:space-between;width:100%;border:1px solid #dce6ee;border-radius:7px;background:#fff;padding:12px 11px;font-size:14px;font-weight:650;margin-bottom:8px}.all-dwa.active{background:#eaf4ff;border-color:#c5dff8;color:#125da6}.activity{width:100%;border:1px solid transparent;border-radius:8px;background:none;display:grid;grid-template-columns:23px 1fr;gap:9px;text-align:left;padding:9px 7px;margin:1px 0}.activity:hover{background:#f3f7fb}.activity.active{background:#eaf4ff;border-color:#cee3f7}.activity-number{font-size:12px;font-weight:700;color:#658097;margin-top:2px;border:1px solid #dbe4ec;background:#fff;border-radius:5px;width:23px;height:23px;display:grid;place-items:center}.activity.active .activity-number{background:#1475d0;border-color:#1475d0;color:#fff}.activity-label{font-size:13px;line-height:1.45;font-weight:550}.activity-rt{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:12px;color:#768da1}.activity-bar{height:3px;width:46px;background:#e4ebf2;border-radius:3px;overflow:hidden}.activity-bar i{display:block;height:100%;background:#75a9d6}.side-note{display:flex;gap:8px;margin:20px 4px 0;padding-top:17px;border-top:1px solid var(--line)}.side-note p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.note-dot{width:5px;height:5px;border-radius:50%;background:#82a0bb;flex:none;margin-top:8px}.graph-area{position:relative;min-width:0;min-height:500px;overflow:hidden;background:var(--graph);color:#17314a}.graph-top{position:absolute;left:26px;right:26px;top:23px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.graph-top>*{pointer-events:auto}.eyebrow{font-size:11px;color:#7593ad;letter-spacing:.1em;font-weight:600}.graph-top h2{font-size:19px;line-height:1.4;margin:7px 0 0;font-weight:550;max-width:440px;letter-spacing:-.02em}.small-button{background:#f2f7fc;color:#335f80;border:1px solid #cadbe8;border-radius:6px;padding:8px;font-size:12px}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas.grabbing{cursor:grabbing}canvas.hovering{cursor:pointer}.graph-bottom{position:absolute;left:24px;right:24px;bottom:23px;display:flex;gap:12px;align-items:flex-end;justify-content:space-between;pointer-events:none}.graph-bottom>*{pointer-events:auto}.view-count{font-size:13px;color:#49647a;text-shadow:0 1px 5px #ffffff;line-height:1.5}.view-count small{display:block;font-size:11px;color:#728fa7;margin-top:4px}.canvas-tools{display:flex;align-items:center;border:1px solid #cedce7;border-radius:9px;padding:4px;background:#fffffff5;flex:none;box-shadow:0 3px 10px #030d1640}.canvas-tools button{width:33px;height:34px;border:0;background:none;color:#335975;font-size:22px;border-radius:5px;display:grid;place-items:center}.canvas-tools button:hover{background:#eaf2f8}.canvas-tools span{font-size:12px;color:#59768d;min-width:38px;text-align:center}.canvas-tools .separator{min-width:1px;width:1px;height:21px;background:#d6e2eb;margin:0 5px}.canvas-tools svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}.tooltip{position:absolute;z-index:5;background:#f8fcff;color:#183b56;box-shadow:0 6px 24px #0003;border:1px solid #d6e4ee;border-radius:8px;max-width:310px;padding:11px 13px;pointer-events:none;font-size:13px;line-height:1.45}.tooltip strong{display:block;font-size:14px;margin-bottom:4px}.tooltip small{color:#617b91;font-size:12px}.right-panel{padding:22px 21px 16px;border-left:1px solid var(--line)}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-heading button{border:0;background:#f0f4f8;width:27px;height:27px;border-radius:50%;font-size:20px;color:#788ea2}.detail-kicker{display:flex;gap:7px;align-items:center;margin-bottom:12px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.details h3{font-size:21px;line-height:1.32;font-weight:650;letter-spacing:-.025em;margin:0 0 13px;overflow-wrap:anywhere}.details p{font-size:14px;line-height:1.6;margin:11px 0;color:#657c90}.details .english{font-size:13px;color:#718799}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-metrics>div{border:1px solid #dfE7ee;border-radius:8px;padding:12px 10px;min-width:0}.detail-metrics strong{display:block;font-size:24px;font-weight:650;color:#163d5c;letter-spacing:-.03em}.detail-metrics span{font-size:12px;color:#778ca0;display:block;margin-top:5px;line-height:1.4}.detail-action{border:1px solid #c7dded;border-radius:6px;background:#edf6fd;width:100%;padding:10px 9px;color:#246292;font-size:13px;font-weight:600;margin:5px 0}.detail-action.secondary{background:#fff;border-color:#e0e7ee;color:#6c8192}.detail-code{font-size:11px;color:#95a6b3;margin-top:13px;overflow-wrap:anywhere}.relation-list-title{font-size:13px;font-weight:650;margin:23px 0 10px}.connection{display:block;width:100%;background:none;text-align:left;border:0;border-bottom:1px solid #eaf0f5;padding:11px 0}.connection:hover{color:#1475d0}.connection-name{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.45;font-weight:550}.connection small{display:block;color:#8293a2;margin:5px 0 0 15px;font-size:11px}.text-button{border:0;background:none;color:#2874ab;font-size:12px;padding:0}.show-more{width:100%;padding:11px;background:#f7fafc;border:1px solid #e2eaf1;border-radius:6px;color:#51728a;font-size:13px;margin-top:10px}.detail-context{border-left:2px solid #a9c9e2;padding:0 0 0 11px;margin:16px 0}.detail-context p{font-size:12px;margin:6px 0}.context-title{font-size:12px;font-weight:650;color:#346687}.context-values{display:flex;gap:13px;flex-wrap:wrap;font-size:12px;color:#526f86;margin:9px 0}.context-values b{color:#153c5b}.context-basis{display:inline-block;padding:3px 6px;border-radius:4px;font-size:11px;background:#fff2d9;color:#88611c;margin-top:4px}.context-basis.original{background:#e8f4ee;color:#34735b}.definition-callout{font-size:14px;color:#325d7c;line-height:1.6;padding:12px;background:#f2f7fb;border-radius:7px;margin:15px 0}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;margin-top:10px}.reference-grid>div{padding:9px;background:#f5f8fb;border-radius:5px;color:#6e8395}.reference-grid b{display:block;margin-bottom:5px;color:#355974}.legend-block{padding-top:23px;margin-top:23px;border-top:1px solid var(--line)}.families{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.family-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;line-height:1.4;color:#5c7488;position:relative;min-height:27px}.family-toggle input{appearance:none;width:10px;height:10px;border:2px solid var(--family);border-radius:50%;margin:0;flex:none;cursor:pointer}.family-toggle input:checked{background:var(--family)}.family-toggle:has(input:not(:checked)){opacity:.55}.labels-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#74899a;margin-top:17px;cursor:pointer}.labels-toggle input{accent-color:#1475d0}.reading-guide{margin-top:23px;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.reading-guide summary{cursor:pointer;color:#53738b;font-weight:600}.reading-guide p{font-size:12px;color:#718799;line-height:1.65}.model-note{margin-top:24px;color:#88671f;background:#fff7e8;border:1px solid #f5e6c6;border-radius:7px;font-size:12px;padding:11px;line-height:1.4}.model-note span{display:block;color:#a68a52;font-size:11px;margin-top:5px}.empty-graph{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:16px;color:#496b85}.empty-graph button{display:block;margin:20px auto;background:#244e70;color:#fff;border:1px solid #4e789a;border-radius:8px;padding:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.graph-area:fullscreen{width:100vw;height:100vh}.graph-area:fullscreen canvas{width:100%;height:100%}
@media(min-width:1650px){.workspace{grid-template-columns:280px minmax(400px,1fr) 350px}.activity-label{font-size:14px}.activity{padding:10px 8px}.right-panel{padding:24px}.search-box input{font-size:14px}}
@media(max-width:1200px){.workspace{grid-template-columns:215px minmax(280px,1fr) 274px}.left-panel{padding:18px 12px}.right-panel{padding:20px 16px}.topstats{gap:15px}.graph-top{left:18px;right:18px}.graph-bottom{left:16px;right:16px;flex-direction:column;align-items:flex-start}.canvas-tools{align-self:flex-end}.view-count small{display:none}.details h3{font-size:19px}}
@media(max-width:980px){.workspace{grid-template-columns:200px minmax(250px,1fr)}.right-panel{grid-column:1/-1;border-top:1px solid var(--line);display:block;overflow:visible}.workspace{height:auto;min-height:0}.left-panel,.graph-area{height:calc(100dvh - 84px);min-height:570px}.topstats{display:none}.download{margin-left:auto}.right-panel .details{max-width:850px}.right-panel .families{grid-template-columns:repeat(4,1fr)}.legend-block{margin-top:20px}.topbar{padding:0 18px}.details .detail-metrics{max-width:350px}.connection{max-width:600px}}
@media(max-width:620px){.topbar{height:77px;gap:10px;padding:0 13px}.brand{min-width:0;gap:9px}.company-logo{width:86px}.brand h1{font-size:15px}.brand h1 span{display:block;font-size:12px;margin:3px 0 0}.brand p{display:none}.download{font-size:12px;padding:9px;gap:6px}.workspace{display:flex;flex-direction:column}.left-panel{height:auto;min-height:0;max-height:none;padding:13px;border-right:0}.search-wrap{margin-bottom:12px}.search-wrap label,.left-panel>.section-heading,.side-note{display:none}.search-box{padding:10px}.search-box input{font-size:14px}.search-results{right:0}.all-dwa{width:auto;display:inline-flex;gap:13px;font-size:13px;margin:0 0 8px;padding:9px 12px}.activity-list{display:flex;overflow:auto;gap:5px;padding-bottom:4px}.activity{min-width:165px;width:165px;flex:none;padding:8px;background:#f6f9fc}.activity-label{font-size:12px}.activity-rt{font-size:11px}.activity-number{font-size:11px}.graph-area{height:66dvh;min-height:470px}.graph-top{left:17px;top:17px}.graph-top h2{font-size:17px;max-width:260px}.eyebrow{font-size:10px}.graph-bottom{bottom:16px;gap:11px}.view-count{font-size:12px}.right-panel{padding:21px 18px}.right-panel .families{grid-template-columns:repeat(2,1fr)}.graph-top .small-button{max-width:100px;font-size:11px}.detail-metrics{max-width:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.quantitative-legend{border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:23px}.quantitative-legend .section-heading>span{font-size:10px;background:#eaf5ee;color:#397654}.scale-row{display:grid;grid-template-columns:minmax(85px,1fr) minmax(120px,150px);gap:5px;align-items:center;margin:8px 0}.scale-row b{display:block;font-size:12px;font-weight:650;line-height:1.4}.scale-row small{display:block;font-size:11px;color:#718799;margin-top:3px;line-height:1.4}.scale-row svg{display:block;width:100%;height:auto;overflow:visible}.scale-label{text-anchor:middle;fill:#617a8f;font-size:11px;font-family:inherit}.scale-values{margin-top:10px}.scale-controls{margin-top:15px;font-size:12px;color:#59758d}.scale-controls summary{cursor:pointer;font-weight:600}.scale-controls label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:17px 0 8px}.scale-controls output{font-variant-numeric:tabular-nums;color:#245f8e}.scale-controls input[type=range]{display:block;width:100%;margin:0;accent-color:#217bc4;cursor:pointer}.scale-controls p{font-size:11px;line-height:1.5;color:#718799;margin:14px 0 9px}@media(max-width:980px){.quantitative-legend{max-width:500px}.scale-row{grid-template-columns:minmax(120px,1fr) 150px;max-width:360px}.scale-controls{max-width:360px}}
.timeline{display:flex;gap:18px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#fff}.timeline-heading{display:flex;flex-direction:column;gap:6px;min-width:155px}.timeline-heading strong{font-size:16px}.year-buttons{display:flex;gap:4px;padding:4px;background:#f0f4f8;border-radius:10px}.year-buttons button{border:0;background:transparent;padding:9px 14px;border-radius:7px;font-size:14px;font-weight:650}.year-buttons small{display:block;font-size:12px;margin-top:3px;font-weight:450;color:#61758b}.year-buttons button[aria-pressed=true]{background:#173f61;color:#fff}.year-buttons button[aria-pressed=true] small{color:#e2efff}.play-evolution{border:0;border-radius:8px;background:#176d62;color:#fff;padding:12px 17px;font-size:14px;font-weight:650}.profile-label{font-size:13px;display:flex;flex-direction:column;gap:4px;margin-left:auto}.profile-label select{font:inherit;color:var(--ink);background:#fff;border:1px solid #c7d4df;padding:7px;border-radius:6px;max-width:190px}.scenario-strip{padding:9px 24px;color:#4c6377;font-size:13px;background:#f4f7fa;border-bottom:1px solid var(--line);line-height:1.5}.workspace{height:calc(100dvh - 216px);min-height:630px}.training-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.training-intro{font-size:14px;line-height:1.5;color:var(--muted)}.training-button{display:block;width:100%;text-align:left;border:1px solid #dce5ec;border-radius:7px;margin:7px 0;padding:10px;background:#fff;font-size:14px;line-height:1.4}.training-button.active{background:#eaf6f2;border-color:#6da99a;color:#195e50}.training-button b{display:block;font-size:12px;color:#62788c;margin-bottom:3px}.training-detail{font-size:14px;line-height:1.6;padding:12px;background:#f4f8fa;border-radius:8px}.training-detail h3{font-size:15px;margin:10px 0 5px}.training-detail p{margin:6px 0 13px}.training-detail button{border:0;background:transparent;color:#176d62;text-align:left;text-decoration:underline;font-size:14px;padding:5px 0;display:block}.activity-mode{font-size:12px;line-height:1.4;display:block;margin-top:5px;font-weight:650;color:#536a7f}.evolution-legend{position:absolute;bottom:82px;left:20px;right:20px;display:flex;flex-wrap:wrap;gap:9px 16px;pointer-events:none;font-size:12px;color:#415c70;background:#ffffffea;padding:8px 10px;border-radius:6px;width:fit-content;max-width:calc(100% - 40px)}.evolution-legend[hidden]{display:none}.evolution-legend span{display:flex;align-items:center;gap:6px}.evolution-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.evolution-legend .new-key{border:2px dashed #126f62;width:13px;height:13px}.future-callout{border-left:3px solid #168373;padding:9px 12px;background:#eff8f5;margin:12px 0;font-size:14px;line-height:1.55}.phase-chip{display:inline-block;font-size:12px;border:1px solid #bfd2cb;border-radius:5px;padding:3px 6px;margin-top:5px;color:#206858}.training-stage{display:block;font-weight:650;margin-bottom:8px;color:#206858}@media(max-width:1100px){.timeline{gap:12px}.profile-label{margin-left:0}.workspace{height:auto;min-height:680px}.left-panel,.right-panel{max-height:900px}}@media(max-width:680px){.timeline{padding:14px;gap:10px}.timeline-heading{width:100%}.year-buttons{width:100%}.year-buttons button{flex:1;padding:9px 5px}.profile-label{width:100%;flex-direction:row;align-items:center}.scenario-strip{padding:10px 14px}.training-panel{margin-top:10px;padding-top:12px}.training-panel #trainingList{display:flex;gap:7px;overflow:auto}.training-button{min-width:190px}.training-detail{max-height:360px;overflow:auto}.left-panel{max-height:none}.workspace{display:block}.evolution-legend{bottom:93px}.graph-area{min-height:560px}.activity-mode{font-size:12px}}

.playback-control{display:flex;flex-direction:column;align-items:center;gap:6px}.playback-control small{font-size:11px;color:var(--muted);line-height:1.3}.play-evolution{min-width:181px}.play-evolution[aria-pressed=true]{background:#a34b32}@media(max-width:380px){.company-logo{width:65px}.brand h1{font-size:13px}.topbar{padding:0 9px;gap:7px}.download{font-size:11px;padding:7px;gap:4px}}