body {
            font-family: 'Inter', sans-serif;
        }
        .custom-focus-ring:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(232, 184, 85, 0.5);
        }
        .toggle-checkbox:checked {
            right: 0;
            border-color: #4ade80;
        }
        .toggle-checkbox:checked + .toggle-label {
            background-color: #4ade80;
        }
        /* Hide pages by default */
        .page {
            display: none;
        }
        /* Class to show the active page */
        .page.active {
            display: block;
        }
        /* Simple spinner for button loaders */
        .spinner {
            border: 2px solid #f3f3f3;
            border-top: 2px solid #e8b855;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        /* Tooltip styles */
        .tooltip {
            position: relative;
            display: inline-block;
        }
        .tooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s;
            user-select: none;
            -webkit-user-select: none;
        }

        .tooltip.on-right .tooltiptext {
            left: auto;
            right: 0;
            transform: translateX(0);
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }
        .filter-btn.active {
            background-color: #e8b855;
            color: #111827;
            font-weight: 600;
        }
        #year-filter.active {
             background-color: #e8b855;
            color: #111827;
            font-weight: 600;
        }
        /* Custom checkbox for add-ons */
        .addon-label:has(input:checked) .custom-checkbox {
            background-color: #e8b855;
            border-color: #e8b855;
        }
        .addon-label:has(input:checked) .checkmark {
            display: block;
        }