:root{--bg: #0a0b0f;--bg-warm: #0e0f14;--surface: #141520;--surface-raised: #1a1b28;--border: #252637;--border-subtle: #1e1f30;--accent: #d4a04a;--accent-hover: #e6b45c;--accent-muted: rgba(212, 160, 74, .15);--accent-glow: rgba(212, 160, 74, .08);--text-primary: #e4e2de;--text-secondary: #7d7a72;--text-tertiary: #4e4c46;--no-data: #1a1b24;--score-low: #5a6478;--score-high: #d4a04a;--ocean: #0d1018;--header-h: 56px;--panel-w: 340px;--radius: 8px;--radius-sm: 5px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Geist,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px;flex-shrink:0;position:sticky;top:0;z-index:100;animation:fadeIn .6s var(--ease-out);box-shadow:0 1px #d4a04a08}.header-left{display:flex;align-items:baseline;gap:16px;min-width:0}h1{font-family:"DM Serif Display",Georgia,serif;font-size:1.15rem;font-weight:400;color:var(--text-primary);white-space:nowrap;letter-spacing:.01em}.header-subtitle{font-size:.68rem;color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase}.country-count-badge{font-size:.62rem;color:var(--accent);background:var(--accent-muted);padding:3px 9px;border-radius:3px;font-weight:500;letter-spacing:.03em;white-space:nowrap;font-family:Geist Mono,monospace;border:1px solid rgba(212,160,74,.12)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}#search-container{position:relative}#country-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:.8rem;font-family:Geist,-apple-system,sans-serif;color:var(--text-primary);width:170px;outline:none;transition:border-color .2s var(--ease-out),width .3s var(--ease-out),box-shadow .2s var(--ease-out)}#country-search::placeholder{color:var(--text-tertiary);font-style:italic}#country-search:focus{border-color:var(--accent);width:220px;box-shadow:0 0 0 3px var(--accent-muted)}#search-suggestions{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);list-style:none;z-index:300;max-height:260px;overflow-y:auto;box-shadow:0 12px 40px #0009,0 0 0 1px #d4a04a0a;animation:fadeUp .2s var(--ease-out)}#search-suggestions li{padding:9px 14px;cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:background .12s,color .12s;border-bottom:1px solid var(--border-subtle)}#search-suggestions li:last-child{border-bottom:none}#search-suggestions li:hover,#search-suggestions li.highlighted{background:var(--accent-muted);color:var(--accent)}#score-btn-container,#filter-btn-container{position:relative}#score-btn,#filter-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:.8rem;font-family:Geist,-apple-system,sans-serif;color:var(--text-secondary);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out)}#score-btn:hover,#filter-btn:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-muted)}#score-btn.active,#filter-btn.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.caret{font-size:.65em;opacity:.5;transition:transform .2s var(--ease-out)}.active .caret{transform:rotate(180deg)}#score-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);list-style:none;z-index:300;min-width:200px;box-shadow:0 12px 40px #0009;overflow:hidden}#score-dropdown.open{display:block;animation:fadeUp .2s var(--ease-out)}#score-dropdown li{padding:10px 16px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:background .12s,color .12s;border-bottom:1px solid var(--border-subtle)}#score-dropdown li:last-child{border-bottom:none}#score-dropdown li:hover{background:var(--accent-muted);color:var(--text-primary)}#score-dropdown li.selected{color:var(--accent);background:var(--accent-glow);font-weight:500}#filter-popover{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;z-index:300;min-width:240px;box-shadow:0 12px 40px #0009}#filter-popover.open{display:block;animation:fadeUp .2s var(--ease-out)}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.filter-row:last-child{margin-bottom:0}.filter-label{font-size:.68rem;color:var(--text-tertiary);font-weight:500;width:26px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer;height:4px}.filter-row>span:last-child{font-size:.78rem;font-family:Geist Mono,JetBrains Mono,monospace;color:var(--accent);font-variant-numeric:tabular-nums;min-width:24px;text-align:right;font-weight:500}#app-main{flex:1;display:flex;min-height:0;overflow:hidden}#map-wrapper{flex:1;position:relative;background:var(--bg);min-width:0;overflow:hidden;animation:scaleIn .8s var(--ease-out)}#map-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,var(--bg) 100%);opacity:.4;z-index:1}#map{width:100%;height:100%}#map svg{width:100%;height:100%;display:block}#zoom-controls{position:absolute;bottom:24px;left:20px;display:flex;flex-direction:column;gap:3px;z-index:10;animation:fadeUp .6s var(--ease-out) .3s both}#zoom-controls button{width:34px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);font-family:Geist Mono,monospace;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#zoom-controls button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted);transform:scale(1.05)}#zoom-controls button:active{transform:scale(.95)}.tooltip{position:absolute;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;pointer-events:none;font-family:Geist,-apple-system,sans-serif;font-size:.78rem;box-shadow:0 8px 32px #0009,0 0 0 1px #d4a04a0d;color:var(--text-secondary);max-width:220px;z-index:200;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tooltip strong{font-family:"DM Serif Display",Georgia,serif;color:var(--text-primary);display:block;margin-bottom:3px;font-size:.88rem;font-weight:400}.country{transition:filter .15s var(--ease-out),opacity .3s var(--ease-out);cursor:pointer}.country:hover{filter:brightness(1.3) saturate(1.2)}.country.selected{stroke:var(--accent)!important;stroke-width:1.8px!important;filter:brightness(1.15)}.country.search-dimmed{opacity:.08}.country.search-highlighted{stroke:var(--accent)!important;stroke-width:1.5px!important;filter:brightness(1.2) saturate(1.1)}.graticule{pointer-events:none}#country-panel{width:var(--panel-w);flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#country-panel::-webkit-scrollbar{width:5px}#country-panel::-webkit-scrollbar-track{background:transparent}#country-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#no-selection-message{color:var(--text-tertiary);font-style:italic;font-size:.82rem;padding:32px 24px;line-height:1.6}.panel-country-header{padding:20px 24px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--accent-glow) 0%,transparent 100%);animation:fadeIn .4s var(--ease-out)}.panel-name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}#country-name{font-family:"DM Serif Display",Georgia,serif;font-size:1.2rem;font-weight:400;color:var(--text-primary);letter-spacing:.01em}.data-freshness{display:block;font-size:.66rem;color:var(--text-tertiary);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.panel-section{padding:16px 24px;border-bottom:1px solid var(--border-subtle);animation:fadeUp .4s var(--ease-out) both}.panel-section:nth-child(2){animation-delay:.05s}.panel-section:nth-child(3){animation-delay:.1s}.panel-section:nth-child(4){animation-delay:.15s}.panel-section:nth-child(5){animation-delay:.2s}.panel-section:nth-child(6){animation-delay:.25s}.panel-section:nth-child(7){animation-delay:.3s}.panel-section-label{font-size:.6rem;font-weight:600;letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:10px;font-family:Geist,-apple-system,sans-serif}.panel-section p{font-size:.8rem;color:var(--text-secondary);line-height:1.65;margin:0}.panel-section.low-quality p{color:var(--text-tertiary);font-style:italic}.score-bar-row{display:flex;align-items:center;gap:12px}.score-bar-track{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--score-low),var(--accent));border-radius:2px;transition:width .5s var(--ease-out);width:0%;position:relative}.score-bar-fill:after{content:"";position:absolute;right:0;top:-1px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-muted)}.score-value{font-size:.85rem;font-weight:500;font-family:Geist Mono,JetBrains Mono,monospace;color:var(--accent);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.dimensions-list{display:flex;flex-direction:column;gap:10px}.dimension-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin:-5px -8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease-out)}.dimension-row:hover{background:var(--accent-glow)}.dimension-row.active-dimension{background:var(--accent-muted)}.dimension-row.active-dimension .dim-label{color:var(--accent);font-weight:500}.dim-label{font-size:.76rem;color:var(--text-secondary);transition:color .15s}.dim-dots{display:flex;gap:4px}.dim-dot{width:7px;height:7px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .3s var(--ease-out),box-shadow .3s var(--ease-out)}.dim-dot.filled{background:var(--accent);box-shadow:0 0 6px var(--accent-muted)}.confidence-badge{display:none;background:#b4782826;color:var(--accent);font-size:.58rem;font-weight:600;padding:3px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid rgba(212,160,74,.2)}#sources-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px}#sources-list li a{display:inline-block;padding:4px 10px;border-radius:3px;background:var(--border);color:var(--text-secondary);font-size:.68rem;text-decoration:none;transition:all .2s var(--ease-out);font-family:Geist Mono,monospace;letter-spacing:.01em}#sources-list li a:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px)}#timeline-strip{background:var(--surface);border-top:1px solid var(--border);padding:12px 24px;flex-shrink:0}#timeline-inner{display:flex;align-items:center;gap:14px;max-width:calc(100% - var(--panel-w) - 48px)}#timeline-reset{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:1rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);flex-shrink:0;font-family:Geist,sans-serif}#timeline-reset:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}#timeline-slider{flex:1}#timeline-date-label{font-size:.72rem;font-family:Geist Mono,monospace;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:80px;text-align:right;white-space:nowrap}.legend text,.legend-title{font-size:10px;fill:var(--text-tertiary);font-family:Geist Mono,monospace}.legend-label{font-size:9px;fill:var(--text-tertiary);font-family:Geist,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em}footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;padding:16px 40px;font-size:.68rem;color:var(--text-tertiary);flex-shrink:0;line-height:1.7;letter-spacing:.01em}footer p{margin-bottom:4px}footer a{color:var(--accent);text-decoration:none;transition:color .15s}footer a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){#app-main{flex-direction:column;overflow:auto}#map-wrapper{min-height:50vh}#country-panel{width:100%;border-left:none;border-top:1px solid var(--border);max-height:50vh}#timeline-inner{max-width:100%}.header-right{gap:4px}#country-search{width:110px}#country-search:focus{width:140px}h1{font-size:1rem}.header-subtitle{display:none}}