/*
  --heart-* 커스텀 프로퍼티는 sua 전용(하트/프로필 전용
  값)이라 themes/sua/heart-interaction.css로 옮김.
*/

* {
  box-sizing: border-box;
}


html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;

  font-family:
    "Pretendard",
    sans-serif;
}


body {
  position: relative;
}


/* =========================================================
   화면 중앙

   메뉴 버튼/패널 관련 스타일은 home/menu.css로 옮김.
========================================================== */

.viewer-area {
  position: relative;

  width: 100%;
  height: 100dvh;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  overflow: hidden;

  z-index: 1;
}


/* =========================================================
   하단 방문자 + COPYRIGHT
========================================================== */

.site-footer {
  position: fixed;

  left: 50%;
  bottom:
    max(
      14px,
      env(safe-area-inset-bottom)
    );

  transform:
    translateX(-50%);

  width: max-content;

  text-align: center;

  font-family:
    "Pretendard",
    sans-serif;

  color: #c7c7c7;

  z-index: 20;

  pointer-events: none;
}

.today-count {
  margin-bottom: 5px;

  font-size: 9px;

  letter-spacing:
    0.08em;
}


.copyright {
  font-size: 8px;

  letter-spacing:
    0.07em;

  color:
    #d0d0d0;
}


.admin-heart {
  display: inline;

  margin: 0;
  padding: 0;

  border: 0;
  outline: 0;

  background: transparent;

  color: inherit;

  font: inherit;
  line-height: inherit;

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: none;

  vertical-align: baseline;

  pointer-events: auto;

  -webkit-tap-highlight-color: transparent;

  transition:
    color 0.25s ease,
    text-shadow 0.25s ease;
}


.admin-heart:hover {
  color: #ee9fbd;
}


.admin-heart:focus,
.admin-heart:focus-visible {
  outline: none;
  box-shadow: none;
}


.admin-heart.is-entering {
  color: #ee9fbd;

  text-shadow:
    0 0 6px
    rgba(
      255,
      174,
      207,
      0.35
    );
}