::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #0c0c0c;
    border-left: 1px solid #333;
}

::-webkit-scrollbar-thumb {
    background-color: #ffb000;
    border: 2px solid #0c0c0c;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ffcc00;
}

::-webkit-scrollbar-corner {
    background: #0c0c0c;
}

::selection {
    background: #ffb000;
    color: #000;
}

body {
    background-image: radial-gradient(#333 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: #e0e0e0;
    scrollbar-width: thin;
    scrollbar-color: #ffb000 #0c0c0c;
}

.scanline {
    width: 100%;
    height: 100px;
    z-index: 10;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(0,0,0,0) 100%);
    opacity: 0.1;
    position: absolute;
    bottom: 100%;
    animation: scanline 8s linear infinite;
    pointer-events: none;
}

@keyframes scanline {
    0% { bottom: 100%; }
    100% { bottom: -100%; }
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.string { color: #a5d6ff; }
.number { color: #ff7b72; }
.boolean { color: #79c0ff; }
.key { color: #d2a8ff; }