/* Scrollbar Custom */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* Glass Navigation */
.glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.dark .glass-nav {
    background: rgba(15, 23, 42, 0.8);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Typing Effect Cursor */
.typing-cursor::after {
    content: '▋';
    animation: blink 1s step-start infinite;
    color: #2563eb;
}
.dark .typing-cursor::after {
    color: #60a5fa;
}
@keyframes blink { 50% { opacity: 0; } }

/* Utilities */
.custom-scrollbar { overflow: auto; }

/* Syntax Highlighting Colors */
.json-key { @apply text-purple-700 dark:text-purple-400; }
.json-string { @apply text-green-600 dark:text-green-400; }
.json-number { @apply text-orange-600 dark:text-orange-400; }
.json-boolean { @apply text-blue-600 dark:text-blue-400; }