.loading-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--background) 70%,var(--surface) 30%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay var(--duration-2) var(--ease-standard);padding:var(--spacing-lg);box-sizing:border-box}.loading-content{text-align:center;width:min(420px,100%);max-width:100%;box-sizing:border-box;padding:var(--spacing-lg);background:color-mix(in srgb,var(--card) 95%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.loading-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm);width:auto;max-width:100%;box-sizing:border-box}@media(min-width:640px){.loading-inline{gap:var(--spacing-md)}}.spinner{display:inline-block;position:relative;flex-shrink:0;vertical-align:middle;overflow:hidden;contain:layout style;isolation:isolate}.spinner-circle{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;background:conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 90%,transparent) 0%,transparent 60%,color-mix(in srgb,var(--primary) 60%,transparent) 100%) border-box;-webkit-mask:radial-gradient(circle at center,transparent 60%,#000 61%);mask:radial-gradient(circle at center,transparent 60%,#000 61%);animation:spin .85s linear infinite;transform-origin:center center;will-change:transform}.spinner:before{content:"";position:absolute;inset:12%;border-radius:50%;background:color-mix(in srgb,var(--border) 60%,transparent);filter:blur(.5px);z-index:-1}.spinner-small{width:16px;height:16px}.spinner-small .spinner-circle{border-width:2px}.spinner-medium{width:24px;height:24px}@media(min-width:640px){.spinner-medium{width:32px;height:32px}}.spinner-large{width:32px;height:32px}@media(min-width:640px){.spinner-large{width:48px;height:48px}}.loading-text{color:var(--muted-foreground);font-size:var(--font-size-xs);margin:0;margin-top:var(--spacing-xs);word-wrap:break-word;max-width:100%;box-sizing:border-box;line-height:1.4}@media(min-width:640px){.loading-text{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}}.loading-overlay .loading-text{color:var(--foreground);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(min-width:640px){.loading-overlay .loading-text{font-size:var(--font-size-base)}}.loading-inline .loading-text{margin-top:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.spinner-pulse .spinner-circle{border-color:var(--foreground);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-highlight) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-loading var(--duration-5) ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:var(--font-size-base);margin-bottom:var(--spacing-sm)}.skeleton-title{height:var(--font-size-lg);width:60%;margin-bottom:var(--spacing-md)}.skeleton-card{height:200px;margin-bottom:var(--spacing-md)}@media(min-width:640px){.skeleton-card{height:250px}}.skeleton-button{height:var(--touch-target-min);width:120px}@media(min-width:640px){.skeleton-button{height:2.5rem}}