/* PicListed design system: shared by the public site and workspace. */
:root{
 --color-ink:#173b35;--color-text:#253d48;--color-muted:#526579;
 --color-brand:#117c63;--color-brand-dark:#095e4a;--color-paper:#f7f8f3;
 --color-workspace:#f5f7f8;--color-surface:#ffffff;--color-soft:#e9f4ee;
 --color-border:#dce5e1;--color-danger:#a82d36;--color-warning:#8a5a12;
 --color-info:#245c8a;--color-skeleton:#e3e9e6;--color-ebay-red:#e53238;--color-ebay-blue:#0064d2;--color-ebay-yellow:#f5af02;--color-ebay-green:#86b817;--color-facebook:#1877f2;
 --font-body:Arial,sans-serif;--font-accent:Georgia,serif;
 --text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;
 --text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;
 --text-5xl:48px;--text-hero:64px;
 --weight-normal:400;--weight-medium:600;--weight-heading:700;--weight-brand:800;
 --leading-heading:1.2;--leading-body:1.6;--leading-reading:1.75;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
 --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
 --space-16:64px;--space-20:80px;--space-24:96px;
 --radius-control:8px;--radius-card:12px;--radius-round:999px;
 --shadow-card:0 1px 3px rgb(23 59 53 / 6%);
 --shadow-overlay:0 16px 48px rgb(23 59 53 / 12%);
 --duration-fast:160ms;--duration-feedback:240ms;--duration-loading:1.2s;
 --ease-standard:cubic-bezier(.2,0,0,1);
}
.loading-skeleton{display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}
.skeleton-line{display:block;height:var(--space-4);max-width:100%;border-radius:var(--radius-control);background:var(--color-skeleton);animation:skeleton-pulse var(--duration-loading) var(--ease-standard) infinite alternate}
.skeleton-line:nth-child(2){width:80%;animation-delay:80ms}.skeleton-line:nth-child(3){width:60%;animation-delay:160ms}
@keyframes skeleton-pulse{from{opacity:.65}to{opacity:1}}
button[aria-busy="true"]{cursor:progress}button[aria-busy="true"]::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:var(--space-2);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-round);animation:busy-spin .8s linear infinite}
@keyframes busy-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}