:root{--bg-color:#fff;--text-color:#000;--card-bg:#f0f0f0;--footer-bg:#f0f0f0;--skeleton-bg:#e0e0e0;--button-bg:#333;--button-text:#fff;--border-bg:#666;--primary-color:#007bff;--primary-color-rgb:0,123,255}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#fff;--card-bg:#2a2a2a;--footer-bg:#2a2a2a;--skeleton-bg:#3a3a3a;--button-bg:#f0f0f0;--button-text:#333;--border-bg:#f0f0f0;--primary-color:#4da3ff;--primary-color-rgb:77,163,255}body{box-sizing:border-box;margin:0}.vue-skeletor{background-color:#0000001f;overflow:hidden;position:relative}.vue-skeletor:not(.vue-skeletor--shimmerless):after{animation:shimmer 1.5s infinite;background-image:linear-gradient(90deg,#fff0,#ffffff4d,#25161600);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);width:100%}.vue-skeletor--circle,.vue-skeletor--rect{display:block}.vue-skeletor--circle{border-radius:50%}.vue-skeletor--pill,.vue-skeletor--text{border-radius:9999px}.vue-skeletor--text{display:inline-block;height:inherit;line-height:1;top:-1px;vertical-align:middle;width:100%}@keyframes shimmer{to{transform:translate(100%)}}.app{background-color:var(--bg-color);padding:24px}