*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #0d0d14;--color-bg-secondary: #13131f;--color-bg-elevated: rgba(22, 22, 38, .85);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-text-primary: #f0f0f5;--color-text-secondary: #9898a8;--color-text-muted: #5a5a6e;--color-accent: #e94560;--color-accent-glow: rgba(233, 69, 96, .3);--blur-amount: 16px;--transition-fast: .15s ease;--transition-medium: .3s ease;--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;height:100vh;position:relative}.header{position:absolute;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;background:linear-gradient(to bottom,#0d0d14f2,#0d0d1400);pointer-events:none}.header h1{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);pointer-events:auto}.header h1 span{color:var(--color-accent)}.filter-bar{position:absolute;top:4rem;left:1.5rem;z-index:100;display:flex;gap:.5rem;padding:.5rem;background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.filter-bar select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-bar select:hover{border-color:var(--color-border-hover)}.filter-bar select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}#map{flex:1;width:100%;height:100%;position:relative}.map-style-selector{position:absolute;top:4rem;right:1.5rem;z-index:100;display:none;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.show-styles .map-style-selector{display:flex}.map-style-selector .style-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding-left:.25rem}.map-style-selector select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.map-style-selector select:hover{border-color:var(--color-border-hover)}.map-style-selector select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.legend{position:absolute;bottom:2rem;left:1.5rem;z-index:100;padding:.75rem 1rem;background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.legend-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.legend-items{display:flex;flex-direction:column;gap:.375rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.info-panel{position:fixed;right:0;top:0;bottom:0;width:380px;max-width:100%;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);padding:0;overflow-y:auto;transform:translate(0);transition:transform var(--transition-medium);z-index:1000}.info-panel.hidden{transform:translate(100%)}.info-panel-header{position:sticky;top:0;padding:1.5rem;background:linear-gradient(to bottom,var(--color-bg-secondary) 80%,transparent);z-index:1}.info-panel-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.info-panel-close:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.info-panel-content{padding:0 1.5rem 1.5rem}.info-panel h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;padding-right:2.5rem}.info-panel h3{font-size:.875rem;color:var(--color-text-secondary);font-weight:400;margin-bottom:1.5rem}.info-panel .field{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.info-panel .field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-panel .field-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem}.info-panel .field-value{font-size:.9375rem;color:var(--color-text-primary)}.info-panel .field-value a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.info-panel .field-value a:hover{opacity:.8;text-decoration:underline}.info-panel .institute-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#ffffff0d;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.info-panel .institute-dot{width:6px;height:6px;border-radius:50%}.gesture-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);z-index:200;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.gesture-overlay.visible{opacity:1;visibility:visible}.gesture-message{padding:1rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;text-align:center;box-shadow:var(--shadow-elevated)}.gesture-message kbd{display:inline-block;padding:.2rem .5rem;background:#ffffff1a;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:.875rem}.gesture-desktop{display:block}.gesture-mobile{display:none}@media (pointer: coarse){.gesture-desktop{display:none}.gesture-mobile{display:block}}.l7-control-container{z-index:50!important}.l7-control-zoom{background:var(--color-bg-elevated)!important;backdrop-filter:blur(var(--blur-amount))!important;-webkit-backdrop-filter:blur(var(--blur-amount))!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:var(--shadow-elevated)!important}.l7-control-zoom button{width:32px!important;height:32px!important;background:transparent!important;color:#fff!important;border:none!important;font-size:18px!important;font-weight:300!important;line-height:32px!important;cursor:pointer!important;transition:all var(--transition-fast)!important}.l7-control-zoom button span{color:#fff!important;font-size:18px!important}.l7-control-zoom button svg{fill:#fff!important;stroke:#fff!important}.l7-control-zoom button:hover{background:#ffffff1a!important}.l7-control-zoom .l7-button-control{color:#fff!important}.app-embed .header,.app-embed .filter-bar,.app-embed .legend{display:none}.app-embed #map{height:100vh}@media (max-width: 640px){.filter-bar{top:auto;bottom:1rem;left:1rem;right:1rem;flex-wrap:wrap}.filter-bar select{flex:1;min-width:calc(50% - .25rem)}.map-style-selector{top:auto;bottom:4.5rem;right:1rem;left:auto}.map-style-selector .style-label{display:none}.legend{bottom:8rem;left:1rem}.info-panel{width:100%;max-width:100%;border-left:none;border-top:1px solid var(--color-border);height:60vh;top:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.header{padding:.75rem 1rem}}