.container.svelte-4luw1u{display:grid;grid-template-columns:1fr 300px;gap:1rem;height:100vh;padding:1rem}.map.svelte-4luw1u{height:calc(100vh - 2rem);border-radius:8px;overflow:hidden}.observations-list.svelte-4luw1u{overflow-y:auto;padding-right:1rem;width:300px}.observation-card.svelte-4luw1u{background:#fff;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-image.svelte-4luw1u{position:relative;width:100%;height:200px;overflow:hidden;cursor:pointer}.card-image.svelte-4luw1u:hover:after{content:"Click to view on map";position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;font-size:.8rem;text-align:center}.image-button.svelte-4luw1u{padding:0;border:none;background:none;cursor:pointer;width:100%;height:100%;display:block;position:relative;overflow:hidden}.image-button.svelte-4luw1u:focus{outline:2px solid #0077cc;outline-offset:2px}.image-button.svelte-4luw1u:focus:not(:focus-visible){outline:none}.observation-image.svelte-4luw1u{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-button.svelte-4luw1u:hover .observation-image:where(.svelte-4luw1u),.image-button.svelte-4luw1u:focus .observation-image:where(.svelte-4luw1u){transform:scale(1.05)}.card-content.svelte-4luw1u{padding:1rem}.card-header.svelte-4luw1u{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.condition-badge.svelte-4luw1u{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.timestamp.svelte-4luw1u{font-size:.8rem;color:#666}.description.svelte-4luw1u{margin:.5rem 0;font-size:.95rem;line-height:1.4}.location-info.svelte-4luw1u{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;margin-top:.5rem}.location-info.svelte-4luw1u svg:where(.svelte-4luw1u){color:#07c}h2.svelte-4luw1u{margin:0 0 1rem}.custom-marker{display:flex;justify-content:center;align-items:center}.header.svelte-4luw1u{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header.svelte-4luw1u h2:where(.svelte-4luw1u){margin:0}.add-button.svelte-4luw1u{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.add-button.svelte-4luw1u:hover{background:#0066b3}.add-button.svelte-4luw1u svg:where(.svelte-4luw1u){width:16px;height:16px}.empty-state.svelte-4luw1u{text-align:center;padding:2rem;background:#f5f5f5;border-radius:8px;margin-top:1rem}@media (max-width: 768px){.container.svelte-4luw1u{grid-template-columns:1fr}.observations-list.svelte-4luw1u{width:100%;padding-right:0}.map.svelte-4luw1u{height:50vh}.card-image.svelte-4luw1u{height:150px}.header.svelte-4luw1u{flex-direction:column;gap:1rem;align-items:stretch}.add-button.svelte-4luw1u{justify-content:center}}.image-placeholder.svelte-4luw1u{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;font-size:.9rem}.debug-panel.svelte-4luw1u{margin-top:2rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.debug-panel.svelte-4luw1u summary:where(.svelte-4luw1u){cursor:pointer;padding:.5rem;background:#f0f0f0;border-radius:4px}.debug-panel.svelte-4luw1u summary:where(.svelte-4luw1u):hover{background:#e0e0e0}