html {
    scroll-behavior: smooth;
}

/* Custom selection */
::selection {
    background: #00F2FE;
    color: #060B19;
}

/* Scrollbar customization */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #060B19;
}
::-webkit-scrollbar-thumb {
    background: #111C3A;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00F2FE;
}

/* BBB Passing Animation Logic */
.pass-animation {
    animation: moveCross 4.5s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@keyframes moveCross {
    0% { transform: translateX(-50px) scale(0.8); background-color: rgba(229,229,229,0.1); border-color: rgba(229,229,229,0.3); opacity: 0; }
    30% { transform: translateX(50px) scale(1); background-color: rgba(229,229,229,0.2); opacity: 1; border-color: rgba(229,229,229,0.5); }
    50% { transform: translateX(180px) scale(1.1); background-color: rgba(0, 242, 254, 0.4); border-color: #00F2FE; box-shadow: 0 0 20px rgba(0, 242, 254, 0.8); color: white; }
    80% { transform: translateX(350px) scale(1); background-color: rgba(0, 242, 254, 0.1); border-color: rgba(0, 242, 254, 0.3); opacity: 1; }
    100% { transform: translateX(450px) scale(0.8); opacity: 0; border-color: transparent; }
}

/* Markdown formatting inside chat */
.prose strong {
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid rgba(0,242,254,0.3);
}
.prose ul {
    list-style: disc;
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Scanning scan animation keyframes */
@keyframes scan {
    0% { top: 0%; opacity: 0; }
    5% { opacity: 1; }
    95% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}