*,*: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;--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]{--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]){--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}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:center;justify-content:center;min-height:400px}#map{width:100%;height:100%;min-height:400px;max-height:75vh}#map .country{stroke:var(--border);stroke-width:.5;cursor:pointer;transition:stroke-width .1s}#map .country:hover{stroke:#fff;stroke-width:1.5}#map .country.selected{stroke:var(--fg);stroke-width:2}#map .graticule{fill:none;stroke:var(--border);stroke-width:.3;stroke-opacity:.4}#map .outline{fill:none;stroke:var(--border);stroke-width:.8}#map .tissot{fill:#dc323226;stroke:#dc323280;stroke-width:.5;pointer-events:none}#map .tissot-cross{fill:none;stroke:#dc3232b3;stroke-width:.8;pointer-events:none}.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-gradient{width:140px;height:12px;border-radius:3px;margin-bottom:.2rem}#legend .legend-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.65rem;color:var(--muted)}#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{padding:.75rem 1.5rem;text-align:center}#scatter-container.collapsed #scatter-chart{display:none}#scatter-chart{max-width:700px;margin:.75rem auto 0}#scatter-chart svg{width:100%}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%)}}