@property --home-workflow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.home-workflow-card{isolation:isolate;position:relative}.home-workflow-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.home-workflow-icon{color:var(--accent-blue);border:1px solid color-mix(in oklab, var(--accent-blue) 22%, var(--border));background:linear-gradient(145deg, var(--surface), color-mix(in oklab, var(--accent-blue) 16%, var(--surface)));flex-shrink:0;position:relative;overflow:hidden}.home-workflow-icon:before{content:"";border-radius:inherit;border-top:1px solid color-mix(in oklab, var(--accent-foreground) 65%, transparent);pointer-events:none;position:absolute;inset:1px}.home-workflows[data-motion=playing] [data-workflow-cue=true]{border-color:var(--accent-blue);background:linear-gradient(120deg, color-mix(in oklab, var(--accent-blue) 8%, var(--surface)), var(--surface) 70%);box-shadow:var(--shadow-glow), var(--shadow-card)}.home-workflows[data-motion=playing] [data-workflow-cue=true]:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--home-workflow-angle), transparent 0deg, color-mix(in oklab, var(--accent-blue) 35%, transparent) 35deg, var(--accent-blue) 85deg, var(--accent-foreground) 100deg, var(--accent-blue) 115deg, transparent 160deg);-webkit-mask:linear-gradient(var(--surface) 0 0) content-box, linear-gradient(var(--surface) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--surface) 0 0) content-box, linear-gradient(var(--surface) 0 0);-webkit-mask:linear-gradient(var(--surface) 0 0) content-box, linear-gradient(var(--surface) 0 0);mask:linear-gradient(var(--surface) 0 0) content-box, linear-gradient(var(--surface) 0 0);-webkit-mask-composite:xor;padding:3px;animation:5s linear forwards home-workflow-invite;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.home-workflows[data-motion=playing] [data-workflow-cue=true] .home-workflow-icon{color:var(--accent-foreground);border-color:var(--accent-blue);background:linear-gradient(145deg, color-mix(in oklab, var(--accent-blue) 78%, var(--surface)), var(--accent-blue))}.home-workflows[data-motion=playing] [data-workflow-cue=true] .home-workflow-icon:after{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 35%, color-mix(in oklab, var(--accent-foreground) 45%, transparent) 50%, transparent 65%);animation:6s ease-in-out home-workflow-icon-glint;position:absolute;inset:-50%}@keyframes home-workflow-invite{0%{--home-workflow-angle:0deg}to{--home-workflow-angle:360deg}}@keyframes home-workflow-icon-glint{0%{transform:translate(-80%)}to{transform:translate(80%)}}@media (prefers-reduced-motion:reduce){.home-workflow-motion-controls{display:none}.home-workflows .home-workflow-card,.home-workflows [data-workflow-cue]:after,.home-workflows .home-workflow-icon:after{transform:none;animation:none!important}.home-workflows [data-workflow-cue]:after,.home-workflows .home-workflow-icon:after{content:none}.home-workflows .transition-transform{transition:none;transform:none}}