main.svelte-brccw7{width:100%;height:calc(100vh - 4rem);display:flex;padding:0 4rem;margin:0;overflow:hidden;align-items:center;justify-content:center;gap:1.5rem;box-sizing:border-box}main.svelte-brccw7>:where(.svelte-brccw7){flex:0 0 auto}.sidebar.svelte-brccw7{width:min(42.5vw,42.5vh);aspect-ratio:3 / 4;height:auto;max-height:100%;border:1px solid #e5e5e5;background:#fff;display:flex;flex-direction:column;overflow:hidden;z-index:5}.sidebar-header.svelte-brccw7{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;border-bottom:1px solid #e5e5e5;background:#fff}.sidebar-title.svelte-brccw7{margin:0;padding:0;font-size:1rem;font-weight:400;font-style:italic;font-family:Georgia,serif;color:#333;letter-spacing:.5px;width:100%}.sidebar-divider.svelte-brccw7{height:1px;background:#e5e5e5}.tabs-header.svelte-brccw7{display:flex;gap:.5rem;padding:0;align-items:center;justify-content:center}.tab-button.svelte-brccw7{background:none;border:none;cursor:pointer;font-size:.7rem;font-style:italic;font-family:Georgia,serif;color:#999;transition:all .2s ease;padding:0;margin:0;position:relative}.tab-button.svelte-brccw7:hover{color:#666}.tab-button.active.svelte-brccw7{color:#333;filter:blur(4px)}.tab-divider.svelte-brccw7{color:#999;font-size:.7rem;font-style:italic;font-family:Georgia,serif;margin:0 .3rem}.sidebar-content.svelte-brccw7{flex:1;display:flex;flex-direction:column;padding:.75rem;gap:.75rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar-content.svelte-brccw7::-webkit-scrollbar{display:none}.make-controls.svelte-brccw7{display:flex;flex-direction:column;gap:1rem;flex:1}.see-instructions.svelte-brccw7{padding:.5rem 0;margin:0}.see-instructions.svelte-brccw7 p:where(.svelte-brccw7){margin:0;font-size:.8rem;font-style:italic;font-family:Georgia,serif;color:#999;line-height:1.4}.make-instructions.svelte-brccw7{padding:.5rem 0;margin:0}.make-instructions.svelte-brccw7 p:where(.svelte-brccw7){margin:0;font-size:.8rem;font-style:italic;font-family:Georgia,serif;color:#999;line-height:1.4}.note-input-wrapper.svelte-brccw7{position:relative;display:flex;flex-direction:column;gap:.5rem;flex:1}.note-input.svelte-brccw7{width:100%;flex:1;min-height:80px;padding:.5rem;font-family:inherit;font-size:.75rem;font-style:italic;border:1px solid #e5e5e5;background:#fff;resize:none;overflow-y:auto;box-sizing:border-box}.note-input.svelte-brccw7:focus{outline:none;border-color:#666}.save-btn.svelte-brccw7{padding:.35rem .5rem;font-size:.65rem;font-style:italic;border:1px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s ease}.save-btn.svelte-brccw7:hover:not(:disabled){background:#333;color:#fff;border-color:#333}.save-btn.svelte-brccw7:disabled{opacity:.4;cursor:not-allowed}.refresh-label.svelte-brccw7{font-size:.65rem;font-style:italic;font-family:Georgia,serif;color:#666}.refresh-section.svelte-brccw7{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.controls.svelte-brccw7{display:flex;gap:.3rem}.refresh-side-btn.svelte-brccw7{flex:1;padding:.35rem;font-size:.65rem;font-style:italic;font-family:Georgia,serif;border:1px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s ease}.refresh-side-btn.svelte-brccw7:hover{background:#f5f5f5;border-color:#999}.refresh-both-btn.svelte-brccw7{flex:1;padding:.35rem;font-size:.65rem;font-style:italic;font-family:Georgia,serif;font-weight:500;border:1px solid #333;background:#fff;cursor:pointer;transition:all .2s ease}.refresh-both-btn.svelte-brccw7:hover{background:#333;color:#fff}.header-top.svelte-brccw7{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.toggle-btn.svelte-brccw7{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;margin-right:.5rem;font-family:inherit}.toggle-chevron.svelte-brccw7{display:inline-block;font-size:1.2rem;transition:transform .2s ease;color:#666}.toggle-chevron.expanded.svelte-brccw7{transform:rotate(90deg)}.sidebar.collapsed.svelte-brccw7{width:auto;aspect-ratio:auto;max-height:auto}.sidebar.collapsed.svelte-brccw7 .sidebar-header:where(.svelte-brccw7){padding:.5rem;border-bottom:none}@media (min-width: 769px){.toggle-btn.svelte-brccw7{display:none}.sidebar-divider.svelte-brccw7,.sidebar-content.svelte-brccw7{display:flex!important}}.observations-container.svelte-brccw7{display:flex;flex-direction:column;gap:6.5rem;align-items:center;justify-content:flex-start;background:#fff;width:calc(min(42.5vw,42.5vh)*2 + 1.5rem);height:100%;overflow-y:auto;overflow-x:hidden;padding:0;padding-top:calc((100vh - 4rem - min(56.67vw,56.67vh))/2 - 1rem);padding-bottom:calc((100vh - 4rem - min(56.67vw,56.67vh))/2 - 4rem);box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.observations-container.svelte-brccw7::-webkit-scrollbar{display:none}.observations-container.empty.svelte-brccw7{align-items:center;justify-content:center;color:#999;font-size:.75rem;font-style:italic}.image-pair-wrapper.svelte-brccw7{display:flex;gap:1.5rem;align-items:center;justify-content:center;background:#f9f9f9;width:calc(min(42.5vw,42.5vh)*2 + 1.5rem);height:calc(min(42.5vw,42.5vh) * 4 / 3)}.image-pair-wrapper.svelte-brccw7 .image-wrapper:where(.svelte-brccw7){width:calc(min(42.5vw,42.5vh)/2);height:calc(min(42.5vw,42.5vh) * 4 / 3);aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-pair-wrapper.svelte-brccw7 .image-wrapper:where(.svelte-brccw7) img:where(.svelte-brccw7){width:100%;height:100%;object-fit:cover;aspect-ratio:3 / 4;border-radius:0;background:#fff}.pair-container.svelte-brccw7{display:flex;gap:1.5rem;width:calc(min(42.5vw,42.5vh)*2 + 1.5rem);height:calc(min(42.5vw,42.5vh) * 4 / 3);background:#f9f9f9;align-items:center;justify-content:center}.pair-container.svelte-brccw7 img:where(.svelte-brccw7){width:calc(min(42.5vw,42.5vh)/2);height:calc(min(42.5vw,42.5vh) * 4 / 3);aspect-ratio:3 / 4;object-fit:cover;background:#fff}.observation-card.svelte-brccw7{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:transparent;align-items:center;flex-shrink:0;box-sizing:border-box}.observation-card.svelte-brccw7 .pair-container:where(.svelte-brccw7){background:#fff;width:100%;max-width:calc(min(42.5vw,42.5vh)*2 + 1.5rem);height:auto;box-sizing:border-box;display:flex;gap:1.5rem;align-items:center;justify-content:center;aspect-ratio:auto}.observation-card.svelte-brccw7 .pair-container:where(.svelte-brccw7) img:where(.svelte-brccw7){flex:1;width:0;aspect-ratio:3 / 4;object-fit:cover;background:#fff}.card-note.svelte-brccw7{margin:0;font-size:.75rem;color:#666;font-style:italic;font-family:Georgia,serif;line-height:1.4;text-align:center;max-width:calc(min(42.5vw,42.5vh)*2 + 1.5rem)}.card-date.svelte-brccw7{margin:0;font-size:.65rem;color:#999;font-style:italic;font-family:Georgia,serif;text-align:center;max-width:calc(min(42.5vw,42.5vh)*2 + 1.5rem)}.image-wrapper.svelte-brccw7{flex:1;display:flex;align-items:center;justify-content:center;max-width:400px}.image-wrapper.svelte-brccw7 img:where(.svelte-brccw7){width:100%;height:100%;object-fit:cover;aspect-ratio:3 / 4;border-radius:4px;background:#f5f5f5}.expanded-pair.svelte-brccw7{display:flex;gap:2rem;align-items:center;justify-content:center;background:#fff;padding:2rem}.expanded-pair.svelte-brccw7 img:where(.svelte-brccw7){height:50vh;aspect-ratio:3 / 4;object-fit:cover;background:#fff}.nav-btn.svelte-brccw7{position:absolute;background:none;border:none;color:#fff;font-size:4rem;cursor:pointer;padding:2rem;transition:opacity .2s ease;z-index:101;opacity:.6;top:50%;transform:translateY(-50%)}.nav-btn.svelte-brccw7:hover:not(:disabled){opacity:1}.nav-btn.svelte-brccw7:disabled{opacity:.2;cursor:not-allowed}.prev-btn.svelte-brccw7{left:2rem}.next-btn.svelte-brccw7{right:2rem}@media (max-width: 768px){main.svelte-brccw7{flex-direction:column;padding:1rem;padding-bottom:32dvh;padding-top:0;height:auto;min-height:calc(100dvh - 4rem);gap:0;align-items:stretch;justify-content:flex-start;overflow:hidden}.sidebar.svelte-brccw7{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;max-height:40dvh;aspect-ratio:auto;z-index:10;border-top:1px solid #e5e5e5;background:#fff;overflow-y:auto;flex:none;padding-bottom:4rem;box-sizing:border-box}.observations-container.svelte-brccw7{width:100%;gap:2rem;padding:2rem 0;padding-bottom:32dvh;flex:1;overflow-y:auto;margin:0}.observation-card.svelte-brccw7{padding:.5rem 0}.pair-container.svelte-brccw7{width:100%;height:auto;background:#fff;margin-bottom:.5rem}.pair-container.svelte-brccw7 img:where(.svelte-brccw7){flex:1;height:auto;max-height:40vh}.card-note.svelte-brccw7{font-size:.7rem;max-width:100%}.card-date.svelte-brccw7{font-size:.6rem}.expanded-pair.svelte-brccw7 img:where(.svelte-brccw7){height:50vh}.expanded-pair.svelte-brccw7{flex-direction:column}.expanded-content.svelte-brccw7{max-height:300px}.nav-btn.svelte-brccw7{font-size:2rem;padding:1rem}.prev-btn.svelte-brccw7{left:1rem}.next-btn.svelte-brccw7{right:1rem}.image-pair-wrapper.svelte-brccw7{width:100%;height:auto;gap:1.5rem;background:#fff;padding:2.5rem .5rem 1rem;box-sizing:border-box;flex:1;overflow-y:auto}.image-pair-wrapper.svelte-brccw7 .image-wrapper:where(.svelte-brccw7){width:50%;height:auto;max-height:60vh}.image-pair-wrapper.svelte-brccw7 .image-wrapper:where(.svelte-brccw7) img:where(.svelte-brccw7){width:100%;height:auto;max-height:60vh;aspect-ratio:3 / 4;object-fit:cover}}.observation-card.svelte-brccw7{cursor:pointer}.expanded-overlay.svelte-brccw7{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:stretch;justify-content:center;padding:2rem 0;box-sizing:border-box;z-index:3000}.expanded-content.svelte-brccw7{position:relative;max-width:90%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.expanded-content.svelte-brccw7::-webkit-scrollbar{display:none}.expanded-pair.svelte-brccw7{display:flex;gap:3rem;align-items:center;justify-content:center;background:#fff;padding:2rem;flex:1}.expanded-image-wrapper.svelte-brccw7{display:flex;align-items:center;justify-content:center}.expanded-image-wrapper.svelte-brccw7 img:where(.svelte-brccw7){width:min(50vw,50vh);height:auto;aspect-ratio:3 / 4;object-fit:cover}.carousel-counter.svelte-brccw7{margin:0;font-size:.85rem;color:#666;font-style:italic;font-family:Georgia,serif;text-align:center}