.chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 300px;
            max-height: 400px;
        }
        @media (min-width: 768px) {
            .chart-container { height: 350px; }
        }
        pre::-webkit-scrollbar { height: 8px; width: 8px; }
        pre::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
        pre::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        pre::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
        .kw  { color: #d946ef; font-weight: 600; }
        .fn  { color: #2563eb; }
        .str { color: #16a34a; }
        .cmt { color: #64748b; font-style: italic; }
        .cls { color: #ea580c; font-weight: 600; }
        .num { color: #9333ea; }