:root{--opacity-subtle: .08;--opacity-dimmed: .2;--opacity-hover: .3;--z-panel: 40;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--dur-fast: .2s;--dur-base: .25s;--dur-slow: .35s;--shadow-panel: -2px 0 12px rgba(0, 0, 0, var(--opacity-subtle));--shadow-elevated: 0 .5px 2px rgba(0, 0, 0, var(--opacity-hover))}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;background:#f4f1ea;color:#1a1a1a}.region{transition:transform var(--dur-slow) ease;transform-origin:0 0}.region-expanded .region-shape{filter:drop-shadow(var(--shadow-elevated))}.region-shape,.badge-circle,.badge-label,.hotspot-dot,[data-role=overflow-pip] circle{vector-effect:non-scaling-stroke}.badge{transition:transform var(--dur-fast) ease}.badge-selected .badge-circle{stroke:#1a1a1a;stroke-width:4}.badge-label{fill:#1a1a1a;stroke:#fff;stroke-width:3;paint-order:stroke fill;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;font-weight:600;pointer-events:none}.app{display:flex;flex-direction:column;height:100vh}.map-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);overflow:visible}.bird-map{max-height:100%;max-width:100%;width:auto;height:auto;display:block}.error-screen{padding:32px;max-width:500px;margin:0 auto}.filters-bar{display:flex;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#fff;border-bottom:1px solid #d8d3c3;align-items:center;flex-wrap:wrap}.filters-bar label{display:flex;gap:6px;align-items:center;font-size:13px}.filters-bar select,.filters-bar input{padding:4px 8px}.species-panel{position:fixed;top:0;right:0;width:320px;max-width:100vw;height:100vh;background:#fff;border-left:1px solid #d8d3c3;box-shadow:var(--shadow-panel);padding:var(--space-xl) 20px var(--space-lg) 20px;overflow-y:auto;z-index:var(--z-panel)}.species-panel-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#1a1a1a;border-radius:4px}.species-panel-close:hover,.species-panel-close:focus-visible{background:#f0ebe0}.species-panel-body{margin-top:var(--space-sm)}.species-panel-common-name{margin:0 0 4px;font-size:20px;font-weight:700}.species-panel-sci-name{margin:0 0 12px;font-size:14px;color:#555}.species-panel-family{margin:0;font-size:13px;color:#444}.species-panel-loading{color:#555;font-size:13px;margin:8px 0 0}.species-panel-error{margin-top:8px;padding:8px 12px;background:#fdecec;border:1px solid #d48e8e;border-radius:4px;color:#8a1f1f;font-size:13px}.species-panel-sr-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}