/* 맨 위로 버튼 — 테두리 없는 원 안에 화살표 하나. 밤엔 어두운 유리 · 낮엔 밝은 유리 */
.to-top { position: fixed; z-index: 92; right: clamp(16px, 3vw, 32px); bottom: clamp(16px, 3vw, 32px); display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; color: var(--text-main); background: rgba(255, 255, 255, .14); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .4s ease, visibility .4s, transform .4s cubic-bezier(.22, .61, .36, 1), background .6s ease, color .6s ease, border-color .3s; }
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { transform: translateY(-2px); }
.to-top:focus-visible { outline: 1px solid var(--amber); outline-offset: 4px; }
/* 몸통 없는 꺾쇠 — SF Symbols chevron.up 느낌 (도형은 직접 그림) */
.to-top svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.grounded .to-top { color: #000000; background: rgba(0, 0, 0, .08); }

/* 스크롤에 묶인 사진은 호버 전환을 끈다 (스크럽이 늦게 따라오지 않게) */
.is-scrubbed { transition: none !important; }

@media (prefers-reduced-motion: reduce) {
  .to-top { transition: none; }
}