:root{--bg:#17191c;--panel:#202327;--text:#eeeae2;--muted:#a8adb2;--orange:#ed8155;--blue:#8acbd0;--yellow:#e2cb78}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Microsoft YaHei',sans-serif;line-height:1.6}button,select,input{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #686d72;color:var(--text);padding:10px 18px;transition:background .2s,transform .2s}button:hover{background:#3b3430;border-color:var(--orange)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}a{color:inherit;text-decoration:none}header{height:68px;position:fixed;inset:0 0 auto;background:#17191ce8;border-bottom:1px solid #444;z-index:20;display:flex;align-items:center;gap:20px;padding:0 4vw;backdrop-filter:blur(12px)}.brand{font-size:15px;font-weight:bold;letter-spacing:1px}.brand span{color:var(--orange)}nav{margin-left:auto;display:flex;gap:24px;font-size:11px;letter-spacing:1px}header button{padding:3px 9px;font-size:12px}.scene{position:relative;min-height:100svh;padding:130px max(6vw,24px) 75px;border-bottom:1px solid #33383d}.intro,.question{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{color:var(--orange);letter-spacing:3px;font-size:12px;margin-bottom:27px}h1{font-size:clamp(54px,7.5vw,112px);line-height:1.02;margin:0 0 32px;letter-spacing:-4px;font-weight:800}h1 em{font-style:normal;color:var(--orange)}h2{font-size:clamp(30px,4vw,58px);line-height:1.4;letter-spacing:-1px;white-space:pre-line;margin:0 0 25px;max-width:1150px}h3{font-size:23px;line-height:1.5;white-space:pre-line}.lead{font-size:20px;max-width:900px;color:#c8ccce}.muted,.tiny{color:var(--muted)}.tiny{font-size:12px;line-height:1.8}.next{display:block;margin-top:42px;color:var(--orange);font-size:14px;letter-spacing:1px}.definition{max-width:760px;border-left:2px solid var(--orange);padding:10px 25px;margin:24px 0;background:#24272ab8}.definition b{color:var(--yellow)}.definition p{margin:5px 0;color:#b9bfc3}.choices{display:flex;gap:16px;margin-top:24px}.choices button{min-width:170px;padding:17px 25px}.choices button:hover{transform:translateY(-4px)}.response{color:var(--yellow);font-size:19px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:35px;align-items:start}.chart-box{position:relative;background:#1d2024e8;border:1px solid #44484d;padding:28px 24px 65px;min-width:0}.chart-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.chart-top span{font-size:13px;color:var(--muted)}.accent{color:var(--orange);border-color:var(--orange)}aside{background:#202327;padding:22px}aside h3{font-size:18px;margin-top:0}label{display:block;font-size:13px;margin:18px 0}select,input{display:block;background:#17191c;color:var(--text);border:1px solid #555b61;padding:9px;width:100%;margin-top:8px;min-width:0}hr{border:0;border-top:1px solid #444;margin:25px 0}.doubts{position:absolute;right:18px;bottom:15px;border:0;color:var(--orange);font-size:12px;letter-spacing:1px}.legend{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:15px 0}.swatch{display:inline-block;width:16px;height:7px}.expected{background:var(--blue)}.adjusted{background:var(--orange)}.bar-row{padding:12px 0;border-bottom:1px solid #34383d}.bar-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:8px}.bar-track{position:relative;height:24px;margin-right:58px}.bar-original,.bar-adjusted{position:absolute;left:0;top:0;height:24px;transition:width 1.1s,opacity .9s;background:var(--blue)}.bar-adjusted{background:var(--orange);height:14px;top:5px;width:0}.bar-value{position:absolute;left:100%;padding-left:8px;white-space:nowrap;font-size:12px}.revealed .bar-original{opacity:.13;outline:1px solid var(--blue)}.axis3{display:flex;justify-content:space-between;margin-right:58px;font-size:11px;color:var(--muted)}#bars3{max-height:620px;overflow:auto;padding-right:8px}.inline-question{min-height:65vh;display:flex;flex-direction:column;justify-content:center;max-width:880px}.inline-question h3{font-size:32px}.inline-question p{color:var(--muted)}#lines1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mini svg{width:100%;display:block}.mini-name{font-size:13px;text-align:center}.chart-svg{width:100%;height:auto;overflow:visible}.chart-svg text,.mini text{fill:#aeb4b9;font-size:11px}.plot-line{stroke-dasharray:500;stroke-dashoffset:500;animation:draw 1.4s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.country-dot{cursor:pointer}.country-dot:hover{filter:brightness(1.4)}.flag-dot{pointer-events:none}#worldMap svg{width:100%;height:auto}#worldMap path{cursor:pointer;stroke:#17191c;stroke-width:.5;transition:opacity .3s}#worldMap path:hover{opacity:1!important;stroke:white}#continentButtons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}#continentButtons button{font-size:11px;padding:7px;border-left:4px solid var(--region)}#continentButtons .selected{background:#45484d}.study-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;color:#bec5ca}.study-bg span{position:absolute;opacity:.055;font-family:Georgia,serif}.study-bg span:nth-child(1){font-size:35px;left:45%;top:72%;transform:rotate(-12deg)}.study-bg span:nth-child(2){font-size:280px;right:4%;top:40%;transform:rotate(15deg)}.study-bg span:nth-child(3){font-size:250px;right:12%;top:17%;line-height:.37;transform:rotate(-18deg)}.study-bg span:nth-child(4){font-size:60px;left:12%;top:15%;letter-spacing:20px}.scene>*{transition:opacity .7s,translate .7s}.scene.unseen>*{opacity:0;translate:0 25px}dialog{background:#24272b;color:var(--text);border:1px solid #62666a;width:min(650px,80vw);max-height:80svh;padding:40px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#0007;backdrop-filter:blur(3px)}#closeModal{position:absolute;right:10px;top:7px;font-size:26px;padding:0 10px;border:0}dialog a{color:var(--blue);text-decoration:underline}dialog h2{font-size:28px}dialog .metric{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #45494e;gap:15px}dialog .metric b{color:var(--orange);white-space:nowrap}.modal-sub{color:var(--muted);font-size:13px}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced .plot-line{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.plot-line{stroke-dashoffset:0}}@media(max-width:900px){.explorer{grid-template-columns:1fr}.scene{padding:110px 24px 60px}nav{display:none}.brand{margin-right:auto;font-size:12px}header{gap:10px}.chart-top{flex-wrap:wrap}#lines1{grid-template-columns:repeat(2,minmax(0,1fr))}aside{display:block}#worldMap{max-width:400px}.chart-box{padding:18px 14px 60px}h1{letter-spacing:-2px}.choices button{min-width:130px}dialog{width:92vw;padding:32px 22px}.lead{font-size:17px}.inline-question h3{font-size:25px}}@media(max-width:480px){#lines1{grid-template-columns:1fr 1fr;gap:5px}.mini-name{font-size:11px}.brand span{display:none}h2{font-size:29px}.bar-head{font-size:11px}.chart-top button{font-size:12px}.choices{gap:10px}.choices button{padding:14px;min-width:115px}}

#linesBox{scroll-margin-top:95px}#scatter2{overflow-x:auto}#scatter2 .chart-svg{min-width:650px}.bar-original{opacity:.85}.response:empty{display:none}dialog[open]{animation:pop .24s ease-out}@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
