.scroll-controls{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.scroll-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card,#fff);color:var(--green);box-shadow:0 4px 16px rgba(24,67,59,.16);font:26px/1 system-ui,sans-serif;cursor:pointer;pointer-events:auto;transition:background .18s,transform .18s}
.scroll-controls button[hidden]{display:none}
.scroll-controls button:hover{background:var(--bg);transform:translateY(-2px)}
.scroll-controls button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
html[data-theme="dark"] .scroll-controls button{background:#1b3035;color:#9bd8c6;border-color:#3c5d59}
@media(max-width:760px){.scroll-controls{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.scroll-controls button{transition:none}}