.collection-controls { margin: 0 0 22px; border: 1px solid var(--line); border-radius: 10px; padding: 0 14px; }
.collection-controls summary { cursor: pointer; padding: 14px 2px; font-size: 14px; color: var(--ink); }
.collection-controls summary:focus-visible { outline: 2px solid var(--sage, #a55239); outline-offset: 3px; }
.collection-controls[open] summary { margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.collection-controls .results-row { margin-top: 12px; }
.sky-toggle { width: 62px; height: 62px; padding: 8px; background: #fff2cd55; border: 1px solid #b3752850; box-shadow: 0 2px 8px #344c6515; }
.sky-toggle svg { width: 43px; height: 43px; }
.sky-toggle:not(.has-been-used) { animation: sun-invitation 2.8s ease-in-out infinite; }
.sky-toggle:hover, .sky-toggle:focus-visible { animation: none; background: #fff2cd99; }
@keyframes sun-invitation { 0%, 100% { box-shadow: 0 0 0 0 #e8b65b00; } 50% { box-shadow: 0 0 0 9px #e8b65b35; } }
html[data-motion="reduced"] .sky-toggle { animation: none; }
@media (prefers-reduced-motion: reduce) { .sky-toggle { animation: none !important; } }
@media (max-width:700px), (max-height:500px) { .sky-toggle { width: 54px; height: 54px; padding: 7px; } .sky-toggle svg { width: 38px; height: 38px; } }
.family-photo { content-visibility: auto; contain-intrinsic-size: auto 600px; }