:root{font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.35;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}button,input{font:inherit}.app{min-height:100vh;padding:1.25rem;background:radial-gradient(circle at 15% 8%,var(--bg-gradient-1),transparent 38%),radial-gradient(circle at 80% 12%,var(--bg-gradient-2),transparent 30%),linear-gradient(180deg,var(--bg-main),var(--bg-main-2));color:var(--text-main)}.app-desert{--bg-main: #efe4ce;--bg-main-2: #ddc39a;--bg-gradient-1: rgba(229, 195, 142, .56);--bg-gradient-2: rgba(193, 140, 72, .4);--panel-bg: rgba(249, 243, 231, .84);--panel-border: rgba(120, 83, 41, .28);--text-main: #1f1b16;--text-muted: #4e453b;--accent: #8c5427;--accent-soft: rgba(210, 163, 103, .34);--surface: rgba(255, 250, 241, .74)}.app-dark{--bg-main: #121418;--bg-main-2: #0e1118;--bg-gradient-1: rgba(117, 83, 38, .25);--bg-gradient-2: rgba(42, 55, 77, .5);--panel-bg: rgba(20, 25, 34, .8);--panel-border: rgba(204, 167, 116, .2);--text-main: #e9e4d8;--text-muted: #b7b0a2;--accent: #d0a66e;--accent-soft: rgba(208, 166, 110, .28);--surface: rgba(26, 33, 43, .84)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.topbar-actions{display:flex;align-items:center;gap:.6rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:var(--text-muted)}.topbar h1{margin:.18rem 0 .22rem;font-size:clamp(1.35rem,2.2vw,2rem)}.subtitle,.tiny-note{margin:0;color:var(--text-muted)}.tiny-note{margin-top:.25rem;font-size:.82rem}.language-select{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);border-radius:.6rem;padding:.4rem .5rem}.language-select span{font-size:.85rem}.language-select select{border:1px solid var(--panel-border);border-radius:.4rem;background:var(--surface);color:var(--text-main);padding:.25rem .35rem}.theme-toggle{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);border-radius:.6rem;padding:.58rem .9rem;cursor:pointer;font-weight:600}.layout{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:1rem;min-height:calc(100vh - 145px)}.sidebar{display:flex;flex-direction:column;gap:.75rem}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:.9rem;padding:.82rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h2{margin:0 0 .55rem;font-size:.96rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.mini-button{border:1px solid var(--panel-border);background:var(--surface);color:var(--text-main);border-radius:.45rem;padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.year-box{display:flex;flex-direction:column;gap:.4rem}.year-box strong{font-size:1.22rem}.year-box input{accent-color:var(--accent);width:100%}.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.phase-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--panel-border);border-radius:.58rem;padding:.43rem .52rem;font-size:.84rem;cursor:pointer;background:transparent}.phase-pill input{margin:0}.phase-pill.checked{background:var(--accent-soft)}.dot{width:.6rem;height:.6rem;border-radius:50%}.check-row{display:flex;align-items:center;gap:.45rem;color:var(--text-main);cursor:pointer}.checkbox-list{display:flex;flex-direction:column;gap:.35rem;max-height:250px;overflow:auto;padding-right:.15rem}.ethnicity-row{border:1px solid var(--panel-border);background:var(--surface);border-radius:.55rem;padding:.35rem .45rem;display:flex;flex-direction:column;gap:.2rem;text-align:start;cursor:pointer}.ethnicity-row.focused{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft) inset}.strength-meter{color:var(--text-muted);font-size:.76rem}.strength-meter strong{color:var(--text-main)}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .6rem;max-height:220px;overflow:auto}.country-row{font-size:.83rem}.metric-row{display:flex;justify-content:space-between;gap:.5rem;color:var(--text-muted);margin-bottom:.3rem}.metric-row strong{color:var(--text-main)}.list-panel{flex:1;overflow:auto}.episode-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.episode-button{width:100%;border:1px solid var(--panel-border);background:var(--surface);border-radius:.65rem;text-align:start;padding:.56rem;color:var(--text-main);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title score" "trend score";gap:.15rem .5rem;cursor:pointer}.episode-button span:first-child{grid-area:title}.episode-button strong{grid-area:score;align-self:center;font-size:1.1rem}.episode-button .trend{grid-area:trend;color:var(--text-muted);font-size:.76rem}.episode-button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft) inset}.trend-up{color:#c24732}.trend-down{color:#397f67}.map-column{min-width:0;display:grid;grid-template-rows:minmax(330px,1fr) minmax(240px,auto);gap:.8rem}.map-card,.detail-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:.9rem;overflow:hidden}.map-shell{width:100%;height:100%;min-height:350px}.map-loading{min-height:350px;display:grid;place-items:center;color:var(--text-muted)}.detail-card{padding:.9rem}.detail-card h2{margin:0 0 .45rem}.detail-card p{margin:.2rem 0}.meta{color:var(--text-muted)}.timeline{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.timeline-point{display:grid;grid-template-columns:115px minmax(0,1fr);gap:.6rem;align-items:center}.timeline-track{height:.62rem;border-radius:999px;background:var(--surface);overflow:hidden;border:1px solid var(--panel-border)}.timeline-track span{display:block;height:100%}.timeline-label{display:flex;flex-direction:column;gap:.08rem}.timeline-label strong{font-size:.88rem}.timeline-label span{color:var(--text-muted);font-size:.8rem}.timeline-point.is-current .timeline-track{box-shadow:0 0 0 1px var(--accent-soft) inset}.source{margin-top:.75rem;font-size:.77rem;color:var(--text-muted)}@media(max-width:1120px){.layout{grid-template-columns:1fr;min-height:auto}.sidebar{order:2}.map-column{order:1;grid-template-rows:minmax(320px,430px) auto}}@media(max-width:740px){.topbar{flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.country-grid,.phase-grid{grid-template-columns:1fr}}