.mata-developer-credit{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:42px;padding:.7rem 1rem;color:rgba(255,255,255,.62);background:#101b30;font-family:"Plus Jakarta Sans",sans-serif;font-size:.72rem;line-height:1.2}.mata-developer-credit a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;color:#fff;text-decoration:none}.mata-developer-credit img{display:block;width:auto;max-width:112px;height:25px;object-fit:contain}.mata-developer-credit strong{color:#fff;font-size:.75rem;font-weight:800}.mata-developer-credit a:hover{opacity:.86}@media(max-width:640px){.mata-developer-credit{min-height:40px;padding:.65rem .8rem;font-size:.68rem}.mata-developer-credit img{max-width:96px;height:23px}}

/* Digital Yearbook: credit dibuat sangat ringan di pojok kanan bawah. */
.yearbook-developer-credit{
  position:fixed;
  right:max(10px,env(safe-area-inset-right));
  bottom:max(10px,env(safe-area-inset-bottom));
  z-index:72;
  opacity:.34;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.yearbook-developer-credit:hover,
.yearbook-developer-credit:focus-within{
  opacity:.82;
}
.yearbook-developer-credit .mata-developer-credit{
  min-height:28px;
  padding:.28rem .48rem;
  gap:.34rem;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(8,16,30,.18);
  color:rgba(255,255,255,.72);
  box-shadow:none;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  font-size:.56rem;
  white-space:nowrap;
  pointer-events:auto;
}
.yearbook-developer-credit .mata-developer-credit a{min-height:18px}
.yearbook-developer-credit .mata-developer-credit img{max-width:66px;height:15px;opacity:.9}
.yearbook-developer-credit .mata-developer-credit strong{font-size:.59rem;font-weight:700}

/* Jangan dinaikkan saat reader terbuka; tetap benar-benar di kanan bawah. */
body:not(.intro-active) .yearbook-developer-credit,
body.intro-active .yearbook-developer-credit{
  right:max(10px,env(safe-area-inset-right));
  bottom:max(10px,env(safe-area-inset-bottom));
}

@media(max-width:900px){
  .yearbook-developer-credit{
    right:max(7px,env(safe-area-inset-right));
    bottom:max(7px,env(safe-area-inset-bottom));
    opacity:.28;
  }
  .yearbook-developer-credit .mata-developer-credit{
    min-height:25px;
    padding:.24rem .4rem;
    gap:.28rem;
    font-size:.51rem;
    background:rgba(8,16,30,.14);
  }
  .yearbook-developer-credit .mata-developer-credit img{max-width:56px;height:13px}
  .yearbook-developer-credit .mata-developer-credit strong{font-size:.54rem}
}

@media(max-width:520px){
  .yearbook-developer-credit{opacity:.24}
  .yearbook-developer-credit .mata-developer-credit{padding:.2rem .34rem}
  .yearbook-developer-credit .mata-developer-credit img{max-width:50px;height:12px}
}