/* 공통 맨 위로 버튼(top-button.js). 색은 각 페이지의 테마 변수를 따르고, 없으면 어두운 기본값을 쓴다. */
.top-button {
  position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 50;
  width: 44px; height: 44px; margin: 0; padding: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--line, #262D38); border-radius: 50%;
  background: var(--card-hi, #1D232C); color: var(--text, #F2F4F7);
  font-size: 18px; line-height: 1; cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
  transition: border-color .2s, background .2s, transform .15s;
}
.top-button[hidden] { display: none; }
.top-button:hover { border-color: var(--accent, #4C8DFF); background: var(--card, #171B22); }
.top-button:active { transform: scale(.94); }
.top-button:focus-visible { outline: 2px solid var(--accent, #4C8DFF); outline-offset: 2px; }