/* ===== ENGKANTO — CYAN SCROLLBAR (link sa lahat ng page, pagkatapos ng ibang CSS) ===== */

/* Firefox + Chrome/Edge 121+ (standard properties; sa root lang para hindi masira ang ibang scrollbars) */
html { scrollbar-width: thin; scrollbar-color: #39f0fa #04161c; }

/* Chrome / Edge / Safari (lumang version) */
html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { width: 12px; height: 12px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
    background: #04161c; border-left: 1px solid rgba(57, 240, 250, 0.15);
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #39f0fa, #1fc9d4); border-radius: 999px;
    border: 3px solid #04161c; box-shadow: 0 0 10px rgba(57, 240, 250, 0.6);
}
html::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8ef7fd, #39f0fa); }
html::-webkit-scrollbar-corner, *::-webkit-scrollbar-corner { background: #04161c; }
html::-webkit-scrollbar-button, *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }