/* Superfícies integradas ao fundo */
.sidebar,.rightbar,.main-card{
  border:1px solid rgba(255,255,255,.42);
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,250,240,.82));
  box-shadow:0 18px 48px rgba(6,24,41,.13),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(14px) saturate(1.08);
  -webkit-backdrop-filter:blur(14px) saturate(1.08);
}
.main-card{background:linear-gradient(155deg,rgba(255,255,255,.90),rgba(255,248,232,.78))}
.album-wrap{
  border:1px solid color-mix(in srgb,var(--album-border,#b08b45) 42%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 16px 38px rgba(6,24,41,.14);
}
.summary,.action-card,.stats-card,.dupe{
  border-color:rgba(100,116,139,.14);
  background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 8px 22px rgba(15,23,42,.055);
  backdrop-filter:blur(7px);
}
.sum{border-right-color:rgba(100,116,139,.13)}
.row{border-bottom-color:rgba(100,116,139,.11)}
.search{border-color:rgba(100,116,139,.18);background:rgba(255,255,255,.62);box-shadow:inset 0 1px 3px rgba(15,23,42,.04)}
.country-item{border-color:transparent}.country-item:hover,.country-item.active{border-color:rgba(132,180,75,.30);background:rgba(238,246,223,.70);box-shadow:0 7px 20px rgba(6,24,41,.06)}
.country-list.flags-only .country-item{border-color:rgba(100,116,139,.12);background:rgba(255,255,255,.58)}
.flagbox{box-shadow:inset 0 0 0 1px rgba(100,116,139,.16),0 4px 12px rgba(15,23,42,.05)}

/* Primeira entrada: das bordas para o centro */
.album-first-pending .topbar,.album-first-pending .sidebar,.album-first-pending .main-card,.album-first-pending .rightbar{opacity:0}
.album-first-load .topbar{animation:first-topbar-in 1.1s cubic-bezier(.18,.72,.2,1) both!important}
.album-first-load .sidebar{animation:first-sidebar-in 1.45s cubic-bezier(.16,.78,.18,1) .12s both!important}
.album-first-load .main-card{animation:first-main-in 1.55s cubic-bezier(.16,.78,.18,1) .28s both!important}
.album-first-load .rightbar{animation:first-rightbar-in 1.45s cubic-bezier(.16,.78,.18,1) .42s both!important}
.album-first-load .hero>*{animation:first-detail-in 1.05s cubic-bezier(.18,.72,.2,1) .72s both}
.album-first-load .bottom-actions .action-card:nth-child(1){animation:first-detail-in .9s ease .92s both}
.album-first-load .bottom-actions .action-card:nth-child(2){animation:first-detail-in .9s ease 1.05s both}
.album-first-load .bottom-actions .action-card:nth-child(3){animation:first-detail-in .9s ease 1.18s both}
@keyframes first-topbar-in{from{opacity:0;transform:translateY(-92px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes first-sidebar-in{from{opacity:0;transform:translateX(-150px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes first-main-in{from{opacity:0;transform:translateY(105px) scale(.955);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@keyframes first-rightbar-in{from{opacity:0;transform:translateX(150px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes first-detail-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1200px){.album-first-load .rightbar{animation-name:first-main-in!important}}
@media(max-width:760px){.sidebar,.rightbar,.main-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.album-first-load .sidebar,.album-first-load .main-card,.album-first-load .rightbar{animation-name:first-main-in!important;animation-duration:1.1s!important}}
@media(prefers-reduced-motion:reduce){.album-first-load .topbar,.album-first-load .sidebar,.album-first-load .main-card,.album-first-load .rightbar,.album-first-load .hero>*,.album-first-load .action-card{animation-duration:.28s!important;animation-delay:0s!important;filter:none!important}}