:root{--bg: #ffffff;--text: #1d1d1d;--border: #d7d7d7;--fish: #1f77b4;--reptiles: #2ca02c;--birds: #d62728;--mammals: #f2c94c;--total: #000000}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:var(--bg)}.app-shell{max-width:1300px;margin:0 auto;padding:18px 18px 24px;background:var(--bg)}.page-header{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.logo{width:72px;height:72px;object-fit:contain}.page-header h1{margin:0;font-family:Times New Roman,Times,serif;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700}.controls-panel,.viz-panel{margin-top:12px;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg)}.status-row,.control-row,.slider-row,.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.status-row{justify-content:space-between;margin-bottom:10px}.year-display{font-size:1.05rem;font-weight:600}.record-count{font-size:.95rem}.control-row{margin-bottom:8px}button{border:1px solid #9f9f9f;background:var(--bg);color:#141414;border-radius:6px;padding:6px 10px;font-size:.92rem;cursor:pointer}button:hover{background:#f4f4f4}button.active{border-color:#333;font-weight:600;background:#f0f0f0}#yearSlider{width:100%}.legend{margin-top:4px;font-size:.9rem}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid #777}.swatch.fish{background:var(--fish)}.swatch.reptiles{background:var(--reptiles)}.swatch.birds{background:var(--birds)}.swatch.mammals{background:var(--mammals)}.swatch.total{background:var(--total)}#map{width:100%;height:520px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}#lineChart{width:100%;height:360px;margin-top:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.loading{margin:10px 2px 0;font-size:.95rem}@media(max-width:760px){.page-header{align-items:flex-start}.logo{width:56px;height:56px}#map{height:420px}#lineChart{height:320px}}