/* Keep translucent surfaces while avoiding expensive nested blur layers. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .card,.mini-card,.library-card,.theme-choice,.sticky-note,.countdown,.avatar-button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
 .hero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .tabbar,:root[data-mode="dark"] .tabbar{-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}
 .entry-dialog,.profile-dropdown{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
 .pill:not(.active),.quick-button,.day-pill,.date-chip:not(.selected),.icon-button{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-transparency:reduce){
 .card,.mini-card,.library-card,.theme-choice,.hero,.tabbar,.entry-dialog,.profile-dropdown,.sticky-note,.countdown,.avatar-button{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}
.gallery-more{margin:20px 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}