*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--fg: #1a1a2e;--surface: #ffffff;--surface-alt: #f0f0f5;--border: #d0d0d8;--accent: #e07020;--accent-light: #f5a060;--imperial: #c0392b;--imperial-light: #e74c3c;--muted: #888;--sea: #dfe4ea;--radius: 6px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Cascadia Code", "Fira Code", monospace;color-scheme:light dark}[data-theme=dark]{--sea: #171727;--bg: #0f0f1a;--fg: #e0e0ec;--surface: #1a1a2e;--surface-alt: #22223a;--border: #33334a;--shadow: 0 2px 12px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sea: #171727;--bg: #0f0f1a;--fg: #e0e0ec;--surface: #1a1a2e;--surface-alt: #22223a;--border: #33334a;--shadow: 0 2px 12px rgba(0, 0, 0, .4)}}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}#header{text-align:center;padding:1.5rem 1rem .5rem}#header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:.95rem;margin-top:.25rem}#controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.5rem}.control-group label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}#country-search{width:11rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-family:var(--font);font-size:.85rem}#country-search.not-found{border-color:var(--imperial)}select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-family:var(--font);font-size:.85rem;cursor:pointer}.btn-group{display:flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-group .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.btn{padding:.4rem .75rem;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-family:var(--font);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.btn:hover{background:var(--surface-alt)}.btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-icon{border-radius:var(--radius);font-size:.85rem;min-width:2.2rem;text-align:center}.btn-icon.active{background:var(--imperial);border-color:var(--imperial);color:#fff}#app{flex:1;display:flex;position:relative;overflow:hidden}#map-container{flex:1;position:relative;display:flex;align-items:stretch;justify-content:center;gap:.5rem;min-height:400px;min-width:0}.map-pane{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.map-pane[hidden]{display:none}.map-pane svg{display:block;width:100%;height:clamp(360px,70vh,760px);touch-action:none}.map-pane svg.zoomed{cursor:grab}.map-label{display:none;position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:40;font-size:.8rem;font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.2rem .6rem;box-shadow:var(--shadow)}.map-label select{font-weight:700;padding:.1rem .3rem}#map-container.comparing .map-label{display:block}#map-container.comparing .map-pane+.map-pane{border-left:1px solid var(--border)}.map-hint{position:absolute;top:.5rem;right:.75rem;font-size:.7rem;color:var(--muted);pointer-events:none;z-index:30}#map-container.comparing .map-hint{top:auto;bottom:.5rem}.map-pane .country{stroke:var(--border);stroke-width:.5;vector-effect:non-scaling-stroke;cursor:pointer;transition:stroke-width .1s,opacity .2s}.map-pane .country:hover,.map-pane .country.linked-hover{stroke:var(--fg);stroke-width:1.5}.map-pane .country.faded{opacity:.3}.map-pane .country.imperial{stroke:var(--imperial);stroke-width:2}.map-pane .selection-outline path{fill:none;pointer-events:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.map-pane .sel-halo{stroke:var(--bg);stroke-width:5;stroke-opacity:.85}.map-pane .sel-line{stroke:var(--fg);stroke-width:2}.map-pane .graticule{fill:none;stroke:var(--border);stroke-width:.3;stroke-opacity:.4;vector-effect:non-scaling-stroke}.map-pane .outline{fill:var(--sea);stroke:var(--border);stroke-width:.8;vector-effect:non-scaling-stroke}.map-pane .tissot{fill:#dc323226;stroke:#dc323280;stroke-width:.5;vector-effect:non-scaling-stroke;pointer-events:none}.map-pane .tissot-cross{fill:none;stroke:#dc3232b3;stroke-width:.8;vector-effect:non-scaling-stroke;pointer-events:none}.map-pane .locator-ring{fill:none;stroke:var(--fg);stroke-width:2;stroke-dasharray:4 3;pointer-events:none;filter:drop-shadow(0 0 1.5px var(--bg)) drop-shadow(0 0 1.5px var(--bg))}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tooltip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-size:.8rem;box-shadow:var(--shadow);opacity:0;transition:opacity .12s;z-index:100;max-width:280px;line-height:1.4}.tooltip.visible{opacity:1}.tooltip .tip-name{font-weight:700;margin-bottom:.2rem}.tooltip .tip-row{display:flex;justify-content:space-between;gap:1rem}.tooltip .tip-label{color:var(--muted)}.tooltip .tip-value{font-family:var(--mono);font-weight:600}.tooltip .tip-imperial{color:var(--imperial);font-weight:600}#legend{position:absolute;bottom:1rem;left:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-size:.75rem;box-shadow:var(--shadow);z-index:50}#legend .legend-title{font-weight:700;margin-bottom:.3rem}#legend .legend-sub{font-weight:400;color:var(--muted)}#legend .legend-bar{width:200px;margin-bottom:.2rem}#legend .legend-gradient{display:block;width:200px;height:12px;border-radius:3px}#legend .legend-ticks{position:relative;height:1.1rem;font-family:var(--mono);font-size:.65rem;color:var(--muted)}#legend .legend-tick{position:absolute;top:2px;white-space:nowrap}#legend .legend-tick:before{content:"";position:absolute;top:-4px;width:1px;height:4px;background:var(--muted)}#legend .legend-tick.mid{transform:translate(-50%)}#legend .legend-tick.mid:before{left:50%}#legend .legend-tick.start:before{left:0}#legend .legend-tick.end{transform:translate(-100%)}#legend .legend-tick.end:before{right:0}#legend .legend-poles{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted)}#legend .legend-mode{font-size:.65rem;color:var(--muted);margin-top:.2rem;font-style:italic}#legend .legend-item{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}#legend .legend-swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--border)}.sidebar{width:380px;background:var(--surface);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;transition:transform .25s ease,opacity .25s ease;z-index:60}.sidebar.hidden{transform:translate(100%);opacity:0;pointer-events:none;position:absolute;right:0;top:0;bottom:0}.sidebar:not(.hidden){transform:translate(0);opacity:1}#sidebar-close{float:right;font-size:1.2rem;border:none;background:none;color:var(--muted);cursor:pointer}.sidebar h2{font-size:1.1rem;margin-bottom:.5rem}.sidebar .detail-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.sidebar .detail-label{color:var(--muted)}.sidebar .detail-value{font-family:var(--mono);font-weight:600}.sidebar .projection-table{width:100%;margin-top:.75rem;border-collapse:collapse;font-size:.75rem}.sidebar .table-scroll{overflow-x:auto;margin-top:.5rem}.sidebar .projection-table th,.sidebar .projection-table td{padding:.25rem .4rem;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.sidebar .projection-table th:first-child,.sidebar .projection-table td.method-name{text-align:left;position:sticky;left:0;background:var(--surface);z-index:1}.sidebar .projection-table th{color:var(--muted);font-weight:600;font-size:.65rem;text-transform:uppercase}.sidebar .projection-table .current-row{background:var(--surface-alt);font-weight:700}.sidebar .projection-table .current-row td.method-name{background:var(--surface-alt)}.sidebar .projection-table .current-col{background:#e070201f;background:color-mix(in srgb,var(--accent) 12%,transparent)}.sidebar .projection-table .active-cell{background:#e0702040;background:color-mix(in srgb,var(--accent) 25%,transparent);font-weight:700}.sidebar .imperial-badge{display:inline-block;background:var(--imperial);color:#fff;padding:.15rem .5rem;border-radius:3px;font-size:.7rem;font-weight:700;margin-top:.5rem}.sidebar .imperial-note{color:var(--muted);font-size:.8rem;margin-top:.3rem;font-style:italic}#insight-panel{padding:.75rem 1.5rem;text-align:center;background:var(--surface-alt);border-top:1px solid var(--border);font-size:.9rem;min-height:2.5rem}#insight-text{max-width:800px;margin:0 auto}#scatter-container,.chart-section{padding:.75rem 1.5rem;text-align:center}#scatter-container.collapsed #scatter-chart,.chart-section.collapsed .chart-body{display:none}#scatter-chart,.chart-body{max-width:760px;margin:.75rem auto 0;position:relative}#scatter-chart svg,.chart-body svg{width:100%}.chart-body .chart-grid line{stroke:var(--border);stroke-opacity:.6}.chart-body .chart-axis path,.chart-body .chart-axis line{stroke:var(--border)}.chart-body .chart-axis text,.chart-body .chart-axis-label,.chart-body .chart-ref-label{fill:var(--muted);font-size:11px}.chart-body .chart-ref{stroke:var(--muted);stroke-dasharray:4 3}.chart-body .band-line{fill:none;stroke:var(--muted);stroke-opacity:.45;stroke-width:1.5}.chart-body .band-line.active{stroke:var(--accent);stroke-opacity:1;stroke-width:2.5}.chart-body .band-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2}.chart-body .band-label{fill:var(--muted);font-size:11px}.chart-body .band-label.active{fill:var(--fg);font-weight:700}.chart-body .chart-crosshair{stroke:var(--muted);stroke-width:1;pointer-events:none}.chart-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.4rem .6rem;font-size:.75rem;text-align:left;width:200px;transition:opacity .1s}.chart-tip-title{font-weight:700;margin-bottom:.2rem}.chart-tip table{width:100%;border-collapse:collapse}.chart-tip td:last-child{text-align:right;font-family:var(--mono)}.chart-tip tr.active{font-weight:700}.btn-info{width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:italic 700 .8rem/1 Georgia,serif;cursor:pointer;flex:none}.btn-info:hover,.btn-info:focus-visible{color:var(--fg);border-color:var(--accent)}#info-dialog{margin:auto;width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}#info-dialog::backdrop{background:#00000073}.info-body{font-size:.9rem;line-height:1.55}.info-body p{margin:.5rem 0}.info-body h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:.9rem}.info-body .info-proj-name{font-size:1rem;text-transform:none;letter-spacing:0;color:var(--fg)}.info-meta{color:var(--muted);font-size:.8rem}.info-body p.info-meta{margin:.15rem 0}.info-note{border-left:3px solid var(--accent);background:var(--surface-alt);padding:.5rem .75rem;border-radius:0 var(--radius) var(--radius) 0}.info-caveat{color:var(--muted);font-style:italic}.info-stats{margin:.4rem 0 0 1.1rem}.info-rule{border:none;border-top:1px solid var(--border);margin:1rem 0}#imperial-dialog{margin:auto;width:min(460px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 32px));background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}#imperial-dialog[open]{display:flex;flex-direction:column;gap:.5rem}#imperial-dialog::backdrop{background:#00000073}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:1.05rem}.dialog-note{font-size:.8rem;color:var(--muted)}.dialog-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.dialog-tools input{flex:1;min-width:140px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:.85rem}.dialog-count{font-size:.75rem;color:var(--muted)}.imperial-list{overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:.25rem 0;min-height:200px}.imperial-option{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;cursor:pointer}.imperial-option:hover{background:var(--surface-alt)}.imperial-option input{accent-color:var(--imperial)}footer{text-align:center;padding:1rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:768px){#controls{flex-direction:column;gap:.75rem}.sidebar{width:100%;border-left:none;border-top:1px solid var(--border)}.sidebar.hidden{transform:translateY(100%)}#map-container.comparing{flex-direction:column}#map-container.comparing .map-pane svg{height:45vh}#map-container.comparing .map-pane+.map-pane{border-left:none;border-top:1px solid var(--border)}.map-hint{display:none}}