::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg-soft)}
::-webkit-scrollbar-thumb{background:#3d3420;border-radius:8px;border:2px solid var(--bg-soft)}
::-webkit-scrollbar-thumb:hover{background:var(--accent-300)}
*{scrollbar-width:thin;scrollbar-color:#3d3420 var(--bg-soft)}
.progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:100%;z-index:60;pointer-events:none;background:rgba(212,175,55,.08)}
.progress i{display:block;height:100%;width:100%;background:var(--accent-gradient);box-shadow:0 0 12px rgba(212,175,55,.5);transform-origin:100% 50%;transform:scaleX(0);will-change:transform}
.dots{position:fixed;inset-inline-end:18px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:10px}
.dots a{width:9px;height:9px;border-radius:50%;background:#262626;transition:all .3s var(--ease);text-decoration:none}
.dots a.active{background:var(--accent-500);box-shadow:0 0 0 4px var(--accent-glow);transform:scale(1.25)}
@media(max-width:900px){.dots{display:none}}