.pelion-loading-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(130, 217, 217, 0.52) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(242, 252, 252, 0.92)),
        #ffffff !important;
    box-shadow: 0 20px 46px rgba(20, 56, 69, 0.10) !important;
}
.pelion-loading-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(100deg, transparent 0%, rgba(130, 217, 217, 0.18) 46%, transparent 74%),
        repeating-linear-gradient(135deg, rgba(30, 78, 89, 0.035) 0 1px, transparent 1px 12px);
    transform: translateX(-115%);
    animation: pelion-loading-sheen 2.4s cubic-bezier(.2, .82, .2, 1) infinite;
    pointer-events: none;
}
.pelion-loader {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    position: relative;
    display: inline-grid;
    place-items: center;
    background: linear-gradient(145deg, rgba(130, 217, 217, 0.28), rgba(255, 255, 255, 0.88));
    box-shadow: inset 0 0 0 1px rgba(130, 217, 217, 0.44), 0 14px 28px rgba(20, 56, 69, 0.12);
}
.pelion-loader::before,
.pelion-loader::after {
    content: "";
    position: absolute;
    border-radius: inherit;
}
.pelion-loader::before {
    inset: 6px;
    border: 3px solid rgba(30, 78, 89, 0.13);
    border-top-color: #1E4E59;
    border-right-color: rgba(130, 217, 217, 0.82);
    animation: pelion-loader-spin .95s linear infinite;
}
.pelion-loader::after {
    width: 8px;
    height: 8px;
    background: #82D9D9;
    box-shadow: 0 0 0 5px rgba(130, 217, 217, 0.18);
}
.pelion-loading-line {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(130, 217, 217, 0.36);
    background: rgba(242, 252, 252, 0.78);
    color: #2A6070;
}
.pelion-loading-line::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.76), transparent);
    transform: translateX(-120%);
    animation: pelion-loading-sheen 1.8s ease-in-out infinite;
}
.pelion-loading-inline {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.pelion-loading-inline .material-symbols-outlined,
.pelion-loading-icon {
    animation: pelion-loader-spin .9s linear infinite;
}
.pelion-loading-dots::after {
    content: "";
    display: inline-block;
    width: 1.4em;
    text-align: left;
    animation: pelion-loading-dots 1.25s steps(4, end) infinite;
}
body.theme-dark .pelion-loading-card {
    background:
        linear-gradient(135deg, rgba(12, 24, 31, 0.96), rgba(13, 32, 41, 0.92)),
        #0d1d27 !important;
    border-color: rgba(130, 217, 217, 0.24) !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34);
}
body.theme-dark .pelion-loader {
    background: linear-gradient(145deg, rgba(130, 217, 217, 0.18), rgba(12, 24, 31, 0.94));
    box-shadow: inset 0 0 0 1px rgba(130, 217, 217, 0.22), 0 14px 28px rgba(0, 0, 0, 0.26);
}
body.theme-dark .pelion-loader::before {
    border-color: rgba(165, 236, 233, 0.13);
    border-top-color: #a5ece9;
    border-right-color: rgba(130, 217, 217, 0.62);
}
body.theme-dark .pelion-loading-line {
    border-color: rgba(130, 217, 217, 0.22);
    background: rgba(12, 24, 31, 0.76);
    color: #c7dcdd;
}
@keyframes pelion-loader-spin {
    to { transform: rotate(360deg); }
}
@keyframes pelion-loading-sheen {
    to { transform: translateX(115%); }
}
@keyframes pelion-loading-dots {
    0% { content: ""; }
    25% { content: "."; }
    50% { content: ".."; }
    75%, 100% { content: "..."; }
}
@media (prefers-reduced-motion: reduce) {
    .pelion-loading-card::before,
    .pelion-loader::before,
    .pelion-loading-line::after,
    .pelion-loading-inline .material-symbols-outlined,
    .pelion-loading-icon,
    .pelion-loading-dots::after {
        animation: none;
    }
}