/* Date-list visuals and animation timings shared with Vion. */
        .date-scroll { scrollbar-width: none; -ms-overflow-style: none; }
        .date-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
        .vion-date-scrollbar {
            position: absolute;
            top: 4px;
            right: 0;
            bottom: 4px;
            width: 8px;
            border-radius: 999px;
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.15s ease;
        }
        .vion-date-scrollbar-thumb {
            position: absolute;
            right: 2px;
            width: 4px;
            border-radius: 999px;
            background: rgba(140,140,140,0.52);
            transition: background 0.15s ease, opacity 0.15s ease;
        }
        .vion-date-scrollbar.is-visible {
            opacity: 0.82;
        }
        /* Match the shared navigation menu's row entrance and independent property durations. */
        @keyframes vion-date-reveal-opacity {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes vion-date-reveal-transform {
            from { transform: translate3d(0, 8px, 0) scale(0.996); }
            to { transform: translate3d(0, 0, 0) scale(1); }
        }
        @keyframes vion-date-reveal-filter {
            from { filter: blur(3px); }
            to { filter: blur(0); }
        }
        .vion-date-row-reveal {
            display: inline-block;
            animation-name: vion-date-reveal-opacity, vion-date-reveal-transform, vion-date-reveal-filter;
            animation-duration: 0.16s, 0.22s, 0.18s;
            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
            animation-delay: var(--vion-date-reveal-delay, 112ms);
            animation-fill-mode: both;
        }
        @media (prefers-reduced-motion: reduce) {
            .vion-date-row-reveal { animation: none; }
        }
        .vion-date-menu {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 300ms ease, transform 300ms ease;
        }
        .vion-date-menu.is-closing {
            opacity: 0;
            transform: translateY(4px);
            pointer-events: none;
        }
        @media (prefers-reduced-motion: reduce) {
            .vion-date-menu { transition: none; }
        }
        @keyframes vion-date-backdrop-reveal {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes vion-date-backdrop-sweep {
            from { -webkit-mask-size: 100% 100%, 100% 0%; mask-size: 100% 100%, 100% 0%; }
            to { -webkit-mask-size: 100% 100%, 100% 100%; mask-size: 100% 100%, 100% 100%; }
        }
        .vion-date-soft-backdrop::before {
            content: "";
            position: absolute;
            inset: -20px 0;
            pointer-events: none;
            opacity: 1;
            background: color-mix(in srgb, var(--bg) 85%, transparent);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(to bottom, transparent, #000 28px, #000 calc(100% - 28px), transparent);
            mask-image: linear-gradient(#000, #000), linear-gradient(to bottom, transparent, #000 28px, #000 calc(100% - 28px), transparent);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-composite: source-in;
            mask-composite: intersect;
            animation:
                vion-date-backdrop-reveal 0.16s cubic-bezier(0.16, 1, 0.3, 1) 40ms both,
                vion-date-backdrop-sweep var(--vion-date-backdrop-duration, 240ms) linear 40ms both;
        }
        .vion-date-soft-backdrop > .date-scroll { position: relative; }
        .vion-date-option { background: transparent; transition: none; }
        @media (prefers-reduced-motion: reduce) {
            .vion-date-soft-backdrop::before { animation: none; }
        }
        .vion-date-option:hover,
        .vion-date-option:focus-visible {
            color: #ffffff;
        }
        html.cucuda-theme-light .vion-date-option:hover,
        html.cucuda-theme-light .vion-date-option:focus-visible {
            color: #1d1d1f;
        }
        .vion-date-scrollbar:hover .vion-date-scrollbar-thumb,
        .vion-date-scrollbar.is-active .vion-date-scrollbar-thumb {
            background: rgba(74,74,74,0.88);
            opacity: 1;
        }
        html:not(.cucuda-theme-light) .vion-date-scrollbar:hover .vion-date-scrollbar-thumb,
        html:not(.cucuda-theme-light) .vion-date-scrollbar.is-active .vion-date-scrollbar-thumb {
            background: rgba(226,232,240,0.92);
            opacity: 1;
        }
.cucuda-market-date-menu{position:fixed;z-index:450;display:flex;flex-direction:column;width:80px;max-width:calc(100vw - 16px);color:var(--text);font-family:ui-monospace,SFMono-Regular,monospace}.cucuda-market-date-menu .vion-date-soft-backdrop{position:relative;flex:1;min-height:0}.cucuda-market-date-menu .date-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 2px;overflow-x:hidden}.cucuda-market-date-menu .vion-date-option{display:block;width:100%;border:0;border-radius:0;text-align:center;white-space:nowrap;padding:3px 2px;line-height:16px;font-family:inherit;font-size:11px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.75);cursor:pointer;outline:none}.cucuda-market-date-menu .vion-date-option[aria-selected=true]{color:#fff}html.cucuda-theme-light .cucuda-market-date-menu .vion-date-option{color:#5f6658}html.cucuda-theme-light .cucuda-market-date-menu .vion-date-option[aria-selected=true]{color:#151713}.cucuda-market-date-menu .vion-date-option>span{display:inline-block;transform:translateX(-.5px)}.cucuda-market-date-menu[aria-hidden=true]{pointer-events:none}
.cucuda-market-date-menu .vion-date-option:hover,.cucuda-market-date-menu .vion-date-option:focus-visible{color:#fff}html.cucuda-theme-light .cucuda-market-date-menu .vion-date-option:hover,html.cucuda-theme-light .cucuda-market-date-menu .vion-date-option:focus-visible{color:#1d1d1f}



.cucuda-market-date-menu .vion-date-row-reveal,.cucuda-market-date-menu .vion-date-soft-backdrop::before{animation-play-state:var(--date-enter-play-state,running)}
