div#global-loader {
    --carrybell-loader-ring: #ff8a00;
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(2px);
}

div#global-loader .carrybell-loader__stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
}

div#global-loader .carrybell-loader__ring {
    position: absolute;
    inset: 0;
    border: 1px solid transparent;
    border-top-color: var(--carrybell-loader-ring);
    border-radius: 50%;
    animation: carrybell-loader-spin 1.6s linear infinite;
}

div#global-loader .carrybell-loader__mark-wrap {
    width: 56px;
    height: 56px;
    transform-origin: center;
    animation: carrybell-loader-mark-in 0.7s cubic-bezier(0.2, 1.35, 0.4, 1) forwards, carrybell-loader-breathe 2.4s ease-in-out 0.9s infinite;
}

div#global-loader .carrybell-loader__mark {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(3px 5px 2px rgba(14, 155, 201, 0.28));
}

@keyframes carrybell-loader-spin {
    to { transform: rotate(360deg); }
}

@keyframes carrybell-loader-mark-in {
    0% { opacity: 0; transform: translateY(8px) scale(0.25); }
    68% { opacity: 1; transform: translateY(0) scale(1.12); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes carrybell-loader-breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.045); }
}

@media (prefers-reduced-motion: reduce) {
    div#global-loader .carrybell-loader__ring,
    div#global-loader .carrybell-loader__mark-wrap {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}