body {
            background-color: #0a0e14;
            color: #e2e8f0;
            font-family: 'Inter', sans-serif;
        }

        .conan-header {
            font-family: 'Special+Elite', cursive;
            border-bottom: 4px solid #c53030;
            text-shadow: 2px 2px #000;
        }

        .detective-card {
            background: linear-gradient(145deg, #1a202c, #111827);
            border-left: 4px solid #2b6cb0;
        }

        .timeline-line {
            width: 2px;
            background: #2b6cb0;
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
        }

        .timeline-dot {
            width: 12px;
            height: 12px;
            background: #c53030;
            border-radius: 50%;
            position: absolute;
            left: 15px;
            margin-top: 6px;
            box-shadow: 0 0 10px #c53030;
        }

        .stamp {
            transform: rotate(-15deg);
            border: 3px solid #c53030;
            color: #c53030;
            font-weight: bold;
            padding: 4px 8px;
            display: inline-block;
            text-transform: uppercase;
            opacity: 0.8;
            pointer-events: none;
        }

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

        ::-webkit-scrollbar-track {
            background: #0a0e14;
        }

        ::-webkit-scrollbar-thumb {
            background: #2b6cb0;
            border-radius: 4px;
        }