body {
    background-color: #ffffff;
    color: #1a1a1a;
    font-family: 'Space Mono', monospace;
}

html {
    scroll-behavior: smooth;
}

/* Prevent scroll jumps on content updates */
#content-modelchat,
#content-completed-trades,
#content-positions,
#content-strategy {
    scroll-behavior: smooth;
}

.font-sans {
    font-family: 'Inter', sans-serif;
}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap;
}

.ticker {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 30s linear infinite;
}

.ticker-item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 0.875rem;
}

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Mobile touch scrolling improvements */
@media (max-width: 768px) {

    #content-modelchat,
    #content-completed-trades,
    #content-positions,
    #content-strategy {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}