:root{--bg-deep: #030508;--bg-panel: #0a0e14;--bg-panel-hover: #0f141c;--border: #1a2332;--border-glow: #2a4066;--text-primary: #e8f0ff;--text-secondary: #6b7d99;--text-muted: #3d4a5c;--accent: #00d4ff;--accent-dim: #0088aa;--accent-glow: rgba(0, 212, 255, .4);--status-live: #00ff88;--status-warning: #ffaa00;--status-danger: #ff4466;--status-critical: #ff0044;--glow-accent: 0 0 20px rgba(0, 212, 255, .3), 0 0 40px rgba(0, 212, 255, .1);--glow-text: 0 0 10px rgba(0, 212, 255, .5);--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--panel-padding: 20px;--panel-gap: 16px}.nav-bar{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:200}.nav-bar__links{display:flex;gap:8px}.nav-bar__link{font-size:11px;letter-spacing:1px;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border:1px solid var(--border);transition:all .2s ease}.nav-bar__link:hover{background:#00d4ff1a;border-color:var(--accent);color:var(--accent)}.nav-bar__title{font-size:12px;font-weight:600;letter-spacing:3px;color:var(--text-primary)}.nav-bar__status{display:flex;align-items:center;gap:8px}.nav-bar__status-dot{width:6px;height:6px;background:var(--status-live);box-shadow:0 0 8px var(--status-live);animation:blink 1.5s ease-in-out infinite}.nav-bar__status-text{font-size:10px;letter-spacing:2px;color:var(--status-live)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:relative}#globe-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:radial-gradient(ellipse at center,#0a1628,#030508)}#globe-container canvas{outline:none}.header{position:fixed;top:48px;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(180deg,var(--bg-panel) 0%,transparent 100%);z-index:100;pointer-events:none}.header__logo{display:flex;align-items:center;gap:12px;pointer-events:auto}.header__logo-icon{font-size:24px;color:var(--accent);text-shadow:var(--glow-text);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.header__logo-text{font-size:14px;font-weight:600;letter-spacing:4px;color:var(--text-primary);text-transform:uppercase}.header__status{display:flex;align-items:center;gap:8px;pointer-events:auto}.header__status-dot{width:8px;height:8px;background:var(--status-live);box-shadow:0 0 10px var(--status-live);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.header__status-text{font-size:10px;letter-spacing:2px;color:var(--status-live);text-transform:uppercase}.panel{position:fixed;top:128px;width:280px;background:var(--bg-panel);border:1px solid var(--border);z-index:50;overflow:hidden;transition:border-color .3s ease}.panel:hover{border-color:var(--border-glow)}.panel--left{left:24px}.panel--right{right:24px}.panel__header{padding:16px var(--panel-padding);border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--bg-panel-hover) 0%,var(--bg-panel) 100%)}.panel__title{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.panel__content{padding:var(--panel-padding);max-height:400px;overflow-y:auto}.panel__content::-webkit-scrollbar{width:4px}.panel__content::-webkit-scrollbar-track{background:var(--bg-deep)}.panel__content::-webkit-scrollbar-thumb{background:var(--border-glow)}.species-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.species-item:hover{background:var(--bg-panel-hover);border-color:var(--border)}.species-item.active{background:#00d4ff1a;border-color:var(--accent-dim)}.species-item__color{width:12px;height:12px;flex-shrink:0}.species-item__name{flex:1;font-size:11px;color:var(--text-primary)}.species-item__count{font-size:10px;color:var(--text-secondary)}.species-item__status{font-size:9px;padding:2px 6px;font-weight:600;letter-spacing:1px}.species-item__status--LC{color:#0f8}.species-item__status--NT{color:#ff0}.species-item__status--VU{color:orange}.species-item__status--EN{color:#f46}.species-item__status--CR{color:#f04}.stat{padding:16px 0;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:none}.stat__label{display:block;font-size:9px;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px}.stat__value{display:block;font-size:28px;font-weight:300;color:var(--accent);text-shadow:var(--glow-text);font-variant-numeric:tabular-nums}.stat__value--danger{color:var(--status-danger);text-shadow:0 0 10px rgba(255,68,102,.5)}.info-panel{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:600px;max-width:calc(100% - 48px);background:var(--bg-panel);border:1px solid var(--border);z-index:50;opacity:0;pointer-events:none;transition:all .3s ease}.info-panel.active{opacity:1;pointer-events:auto}.info-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--panel-padding);border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--bg-panel-hover) 0%,var(--bg-panel) 100%)}.info-panel__title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.info-panel__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:12px}.info-panel__close:hover{background:var(--bg-panel-hover);color:var(--text-primary);border-color:var(--border-glow)}.info-panel__content{padding:var(--panel-padding)}.info-panel__hint{color:var(--text-muted);text-align:center;font-style:italic}.colony-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.colony-info__header{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border)}.colony-info__title{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.colony-info__location{font-size:11px;color:var(--text-secondary)}.colony-info__status{font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 10px;border:1px solid currentColor}.colony-info__field{padding:8px 0}.colony-info__label{font-size:9px;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px}.colony-info__value{font-size:14px;color:var(--text-primary)}.colony-info__value--large{font-size:24px;font-weight:300;color:var(--accent);text-shadow:var(--glow-text)}.colony-info__trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;margin-left:8px}.colony-info__trend--increasing{color:var(--status-live)}.colony-info__trend--stable{color:var(--text-secondary)}.colony-info__trend--decreasing{color:var(--status-danger)}.colony-info__notes{grid-column:1 / -1;padding-top:16px;border-top:1px solid var(--border)}.colony-info__notes-text{font-size:12px;line-height:1.7;color:var(--text-secondary)}.coords{position:fixed;bottom:24px;left:24px;display:flex;gap:16px;font-size:10px;letter-spacing:1px;color:var(--text-muted);z-index:50}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-deep);z-index:1000;transition:opacity .5s ease}.loading.hidden{opacity:0;pointer-events:none}.loading__spinner{width:48px;height:48px;border:2px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{font-size:11px;letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase}.globe-tooltip{background:var(--bg-panel)!important;border:1px solid var(--border-glow)!important;padding:12px 16px!important;font-family:var(--font-mono)!important;color:var(--text-primary)!important;box-shadow:var(--glow-accent)!important;pointer-events:none}.globe-tooltip__species{font-size:9px;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin-bottom:4px}.globe-tooltip__name{font-size:14px;font-weight:500;margin-bottom:2px}.globe-tooltip__location{font-size:10px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{animation:fadeIn .5s ease .3s both}.panel--right{animation-delay:.4s}@media(max-width:1200px){.panel--left{display:none}}@media(max-width:900px){.panel--right{display:none}.info-panel{left:24px;right:24px;transform:none;width:auto}}@media(max-width:600px){.header__logo-text{font-size:11px;letter-spacing:2px}.colony-info{grid-template-columns:1fr}}