:root{--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--lh-tight:1.3;--lh-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--target-min:44px}:root,[data-workspace-theme]{--ui-surface:var(--bg-card);--ui-surface-raised:var(--bg-elevated);--ui-border:var(--border-subtle);--ui-text:var(--text-primary);--ui-text-muted:var(--text-secondary);--ui-accent:var(--workspace-gold,var(--accent-primary));--ui-on-accent:var(--bg-base);--ui-success:var(--status-success);--ui-warning:var(--status-warning);--ui-danger:var(--workspace-error,#ff8a80);--ui-focus:var(--ui-accent)}[data-clan-workspace]{--ui-display-size:clamp(30px, 3.3vw, 46px);--ui-canvas:#101215;--ui-surface:#15181d;--ui-surface-raised:#1d2128;--ui-surface-inset:#11151b;--ui-border:#30353d;--ui-border-strong:#66758b;--ui-text:#f3f3f4;--ui-text-muted:#aab1bf;--ui-accent:#ffc35b;--ui-on-accent:#191810;--ui-success:#70d49a;--ui-warning:#edc363;--ui-info:#67dacf;--ui-focus:var(--ui-info)}:root,[data-workspace-theme]{accent-color:var(--ui-accent)}
@keyframes skeleton-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}@keyframes vault-skeleton-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes vault-loading-spin{to{transform:rotate(360deg)}}.vault-loading-status{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.8rem;display:inline-flex}.vault-loading-spinner{border:2px solid #67e8f933;border-top-color:#67e8f9;border-radius:50%;flex:none;width:.9rem;height:.9rem;animation:.85s linear infinite vault-loading-spin}@keyframes vault-card-scan{0%{opacity:0;transform:translate(-130%)rotate(10deg)}16%{opacity:.72}58%{opacity:.42}to{opacity:0;transform:translate(340%)rotate(10deg)}}@keyframes vault-core-pulse{0%,to{opacity:.46}50%{opacity:.82}}@keyframes vault-orbit-spin{to{transform:translate(-50%)rotate(360deg)}}.profile-loading .skeleton{isolation:isolate;background:linear-gradient(90deg,#14192abd,#1c233ad1,#14192abd);animation:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,inset 0 0 0 1px #8f94fb09}.profile-loading .skeleton:after{content:"";z-index:1;border-radius:inherit;animation:1.6s ease-in-out infinite vault-skeleton-scan;animation-delay:calc(var(--vault-delay,0s) - .8s);pointer-events:none;background:linear-gradient(100deg,#0000 10%,#67e8f91f 35%,#b9c2ff61 50%,#67e8f91f 65%,#0000 90%);position:absolute;inset:0;transform:translate(-100%)}.profile-loading{--vault-delay:0s}.profile-loading[aria-busy=true]{cursor:progress}.profile-loading .vault-loading-card{isolation:isolate;position:relative;overflow:hidden}.profile-loading .vault-loading-card:not(.vault-loading-hero):after{content:"";z-index:0;pointer-events:none;width:38%;animation:4.4s cubic-bezier(.2,.85,.3,1) infinite vault-card-scan;animation-delay:var(--vault-delay,0s);will-change:transform, opacity;background:linear-gradient(90deg,#0000,#67e8f90f,#8f94fb1f,#0000);border-radius:999px;position:absolute;inset:-45% auto -45% -32%;transform:translate(-130%)rotate(10deg)}.profile-loading .vault-loading-card:not(.vault-loading-hero)>*{z-index:1;position:relative}.profile-loading .vault-loading-hero{box-shadow:0 0 0 1px #67e8f938,0 24px 70px #a6afbd1f,inset 0 1px #ffffff0a}.profile-loading .vault-avatar-core{background:radial-gradient(circle at 50% 38%,#67e8f933,#8f94fb1a 45%,#14192a4d 72%),#14192ab8!important}.profile-loading .vault-loader-orbit{z-index:0;background:conic-gradient(from 0deg, transparent 0 54%, #67e8f9c2, #8f94fb52, transparent 78% 100%);opacity:.52;pointer-events:none;border-radius:999px;width:128px;height:128px;animation:4.8s linear infinite vault-orbit-spin,2.8s ease-in-out infinite vault-core-pulse;position:absolute;top:2.45rem;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#0000 0 54%,#000 56% 64%,#0000 66%);mask:radial-gradient(circle,#0000 0 54%,#000 56% 64%,#0000 66%)}.vault-delay-1{--vault-delay:.11s}.vault-delay-2{--vault-delay:.22s}.vault-delay-3{--vault-delay:.33s}.vault-delay-4{--vault-delay:.44s}.vault-delay-5{--vault-delay:.55s}.vault-delay-6{--vault-delay:.66s}.skeleton-line{background:linear-gradient(90deg,#8894b412 0%,#a6afbd24 45%,#8894b412 90%) 0 0/240% 100%;border-radius:6px;height:.75rem;animation:1.35s linear infinite skeleton-shimmer;position:relative;overflow:hidden}.skeleton-sm{width:8rem;margin:0 auto}.skeleton-md{width:16rem;margin:.5rem auto 0}.skeleton-lg{width:22rem;height:1.8rem;margin:.75rem auto 0}.skeleton-card{background:linear-gradient(90deg,#14192ab8 0%,#a6afbd1a 45%,#14192ab8 90%) 0 0/240% 100%;border:1px solid #8894b41a;border-radius:8px;height:140px;animation:1.35s linear infinite skeleton-shimmer;box-shadow:inset 0 1px #ffffff09}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:2rem;display:grid}.skeleton-row{background:linear-gradient(90deg,#14192ab8 0%,#a6afbd1a 45%,#14192ab8 90%) 0 0/240% 100%;border-radius:8px;height:48px;animation:1.35s linear infinite skeleton-shimmer}.skeleton-rows{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}@media (prefers-reduced-motion:reduce){.profile-loading .skeleton:after,.profile-loading .vault-loading-card:after,.profile-loading .vault-loader-orbit,.vault-loading-spinner,.skeleton-line,.skeleton-card,.skeleton-row{animation:none}.profile-loading .skeleton:after,.profile-loading .vault-loading-card:after,.profile-loading .vault-loader-orbit{opacity:0}}
