*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-panel: rgba(12, 12, 25, .92);--text-primary: #e8e8f0;--text-secondary: #8888aa;--accent: #4fc3f7;--accent-glow: rgba(79, 195, 247, .3);--triassic: #e74c3c;--jurassic: #3498db;--cretaceous: #2ecc71;--border: rgba(255, 255, 255, .08);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .6)}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.species-card{padding:8px 10px;border-radius:8px;background:#ffffff08;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.species-card:hover{background:#ffffff12;transform:translate(-2px);box-shadow:3px 0 12px #4fc3f71a}.species-image{opacity:0;transition:opacity .3s ease}.species-image-loaded{opacity:1}.species-details{overflow:hidden;transition:max-height .25s ease}.close-btn{position:absolute;top:12px;right:12px;background:#ffffff0f;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:all .15s ease}.close-btn:hover{background:#4fc3f726;color:var(--accent)}.search-container{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;width:340px}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:0 12px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-icon{font-size:14px;margin-right:8px;opacity:.5;line-height:1}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 0}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px;line-height:1;border-radius:4px;transition:all .15s ease}.search-clear:hover{color:var(--accent);background:#4fc3f71a}.search-chip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;background:#4fc3f71f;border:1px solid rgba(79,195,247,.25);border-radius:16px;font-size:12px;color:var(--accent)}.search-chip button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:10px;padding:0 2px;opacity:.7;transition:opacity .15s ease}.search-chip button:hover{opacity:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 0;max-height:320px;overflow-y:auto}.search-category-label{padding:6px 14px 4px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);opacity:.7}.search-suggestion{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background .1s ease}.search-suggestion:hover,.search-suggestion.active{background:#4fc3f714}.search-suggestion-icon{font-size:14px;flex-shrink:0}.search-suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-count{font-size:10px;color:var(--text-secondary);flex-shrink:0}.search-highlight{color:var(--accent);font-weight:600}@keyframes paleoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.paleo-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#d4b896;background:#b8976a26;border:1px solid rgba(184,151,106,.3);border-radius:10px}.paleo-loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4b896;animation:paleoPulse 1.2s ease-in-out infinite}