.observation-log-flow-step{text-align:center;min-width:160px;padding:.5rem .75rem;border:1px solid var(--bs-border-color);border-radius:var(--border-radius);background-color:color-mix(in srgb,var(--surface-elevated) 82%,var(--bg-light));box-shadow:var(--shadow-surface-sm)}.observation-log-flow-step-active{border-color:var(--bs-primary);border-width:2px}.observation-log-flow-caption{color:var(--bs-secondary);font-size:.8rem;margin-top:.15rem}.observation-log-flow-arrow{color:var(--bs-secondary);font-size:1.25rem}.observation-log-star-rating{display:inline-flex;align-items:center;white-space:nowrap}.stat-plate-value .observation-log-star-rating{font-size:.95rem;gap:.1rem}.observation-log-session-card{cursor:pointer;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.observation-log-session-card:hover,.observation-log-session-card:focus-within{border-color:var(--bs-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--bs-primary) 70%,transparent)}.observation-log-session-date{font-size:1.1rem;font-weight:var(--font-bold);color:var(--text-primary)}.observation-log-meta{color:var(--bs-secondary);font-size:.85rem;overflow-wrap:anywhere}.observation-log-entry-row{border:1px solid var(--bs-border-color);border-radius:var(--border-radius);background-color:color-mix(in srgb,var(--surface-elevated) 84%,var(--bg-light));box-shadow:var(--shadow-surface-sm)}.observation-log-entry-name,.observation-log-summary-value{font-weight:var(--font-semibold);overflow-wrap:anywhere}.observation-log-rating-star{cursor:pointer;font-size:1.75rem;min-width:44px;min-height:44px;touch-action:manipulation;user-select:none}.observation-log-location-map{height:200px}.observation-log-entry-thumb{width:44px;height:44px;flex-shrink:0;border-radius:var(--border-radius);overflow:hidden}.observation-log-entry-thumb img{width:100%;height:100%;object-fit:cover}.observation-log-empty{color:var(--bs-secondary);padding:2rem 1rem;text-align:center}.observation-log-attachments-list{border:1px solid var(--bs-border-color);border-radius:var(--border-radius);background-color:color-mix(in srgb,var(--surface-elevated) 84%,var(--bg-light));overflow:hidden}.observation-log-attachment-thumb{width:32px;height:32px;flex-shrink:0;object-fit:cover;border-radius:var(--border-radius)}.observation-log-attachment-icon{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-soft);color:var(--bs-primary);font-size:1rem}.observation-log-attachment-link{color:var(--text-color);text-decoration:none}.observation-log-attachment-link:hover,.observation-log-attachment-link:focus{color:var(--bs-primary);text-decoration:none}